Team:Tuebingen/Templates/TueWikiBase
From 2014.igem.org
(Difference between revisions)
(473 intermediate revisions not shown) | |||
Line 12: | 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'> |
Line 22: | Line 22: | ||
font-size: 9pt; | font-size: 9pt; | ||
background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Tue2014_Background_BloodBokeh.png'); | background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Tue2014_Background_BloodBokeh.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | |||
} | } | ||
#content { /* ----------------------------------------------------- #CONTENT */ | #content { /* ----------------------------------------------------- #CONTENT */ | ||
- | background-color: | + | background-color: transparent !important; |
- | margin: | + | margin: auto; |
border: none !important; | border: none !important; | ||
padding: 0px !important; | padding: 0px !important; | ||
position: relative; | position: relative; | ||
- | width: | + | width: 100% !important; |
height: auto; | height: auto; | ||
} | } | ||
div#bodyContent { /* ------------------------------------------------- #BODYCONTENT */ | div#bodyContent { /* ------------------------------------------------- #BODYCONTENT */ | ||
+ | background-color: transparent !important; | ||
+ | width: 100% ; | ||
+ | position: relative; | ||
+ | margin-top: 20px !important; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #TueContent { | ||
background-color: white; | background-color: white; | ||
- | width: | + | width: 920px; |
position: relative; | position: relative; | ||
margin: auto; | 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; | |
- | font-size: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
text-align: justify; | 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 { |
- | line-height: | + | 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 { |
- | line-height: | + | 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 { | nav { | ||
- | + | top: -22px; | |
position: absolute; | position: absolute; | ||
- | + | width: 100%; | |
+ | z-index: 99; | ||
} | } | ||
+ | |||
nav ul { | nav ul { | ||
- | padding: | + | padding: 0px !important; |
- | margin: | + | margin: 0px !important; |
text-align: center; | text-align: center; | ||
- | line-height: | + | line-height: 43px !important; |
+ | height: 71px; | ||
} | } | ||
Line 102: | Line 185: | ||
display: inline-block; | display: inline-block; | ||
text-align: left; | text-align: left; | ||
- | |||
margin-left: -5px; | margin-left: -5px; | ||
- | + | margin-top: 0px; | |
+ | font-size: 14pt; | ||
+ | font-weight: bold; | ||
+ | top: -5px !important; | ||
+ | |||
} | } | ||
+ | |||
nav ul li a { | nav ul li a { | ||
text-decoration: none !important; | text-decoration: none !important; | ||
display: block; | display: block; | ||
color: black !important; | color: black !important; | ||
- | padding: 14px 34px 14px 34px | + | padding: 14px 34px 14px 34px; |
+ | height: auto; | ||
transition: background 0.3s ease-out; /* explorer 10 */ | transition: background 0.3s ease-out; /* explorer 10 */ | ||
Line 139: | Line 227: | ||
background-color: #009766; | 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 { | nav ul li:hover > a { | ||
color: white !important; | color: white !important; | ||
Line 154: | Line 256: | ||
margin-left: 5px !important; | margin-left: 5px !important; | ||
text-align: inherit; | text-align: inherit; | ||
+ | height: 100%; | ||
} | } | ||
nav ul li ul li{ | nav ul li ul li{ | ||
float: none; | float: none; | ||
display: block; | display: block; | ||
- | margin-bottom: - | + | margin-bottom: 0px; |
+ | font-size: 12pt; | ||
} | } | ||
nav ul li ul li a { | nav ul li ul li a { | ||
Line 165: | Line 269: | ||
} | } | ||
nav ul li ul li a:hover{ | nav ul li ul li a:hover{ | ||
- | color: black!important; | + | color: black !important; |
- | background-color: | + | background-color: #FAFAFA !important; |
text-decoration: none !important; | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | nav ul img { | ||
+ | padding-top: 0px !important; | ||
+ | padding-bottom: 0px !important; | ||
} | } | ||
Line 179: | Line 288: | ||
<nav> | <nav> | ||
<ul> | <ul> | ||
- | + | <li class = "catX"> | |
- | <a href=" | + | <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> | ||
<li class = "cat2"> | <li class = "cat2"> | ||
<a href="#">Project</a> | <a href="#">Project</a> | ||
<ul> | <ul> | ||
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Project/Overview">Overview</a></li> |
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Project/Motivation">Motivation</a></li> |
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Project/Plasmids">Plasmids</a></li> |
- | <li><a href=" | + | <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> | </ul> | ||
</li> | </li> | ||
Line 194: | Line 320: | ||
<a href="#">Team</a> | <a href="#">Team</a> | ||
<ul> | <ul> | ||
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Team/About">About Us</a></li> |
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Team/Acknowledgements">Acknowledgements</a></li> |
+ | <li><a href="/Team:Tuebingen/Team/Attributions">Attributions</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 201: | Line 328: | ||
<a href="#">Notebook</a> | <a href="#">Notebook</a> | ||
<ul> | <ul> | ||
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Notebook/Protocols">Protocols</a></li> |
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Notebook/Journal">Lab Journal</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 208: | Line 335: | ||
<a href="#">Activities</a> | <a href="#">Activities</a> | ||
<ul> | <ul> | ||
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Activities/SynBioDay">SynBioDay</a></li> |
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Activities/SchoolProject">School-Project</a></li> |
- | <li><a href=" | + | <li><a href="/Team:Tuebingen/Activities/AachenMeetup">Aachen Meetup</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
<li class = "cat6"> | <li class = "cat6"> | ||
<a href="#">Results</a> | <a href="#">Results</a> | ||
<ul> | <ul> | ||
- | <li><a href=" | + | <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> | ||
+ | |||
<li class = "cat7"> | <li class = "cat7"> | ||
- | <a href=" | + | <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> | </li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
- | + | ||
- | + | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:37, 18 October 2014