Team:Tuebingen/Templates/TueWikiBase
From 2014.igem.org
(Difference between revisions)
(Created page with "{{:Team:Tuebingen/Templates/BlankWiki}} <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <link href='http...") |
|||
(505 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:Tuebingen/Templates/BlankWiki}} | {{:Team:Tuebingen/Templates/BlankWiki}} | ||
+ | |||
+ | {{:Team:Tuebingen/Templates/TueDropMenu}} | ||
+ | |||
+ | |||
+ | <html> | ||
<head> | <head> | ||
Line 7: | Line 12: | ||
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | ||
- | <link href='http://fonts.googleapis.com/css?family= | + | <link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'> |
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | body { | ||
+ | background-color: white; | ||
+ | font-family: 'Open Sans', Arial, sans-serif; | ||
+ | font-size: 9pt; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Tue2014_Background_BloodBokeh.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | |||
+ | } | ||
+ | |||
+ | #content { /* ----------------------------------------------------- #CONTENT */ | ||
+ | background-color: transparent !important; | ||
+ | margin: auto; | ||
+ | border: none !important; | ||
+ | padding: 0px !important; | ||
+ | position: relative; | ||
+ | width: 100% !important; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | div#bodyContent { /* ------------------------------------------------- #BODYCONTENT */ | ||
+ | background-color: transparent !important; | ||
+ | width: 100% ; | ||
+ | position: relative; | ||
+ | margin-top: 20px !important; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #TueContent { | ||
+ | background-color: white; | ||
+ | width: 920px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | margin-top: 55px; | ||
+ | margin-bottom: 30px; | ||
+ | padding: 20px 40px 40px 40px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #TueContent img { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #TueContent p { | ||
+ | font-size: 12pt; | ||
+ | text-align: justify; | ||
+ | line-height: 18pt; | ||
+ | padding-bottom: 6pt; | ||
+ | |||
+ | } | ||
+ | #TueContent a { | ||
+ | color: #9C1A16; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #TueContent a:hover { | ||
+ | color: #9C1A16; | ||
+ | text-decoration: none; | ||
+ | border-bottom: 1px dotted; | ||
+ | border-color: #9C1A16; | ||
+ | } | ||
+ | #TueContent a:active { | ||
+ | color: black; | ||
+ | text-decoration: underline; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #TueContent ul { | ||
+ | list-style-type: disc !important; | ||
+ | color: black !important; | ||
+ | font-size: 12pt !important; | ||
+ | list-style-image: none !important; | ||
+ | line-height: 18pt !important; | ||
+ | padding-bottom: 6pt; | ||
+ | } | ||
+ | |||
+ | #TueContent ol { | ||
+ | color: black !important; | ||
+ | font-size: 12pt !important; | ||
+ | line-height: 18pt !important; | ||
+ | padding-bottom: 6pt; | ||
+ | } | ||
+ | |||
+ | #TueContent table { | ||
+ | font-size: 12pt !important; | ||
+ | line-height: 18pt !important | ||
+ | } | ||
+ | |||
+ | #picText { | ||
+ | text-align: justify !important; | ||
+ | font-size: 10pt !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | #picTextCenter { | ||
+ | text-align: center !important; | ||
+ | font-size: 10pt !important; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-family: 'Headland One', Minion Pro, serif, 'Open Sans', sans-serif; | ||
+ | position: relative; | ||
+ | font-size: 26pt; | ||
+ | text-align: left; | ||
+ | width: 960px; | ||
+ | padding-left: 20px; | ||
+ | padding-top: 35px; | ||
+ | height: 50px; | ||
+ | background-color: #8E0000; | ||
+ | color: white; | ||
+ | left: -20px; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: 'Headland One', serif, 'Open Sans', sans-serif; | ||
+ | position: relative; | ||
+ | font-size: 18pt; | ||
+ | text-align: left; | ||
+ | padding-left: 20px; | ||
+ | padding-top: 20px; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | color: black; | ||
+ | font-size: 18pt; | ||
+ | font-family: 'Headland One', serif, 'Open Sans', sans-serif; | ||
+ | padding-bottom: 8pt; | ||
+ | padding-top: 20pt; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ---------- DROP DOWN MENU CSS STARTS HERE ---------- */ | ||
+ | |||
+ | nav { | ||
+ | top: -22px; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | z-index: 99; | ||
+ | } | ||
+ | |||
+ | nav ul { | ||
+ | padding: 0px !important; | ||
+ | margin: 0px !important; | ||
+ | text-align: center; | ||
+ | line-height: 43px !important; | ||
+ | height: 71px; | ||
+ | |||
+ | } | ||
+ | |||
+ | nav ul:after { | ||
+ | clear: both; | ||
+ | content: " "; | ||
+ | display: block; | ||
+ | font-size: 0; | ||
+ | height: 0 !important; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | nav ul,nav ul li{ | ||
+ | background-color: white; | ||
+ | } | ||
+ | nav ul li { | ||
+ | list-style: none; | ||
+ | float: none; | ||
+ | display: inline-block; | ||
+ | text-align: left; | ||
+ | margin-left: -5px; | ||
+ | margin-top: 0px; | ||
+ | font-size: 14pt; | ||
+ | font-weight: bold; | ||
+ | top: -5px !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | nav ul li a { | ||
+ | text-decoration: none !important; | ||
+ | display: block; | ||
+ | color: black !important; | ||
+ | padding: 14px 34px 14px 34px; | ||
+ | height: auto; | ||
+ | |||
+ | transition: background 0.3s ease-out; /* explorer 10 */ | ||
+ | -webkit-transition: background 0.3s ease-out; /* chrome & safari */ | ||
+ | -moz-transition: background 0.3 ease-out; /* firefox */ | ||
+ | -o-transition: background 0.3 ease-out; /* opera */ | ||
+ | } | ||
+ | |||
+ | nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a { | ||
+ | background-color: #006534; | ||
+ | } | ||
+ | nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a { | ||
+ | background-color: #FF2727; | ||
+ | } | ||
+ | nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a { | ||
+ | background-color: #B20000; | ||
+ | } | ||
+ | nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a { | ||
+ | background-color: #7E0000; | ||
+ | } | ||
+ | nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a { | ||
+ | background-color: #F22100; | ||
+ | } | ||
+ | nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a { | ||
+ | background-color: #C61E18; | ||
+ | } | ||
+ | nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a { | ||
+ | background-color: #009766; | ||
+ | } | ||
+ | nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a { | ||
+ | background-color: #EF4136; | ||
+ | } | ||
+ | nav ul li.catX:hover a, nav ul li.catX:hover > ul li a { | ||
+ | background-color: white; | ||
+ | } | ||
+ | .catX a{ | ||
+ | margin-bottom: -100px !important; | ||
+ | |||
+ | height: auto !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | nav ul li:hover > a { | ||
+ | color: white !important; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | nav ul li:hover > ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | nav ul li ul{ | ||
+ | display: inline; | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | padding:0px; | ||
+ | margin-left: 5px !important; | ||
+ | text-align: inherit; | ||
+ | height: 100%; | ||
+ | } | ||
+ | nav ul li ul li{ | ||
+ | float: none; | ||
+ | display: block; | ||
+ | margin-bottom: 0px; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | nav ul li ul li a { | ||
+ | color: white !important; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | nav ul li ul li a:hover{ | ||
+ | color: black !important; | ||
+ | background-color: #FAFAFA !important; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | nav ul img { | ||
+ | padding-top: 0px !important; | ||
+ | padding-bottom: 0px !important; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <body > | ||
+ | |||
+ | |||
+ | <nav> | ||
+ | <ul> | ||
+ | <li class = "catX"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/0a/Tue2014_Logo_big_black_noText.png" style="width:50px; margin-right: 30px"> | ||
+ | </li> | ||
+ | |||
+ | <li class = "cat1"> | ||
+ | <a href="/Team:Tuebingen">Home</a> | ||
+ | </li> | ||
+ | <li class = "cat2"> | ||
+ | <a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tuebingen/Project/Overview">Overview</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Project/Motivation">Motivation</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Project/Plasmids">Plasmids</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Project/ImmobilizationTags">Immobilization Tags</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Project/SyntheticPeptides">Synthetic Peptides</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Project/Enzymes">Enzymes</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Project/Applications">Applications</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class = "cat8"> | ||
+ | <a href="#">Collaboration</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tuebingen/Collaboration/Intellectual_Property">Intellectual property</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Collaboration/TeamHeidelberg">Team Heidelberg</a> | ||
+ | <li><a href="/Team:Tuebingen/Collaboration/TeamUiOslo">Team Ui Oslo</a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class = "cat3"> | ||
+ | <a href="#">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tuebingen/Team/About">About Us</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Team/Acknowledgements">Acknowledgements</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Team/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class = "cat4"> | ||
+ | <a href="#">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tuebingen/Notebook/Protocols">Protocols</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Notebook/Journal">Lab Journal</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class = "cat5"> | ||
+ | <a href="#">Activities</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tuebingen/Activities/SynBioDay">SynBioDay</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Activities/SchoolProject">School-Project</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Activities/AachenMeetup">Aachen Meetup</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class = "cat6"> | ||
+ | <a href="#">Results</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tuebingen/Results/BioBricks">Shipped Parts</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Results/Modeling">Modeling</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Results/Characterization">Characterization</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class = "cat7"> | ||
+ | <a href="/Team:Tuebingen/Contact">Contact</a> | ||
+ | |||
+ | </li> | ||
+ | <li class = "catX"> | ||
+ | <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/0/00/Tue2014_iGEM_Logo_black.png" style="width: 50px"></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Latest revision as of 03:37, 18 October 2014