Team:Tuebingen/Template/Tuebingen
From 2013.igem.org
(Difference between revisions)
Jakobmatthes (Talk | contribs) |
|||
(451 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<!-- styles --> | <!-- styles --> | ||
</html> | </html> | ||
+ | |||
<html> | <html> | ||
+ | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
/* Droid Sans from Google Web fonts */ | /* Droid Sans from Google Web fonts */ | ||
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); | @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); | ||
- | /* hide elements */ | + | /* Open Sans from Google Web fonts */ |
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | /* hide various iGEM-elements */ | ||
+ | |||
h1.firstHeading { | h1.firstHeading { | ||
+ | background-color: red; | ||
display: none; | display: none; | ||
} | } | ||
- | + | .firstHeading { | |
- | + | display: none; | |
} | } | ||
- | + | #top-section { | |
- | + | margin-left: 1em auto; | |
+ | width: 77em !important; | ||
+ | border: none; | ||
+ | height: 1.2em; | ||
+ | background-color: white; | ||
} | } | ||
- | + | #catlinks { | |
- | # | + | display: none !important; |
- | + | ||
} | } | ||
- | # | + | /* disable search-controls (top right corner) */ |
- | + | #search-controls { | |
- | + | display: none !important; | |
- | + | } | |
- | + | ||
- | + | #searchInput { | |
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .searchButton { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* change the menubar (top menu) */ | ||
+ | #menubar { | ||
+ | display: table-cell; | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #menubar * { | ||
+ | color: transparent !important; | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | #top-section:hover #menubar * { | ||
+ | color: #8F8F8F !important; | ||
+ | } | ||
+ | |||
+ | /* Disable Table Of Contents */ | ||
+ | table#toc { | ||
+ | display: none; | ||
+ | float: right; | ||
+ | margin: 0em; | ||
} | } | ||
- | # | + | #footer-box { |
- | + | margin-left: auto; | |
+ | width: 76.2em; | ||
+ | border: none; | ||
position: relative; | position: relative; | ||
- | padding: | + | padding: 5px !important; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 54: | Line 96: | ||
} | } | ||
span.editsection a { | span.editsection a { | ||
- | color: | + | color: black; |
+ | } | ||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* actual styling */ | ||
+ | /* ------------------------------------------------------------------------------------ */ | ||
+ | body { | ||
+ | /* background-image: url(' '); | ||
+ | background-size: cover; */ | ||
+ | background-color: #424242; | ||
+ | font-family: 'Open Sans', Arial, sans-serif; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #content { /* ------------------------------------------------- #CONTENT */ | ||
+ | background-color: white !important; | ||
+ | margin: 0em auto !important; | ||
+ | border: none !important; | ||
+ | padding: 0em !important; | ||
+ | position: relative; | ||
+ | width: 77em; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | div#bodyContent { /* ------------------------------------------------- #BODYCONTENT */ | ||
+ | background-color: white; | ||
+ | width: 76em; | ||
+ | padding: 0.5em; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | height: auto; | ||
+ | } | ||
+ | #teamLogoBox { | ||
+ | width: 60.25em; | ||
+ | height: 17em; | ||
+ | background-color: #AAAAAA; | ||
+ | color: white; | ||
+ | overflow: hidden; | ||
+ | font-size: 16px; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #actualHeadingOne { | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-weight: 700; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | font-size: 35px; | ||
+ | width: 20.7em; | ||
+ | height: 1.2em; | ||
+ | margin-top: 0em; | ||
+ | background-color: #009967; | ||
+ | color: white; | ||
+ | padding-top: 0.8em; | ||
+ | padding-left: 0.5em; | ||
+ | } | ||
+ | #actualHeadingTwo { | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-weight: 700; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | font-size: 35px; | ||
+ | width: 20.7em; | ||
+ | height: 1.2em; | ||
+ | margin-top: 0em; | ||
+ | background-color: #1B7643; | ||
+ | color: white; | ||
+ | padding-top: 0.8em; | ||
+ | padding-left: 0.5em; | ||
+ | } | ||
+ | #actualHeadingThree { | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-weight: 700; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | font-size: 35px; | ||
+ | width: 20.7em; | ||
+ | height: 1.2em; | ||
+ | margin-top: 0em; | ||
+ | background-color: #4F9A2B; | ||
+ | color: white; | ||
+ | padding-top: 0.8em; | ||
+ | padding-left: 0.5em; | ||
+ | } | ||
+ | |||
+ | #actualContent { | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | font-size: 14px; | ||
+ | width: 51.05em; | ||
+ | height: auto; | ||
+ | margin-top: 0.5em; | ||
+ | background-color: white; | ||
+ | padding-top: 0em; | ||
+ | padding-left: 1em; | ||
+ | padding-right: 1em; | ||
+ | padding-bottom: 0.5em; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #actualContent p { | ||
+ | line-height: 26px; | ||
+ | margin-bottom: 16px; | ||
+ | } | ||
+ | |||
+ | #actualContent a{ | ||
+ | color: #009965; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #actualContent a:hover { | ||
+ | color: #A51E37; | ||
+ | text-decoration: none; | ||
+ | border-bottom: 1px dotted; | ||
+ | border-color: #A51E37; | ||
+ | } | ||
+ | #actualContent a:active { | ||
+ | color: black; | ||
+ | text-decoration: underline; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #actualAbstract { | ||
+ | background-color:#F5F5F5; | ||
+ | margin-top: 1em; | ||
+ | padding: 0.1em 1em 0.1em 1em; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #actualAbstractTitle { | ||
+ | margin-left: 0.3em; | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | |||
+ | #actualReferences { | ||
+ | background-color:#ABB1AA; | ||
+ | padding: 0.1em 1em 0.1em 1em; | ||
+ | text-align: justify; | ||
+ | position: relative; | ||
+ | } | ||
+ | #actualReferencesTitle { | ||
+ | margin-left: 0.3em; | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | |||
+ | span { | ||
+ | font-size: 35px; | ||
+ | } | ||
+ | |||
+ | #iGEMwhite { | ||
+ | width: 70px; | ||
+ | float: right; | ||
+ | display: none; | ||
+ | margin-top: -30px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #iGEMblack { | ||
+ | width: 70px; | ||
+ | float: right; | ||
+ | margin-top: -30px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #homeLink { | ||
+ | color: black; | ||
} | } | ||
</style> | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <!-- -------------------------------------------------------------------- BODY --> | ||
+ | <a name="Top"></a> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2013/5/50/IGEM_basic_Logo_white_stylized_small.png" id="iGEMwhite"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/8/86/IGEM_basic_Logo_stylized_small.png" id="iGEMblack"> | ||
+ | |||
+ | <p style="position: absolute; right: 85px"><a href="https://2013.igem.org/Main_Page" id="homeLink">Return to iGEM Main Page.</a></p> | ||
+ | |||
+ | <div id="teamLogoBox"><a href="https://2013.igem.org/Team:Tuebingen"><img id="teamLogoImg" src="https://static.igem.org/mediawiki/2013/0/08/TeamTuebingenIMG_small_sharp_standalone.jpg"></a></div> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | <!-- include navigation --> | ||
+ | {{:Team:Tuebingen/Template/NavigationAccLava}} | ||
+ | |||
<!-- google analytics --> | <!-- google analytics --> | ||
<html> | <html> | ||
Line 74: | Line 303: | ||
</script> | </script> | ||
</html> | </html> | ||
- | |||
- | |||
- |
Latest revision as of 20:46, 14 October 2014