Team:Waterloo/p1

From 2013.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 4: Line 4:
/*hide default igem banner and reformat style into blank slate*/
/*hide default igem banner and reformat style into blank slate*/
#globalWrapper {width: 100%;}
#globalWrapper {width: 100%;}
-
#top-section {width: 100%; height:30px; border:none;}
+
#top-section {width: 100%; height:0px; border:none;}
#p-logo {display:none;}
#p-logo {display:none;}
#search-controls {display:none;}
#search-controls {display:none;}
#menubar a {color:#000000;}
#menubar a {color:#000000;}
-
#menubar a:hover{text-decoration:none; color:#52749C;}
+
#menubar a:hover{text-decoration:none; color:#5f00d5;}
-
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
+
.left-menu {background-color:; margin:0px 0px 0px 25px; padding:0;}
-
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
+
.left-menu ul {background-color:#b99cdc; margin:0; padding:0;}
-
.right-menu ul li a {background-color:#FFFFFF;}
+
.right-menu ul li a {background-color:#b99cdc;}
.printfooter {display:none;}
.printfooter {display:none;}
#footer-box {border:none;}
#footer-box {border:none;}
Line 24: Line 24:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
 
font-family: Georgia, "Times New Roman", Times, serif;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-size: 12px;
Line 39: Line 38:
width: 1000px;
width: 1000px;
-
margin: 0 auto;
+
float: center;
 +
margin: 0 auto;
padding-top: 0px;
padding-top: 0px;
-
background-color: white;
+
background-color: none;
}
}
#header {
#header {
-
position: relative;
+
float: center;
-
width: 920px;
+
position: relative;
-
margin: 0 auto;
+
width: 1000px;
-
+
margin: 0;
-
background-image: url (https://static.igem.org/mediawiki/igem.org/e/ea/WATERLOO.jpeg);
+
padding-left: px;
 +
background-image: url (https://static.igem.org/mediawiki/2013/7/71/Header_split.png);
}
}
Line 63: Line 64:
#nav {
#nav {
-
float: right
+
 
 +
float: center;
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-weight: bold;
font-size: 12px;
font-size: 12px;
-
padding-top: 70px;
+
padding-top: 0px;
-
height: 43px;
+
height: 59px;
}
}
#nav .last {
#nav .last {
-
padding-right: 0px;
+
padding-left: 0px;
background-image:url(https://static.igem.org/mediawiki/2013/6/67/UW_IGEM_nav_butn.png);
background-image:url(https://static.igem.org/mediawiki/2013/6/67/UW_IGEM_nav_butn.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
Line 79: Line 81:
#nav, #nav ul{
#nav, #nav ul{
-
margin:0;
+
 
-
padding:0;
+
margin: 0;
 +
padding-left:0px;
list-style-type:none;
list-style-type:none;
list-style-position:outside;
list-style-position:outside;
position:relative;
position:relative;
-
line-height:1.5em;
+
line-height:2em;
}
}
Line 95: Line 98:
#nav a:link, #nav a:active, #nav a:visited{
#nav a:link, #nav a:active, #nav a:visited{
     display:block;
     display:block;
-
     padding: 14px 35px;
+
     padding: 14px 60.5px;
 +
width:3.8em;
     color:#a5a5a5;
     color:#a5a5a5;
     text-decoration:none;
     text-decoration:none;
Line 111: Line 115:
     float:left;
     float:left;
     position:relative;
     position:relative;
 +
}
}
#nav ul {
#nav ul {
     position:absolute;
     position:absolute;
-
     width:13em;
+
     width:15em;
     top:3.8em;
     top:3.8em;
     display:none;
     display:none;
Line 122: Line 127:
#nav li ul a {
#nav li ul a {
-
     width:9em;
+
     width:7em;
     float:left;
     float:left;
     background-color: #2e2e2e;
     background-color: #2e2e2e;
Line 138: Line 143:
#nav li ul ul {
#nav li ul ul {
     left:12em;
     left:12em;
-
     margin:0px 0 0 10px;
+
     margin:0px 0 0 0px;
}
}
Line 156: Line 161:
/* change bg colour */
/* change bg colour */
#content {
#content {
-
background: url(http://commentnation.com/hotlinks/gray_and_white_diagonal_stripes_background_seamless.gif);
+
background: url(https://static.igem.org/mediawiki/2013/b/b8/Gray_and_white_diagonal_stripes_background_seamless.jpeg);
width: auto;
width: auto;
}
}
Line 163: Line 168:
width: 920px;
width: 920px;
margin: 0 auto;
margin: 0 auto;
-
padding: 30px 40px;
+
padding: 30px 40px 0px 40px;
background-color: white;
background-color: white;
}
}
Line 171: Line 176:
font-size:24px;
font-size:24px;
-
         padding: 0 0 60px 20px;
+
         padding: 0 0 60px 0px;
Line 183: Line 188:
#content_wrapper_bottom {
#content_wrapper_bottom {
width: 1000px;
width: 1000px;
-
height: 15px;
+
height: 8px;
margin: 0 auto;
margin: 0 auto;
color: white;
color: white;
-
background: url(https://static.igem.org/mediawiki/2013/e/ea/UW_content_bottom.jpg) no-repeat;
+
 
-
        background-color: #585858;
+
}
}
Line 199: Line 203:
padding: 30px 10px;
padding: 30px 10px;
text-align: center;
text-align: center;
-
color: #ffffff;
+
color: #ababab;
-
         background-color: #585858;
+
         background-color: #202020;
}
}
#mfooter a {
#mfooter a {
-
color:#ffffff;
+
color:#ababab;
}
}
Line 217: Line 221:
padding: 0 20px;
padding: 0 20px;
display: inline;
display: inline;
-
border-right: 1px solid #000000;
+
border-right: 1px solid #585858;
}
}
Line 268: Line 272:
.intro_box h3 {
.intro_box h3 {
-
background: #000000;
+
background: #202020;
padding: 3px 10px;
padding: 3px 10px;
margin: 0 0 10px 0;
margin: 0 0 10px 0;
Line 276: Line 280:
.intro_box img {
.intro_box img {
-
width: 272px;
+
width: 276px;
height: 168px;
height: 168px;
-
border: 5px solid #e6e0ce;
+
border: 3px solid #202020;
         margin-bottom: 10px;
         margin-bottom: 10px;
}
}
Line 336: Line 340:
position: relative;
position: relative;
/*border: 0px solid #fff;*/
/*border: 0px solid #fff;*/
-
width: 650px;
+
width: 800px;
}
}
/*--Image Rotator Window/Masking Styles--*/
/*--Image Rotator Window/Masking Styles--*/
.window {
.window {
-
height:400px;
+
height:350px;
-
width: 650px;
+
width: 800px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
position: relative;
Line 357: Line 361:
width: 400px; height:47px; /*--Increase this width when adding more numbers in paging--*/
width: 400px; height:47px; /*--Increase this width when adding more numbers in paging--*/
z-index: 100; /*--Assures the paging stays on the top layer--*/
z-index: 100; /*--Assures the paging stays on the top layer--*/
-
text-align: center;
+
text-align: right;
-
line-height: 110px;
+
padding-right: 30px;
 +
line-height: 65px;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
}
.paging a {
.paging a {
-
padding: 5px;
+
background-color: #ffffff;
 +
border: 1px solid #ffffff;
 +
padding: 5px;
text-decoration: none;
text-decoration: none;
-
color: #000;
+
color: #202020;
}
}
.paging a.active {
.paging a.active {
font-weight: bold;
font-weight: bold;
-
/*background: #ffffff;*/
+
color: #ffffff;
-
border: 1px solid #ffffff;
+
background: #202020;
-
-moz-border-radius: 3px;
+
border: 1px solid #202020;
-
-khtml-border-radius: 3px;
+
-moz-border-radius: 0px;
-
-webkit-border-radius: 3px;
+
-khtml-border-radius: 0px;
 +
-webkit-border-radius: 0px;
}
}
.paging a:hover {font-weight: bold;}
.paging a:hover {font-weight: bold;}
Line 389: Line 397:
$(".paging a:first").addClass("active");
$(".paging a:first").addClass("active");
-
//Get size of images, how many there are, then determin the size of the image reel.
+
//Get size of images, how many there are, then determine the size of the image reel.
var imageWidth = $(".window").width();
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageSum = $(".image_reel img").size();
Line 408: Line 416:
$(".image_reel").animate({  
$(".image_reel").animate({  
left: -image_reelPosition
left: -image_reelPosition
-
}, 500 );
+
}, 1500 );
};  
};  
Line 420: Line 428:
}
}
rotate(); //Trigger the paging and slider function
rotate(); //Trigger the paging and slider function
-
}, 3500); //Timer speed in milliseconds  
+
}, 4000); //Timer speed in milliseconds  
};
};
Line 453: Line 461:
     <div id="header">
     <div id="header">
-
<p  style="text-align:center;"><a href="https://static.igem.org/mediawiki/igem.org/e/ea/WATERLOO.jpeg"><img src="https://static.igem.org/mediawiki/igem.org/e/ea/WATERLOO.jpeg" width="800px"></a></p>
+
<p  style="text-align:center;"><a href="https://2013.igem.org/Team:Waterloo"><img src="https://static.igem.org/mediawiki/2013/7/71/Header_split.png" width="1000px"></a></p>
      
      
   <div id="site_title">
   <div id="site_title">
Line 461: Line 469:
<!-- navigation -->
<!-- navigation -->
-
<ul id="nav">
+
 +
<ul id="nav">
<li><a href="https://2013.igem.org/Team:Waterloo/Test">Home</a></li>
<li><a href="https://2013.igem.org/Team:Waterloo/Test">Home</a></li>
Line 492: Line 501:
                 </li>
                 </li>
    
    
-
   <li><a href="https://2013.igem.org/Team:Waterloo/humanparctices">Human Practice</a>               
+
   <li><a href="https://2013.igem.org/Team:Waterloo/Outreach">Outreach</a>               
  <ul>
  <ul>
-
    <li><a href="#">Events</a>
+
    <li><a href="https://2013.igem.org/Team:Waterloo/Events">Events</a>
<ul>
<ul>
-
<li><a href="https://2013.igem.org/Team:Waterloo">Intent to Invent</a></li>
+
 
-
<li><a href="https://2013.igem.org/Team:Waterloo">Event A</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Waterloo">Event B</a></li>
+
</ul> </li>
</ul> </li>
    <li><a href="https://2013.igem.org/Team:Waterloo/Partners">Partners</a></li>
    <li><a href="https://2013.igem.org/Team:Waterloo/Partners">Partners</a></li>
Line 507: Line 514:
              
              
</ul>
</ul>
 +
<!-- // end of navigation -->
<!-- // end of navigation -->
-
           
 
-
         
 
-
 
 
-
+
 
-
+
-
   
+
<!-- content -->
-
 
+
-
 
+
-
    <div class="cleaner"></div>
+
-
    </div> <!-- end of header -->
+
-
 
+
-
</div>
+
-
<!-- end of header_wrapper -->
+
</body>
</body>
Line 544: Line 541:
     <div class="window">
     <div class="window">
         <div class="image_reel">
         <div class="image_reel">
-
                     <img src="http://assets.inhabitat.com/wp-content/blogs.dir/1/files/2011/03/University-Waterloo-Engineering-5-2-537x295.jpg" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
                    <img src="http://findoutmore.uwaterloo.ca/ict/images/uw/main.jpg" style=" margin-right:0px; width:800px; height:350px" alt="" />
-
                     <img src="http://images.dailytech.com/nimage/19635_M13_Virus.jpg" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
                     <img src="http://assets.inhabitat.com/wp-content/blogs.dir/1/files/2011/03/University-Waterloo-Engineering-5-2-537x295.jpg" style=" margin-right:0px; width:800px; height:350px" alt="" />
-
                               
+
                     <img src="http://images.dailytech.com/nimage/19635_M13_Virus.jpg" style=" margin-right:0px; width:800px; height:350px" alt="" />
 +
 
         </div>
         </div>
     </div>
     </div>
Line 552: Line 550:
         <a href="#" rel="1">1</a>
         <a href="#" rel="1">1</a>
         <a href="#" rel="2">2</a>
         <a href="#" rel="2">2</a>
 +
        <a href="#" rel="3">3</a>
          
          
   
   
Line 669: Line 668:
   <ul class="mfooter_menu">
   <ul class="mfooter_menu">
                 <li><a href="#" target="_parent">Home</a></li>
                 <li><a href="#" target="_parent">Home</a></li>
-
                 <li><a href="https://2013.igem.org/Team:Waterloo/project" target="_parent">Project</a></li>
+
                 <li><a href="https://2013.igem.org/Team:Waterloo/Project" target="_parent">Project</a></li>
                 <li><a href="http://waterlooigem.wordpress.com/" target="_parent">Blog</a></li>
                 <li><a href="http://waterlooigem.wordpress.com/" target="_parent">Blog</a></li>
-
                 <li><a href="https://2013.igem.org/Team:Waterloo/team" class="current">Team</a></li>
+
                 <li><a href="https://2013.igem.org/Team:Waterloo/Team" class="current">Team</a></li>
-
                 <li><a href="https://2013.igem.org/Team:Waterloo/humanpractices" target="_parent">Human practice</a></li>
+
                 <li><a href="https://2013.igem.org/Team:Waterloo/Outreach" target="_parent">Outreach</a></li>
-
                 <li  class="last_menu"><a href="https://2013.igem.org/Team:Waterloo/modelling" target="_parent">Modelling</a></li>
+
                 <li  class="last_menu"><a href="https://2013.igem.org/Team:Waterloo/Modelling" target="_parent">Modelling</a></li>
                  
                  
   </ul>
   </ul>

Latest revision as of 21:54, 19 May 2013