Difference between revisions of "Template:TeamTokyoNokogenheader"

Line 1: Line 1:
−
<html>
 
−
<head>
 
−
<style type="text/css">
 
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
  
−
.firstHeading {
+
<html>
−
width: 975px;
+
−
margin: 0px auto;
+
−
padding-top: 100px;
+
−
margin-bottom: 20px;
+
−
font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
−
 
+
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
  
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
<style>
−
background-color: #383838;
+
div#nav {
−
border: 0 none;
+
    width:1000px;
−
height: 14px;
+
    margin:0 auto;
−
z-index: 100;
+
    background-color:#ffffff
−
top: 0;
+
    text-align:center;
−
position: fixed;
+
    position:fixed;
−
width: 975px;  
+
    top:12px;left:140px;
−
left: 50%;  
+
        }
−
margin-left: -487px;
+
div#nav td{
 +
width:300px;height:45px;
 +
        margin:0 auto;
 +
text-align:center;
 +
border:none;
 +
font-family:Impact;
 +
        font-size:18px;
 
}
 
}
  
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 
−
background-color: #383838;
 
−
height: 14px;
 
−
display: block;
 
−
z-index: 10;
 
−
position: fixed;
 
−
width: 100%;
 
−
top: 0;
 
−
}
 
  
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 
−
color: #727272;
 
−
text-decoration: none;
 
−
background-color: transparent;
 
−
}
 
  
−
body {
 
−
background-color: #fff;
 
−
}
 
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
−
width: 100%;
 
−
height: 100%;
 
−
border: 0px;
 
−
background-color: transparent;
 
−
margin: 0px;
 
−
padding: 0px;
 
−
}
 
  
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
</style>
−
width: 100%;
+
−
height: 100%;
+
−
background-color: transparent;
+
−
}
+
  
−
#contentcontainer { /*-- creates container for all content on page --*/
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
font-weight: normal;
 
−
font-size: 14px;
 
−
color: #414141;
 
−
width: 960px;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
background-color: #transparent;
 
−
margin-top: 0px;
 
−
}
 
  
−
.sidemenu, .sidemenu li {
 
−
list-style-type: none;
 
−
list-style-image: none;
 
−
font-family: verdana;
 
−
text-decoration: none;
 
−
color:#000;
 
−
font-size: 14px;
 
−
}
 
  
−
.sidemenu li {display: block;}
+
<body>
  
−
.sidemenu a {
+
<div id="cont">
−
text-decoration:none;
+
  <div id="nav">
−
color: #000;
+
<table>
−
display: block;
+
−
width: 180px;
+
−
height: 100%;
+
−
padding: 3px 5px;
+
−
transition: .25s ease-in-out;
+
−
-moz-transition: .25s ease-in-out;
+
−
-webkit-transition: .25s ease-in-out;
+
−
}
+
  
−
.sidemenu a.greyout { color: #909090; }
+
<tr heigth="15px"></tr>
 +
<tr heigth="75px">
  
−
.sidemenu a:hover {
+
<td style="bgcolor:#ffffff;width:400px;"> 
−
color:#666;  
+
</td>
−
background-color: #d9f5aa;
+
−
}
+
  
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
−
.sub-sidemenu a {color: #666;}
+
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen"style="color:#000000">Project</a> </td>
  
−
div.underconst
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
−
{
+
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Team"style="color:#000000"> Team </a> </td>
−
padding:10px;
+
−
border-radius:5px;
+
−
background-color:pink;
+
−
text-align:center;
+
−
}
+
  
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
  
−
.contentpara {margin-bottom: 30px;}
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 +
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/result"style="color:#000000"> Result</a></td>
  
−
span.email{font-family: monospace; font-weight: normal;}
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 +
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Parts"style="color:#000000"> Parts</a></td>
  
−
fieldset {border: 1px solid #337f53;}
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 +
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/protocol"style="color:#000000"> Protocols</a></td>
  
−
.greyout {color: #A0A0A0;}
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
−
.highlightme {background-color: #FFFF00;}
+
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/note"style=" color:#000000"> Notebook</a></td>
  
−
#alertContainer { margin-bottom: 10px; width: 936px;}
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
−
#annContainer {margin-left: 8px;}
+
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Safety"style=" color:#000000"> Safety </a></td>
−
#newsContainer {border: 1px solid #ccc;}
+
  
−
.newsTitle {
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
−
display: block;
+
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/HumanPractice"style="color:#000000"> Human Practice </a></td>
−
color: #414141;
+
−
font-size: 25px; 
+
−
        font-family: Georgia, Times, "Times New Roman", serif;
+
−
padding: 10px 15px 5px 10px;
+
−
border-bottom: 1px solid #ccc;
+
−
margin-bottom: 0px;
+
−
}
+
  
−
.newsItem {
+
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
−
border-bottom: 1px solid #ccc;
+
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/achievement"style="color:#000000">Achievement</a></td>
−
display: block;
+
−
padding: 5px 15px 0px 10px;
+
−
margin-bottom: 0px;
+
−
}
+
  
−
.newsItem h3 {
 
−
width: auto;
 
−
display: inline;
 
−
font-size: 14px;
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
padding: 0px;
 
−
margin: 0px;
 
−
}
 
  
−
.newsItem img {
+
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
−
float: right;
+
<td style="background-color:#ffffff;width:200px;"></td>
−
clear: right;
+
−
width: 80px;
+
−
padding-left: 15px;
+
−
display: inline-block;  
+
−
}
+
  
−
.newsItem .newsDate {
+
</tr>
−
font-style: italic;
+
</table>
−
font-size: 14px;
+
  </div>
−
display: inline-block;
+
−
color: #999;
+
−
float: right;
+
−
padding: 0px 0px 10px 15px;
+
−
}
+
  
−
.newsItem p, .newsItem ul, .newsItem li {
 
−
padding: 0px;
 
−
margin-left: 20px;
 
−
font-size: 12px;
 
−
line-height: 1.2;
 
−
}
 
  
−
.newsItem p {margin-top: 10px;}
 
  
−
.annItem {
 
−
border: 2px solid #414141;
 
−
display: block;
 
−
padding: 0px 15px 10px 10px;
 
−
margin-bottom: 18px;
 
−
position: relative;
 
−
height: 160px;
 
−
vertical-align: middle;
 
−
}
 
−
 
−
.annItem .annCentered {
 
−
display: table-cell;
 
−
vertical-align: middle;
 
−
height: 160px;
 
−
}
 
−
 
−
.annCentered h3 {
 
−
padding: 0px;
 
−
display: block;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
text-align: center;
 
−
}
 
−
 
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
−
.annItem li {list-style: none; margin: 5px}
 
−
 
−
 
−
 
−
</style>
 
−
</style>
 
  
 +
</div>
  
 +
         
 +
  </div>
  
 +
  </div>
 +
  </div>
 +
</body>
 
</html>
 
</html>

Revision as of 14:11, 21 August 2015