Template:CSS/GiantJamboreeStyle

From 2014.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 2: Line 2:
{{NavBar}}
{{NavBar}}
<html>
<html>
 +
 +
 +
<style type="text/css">
 +
.firstHeading {display:none;}
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 +
#maincontainerforpage
 +
 +
 +
p {font-size: 16px; color: #414141;}
 +
 +
 +
 +
 +
a:link {
 +
text-decoration: underline;
 +
}
 +
 +
 +
a:hover{
 +
text-decoration: none;
 +
}
 +
 +
#fullwidth_twitter { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
background-image: url("https://static.igem.org/mediawiki/2014/a/a5/Giantjamboree_teams05.jpg");
 +
background-repeat: repeat-x;
 +
height:500px;
 +
vertical-align: middle;
 +
}
 +
 +
 +
 +
 +
 +
#fullwidth_generalstats { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
background-image: url("https://static.igem.org/mediawiki/2014/2/20/Giantjamboree_teams02.jpg");
 +
background-repeat: repeat-x;
 +
height:410px;
 +
}
 +
 +
 +
 +
 +
#fullwidth_teamimage { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
background-image: url("https://static.igem.org/mediawiki/2014/5/5c/Giantjamboree_teams06.jpg");
 +
background-repeat: repeat-x;
 +
height:500px;
 +
}
 +
#fullwidth_teamimage2 p {font-size: 16px; color: #ffffff;}
 +
 +
#fullwidth_teamimage p {font-size: 16px; color: #ffffff;}
 +
 +
#fullwidth_teamimage2 { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
background-image: url("https://static.igem.org/mediawiki/2014/1/1c/Giantjamboree_teams04.jpg");
 +
background-repeat: repeat-x;
 +
height:500px;
 +
}
 +
 +
 +
#fullwidth_contact { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
background-image: url("https://static.igem.org/mediawiki/2014/d/d8/Giantjamboree_teams07.jpg");
 +
background-repeat: repeat-x;
 +
height:700px;
 +
 +
}
 +
#fullwidth_contact p {font-size: 16px; color: #ffffff;}
 +
 +
#fullwidth_hynes {
 +
vertical-align: top;
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
background-image: url("https://static.igem.org/mediawiki/2014/7/76/Giantjamboree_hynesconventioncenter.png");
 +
background-repeat: repeat-x;
 +
height: 410px;
 +
 +
 +
padding:0;
 +
    margin:0;
 +
}
 +
 +
 +
 +
#fullwidth_whitebackground { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
}
 +
 +
 +
#fullwidth_redbackground { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align: center;
 +
vertical-align: top;
 +
}
 +
 +
 +
 +
#fullwidth_yellowbackground { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #414141;
 +
text-align: center;
 +
}
 +
#fullwidth_yellowbackground p {font-size: 16px; color: #ffffff;}
 +
 +
 +
 +
#fullwidth_bluebackground { 
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #414141;
 +
text-align: center;
 +
 +
}
 +
#fullwidth_bluebackground  p {font-size: 16px; color: #ffffff;}
 +
 +
 +
</style>
 +
 +
 +
<style>
<style>
 +
 +
 +
 +
#jamboreemenu ul {list-style: none;padding: 0px;margin: 0px;}
 +
  #jamboreemenu ul li {display: block;position: relative;float: left; #414141}
 +
    #jamboreemenu li ul {display: none;}
 +
    #jamboreemenu ul li a {display: block;background: #414141;padding: 10px 10px 5px 10px;text-decoration: none;
 +
          white-space: nowrap;color: #fff;}
 +
  #jamboreemenu li a:hover {background: ##49b677;}
 +
    #jamboreemenu li:hover ul {display: block; position: absolute;}
 +
  #jamboreemenu li:hover li {float: none;}
 +
  #jamboreemenu  li:hover a {background: #49b677;}
 +
  #jamboreemenu  li:hover li a:hover {background: #414141}
 +
  #drop-nav li ul li {border-top: 0px;}
 +
 +
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
p {
p {
Line 10: Line 184:
.firstHeading {display:none;}
.firstHeading {display:none;}
 +
 +
h3{
 +
 +
font-size:18px;
 +
font-family:"Sans-serif", Arial;
 +
color: #414141;
 +
}
 +
 +
/*-- subdivided container (two different columns)--*/
/*-- subdivided container (two different columns)--*/
 +
 +
#columns-wrap {   
#columns-wrap {   
Line 21: Line 206:
background-color: #ffffff;  
background-color: #ffffff;  
}
}
 +
 +
 +
#column1s {
#column1s {
     background-color: #ffffff;  
     background-color: #ffffff;  
-
     width: 300px;
+
     width: 200px;
     float: left;
     float: left;
padding-top: 25px;
padding-top: 25px;
Line 35: Line 223:
     background-color: #ffffff;  
     background-color: #ffffff;  
     float: left;
     float: left;
-
     width: 625px;   
+
     width: 725px;   
     padding-top: 25px;
     padding-top: 25px;
     padding-bottom: 25px;
     padding-bottom: 25px;
Line 57: Line 245:
<!--BANNER -->
<!--BANNER -->
-
<table id="menu" width="100%"  cellspacing="0" height="60px" align="center">
+
<table id="menu" width="100%"  cellspacing="0" align="center">
-
<tr> <td colspan="3" height="75px"></td> </tr>
+
<tr> <td colspan="3" height="35px"></td> </tr>
<tr>
<tr>
<td></td>  
<td></td>  
-
  <td width="975px" align="center"> <img src="https://static.igem.org/mediawiki/2014/d/de/Giantjamboree_bannertop.png"> </td>  
+
  <td width="975px" align="center"> <a href="https://2014.igem.org/Giant_Jamboree"> <img src="https://static.igem.org/mediawiki/2014/a/a4/Ginatjamboree_bannerforsubpages.png" width="975px"></a> </td>  
<td></td>  
<td></td>  
-
</tr>
 
-
 
-
<tr> <td colspan="3" height="25px"></td> </tr>
 
-
</table>
 
-
 
-
 
-
 
-
<!-- MENU -->
 
-
 
-
<table id="menu" width="100%"  cellspacing="0" align="center">
 
-
 
-
<tr>
 
-
<td  bgColor="#414141"></td>
 
-
<td width="975px" bgColor="#414141" align="center">
 
-
<table width="975px" cellspacing="0">
 
-
<tr align="center" bgColor="#414141" height="35px">
 
-
<td width="5%"></td>
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff" href="#about">ABOUT</a>  </td>
 
-
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff" href="#">PROGRAM </a> </td>
 
-
 
-
<td onMouseOver="this.bgColor='#49b677'"  onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff"  href="#">ATTENDING </a> </td>
 
-
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff" href="#">SPONSORS </a> </td>
 
-
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff"  href="#">PRESS</a> </td>
 
-
 
-
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff" href="#contact">CONTACT </a> </td>
 
-
 
-
<td width="5%"></td>
 
-
</tr>
 
-
</table>
 
-
</td>
 
-
<td  bgColor="#414141"></td>
 
</tr>
</tr>
</table>
</table>
</html>
</html>
 +
{{GiantJamboree_Menu}}

Latest revision as of 17:51, 30 July 2014