Template:Team:UW/CSS

From 2014.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 46: Line 46:
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
-
     border: 0px;
+
     border: 10px;
     background-color: transparent;
     background-color: transparent;
     margin: 0px;
     margin: 0px;
Line 62: Line 62:
     background-size: cover;
     background-size: cover;
     z-index: -6;
     z-index: -6;
 +
  }
 +
 +
  p, h1, h2, h3 {
 +
    margin-left: 8%;
 +
    margin-right: 10%;
 +
    margin-bottom: 6%;
 +
  }
 +
 +
  }
 +
 +
  body  {
 +
    margin-left: 4%;
 +
    margin-right: 4%;
 +
    margin-bottom: 4%;
   }
   }
Line 70: Line 84:
     font-size: 14px;
     font-size: 14px;
     color: #414141;
     color: #414141;
-
     width: 960px;
+
     width: 800px;
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
Line 182: Line 196:
   }
   }
-
   .newsItem p {margin-top: 10px;}
+
   .newsItem p {
 +
    margin-top: 10px;
 +
  }
   .annItem {
   .annItem {
Line 226: Line 242:
   #igemuwmenu {
   #igemuwmenu {
-
     width: 700px;
+
     width: 730px;
     margin: 10px auto;
     margin: 10px auto;
-
     border: 3px solid #dfb42c;
+
     border: 3px solid #b7a57a;
-
     background-color: #b8860b;
+
     background-color: #4b2e84;
-
    background-image: -moz-linear-gradient(#4b2e84, #85754d );
+
-
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4b2e84), to(#85754d ));
+
-
    background-image: -webkit-linear-gradient(#4b2e84, #85754d );
+
-
    background-image: -o-linear-gradient(#4b2e84, #85754d );
+
-
    background-image: -ms-linear-gradient(#4b2e84, #85754d );
+
-
    background-image: linear-gradient(#4b2e84, #85754d );
+
-
    -moz-border-radius: 6px;
+
-
    -webkit-border-radius: 6px;
+
     border-radius: 6px;
     border-radius: 6px;
-
    -moz-box-shadow: 0 1px 1px #fff, 0 1px 0 #666 inset;
 
-
    -webkit-box-shadow: 0 1px 1px #fff, 0 1px 0 #666 inset;
 
-
    box-shadow: 0 1px 1px #fff, 0 1px 0 #666 inset;
 
     display: inline-block;
     display: inline-block;
     white-space: nowrap;
     white-space: nowrap;
Line 272: Line 277:
   #igemuwmenu a {
   #igemuwmenu a {
     padding: 12px 20px;
     padding: 12px 20px;
-
     color: #dfb42c;
+
     color: #b7a57a;
     text-transform: uppercase;
     text-transform: uppercase;
     font: bold 11.4px Arial, Helvetica;
     font: bold 11.4px Arial, Helvetica;
Line 298: Line 303:
     left: 0;
     left: 0;
     z-index: 1;
     z-index: 1;
-
     background: #fff;
+
     background: #4b2e84;
-
    background: -moz-linear-gradient(#4b2e84, #85754d );
+
     border: 2px solid #b7a57a;
-
     background-image: -webkit-gradient(linear, left top, left bottom, from(#4b2e84), to(#85754d ));
+
-
    background: -webkit-linear-gradient(#4b2e84, #85754d );
+
-
    background: -o-linear-gradient(#4b2e84, #85754d );
+
-
    background: -ms-linear-gradient(#4b2e84, #85754d );
+
-
    background: linear-gradient(#4b2e84, #85754d );
+
-
    -moz-box-shadow: 0 -1px rgba(255,255,255,1);
+
-
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,1);
+
-
    box-shadow: 0 -1px 0 rgba(255,255,255,1);
+
-
    -moz-border-radius: 3px;
+
-
    -webkit-border-radius: 3px;
+
-
    border-radius: 3px;
+
     -webkit-transition: all .2s ease-in-out;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
Line 339: Line 333:
     border: 0;
     border: 0;
     _line-height: 0; /*IE6 only*/
     _line-height: 0; /*IE6 only*/
-
     -moz-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #fff;
+
     -moz-box-shadow: 0 1px 0 #b7a57a, 0 2px 0 #b7a57a;
-
     -webkit-box-shadow: 0 1px 0 #b8860b, 0 2px 0 #fff;
+
     -webkit-box-shadow: 0 1px 0 #b7a57a, 0 2px 0 #b7a57a;
-
     box-shadow: 0 1px 0 #b8860b, 0 2px 0 #fff;
+
     box-shadow: 0 1px 0 #b7a57a, 0 2px 0 #b7a57a;  
   }
   }
   #igemuwmenu ul li.active {
   #igemuwmenu ul li.active {
Line 580: Line 574:
   <!-- Table for the entire content (to split it vertically, weird) -->
   <!-- Table for the entire content (to split it vertically, weird) -->
-
   <table width="70%" align="center">
+
   <table align="center">
   <!-- Banner  -->
   <!-- Banner  -->
-
     <tr>
+
     <tr> <center>
-
      <a href="https://2014.igem.org/Team:Washington"><img class="centerImg" src="https://static.igem.org/mediawiki/2014/f/fc/Washington_banner5.jpg" width="900" ></a>
+
    <img src="https://static.igem.org/mediawiki/2014/6/61/Banner-Wiki.png" width="1100" height="338" usemap="#linkmap">
-
      <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/94/Igemlogo_officiallogo.png" width="147" height="120" align="right" class="igemlogopos" position:="" absolute;="" top:="" 5em;="" align:="" right;="" ;="" z-index:7;"=""></a>
+
  <map name="linkmap">
-
      <p style="position: absolute; top: 5em; right: 25; width: 400px; padding: 4px; background-color: transparent; font-weight: bold; font-size: 30px; color: #FFFFFF;">University of Washington iGEM 2014</p>
+
  <area shape="rect" coords="80,140,350,250" href="http://www.washington.edu" target="_blank" alt="UW Homepage">
 +
<area shape="rect" coords="750,110,980,260" href="http://www.igem.org" target="_blank" alt="Official iGEM website">
 +
  </map>
 +
    </center>
     </tr>
     </tr>
Line 615: Line 612:
                   </ul>
                   </ul>
                 </li>
                 </li>
-
 
                 <li>
                 <li>
                   <a href="https://2014.igem.org/Team:Washington/Our_Project">Our Project</a>
                   <a href="https://2014.igem.org/Team:Washington/Our_Project">Our Project</a>
                   <ul>
                   <ul>
-
                     <li><a href="https://2014.igem.org/Team:Washington/Systems">Our Systems</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Washington/Our_Project">Our System</a></li>
                     <li><a href="https://2014.igem.org/Team:Washington/Methods">Methods</a></li>
                     <li><a href="https://2014.igem.org/Team:Washington/Methods">Methods</a></li>
                     <li><a href="https://2014.igem.org/Team:Washington/Results">Results</a></li>
                     <li><a href="https://2014.igem.org/Team:Washington/Results">Results</a></li>
                     <li><a href="https://2014.igem.org/Team:Washington/Future Plans">Future Plans</a></li>
                     <li><a href="https://2014.igem.org/Team:Washington/Future Plans">Future Plans</a></li>
                   </ul>
                   </ul>
 +
                </li>
 +
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:Washington/BioBricks">BioBricks</a>
                 </li>
                 </li>
Line 636: Line 636:
                 <li>
                 <li>
                   <a href="https://2014.igem.org/Team:Washington/Safety">Safety</a>
                   <a href="https://2014.igem.org/Team:Washington/Safety">Safety</a>
 +
                  <ul>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/Safety">Safety</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/ProjectConsiderations">Project Considerations</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Washington/JudgingForm">Judging Form</a></li>
 +
                  </ul>
                 </li>
                 </li>
-
 
+
<li>
-
                <li>
+
                   <a href="https://2014.igem.org/Team:Washington/Our_Team">Our Team</a>
                   <a href="https://2014.igem.org/Team:Washington/Our_Team">Our Team</a>
-
                </li>
+
</li>
               </ul>
               </ul>
             </nav>
             </nav>

Latest revision as of 03:55, 18 October 2014

UW Homepage Official iGEM website