Difference between revisions of "Template:Tuebingen"
Line 1: | Line 1: | ||
<html> | <html> | ||
− | < | + | |
− | + | <!-- Start of CSS--> | |
− | + | <style type="text/css"> | |
− | + | ||
− | + | /* WIKI SETTINGS*/ | |
− | + | /* Hide first heading */ | |
− | + | .firstHeading { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | /*Font Chalk it up*/ | + | /*-- Remove borders, float content left and remove padding/margin */ |
− | + | #globalWrapper, #content{ | |
− | + | background-color: transparent; | |
− | + | border: 0px; | |
+ | margin:0 auto; | ||
+ | padding: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | /*Fixed E.coli at the site*/ | ||
+ | #fixedcoli { | ||
+ | position: fixed; | ||
+ | right: 50px; | ||
+ | top: 80%; | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | margin-top: -2.5em; | ||
+ | } | ||
+ | |||
+ | /*Font Chalk it up*/ | ||
+ | @font-face { | ||
+ | font-family: chalkitup; | ||
+ | src: url(https://static.igem.org/mediawiki/2015/5/54/Djb_chalk_it_up.ttf); | ||
+ | } | ||
+ | |||
+ | div { | ||
+ | font-family: chalkitup; | ||
+ | } | ||
+ | |||
+ | /* Change Background color*/ | ||
+ | body { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/b/ba/Team_Tuebingen_bg_palindrom.jpg); | ||
+ | background-size: 100% auto; | ||
+ | background-attachment: fixed; | ||
} | } | ||
− | + | ||
− | + | /* Creates a container that will wrap all of the content inside your wiki pages. */ | |
− | + | #mainContainer { | |
− | + | width: 900px; | |
− | + | margin-top: 0px; | |
− | background- | + | margin-left: auto; |
− | + | margin-right: auto; | |
+ | margin-bottom: 10px; | ||
+ | background-color: rgba(255,250,240, 0.75); | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
} | } | ||
− | + | /* Creates the container for the menu */ | |
− | + | #menuContainer { | |
− | + | height:40px; | |
} | } | ||
− | + | /* Creates the container for the content */ | |
− | + | #contentContainer { | |
− | padding: | + | padding-top:50px; |
− | border: | + | padding-right:10px; |
− | + | margin-bottom: 20px; | |
+ | width: 814px; | ||
+ | padding-left: 40px; | ||
+ | float: left; | ||
+ | background: rgba(251,255,232, 0.6) | ||
+ | border-top: 14px solid #565656; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
} | } | ||
− | + | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | |
− | #mainContainer { | + | |
− | + | /*Change the styling of text for everything inside main container*/ | |
+ | #mainContainer p { | ||
+ | font-size: 13px; | ||
+ | color: #000000; | ||
} | } | ||
− | + | ||
− | #contentContainer { | + | /*This changes the color and font family */ |
− | + | #contentContainer h1, h2, h3, h4, h5, h6 { | |
+ | color: #565656; | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | margin-top:10px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div id="mainContainer"> | + | /*Style of the links - links are different inside the menu */ |
− | + | #contentContainer a { | |
− | + | font-weight: bold; | |
− | + | color: #23b593; | |
− | + | } | |
− | + | ||
− | + | /* Styling links on hover- links are different inside the menu */ | |
− | + | #contentContainer a:hover { | |
− | + | color: #59bf92; | |
− | </div> | + | } |
− | + | ||
− | + | /*Change the styling of tables */ | |
+ | #contentContainer table { | ||
+ | border: 1px solid #565656; | ||
+ | border-collapse: collapse; | ||
+ | width: 90% | ||
+ | margin: auto; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table cells*/ | ||
+ | #contentContainer td { | ||
+ | padding: 10px; | ||
+ | border: 1px solid #565656; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table headers */ | ||
+ | #contentContainer th { | ||
+ | background-color: #E8E8E9; | ||
+ | padding: 10px; | ||
+ | border: 1px solid #565656; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | /*MENU STYLING */ | ||
+ | #menu { font-size:20px; | ||
+ | font-family: chalkitup; | ||
+ | position: fixed; | ||
+ | } | ||
+ | #menu ul { | ||
+ | list-style-type:none; | ||
+ | list-style-image:none; | ||
+ | margin:0 auto; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #menu li.topmenu { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #menu .topmenu a { | ||
+ | float:left; | ||
+ | min-width: 110px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #menu .topmenu ul{ | ||
+ | display:none; | ||
+ | } | ||
+ | #menu .topmenu a, #menu .submenu a{ | ||
+ | padding:4px 4px; | ||
+ | border:5px solid #f5fffb; | ||
+ | border-collapse:collapse; | ||
+ | color:#ffffff; | ||
+ | font-weight: normal; | ||
+ | text-decoration:none; | ||
+ | background-color:#59BF92, 0.5; | ||
+ | margin:0; } | ||
+ | .submenu a{ | ||
+ | font-size:14px; | ||
+ | width:110px; | ||
+ | position:relative; | ||
+ | clear:both; /* special IE6 */ | ||
+ | } | ||
+ | |||
+ | #menu a:hover, .topmenu.on a { | ||
+ | color:#f5fffb; | ||
+ | background-color:#2b8f53!important; | ||
+ | } | ||
+ | |||
+ | #menu .topmenu:hover ul { | ||
+ | display:block; z-index:1200; | ||
+ | } | ||
+ | |||
+ | /*CLASSES */ | ||
+ | /*Clear class for all the pages, adds spacing too*/ | ||
+ | .clear{ | ||
+ | clear:both; | ||
+ | height: 10px; | ||
+ | } | ||
+ | |||
+ | /* highlight box for special messages */ | ||
+ | .highlightBox { | ||
+ | width:500px; margin:auto; background-color: #E8E8E9; margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | padding: 15px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- End of CSS --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- Start of the template html elements. --> | ||
+ | <div id="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.--> | ||
+ | |||
+ | <div id="menuContainer"> | ||
+ | <!-- Start of menu --> | ||
+ | </p> | ||
+ | <div id="menu"> | ||
+ | <ul> | ||
+ | <li class="topmenu"> | ||
+ | <a href="https://2015.igem.org/Team:Tuebingen">HOME</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="topmenu"> | ||
+ | <a href="https://2015.igem.org/Team:Tuebingen/Team">Team</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="topmenu"> | ||
+ | <a href="https://2015.igem.org/Team:Tuebingen/Description">Project</a> | ||
+ | <ul> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Experiments">Experiments</a></li> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Results">Results</a></li> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Design">Design</a></li> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Parts">Parts</a></li> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Safety">Safety</a></li> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="topmenu"> | ||
+ | <a href="">Acknowledgement</a> | ||
+ | <ul> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Attributions">Attributions</a></li> | ||
+ | <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Collaborations">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="topmenu"> | ||
+ | <a href="https://2015.igem.org/Team:Tuebingen/Practices">Human Practices</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="topmenu"> | ||
+ | <a href="https://2015.igem.org/Team:Tuebingen/Modeling">Modeling</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="topmenu"> | ||
+ | <a href="https://2015.igem.org/Team:Tuebingen/Measurement">Measurement</a> | ||
+ | <ul> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- End of menu --> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <img id="fixedcoli" src="https://static.igem.org/mediawiki/2015/f/fe/Team_Tuebingen_ecolifotographiert.png"/> | ||
+ | |||
+ | |||
+ | <!-- Start of content --> | ||
+ | <div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.--> | ||
− | |||
</html> | </html> |
Revision as of 07:47, 20 August 2015
![](https://static.igem.org/mediawiki/2015/f/fe/Team_Tuebingen_ecolifotographiert.png)