Difference between revisions of "Template:Pittsburgh"

 
(85 intermediate revisions by 2 users not shown)
Line 39: Line 39:
 
         padding: 0px;
 
         padding: 0px;
 
         float: left;
 
         float: left;
−
         background-color: rgb(0,0,128);
+
         background-color: #1c2957;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
Line 57: Line 57:
 
         /* when hovering on a menu item */
 
         /* when hovering on a menu item */
 
         .menu_item:hover {
 
         .menu_item:hover {
−
             color: #FFD700;
+
             color: #cdb87d;
 
             text-decoration: none;
 
             text-decoration: none;
 
             /*background-color: #72c9b6;*/
 
             /*background-color: #72c9b6;*/
Line 136: Line 136:
 
         margin: 10px 0px -11px 0px;*/
 
         margin: 10px 0px -11px 0px;*/
 
         list-style: none;
 
         list-style: none;
 +
        z-index: 999;
 
     }
 
     }
  
Line 152: Line 153:
 
             display: inline-block;
 
             display: inline-block;
 
             border-bottom: 1px solid white;
 
             border-bottom: 1px solid white;
−
             background-color: rgb(0,0,128);
+
             background-color: #1c2957;
 
             text-decoration: none;
 
             text-decoration: none;
 
             color: white;
 
             color: white;
Line 160: Line 161:
  
 
             .submenu li a:hover {
 
             .submenu li a:hover {
−
                 background-color: rgb(0,0,128);
+
                 background-color: #1c2957;
 
                 color: #FFD700;
 
                 color: #FFD700;
 
             }
 
             }
Line 196: Line 197:
 
         /*margin-left:150px;*/
 
         /*margin-left:150px;*/
 
         /*height: auto;*/
 
         /*height: auto;*/
−
         padding: 0px 0px 310px 0px;
+
         padding: 0px 0px 460px 0px;
 
         /*margin: 0 auto;*/
 
         /*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 252: Line 258:
 
     /* 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: 13px;
+
         font-size: 15px;
 
     }
 
     }
  
Line 275: Line 283:
 
     }
 
     }
 
      
 
      
−
     /* a[class="nav"] {
+
     /* a[class="nav"]{
−
        color: #72c9b6;
+
        color:rgb(0,0,128);
 
     }
 
     }
  
−
     .nav:hover {
+
     .nav:hover{
−
        color: #72c9b6;
+
        color:rgb(0,0,128);
−
        text-decoration: none;
+
        text-decoration:none;
 
     }
 
     }
 
     */
 
     */
  
 
     /* styling for the titles */
 
     /* styling for the titles */
−
     /*.content_wrapper*/ .content h1, /*.content_wrapper*/ .content h2; {
+
     /*.content_wrapper*/ .content h1, /*.content_wrapper*/ .content h2 {
 
         padding: 5px 15px;
 
         padding: 5px 15px;
−
         color: rgb(0,0,128);
+
         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 389: Line 397:
 
     /*****PAGE CONTENT***********/
 
     /*****PAGE CONTENT***********/
 
     .notebook h1, h2, h3, h4 {
 
     .notebook h1, h2, h3, h4 {
−
         color: rgb(0,0,128);
+
         color: #1c2957;
 
     }
 
     }
  
Line 411: Line 419:
 
         }
 
         }
  
−
         . content_wrapper {
+
         .content_wrapper {
 
             margin-left: 15%;
 
             margin-left: 15%;
 
         }
 
         }
Line 477: Line 485:
 
         padding: 0;
 
         padding: 0;
 
         overflow: hidden;
 
         overflow: hidden;
−
         background-color: #000080;
+
         background-color: #1c2957;
 
         font-size: 1.25em;
 
         font-size: 1.25em;
 
         font-weight: bold;
 
         font-weight: bold;
Line 497: Line 505:
 
             li.my-menu-item a:hover {
 
             li.my-menu-item a:hover {
 
                 /*background-color: #a2c2fb;*/
 
                 /*background-color: #a2c2fb;*/
−
                 color: #FFD700;
+
                 color: #cdb87d;
 
             }
 
             }
  
Line 503: Line 511:
 
         display: none;
 
         display: none;
 
         position: absolute;
 
         position: absolute;
−
         background-color: #a2c2fb;
+
         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 510: Line 518:
  
 
     div.my-submenu-list a {
 
     div.my-submenu-list a {
−
         color: black;
+
         color: white;
 
         padding: 4px 16px;
 
         padding: 4px 16px;
 
         text-decoration: none;
 
         text-decoration: none;
Line 518: Line 526:
  
 
     .my-submenu-list a:hover {
 
     .my-submenu-list a:hover {
−
         background-color: #0000c0;
+
         background-color: #1c2957;
−
         color: #FFD700;
+
         color: #cdb87d;
 
     }
 
     }
  
Line 540: Line 548:
  
 
<!-- my own menu start -->
 
<!-- my own menu start -->
 +
 
<div>
 
<div>
−
    <span style="display: block;height: 20px;margin-top: -20px;visibility: hidden;" id="Top"></span>
+
 
 +
<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 550: 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/Achievements"> Achievements </a></li>
+
         <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 560: 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/Description"> ★ Description </a>
+
              <a href="https://2016.igem.org/Team:Pittsburgh/Experiments"> Experiments </a>
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Design"> ★ Design </a>
+
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Experiments"> Experiments </a>
+
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Proof"> ★ Proof of Concept </a>
+
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Demonstrate"> ★ Demonstrate </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>
−
                <a href="https://2016.igem.org/Team:Pittsburgh/InterLab"> InterLab </a>
 
 
             </div>
 
             </div>
 
         </li>
 
         </li>
Line 576: 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"> ★ Basic Parts </a>
+
                 <a href="https://2016.igem.org/Team:Pittsburgh/Basic_Part"> Basic Parts </a>
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Composite_Part"> ★ Composite Parts </a>
+
                <a href="https://2016.igem.org/Team:Pittsburgh/Description"> Description </a>              
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Part_Collection"> ★ Part Collection </a>
+
 
             </div>
 
             </div>
 
         </li>
 
         </li>
Line 588: 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">★ Silver </a>
+
                 <a href="https://2016.igem.org/Team:Pittsburgh/HP/Silver">Silver </a>
−
                 <a href="https://2016.igem.org/Team:Pittsburgh/HP/Gold">★ Gold </a>
+
                 <a href="https://2016.igem.org/Team:Pittsburgh/HP/Gold">Gold </a>
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Integrated_Practices"> ★ Integrated Practices </a>
+
                 <a href="https://2016.igem.org/Team:Pittsburgh/Engagement">Engagement </a>  
−
                 <a href="https://2016.igem.org/Team:Pittsburgh/Engagement">★ Engagement </a>
+
                 <a href="https://2016.igem.org/Team:Pittsburgh/Model">Model </a>
−
            </div>
+
−
        </li>
+
−
 
+
−
        <li class="my-menu-item">
+
−
            <a class="my-submenu"> Awards </a>
+
−
            <div class="my-submenu-list">
+
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Entrepreneurship"> ★ Entrepreneurship </a>
+
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Hardware"> ★ Hardware </a>
+
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Software">★ Software </a>
+
−
                <a href="https://2016.igem.org/Team:Pittsburgh/Measurement">★  Measurement </a>
+
−
                 <a href="https://2016.igem.org/Team:Pittsburgh/Model">★ Model </a>
+
 
             </div>
 
             </div>
 
         </li>
 
         </li>
 +
       
 
     </ul>
 
     </ul>
 
</div>
 
</div>
Line 684: Line 681:
  
 
<div class="wrapper">
 
<div class="wrapper">
−
     <h1 id="page_name" style="padding: 10px 0px;">  </h1>
+
     <h1 id="page_name" style="color:#1c2957;max-width:1000px; margin:0 auto; padding:20px 10px 10px 10px">  </h1>
  
−
    <div class="column full_size" style="position:absolute;bottom:0;height:300px;margin-top:300px;background-color:#D3D3D3;">
+
<!--FOOTER-->
  
−
        <div style="padding:15px; display:block; float:left; margin-left:5%;">
+
<div class="column full_size" style="position:absolute;bottom:0;height:450px;margin-top:450px;background-color:#D3D3D3;">
−
            <p style="margin:0;"><a href="/Team:Pittsburgh">Home</a></p>
+
−
        </div>
+
  
−
        <div style="padding:15px; display:block; float:left;">
+
    <div style="padding:15px; display:block; float:left; margin-left:5%;">
−
            <p style="margin:0;">People</p>
+
        <p style="margin:0;"><a href="/Team:Pittsburgh">Home</a></p>
−
            <p style="margin:0;"><a href="/Team:Pittsburgh/Team">Team</a></p>
+
    </div>
−
            <p style="margin:0;"><a href="/Team:Pittsburgh/Collaborations">Collaborations</a></p>
+
−
            <p style="margin:0;"><a href="/Team:Pittsburgh/Attributions">Attributions</a></p>
+
−
        </div>
+
  
−
        <div style="padding:15px; display:block; float:left;">
+
    <div style="padding:15px; display:block; float:left;">
−
            <p style="margin:0;"><a href="/Team:Pittsburgh">Achievements</a></p>
+
        <p style="margin:0;">People</p>
−
         </div>
+
        <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;">
+
    <div style="padding:15px; display:block; float:left;">
−
            <p style="margin:0;">Project</p>
+
        <p style="margin:0;"><a href="/Team:Pittsburgh/Medals">Medals</a></p>
−
            <p style="margin:0;"><a href="/Team:Pittsburgh/Project_Overview">Overview</a></p>
+
    </div>
−
            <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/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;">
+
    <div style="padding:15px; display:block; float:left;">
−
            <p style="margin:0;">Parts</p>
+
        <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;">
+
    <div style="padding:15px; display:block; float:left;">
−
            <p style="margin:0;"><a href="/Team:Pittsburgh/Safety"> Safety</a></p>
+
        <p style="margin:0;">Parts</p>
−
         </div>
+
        <p style="margin:0;"><a href="/Team:Pittsburgh/Parts">Parts</a></p>
 +
         <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;">
+
    <div style="padding:15px; display:block; float:left;">
−
            <p style="margin:0;">Human Practices</p>
+
        <p style="margin:0;"><a href="/Team:Pittsburgh/Safety"> Safety</a></p>
−
            <p style="margin:0;"><a href="/Team:Pittsburgh/Human_Practices">Human Practices</a></p>
+
    </div>
−
        </div>
+
  
−
        <div style="padding:15px; display:block; float:right; text-align:right; margin-right:5%;">
+
    <div style="padding:15px; display:block; float:left;">
−
            <p style="margin:0;">Contact Us</p>
+
        <p style="margin:0;">Human Practices</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>
+
        <p style="margin:0;"><a href="/Team:Pittsburgh/Human_Practices">Human Practices</a></p>
−
         </div>
+
        <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 class="full_size" style="display:block; float:left; text-align:center;margin-left:-10px;">
+
    <div style="padding:15px; display:block; float:right; text-align:right; margin-right:5%;">
−
            <p>Thank you to our sponsors!</p>
+
        <p style="margin:0;">Contact Us</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>
+
        <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>
−
            <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>
+
    </div>
−
            <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:200px; 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>
+
    <div class="full_size" style="display:block; float:left; text-align:center;margin-left:-10px;">
−
            <br>
+
        <p>Thank you to our sponsors!</p>
−
            <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="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="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="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>
−
         </div>
+
        <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>
 +
</div>
 +
 +
<!--FOOTER END-->
  
 
     <script>
 
     <script>

Latest revision as of 20:46, 5 November 2016

Thank you to our sponsors!

Office of the Provost Department of Bioengineering Department of Biological Sciences Department of Chemistry Swanson School of Engineering
IDT NEB Experiment