Difference between revisions of "Template:Pittsburgh"

 
(93 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 192: 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 310px 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 249: 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 272: 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 386: Line 397:
 
     /*****PAGE CONTENT***********/
 
     /*****PAGE CONTENT***********/
 
     .notebook h1, h2, h3, h4 {
 
     .notebook h1, h2, h3, h4 {
         color: rgb(0,0,128);
+
         color: #1c2957;
 
     }
 
     }
  
Line 408: Line 419:
 
         }
 
         }
  
         . /*content_*/ wrapper {
+
         .content_wrapper {
 
             margin-left: 15%;
 
             margin-left: 15%;
 
         }
 
         }
Line 474: 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 494: 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 500: 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 507: 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 515: Line 526:
  
 
     .my-submenu-list a:hover {
 
     .my-submenu-list a:hover {
         background-color: #0000c0;
+
         background-color: #1c2957;
         color: #FFD700;
+
         color: #cdb87d;
 
     }
 
     }
  
Line 532: 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 546: 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 556: 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 572: 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 584: 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 680: 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