Team:Waterloo/p1

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> //remove header #catlinks { display:none;} #search-controls {display: none} #top-section {position: relative; height: 0px; width: 965px; ...")
 
(4 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
//remove header
+
 
-
#catlinks { display:none;}
+
/*hide default igem banner and reformat style into blank slate*/
-
#search-controls {display: none}
+
#globalWrapper {width: 100%;}
-
#top-section {position: relative;
+
#top-section {width: 100%; height:0px; border:none;}
-
    height: 0px;
+
#p-logo {display:none;}
-
    width: 965px;
+
#search-controls {display:none;}
-
    margin: 0 auto 0 auto;
+
#menubar a {color:#000000;}
-
    border-left: 1px solid #444444;
+
#menubar a:hover{text-decoration:none; color:#5f00d5;}
-
    border-right: 1px solid #444444;
+
.left-menu {background-color:; margin:0px 0px 0px 25px; padding:0;}
-
border-bottom: 0px;}
+
.left-menu ul {background-color:#b99cdc; margin:0; padding:0;}
 +
.right-menu ul li a {background-color:#b99cdc;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
#catlinks {display:none;}
.firstHeading {display:none;}
.firstHeading {display:none;}
-
#p-logo{display: none};
+
#content {width: 100%; border:none;}
 +
#bodyContent {border:none;}
 +
 
-
/* bg colour change */
 
body {
body {
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;
color: #000000;
color: #000000;
-
         background: #585858;
+
         background: #ffffff;
}
}
Line 32: Line 36:
#header_wrapper {
#header_wrapper {
-
width: 100%;
+
-
height: 265px;
+
width: 1000px;
-
background: url(https://static.igem.org/mediawiki/igem.org/2/29/UW_IGEM_header_final.jpeg) no-repeat top center;
+
float: center;
 +
margin: 0 auto;
 +
padding-top: 0px;
 +
background-color: none;
 +
}
}
#header {
#header {
-
position: relative;
+
float: center;
-
width: 980px;
+
position: relative;
-
height: 265px;
+
width: 1000px;
-
padding: 0 10px;
+
margin: 0;
-
margin: 0 auto;
+
padding-left: px;
-
background: url(https://static.igem.org/mediawiki/igem.org/2/29/UW_IGEM_header_final.jpeg) no-repeat top center;
+
background-image: url (https://static.igem.org/mediawiki/2013/7/71/Header_split.png);
 +
}
}
Line 55: 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: 2px;
+
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;
-
background-position:right;
+
background-position:  
}
}
#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 87: 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;
     background-image: url(https://static.igem.org/mediawiki/2013/4/4a/UW_nav_butn_bg.jpg);
     background-image: url(https://static.igem.org/mediawiki/2013/4/4a/UW_nav_butn_bg.jpg);
-
     background-position: top left;;
+
     background-position: top left;
}
}
Line 103: 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 114: 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 130: 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 143: Line 156:
/*end of navigation*/
/*end of navigation*/
-
/* search */
 
-
#header #search_box {
 
-
        position:absolute;
 
-
width: 333px;
 
-
height: 53px;
 
-
bottom: 54px;
 
-
right:  16px;
 
-
background: url(https://static.igem.org/mediawiki/2013/1/13/UW_search.png) !important;
 
-
}
 
-
 
-
#search_box form {
 
-
width: 280px;
 
-
height: 27px;
 
-
margin-bottom: o;
 
-
padding: 25px 0 0 0;
 
-
}
 
-
 
-
#searchfield {
 
-
height: 17px;
 
-
width: 270px;
 
-
padding: 4px 5px 6px 5px;
 
-
color: #fff;
 
-
font-size: 12px;
 
-
font-variant: normal;
 
-
line-height: normal;
 
-
background: none;
 
-
border: none;
 
-
}
 
-
 
-
/* end of search */
 
Line 178: Line 161:
/* change bg colour */
/* change bg colour */
#content {
#content {
-
background-color: #585858;
+
background: url(https://static.igem.org/mediawiki/2013/b/b8/Gray_and_white_diagonal_stripes_background_seamless.jpeg);
width: auto;
width: auto;
}
}
Line 185: Line 168:
width: 920px;
width: 920px;
margin: 0 auto;
margin: 0 auto;
-
padding: 30px 40px;
+
padding: 30px 40px 0px 40px;
-
background: url(https://static.igem.org/mediawiki/2013/6/6f/UW_content_side.jpg) repeat-y;
+
background-color: white;
}
}
Line 193: Line 176:
font-size:24px;
font-size:24px;
-
         padding: 0 0 60px 20px;
+
         padding: 0 0 60px 0px;
Line 205: 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 221: 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 239: Line 221:
padding: 0 20px;
padding: 0 20px;
display: inline;
display: inline;
-
border-right: 1px solid #000000;
+
border-right: 1px solid #585858;
}
}
Line 290: 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 298: 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 358: 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 379: 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 411: 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 430: Line 416:
$(".image_reel").animate({  
$(".image_reel").animate({  
left: -image_reelPosition
left: -image_reelPosition
-
}, 500 );
+
}, 1500 );
};  
};  
Line 442: 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 475: Line 461:
     <div id="header">
     <div id="header">
 +
<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 482: 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 513: 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 528: Line 514:
              
              
</ul>
</ul>
 +
<!-- // end of navigation -->
<!-- // end of navigation -->
-
           
 
-
         
 
-
  <div id="search_box">
 
-
 
 
-
  <form action="http://www.google.com.hk/cse" id="cse-search-box" method="get" target="_blank" >
 
-
    <input type="text" value=" " name="q" size="10" id="searchfield" title="searchfield" onFocus="clearText(this)" onBlur="clearText(this)" />
 
-
    <input type="hidden" name="cx" value="012577055908532603606:zpok5ilqnda" />
 
-
    <input type="hidden" name="cof" value="FORID:10" />
 
-
    <input type="hidden" name="ie" value="UTF-8" />
 
-
    <input type="submit" name="sa" value="Search" />
 
-
      </form>
 
-
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
+
 
-
<script type="text/javascript">
 
-
  google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY});
 
-
  google.setOnLoadCallback(function() {
 
-
    var customSearchControl = new google.search.CustomSearchControl('012577055908532603606:zpok5ilqnda');
 
-
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
 
-
    customSearchControl.draw('cse');
 
-
  }, true);
 
-
</script>
 
-
  </div> 
+
<!-- content -->
-
+
-
 
+
-
 
+
-
   
+
-
 
+
-
 
+
-
    <div class="cleaner"></div>
+
-
    </div> <!-- end of header -->
+
-
 
+
-
</div>
+
-
<!-- end of header_wrapper -->
+
</body>
</body>
Line 584: 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 592: 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 709: 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