Template:Team:UW/CSS

From 2014.igem.org

(Difference between revisions)
 
(48 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: 5%;
+
     margin-left: auto;
-
     margin-right: 5%;
+
     margin-right: auto;
     background-color: #transparent;
     background-color: #transparent;
     margin-top: 0px;
     margin-top: 0px;
Line 182: Line 196:
   }
   }
-
   .newsItem p {margin-top: 10px;}
+
   .newsItem p {
 +
    margin-top: 10px;
 +
  }
   .annItem {
   .annItem {
Line 226: Line 242:
   #igemuwmenu {
   #igemuwmenu {
-
     width: 590px;
+
     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 src="https://static.igem.org/mediawiki/2014/6/61/Banner-Wiki.png" style="width:100%;height:100%"></a>
+
    <img src="https://static.igem.org/mediawiki/2014/6/61/Banner-Wiki.png" width="1100" height="338" usemap="#linkmap">
-
      <a href="http://www.washington.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2014/1/16/W-Logo_White.png" IMG STYLE="position:absolute; TOP:180px; LEFT:10%; WIDTH:225px; HEIGHT:152px" align="left" class="UWLogo"></a>
+
  <map name="linkmap">
-
      <a href="http://www.igem.org" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/94/Igemlogo_officiallogo.png" IMG STYLE="position:absolute; TOP:150px; LEFT:72%; WIDTH:250px; HEIGHT:199px" class="iGEMLogo"></a>
+
  <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 640: 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>
                   <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>
               </ul>
               </ul>
             </nav>
             </nav>

Latest revision as of 03:55, 18 October 2014

UW Homepage Official iGEM website

Retrieved from "http://2014.igem.org/Template:Team:UW/CSS"