Template:Team:Aachen/HeaderTest

From 2014.igem.org

(Difference between revisions)
(Created page with "{{CSS/Main}} <html> <style> #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}, table/*-- hides default wik...")
 
(19 intermediate revisions not shown)
Line 13: Line 13:
margin: 100px auto;  
margin: 100px auto;  
text-align: center;
text-align: center;
 +
      background: #0069b3;
 +
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
 +
font-weigth:bold; font-size:140%; text-align: center;
}
}
Line 25: Line 28:
nav ul {
nav ul {
-
background: #efefef;  
+
background: #0069b3;  
-
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);   
+
/* background: linear-gradient(top, #0069b3 0%, #8ebae5 100%);   
-
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
+
background: -moz-linear-gradient(top, #0069b3 0%, #8ebae5 100%);  
-
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);  
+
background: -webkit-linear-gradient(top, #0069b3 0%,#8ebae5 100%);  
-
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
+
*/
padding: 0 20px;
padding: 0 20px;
-
border-radius: 10px;   
+
border-radius: 0px;   
list-style: none;
list-style: none;
position: relative;
position: relative;
 +
        margin: 0 0 0 0!important;
display: inline-table;
display: inline-table;
}
}
Line 44: Line 48:
}
}
nav ul li:hover {
nav ul li:hover {
-
background: #4b545f;
+
background: #8ebae5;
-
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
+
/*background: linear-gradient(top, #0069b3 0%, #8ebae5 40%);
-
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
+
background: -moz-linear-gradient(top, #0069b3 0%, #8ebae5 40%);
-
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
+
background: -webkit-linear-gradient(top, #0069b3 0%,#8ebae5 40%);*/
}
}
nav ul li:hover a {
nav ul li:hover a {
Line 54: Line 58:
nav ul li a {
nav ul li a {
-
display: block; padding: 25px 40px;
+
display: block; padding: 25px 30px;
-
color: #757575; text-decoration: none;
+
color: #ffffff;
 +
                        text-decoration: none!important;
 +
 
 +
}
 +
 
 +
nav ul li a:visited {
 +
display: block; padding: 25px 30px;
 +
color: #ffffff;
 +
                        text-decoration: none!important;
 +
 
}
}
nav ul ul {
nav ul ul {
-
background: #5f6975; border-radius: 0px; padding: 0;
+
background: #0069b3; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
position: absolute; top: 100%;
}
}
nav ul ul li {
nav ul ul li {
float: none;  
float: none;  
-
border-top: 1px solid #6b727c;
+
border-top: 1px solid #0069b3;
-
border-bottom: 1px solid #575f6a; position: relative;
+
border-bottom: 1px solid #0069b3; position: relative;
}
}
nav ul ul li a {
nav ul ul li a {
-
padding: 15px 40px;
+
padding: 15px 30px;
color: #fff;
color: #fff;
}
}
nav ul ul li a:hover {
nav ul ul li a:hover {
-
background: #4b545f;
+
background: #8ebae5;
}
}
Line 87: Line 100:
* {
* {
     font-family: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
     font-family: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
 +
}
 +
 +
/*
 +
HEADERS
 +
*/
 +
#header {
 +
background: #90a090;
 +
border-bottom: double 3px #aba;
 +
border-left: solid 1px #9a9;
 +
border-right: solid 1px #565;
 +
border-top: solid 1px #9a9;
 +
font: italic normal 230% 'Times New Roman', Times, serif;
 +
letter-spacing: 0.2em;
 +
margin: 0;
 +
padding: 15px 10px 15px 60px;
}
}
Line 243: Line 271:
     -webkit-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;
 +
    margin: 0;
 +
    padding-top: .5em;
 +
    padding-bottom: .17em;
 +
    border-bottom: 7px solid #0069b3;
 +
}
 +
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%;  }
 +
 +
 +
 +
</style>
</style>
<!-- MathJax (LaTeX for the web) -->
<!-- MathJax (LaTeX for the web) -->
Line 251: Line 303:
</script>
</script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
 
-
<!-- beginning of your page -->
 
-
 
-
<!-- menu -->
 
-
<table class="highmenu" name="top" id="menu" width="100%"  cellspacing="0" height="135px">
 
-
<tr>
 
-
<td></td>
 
-
<td class="contentWidth" valign="bottom" align="center">
 
-
 
-
 
-
<table class="highmenu" align="center">
 
-
<tr>
 
-
<td class="menu">
 
-
<a href="https://2014.igem.org/Team:Aachen"> <img src="https://static.igem.org/mediawiki/2014/6/68/Aachen_Team_Logo_01.png" width="100%">
 
-
</a></td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/Team">Team</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/PublicRelations">Public Relations</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/CellockHolmes">Cellock Holmes</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/Blog">Blog</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/Labbook">Biological Part/ </br> Labbook</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/Errorlog">Computational Part / Errorlog</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/Sponsors">Sponsors</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/Contact">Contact Us</a>
 
-
</td>
 
-
 
-
<td class="menu">
 
-
<a class = "menu" href="https://2014.igem.org/Team:Aachen/Photos">Photos</a>
 
-
</td>
 
-
 
-
<td align="center" width="81px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td>
 
-
</tr>
 
-
</table>
 
-
 
-
</td>
 
-
<td></td>
 
-
</tr>
 
-
 
-
<tr>
 
-
<td></td>
 
-
<td>
 
-
Something big will happen here :O
+
<nav width="100%" >
 +
<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></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></li>
 +
<li><a href="https://2014.igem.org/Team:Aachen/Sponsors">Sponsors</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>
-
</td>
 
-
<td></td>
 
-
</tr>
 
-
</table>
 
<!-- end of menu -->
<!-- end of menu -->
</html>
</html>

Latest revision as of 21:21, 5 June 2014

Retrieved from "http://2014.igem.org/Template:Team:Aachen/HeaderTest"