|
|
(One intermediate revision not shown) |
Line 1: |
Line 1: |
- | {{CSS/Main}}
| + | =YOU SHOULD NOT SEE THIS TEXT, SLIM HEADER IS DISCONTINUED= |
- | <html>
| + | Please change this sites template to <nowiki>{{Team:Aachen/Header}}</nowiki> |
- | <style>
| + | |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}, table/*-- hides default wiki settings --*/
| + | |
- | </style>
| + | |
- | | + | |
- | <style type="text/css">
| + | |
- | | + | |
- | /*
| + | |
- | MENU
| + | |
- | */
| + | |
- | .navDiv {
| + | |
- | width: 100%;
| + | |
- | background: #0069b3;
| + | |
- | box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
| + | |
- | }
| + | |
- | nav {
| + | |
- | margin: 50px auto;
| + | |
- | text-align: center;
| + | |
- | background: #0069b3;
| + | |
- | font-weight: bold;
| + | |
- | font-size:140%;
| + | |
- | text-align: center;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | nav ul ul {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | nav ul li:hover > ul {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | nav ul {
| + | |
- | background: #0069b3;
| + | |
- | padding: 0 20px;
| + | |
- | border-radius: 0px;
| + | |
- | list-style: none;
| + | |
- | position: relative;
| + | |
- | margin: 0 0 0 0!important;
| + | |
- | display: inline-table;
| + | |
- | margin-bottom: 0!important;
| + | |
- | }
| + | |
- | nav ul:after {
| + | |
- | content: ""; clear: both; display: block;
| + | |
- | }
| + | |
- | | + | |
- | nav ul li {
| + | |
- | float: left;
| + | |
- | margin-bottom: 0!important;
| + | |
- | }
| + | |
- | nav ul li:hover {
| + | |
- | background: #8ebae5;
| + | |
- | }
| + | |
- | nav ul li:hover a {
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- |
| + | |
- | nav ul li a {
| + | |
- | display: block; padding: 25px 20px;
| + | |
- | color: #ffffff;
| + | |
- | text-decoration: none!important;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | nav ul li a:visited {
| + | |
- | display: block; padding: 25px 20px;
| + | |
- | color: #ffffff;
| + | |
- | text-decoration: none!important;
| + | |
- | | + | |
- | }
| + | |
- |
| + | |
- |
| + | |
- | nav ul ul {
| + | |
- | background: #0069b3; border-radius: 0px; padding: 0;
| + | |
- | position: absolute; top: 100%;
| + | |
- | }
| + | |
- | nav ul ul li {
| + | |
- | float: none;
| + | |
- | position: relative;
| + | |
- | }
| + | |
- | nav ul ul li a {
| + | |
- | padding: 15px 20px;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | nav ul ul li a:hover {
| + | |
- | background: #8ebae5;
| + | |
- | }
| + | |
- |
| + | |
- | nav ul ul ul {
| + | |
- | position: absolute; left: 100%; top:0;
| + | |
- | }
| + | |
- |
| + | |
- | | + | |
- | /*
| + | |
- | WEBSITE
| + | |
- | */
| + | |
- | | + | |
- | * {
| + | |
- | font-family: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
| + | |
- | }
| + | |
- | | + | |
- | #top-section {
| + | |
- | margin-left: auto!important;
| + | |
- | margin-right: auto!important;
| + | |
- | width: 1100px!important;
| + | |
- | position:relative!important;
| + | |
- | left: 0%!important;
| + | |
- | }
| + | |
- | | + | |
- | body {
| + | |
- | background-image:url(https://static.igem.org/mediawiki/2014/8/8e/Aachen_bg2.png);
| + | |
- | background-size: cover;
| + | |
- | background-attachment: fixed;
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | bottom: 0;
| + | |
- | left: 0;
| + | |
- | right: 0;
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | font-family:'Arial';
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .topbgcolor {
| + | |
- | background: #66B5FF!important;
| + | |
- | background-color: #66B5FF!important;
| + | |
- | }
| + | |
- | | + | |
- | .fullWidth {
| + | |
- | width: 1100px;
| + | |
- | background-color: #8ebae5;
| + | |
- | }
| + | |
- | | + | |
- | .contentWidth {
| + | |
- | width: 1100px;
| + | |
- | }
| + | |
- | | + | |
- | .lastrow {
| + | |
- | width: 160px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | td.menu { color:#8ebae5; background-color:#0069b3; width:126px; }
| + | |
- | td.menu:hover { color:#ff0; background-color:#8ebae5; }
| + | |
- | | + | |
- | td.menu a {
| + | |
- | display: inherit;
| + | |
- | width: 125px;
| + | |
- | height: 50px;
| + | |
- | text-align:center;
| + | |
- | vertical-align:middle;
| + | |
- | font-weight: bold;
| + | |
- | text-decoration:none;
| + | |
- | color:#FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | a.menu, a.menu:hover, a.menu:visited, a.menu:link, a.menu:active
| + | |
- | {
| + | |
- | text-decoration: none;
| + | |
- | color:#FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | td.topbt { color:#000000; background-color:#A1DBB2; opacity: 0.6 }
| + | |
- | td.topbt:hover { color:#506d59; background-color:#A1DBB2; opacity: 0.3}
| + | |
- | | + | |
- | td.topbt a {
| + | |
- | display: inherit;
| + | |
- | width: 1100px;
| + | |
- | height: 20px;
| + | |
- | text-align:center;
| + | |
- | vertical-align:middle;
| + | |
- | font-weight: bold;
| + | |
- | text-decoration:none;
| + | |
- | background-color: #A1DBB2;
| + | |
- | color:#808080;
| + | |
- | font-family:'Arial';
| + | |
- | font-size:200%;}
| + | |
- | | + | |
- | tr.topbt {
| + | |
- | display: block;
| + | |
- | width: 100%;
| + | |
- | height: 55px;
| + | |
- | text-align:center;
| + | |
- | vertical-align:middle;
| + | |
- | font-weight: bold;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | | + | |
- | a.topbt , a.topbt:hover, a.topbt:visited, a.topbt:link, a.topbt:active
| + | |
- | {
| + | |
- | text-decoration: none;
| + | |
- | color:#506d59;
| + | |
- | }
| + | |
- | | + | |
- | table {
| + | |
- | border-color:rgba(255,255,255,0.5);
| + | |
- | }
| + | |
- | | + | |
- | .contentcell {
| + | |
- | background-color: rgba(255,255,255,1.0);
| + | |
- | height: 200px;
| + | |
- | }
| + | |
- | | + | |
- | p {
| + | |
- | text-align:justify;
| + | |
- | font-size:12pt;
| + | |
- | margin-left: 8px;
| + | |
- | margin-right: 8px;
| + | |
- | }
| + | |
- | | + | |
- | p ul li, td ul li {
| + | |
- | text-align:justify;
| + | |
- | font-size:12pt;
| + | |
- | margin-left: 8px;
| + | |
- | margin-right: 8px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | .transbg {
| + | |
- | color:#000000!important;
| + | |
- | background-color:rgba(0,0,0,0)!important;
| + | |
- | top: 50px;
| + | |
- | position: relative;
| + | |
- | z-index: -100;
| + | |
- | }
| + | |
- | .highmenu{ color:#000000!important; background-color:rgba(0,0,0,0)!important; }
| + | |
- | .lowmenu{ color:#000000!important; background-color:rgba(142,186,229,0.9)!important; }
| + | |
- | | + | |
- | | + | |
- | .block1 { color:#FFFFFF!important; background-color:#0069b3!important; }
| + | |
- | .block2 { color:#FFFFFF!important; background-color:#8ebae5!important; }
| + | |
- | .block3 { color:#FFFFFF!important; background-color:#FEE5AD!important; }
| + | |
- | | + | |
- | .centerfloat {
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | }
| + | |
- | | + | |
- | .imgshadow {
| + | |
- | -moz-box-shadow: 10px 10px 5px #555;
| + | |
- | -webkit-box-shadow: 10px 10px 5px #555;
| + | |
- | box-shadow: 10px 10px 5px #555;
| + | |
- | | + | |
- | margin-bottom:25px;
| + | |
- | margin-right:25px;
| + | |
- | margin-left:25px;
| + | |
- | }
| + | |
- | .shadow
| + | |
- | {
| + | |
- | display:block;
| + | |
- | position:relative;
| + | |
- | }
| + | |
- | | + | |
- | .shadow:before
| + | |
- | {
| + | |
- | display:block;
| + | |
- | content:'';
| + | |
- | position:absolute;
| + | |
- | width:100%;
| + | |
- | height:100%;
| + | |
- | box-shadow: inset 15px 15px 7px rgba(0, 0, 0, 0.3);
| + | |
- | -moz-box-shadow: 15px 15px 7px rgba(0, 0, 0, 0.3);
| + | |
- | -webkit-box-shadow: 15px 15px 7px rgba(0, 0, 0, 0.3);
| + | |
- | }
| + | |
- | | + | |
- | h1, h2, h3, h4, h5, h6 {
| + | |
- | color: black;
| + | |
- | background: none;
| + | |
- | font-weight: normal;
| + | |
- | padding-top: .5em;
| + | |
- | padding-bottom: .3em;
| + | |
- | border-bottom: 7px solid #0069b3;
| + | |
- | text-align: left;
| + | |
- | margin-left: 8px;
| + | |
- | margin-right: 8px;
| + | |
- | }
| + | |
- | | + | |
- | h1 { font-size: 188%; }
| + | |
- | h2 { font-size: 150%; }
| + | |
- | h3, h4, h5, h6 {
| + | |
- | border-bottom: none;
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | h3 { font-size: 132%; }
| + | |
- | h4 { font-size: 116%; }
| + | |
- | h5 { font-size: 100%; }
| + | |
- | h6 { font-size: 80%; }
| + | |
- | | + | |
- | .editsection {
| + | |
- | float: right;
| + | |
- | margin-left: 5px;
| + | |
- | margin-right: -5px;
| + | |
- | font-size: 9pt;
| + | |
- | color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </style>
| + | |
- | <!-- MathJax (LaTeX for the web) -->
| + | |
- | | + | |
- | <!-- This part is only if you want to use $...$ delimiters -->
| + | |
- | <script type="text/x-mathjax-config"> | + | |
- | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
| + | |
- | </script>
| + | |
- | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
| + | |
- | | + | |
- | <div class="navDiv">
| + | |
- | <nav style="width: 1200px;">
| + | |
- | <ul align="center">
| + | |
- | <li style="padding: 0 0!important;"><a href="https://2014.igem.org/Team:Aachen" style="padding: 0 0!important;"> <img src="https://static.igem.org/mediawiki/2014/6/68/Aachen_Team_Logo_01.png" height="76px"></a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/HTMLprimer">HTML Primer</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/CellockHolmes">Cellock Holmes</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/LabDoc">Lab Documentary</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Labbook">Lab Book</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Errorlog">Error Log</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Safety">Safety</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Blog">Blog</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Team">Team</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Contact">Contact</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Disclaimer">Disclaimer</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/PublicRelations">Public Relations</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/HTMLprimer">Secret Project</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/HTMLprimer">Secret Project</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/HTMLprimer">Secret Project</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Aachen/Sponsors">Supporters</a></li>
| + | |
- | <li style="padding: 0 0!important;"><a href="https://igem.org/Main_Page" style="padding: 0 0!important;"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="76px"></a></li>
| + | |
- | </ul>
| + | |
- | </nav>
| + | |
- | </div>
| + | |
- | | + | |
- | <!-- end of menu -->
| + | |
- | | + | |
- | | + | |
- | <div class="loadBG"></div>
| + | |
- | <style>
| + | |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| + | |
- | </style>
| + | |
- | | + | |
- | <!-- here ends the section that changes the default wiki template to a white full width background -->
| + | |
- | | + | |
- | <!--====================================================================-->
| + | |
- | <!--====================================================================-->
| + | |
- | <!--==================== 1ST BLOCK STARTS ==============================-->
| + | |
- | <table class="transbg" width="100%" cellspacing="0">
| + | |
- | <tr>
| + | |
- | <td></td>
| + | |
- | <td class="contentWidth" align="center">
| + | |
- | | + | |
- | <table class="transbg" width="100%" cellspacing="0">
| + | |
- | <tr>
| + | |
- | <td class="contentcell" width="95%" align="center">
| + | |
- | <!--====================================================================-->
| + | |
- | <!--====================================================================-->
| + | |
- | <!--==================== TEXT STARTS HERE ==============================-->
| + | |
- | </html> | + | |