Difference between revisions of "Template:Pittsburgh"
| (103 intermediate revisions by 2 users not shown) | |||
| Line 24: | Line 24: | ||
} | } | ||
| + | #bodyContent a[href ^="https://"] { | ||
| + | padding-right: 0px; | ||
| + | } | ||
| + | |||
| + | #bodyContent a[href ^="mailto:"] { | ||
| + | padding-right: 0px; | ||
| + | } | ||
/********************************* MENU ********************************/ | /********************************* MENU ********************************/ | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
| Line 32: | Line 39: | ||
padding: 0px; | padding: 0px; | ||
float: left; | float: left; | ||
| − | background-color: | + | background-color: #1c2957; |
text-align: center; | text-align: center; | ||
} | } | ||
| Line 50: | Line 57: | ||
/* when hovering on a menu item */ | /* when hovering on a menu item */ | ||
.menu_item:hover { | .menu_item:hover { | ||
| − | color: # | + | color: #cdb87d; |
text-decoration: none; | text-decoration: none; | ||
/*background-color: #72c9b6;*/ | /*background-color: #72c9b6;*/ | ||
| Line 129: | Line 136: | ||
margin: 10px 0px -11px 0px;*/ | margin: 10px 0px -11px 0px;*/ | ||
list-style: none; | list-style: none; | ||
| + | z-index: 999; | ||
} | } | ||
| Line 145: | Line 153: | ||
display: inline-block; | display: inline-block; | ||
border-bottom: 1px solid white; | border-bottom: 1px solid white; | ||
| − | background-color: | + | background-color: #1c2957; |
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
| Line 153: | Line 161: | ||
.submenu li a:hover { | .submenu li a:hover { | ||
| − | background-color: | + | background-color: #1c2957; |
color: #FFD700; | color: #FFD700; | ||
} | } | ||
| Line 185: | Line 193: | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
.wrapper { | .wrapper { | ||
| + | /*max-width: 1000px;*/ | ||
width: 100%; | width: 100%; | ||
/*margin-left:150px;*/ | /*margin-left:150px;*/ | ||
| − | padding: 0px 0px | + | /*height: auto;*/ |
| + | padding: 0px 0px 460px 0px; | ||
| + | /*margin: 0 auto;*/ | ||
float: left; | float: left; | ||
background-color: white; | background-color: white; | ||
| + | } | ||
| + | |||
| + | .wrapper p, .wrapper ul, .wrapper ol, .wrapper table { | ||
| + | font-size:128%; | ||
} | } | ||
| + | |||
/*LAYOUT */ | /*LAYOUT */ | ||
.column { | .column { | ||
| Line 241: | Line 257: | ||
/* styling for table of contents */ | /* styling for table of contents */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | ul[class="table"] { | + | ul[class="table"]{ |
list-style: none; | list-style: none; | ||
| + | line-height: 1.3em; | ||
} | } | ||
| − | + | ||
| + | |||
a[class="table"] { | a[class="table"] { | ||
color: black; | color: black; | ||
text-decoration: underline; | text-decoration: underline; | ||
| − | font-size: | + | font-size: 15px; |
} | } | ||
| Line 262: | Line 275: | ||
/*styling for navigation jump links*/ | /*styling for navigation jump links*/ | ||
| − | a[class="nav"] { | + | |
| − | + | .anchor { | |
| + | display: block; | ||
| + | height: 10px; | ||
| + | margin-top: -10px; | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | |||
| + | /* a[class="nav"]{ | ||
| + | color:rgb(0,0,128); | ||
} | } | ||
| − | .nav:hover { | + | .nav:hover{ |
| − | + | color:rgb(0,0,128); | |
| − | + | text-decoration:none; | |
| − | + | } | |
| − | + | */ | |
| − | { | + | /* styling for the titles */ |
| + | /*.content_wrapper*/ .content h1, /*.content_wrapper*/ .content h2 { | ||
padding: 5px 15px; | padding: 5px 15px; | ||
| − | color: # | + | color: #1c2957; |
} | } | ||
/*.content_wrapper*/ .content h3, /*.content_wrapper*/ .content h4, /*.content_wrapper*/ .content h5, /*.content_wrapper*/ .content h6 { | /*.content_wrapper*/ .content h3, /*.content_wrapper*/ .content h4, /*.content_wrapper*/ .content h5, /*.content_wrapper*/ .content h6 { | ||
| Line 370: | Line 392: | ||
color: #72c9b6; | color: #72c9b6; | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | /*****PAGE CONTENT***********/ | ||
| + | .notebook h1, h2, h3, h4 { | ||
| + | color: #1c2957; | ||
| + | } | ||
| + | |||
| + | .notebook ul { | ||
| + | list-style-type: circle; | ||
| + | } | ||
| + | |||
/********************************* RESPONSIVE STYLING ********************************/ | /********************************* RESPONSIVE STYLING ********************************/ | ||
| Line 385: | Line 419: | ||
} | } | ||
| − | . | + | .content_wrapper { |
margin-left: 15%; | margin-left: 15%; | ||
} | } | ||
| Line 451: | Line 485: | ||
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
| − | background-color: # | + | background-color: #1c2957; |
font-size: 1.25em; | font-size: 1.25em; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 471: | Line 505: | ||
li.my-menu-item a:hover { | li.my-menu-item a:hover { | ||
/*background-color: #a2c2fb;*/ | /*background-color: #a2c2fb;*/ | ||
| − | color: # | + | color: #cdb87d; |
} | } | ||
| Line 477: | Line 511: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| − | background-color: | + | background-color: rgb(0,0,128); |
min-width: 160px; | min-width: 160px; | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
| Line 484: | Line 518: | ||
div.my-submenu-list a { | div.my-submenu-list a { | ||
| − | color: | + | color: white; |
padding: 4px 16px; | padding: 4px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 492: | Line 526: | ||
.my-submenu-list a:hover { | .my-submenu-list a:hover { | ||
| − | background-color: # | + | background-color: #1c2957; |
| − | color: # | + | color: #cdb87d; |
} | } | ||
| Line 509: | Line 543: | ||
<div> | <div> | ||
| − | <img style="padding:0;width:100%; height:auto;" src="https://static.igem.org/mediawiki/2016/2/2e/T--Pittsburgh--templateBanner.jpg"> | + | <a href="/Team:Pittsburgh"><img style="padding:0;width:100%; height:auto;" src="https://static.igem.org/mediawiki/2016/2/2e/T--Pittsburgh--templateBanner.jpg"></a> |
</div> | </div> | ||
<!-- my own menu start --> | <!-- my own menu start --> | ||
| + | |||
<div> | <div> | ||
| + | |||
| + | <span class="anchor" id="Top"></span> | ||
<ul class="my-top-menu"> | <ul class="my-top-menu"> | ||
| + | |||
<li class="my-menu-item"><a href="https://2016.igem.org/Team:Pittsburgh"> Home </a></li> | <li class="my-menu-item"><a href="https://2016.igem.org/Team:Pittsburgh"> Home </a></li> | ||
| Line 523: | Line 561: | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Team"> Team </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Team"> Team </a> | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Collaborations">Collaborations </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Collaborations">Collaborations </a> | ||
| + | <a href="https://2016.igem.org/Team:Pittsburgh/InterLab"> InterLab </a> | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Attributions"> Attributions </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Attributions"> Attributions </a> | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <li class="my-menu-item"><a href="https://2016.igem.org/Team:Pittsburgh/ | + | <li class="my-menu-item"><a href="https://2016.igem.org/Team:Pittsburgh/Medals"> Medals </a></li> |
<li class="my-menu-item"> | <li class="my-menu-item"> | ||
| Line 533: | Line 572: | ||
<div class="my-submenu-list"> | <div class="my-submenu-list"> | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Project_Overview">Overview</a> | <a href="https://2016.igem.org/Team:Pittsburgh/Project_Overview">Overview</a> | ||
| − | + | <a href="https://2016.igem.org/Team:Pittsburgh/Experiments"> Experiments </a> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Results"> Results </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Results"> Results </a> | ||
| + | <a href="https://2016.igem.org/Team:Pittsburgh/Proof">Proof of Concept </a> | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Notebook"> Notebook </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Notebook"> Notebook </a> | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Protocols"> Protocols </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Protocols"> Protocols </a> | ||
| − | |||
</div> | </div> | ||
</li> | </li> | ||
| Line 549: | Line 584: | ||
<div class="my-submenu-list"> | <div class="my-submenu-list"> | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Parts">Parts </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Parts">Parts </a> | ||
| − | <a href="https://2016.igem.org/Team:Pittsburgh/Basic_Part"> | + | <a href="https://2016.igem.org/Team:Pittsburgh/Basic_Part"> Basic Parts </a> |
| − | + | <a href="https://2016.igem.org/Team:Pittsburgh/Description"> Description </a> | |
| − | + | ||
</div> | </div> | ||
</li> | </li> | ||
| Line 561: | Line 595: | ||
<div class="my-submenu-list"> | <div class="my-submenu-list"> | ||
<a href="https://2016.igem.org/Team:Pittsburgh/Human_Practices"> Human Practices </a> | <a href="https://2016.igem.org/Team:Pittsburgh/Human_Practices"> Human Practices </a> | ||
| − | <a href="https://2016.igem.org/Team:Pittsburgh/HP/Silver"> | + | <a href="https://2016.igem.org/Team:Pittsburgh/HP/Silver">Silver </a> |
| − | <a href="https://2016.igem.org/Team:Pittsburgh/HP/Gold"> | + | <a href="https://2016.igem.org/Team:Pittsburgh/HP/Gold">Gold </a> |
| − | + | <a href="https://2016.igem.org/Team:Pittsburgh/Engagement">Engagement </a> | |
| − | <a href="https://2016.igem.org/Team:Pittsburgh/Engagement"> | + | <a href="https://2016.igem.org/Team:Pittsburgh/Model">Model </a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <a href="https://2016.igem.org/Team:Pittsburgh/Model"> | + | |
</div> | </div> | ||
</li> | </li> | ||
| + | |||
</ul> | </ul> | ||
</div> | </div> | ||
| Line 657: | Line 681: | ||
<div class="wrapper"> | <div class="wrapper"> | ||
| − | <h1 id="page_name" style="padding: 10px | + | <h1 id="page_name" style="color:#1c2957;max-width:1000px; margin:0 auto; padding:20px 10px 10px 10px"> </h1> |
| − | + | <!--FOOTER--> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <div class="column full_size" style="position:absolute;bottom:0;height:450px;margin-top:450px;background-color:#D3D3D3;"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <div style="padding:15px; display:block; float:left; margin-left:5%;"> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh">Home</a></p> | |
| − | + | </div> | |
| − | + | <div style="padding:15px; display:block; float:left;"> | |
| − | + | <p style="margin:0;">People</p> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Team">Team</a></p> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Collaborations">Collaborations</a></p> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh/InterLab">InterLab</a></p> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Attributions">Attributions</a></p> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div style="padding:15px; display:block; float:left;"> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Medals">Medals</a></p> | |
| − | + | </div> | |
| − | + | <div style="padding:15px; display:block; float:left;"> | |
| − | + | <p style="margin:0;">Project</p> | |
| − | </div> | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Project_Overview">Overview</a></p> |
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/Experiments">Experiments</a></p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/Results">Results</a></p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/Proof">Proof of Concept</a></p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/Notebook">Notebook</a></p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/Protocols">Protocols</a></p> | ||
| + | </div> | ||
| − | + | <div style="padding:15px; display:block; float:left;"> | |
| − | + | <p style="margin:0;">Parts</p> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Parts">Parts</a></p> | |
| − | </div> | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Basic_Part">Basic Part</a></p><p style="margin:0;"><a href="/Team:Pittsburgh/Description">Description</a></p> |
| + | |||
| + | </div> | ||
| − | + | <div style="padding:15px; display:block; float:left;"> | |
| − | + | <p style="margin:0;"><a href="/Team:Pittsburgh/Safety"> Safety</a></p> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| + | |||
| + | <div style="padding:15px; display:block; float:left;"> | ||
| + | <p style="margin:0;">Human Practices</p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/Human_Practices">Human Practices</a></p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/HP/Silver">Silver</a></p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/HP/Gold">Gold</a></p> | ||
| + | <p style="margin:0;"><a href="https://2016.igem.org/Team:Pittsburgh/Engagement">Engagement </a> </p> | ||
| + | <p style="margin:0;"><a href="/Team:Pittsburgh/Model">Model</a></p> | ||
| + | </div> | ||
| + | |||
| + | <div style="padding:15px; display:block; float:right; text-align:right; margin-right:5%;"> | ||
| + | <p style="margin:0;">Contact Us</p> | ||
| + | <p style="margin:0;"><a href="mailto:pitt.igem.2016@gmail.com?Subject=Hello%20From%20iGEM" target="_top">pitt.igem.2016@gmail.com</a></p> | ||
| + | </div> | ||
| + | |||
| + | <div class="full_size" style="display:block; float:left; text-align:center;margin-left:-10px;"> | ||
| + | <p>Thank you to our sponsors!</p> | ||
| + | <a href="http://www.provost.pitt.edu/" target="blank"><img src="https://static.igem.org/mediawiki/2016/4/46/T--Pittsburgh--SponsorsProvost.png" alt="Office of the Provost" style="width:200px; height:auto;"></a> | ||
| + | <a href="http://www.engineering.pitt.edu/bioengineering/" target="_blank"><img src="https://static.igem.org/mediawiki/2016/4/4a/T--Pittsburgh--SponsorsSwanson.jpg" alt="Department of Bioengineering" style="width:200px; height:auto;"></a> | ||
| + | <a href="http://www.biology.pitt.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2016/5/53/T--Pittsburgh--SponsorsBiology.jpg" alt="Department of Biological Sciences" style="width:250px; height:auto;"></a> | ||
| + | <a href="http://www.chem.pitt.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2016/a/a7/T--Pittsburgh--SponsorsChemistry.jpg" alt="Department of Chemistry" style="width:200px; height:auto;"></a> | ||
| + | |||
| + | <a href="http://www.engineering.pitt.edu/" target="_blank"> <img src="https://static.igem.org/mediawiki/2016/9/9e/T--Pittsburgh--SponsorsSwansonEngineering.png" alt="Swanson School of Engineering" style="width:200px;height;auto;"></a> | ||
| + | <br> | ||
| + | <a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2016/e/e0/T--Pittsburgh--SponsorsIDT.jpg" alt="IDT" style="width:200px; height:auto;"></a> | ||
| + | <a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2016/4/44/T--Pittsburgh--SponsorsNEB.jpg" alt="NEB" style="width:200px; height:auto;"></a> | ||
| + | <a href="https://experiment.com/"><img src="https://static.igem.org/mediawiki/2016/6/67/T--Pittsburgh--templateExperiment.png" alt="Experiment" style="width:200px; height:auto;"></a> | ||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!--FOOTER END--> | ||
<script> | <script> | ||
Latest revision as of 20:46, 5 November 2016
Contact Us
Thank you to our sponsors!
