Template:Team:Aachen/HeaderTest

From 2014.igem.org

(Difference between revisions)
 
(15 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 30: Line 33:
background: -webkit-linear-gradient(top, #0069b3 0%,#8ebae5 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: 0px;   
border-radius: 0px;   
Line 36: Line 38:
position: relative;
position: relative;
         margin: 0 0 0 0!important;
         margin: 0 0 0 0!important;
-
/*display: inline-table;*/
+
display: inline-table;
}
}
nav ul:after {
nav ul:after {
Line 57: Line 59:
nav ul li a {
nav ul li a {
display: block; padding: 25px 30px;
display: block; padding: 25px 30px;
-
color: #ffffff; 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 {
Line 75: Line 86:
}
}
nav ul ul li a:hover {
nav ul ul li a:hover {
-
background: #4b545f;
+
background: #8ebae5;
}
}
Line 89: 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 245: 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 253: 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 -->
+
<nav width="100%" >
-
<!-- menu -->
+
<ul align="center">
-
<table class="highmenu" name="top" id="menu" width="100%"  cellspacing="0" height="135px">
+
                <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>
-
<tr>
+
<li><a href="https://2014.igem.org/Team:Aachen/CellockHolmes">Cellock Holmes</a></li>
-
<td></td>
+
<li><a href="https://2014.igem.org/Team:Aachen/LabDoc">Lab Documentary</a>
-
<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="contentWidth" valign="bottom" align="center">
+
-
 
+
-
<nav>
+
-
<ul>
+
-
<li><a href="#">Cellock Holmes</a></li>
+
-
<li><a href="#">Lab Documentary</a>
+
<ul>
<ul>
-
<li><a href="#">Lab Book</a></li>
+
<li><a href="https://2014.igem.org/Team:Aachen/Labbook">Lab Book</a></li>
-
<li><a href="#">Error Log</a></li>
+
<li><a href="https://2014.igem.org/Team:Aachen/Errorlog">Error Log</a></li>
-
<li><a href="#">Safety</a></li>
+
<li><a href="https://2014.igem.org/Team:Aachen/Safety">Safety</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="#">Blog</a></li>
+
<li><a href="https://2014.igem.org/Team:Aachen/Blog">Blog</a></li>
-
<li><a href="#">Team</a>
+
<li><a href="https://2014.igem.org/Team:Aachen/Team">Team</a>
<ul>
<ul>
-
<li><a href="#">Contact</a></li>
+
<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>
</ul>
</li>
</li>
-
<li><a href="#">Public Relations</a></li>
+
<li><a href="https://2014.igem.org/Team:Aachen/PublicRelations">Public Relations</a></li>
-
<li><a href="#">Sponsors</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>
</ul>
</nav>
</nav>
-
</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>
 
-
</table>
 
<!-- end of menu -->
<!-- end of menu -->
</html>
</html>

Latest revision as of 21:21, 5 June 2014