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: | + | #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:# | + | #menubar a:hover{text-decoration:none; color:#5f00d5;} |
- | .left-menu {background-color: | + | .left-menu {background-color:; margin:0px 0px 0px 25px; padding:0;} |
- | .left-menu ul {background-color:# | + | .left-menu ul {background-color:#b99cdc; margin:0; padding:0;} |
- | .right-menu ul li a {background-color:# | + | .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; | ||
- | + | float: center; | |
+ | margin: 0 auto; | ||
padding-top: 0px; | padding-top: 0px; | ||
- | background-color: | + | background-color: none; |
} | } | ||
#header { | #header { | ||
- | + | float: center; | |
- | width: | + | position: relative; |
- | margin: 0 | + | width: 1000px; |
- | + | margin: 0; | |
- | background-image: url (https://static.igem.org/mediawiki/ | + | padding-left: px; |
+ | background-image: url (https://static.igem.org/mediawiki/2013/7/71/Header_split.png); | ||
} | } | ||
Line 63: | Line 64: | ||
#nav { | #nav { | ||
- | + | ||
+ | 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: | + | padding-top: 0px; |
- | height: | + | height: 59px; |
} | } | ||
#nav .last { | #nav .last { | ||
- | padding- | + | 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{ | ||
- | + | ||
- | padding: | + | 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: | + | 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 | + | 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: | + | 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: | + | 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 | + | margin:0px 0 0 0px; |
} | } | ||
Line 156: | Line 161: | ||
/* change bg colour */ | /* change bg colour */ | ||
#content { | #content { | ||
- | background: url( | + | 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 | + | padding: 0 0 60px 0px; |
Line 183: | Line 188: | ||
#content_wrapper_bottom { | #content_wrapper_bottom { | ||
width: 1000px; | width: 1000px; | ||
- | height: | + | height: 8px; |
margin: 0 auto; | margin: 0 auto; | ||
color: white; | color: white; | ||
- | + | ||
- | + | ||
} | } | ||
Line 199: | Line 203: | ||
padding: 30px 10px; | padding: 30px 10px; | ||
text-align: center; | text-align: center; | ||
- | color: # | + | color: #ababab; |
- | background-color: # | + | background-color: #202020; |
} | } | ||
#mfooter a { | #mfooter a { | ||
- | color:# | + | color:#ababab; |
} | } | ||
Line 217: | Line 221: | ||
padding: 0 20px; | padding: 0 20px; | ||
display: inline; | display: inline; | ||
- | border-right: 1px solid # | + | border-right: 1px solid #585858; |
} | } | ||
Line 268: | Line 272: | ||
.intro_box h3 { | .intro_box h3 { | ||
- | background: # | + | 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: | + | width: 276px; |
height: 168px; | height: 168px; | ||
- | border: | + | 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: | + | width: 800px; |
} | } | ||
/*--Image Rotator Window/Masking Styles--*/ | /*--Image Rotator Window/Masking Styles--*/ | ||
.window { | .window { | ||
- | height: | + | height:350px; |
- | width: | + | 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: | + | text-align: right; |
- | + | 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 { | ||
- | + | background-color: #ffffff; | |
+ | border: 1px solid #ffffff; | ||
+ | padding: 5px; | ||
text-decoration: none; | text-decoration: none; | ||
- | color: # | + | color: #202020; |
} | } | ||
.paging a.active { | .paging a.active { | ||
font-weight: bold; | font-weight: bold; | ||
- | + | color: #ffffff; | |
- | border: 1px solid # | + | background: #202020; |
- | -moz-border-radius: | + | border: 1px solid #202020; |
- | -khtml-border-radius: | + | -moz-border-radius: 0px; |
- | -webkit-border-radius: | + | -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 | + | //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 | ||
- | }, | + | }, 1500 ); |
}; | }; | ||
Line 420: | Line 428: | ||
} | } | ||
rotate(); //Trigger the paging and slider function | rotate(); //Trigger the paging and slider function | ||
- | }, | + | }, 4000); //Timer speed in milliseconds |
}; | }; | ||
Line 453: | Line 461: | ||
<div id="header"> | <div id="header"> | ||
- | <p style="text-align:center;"><a href="https:// | + | <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"> | ||
<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/ | + | <li><a href="https://2013.igem.org/Team:Waterloo/Outreach">Outreach</a> |
<ul> | <ul> | ||
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Team:Waterloo/Events">Events</a> |
<ul> | <ul> | ||
- | + | ||
- | + | ||
- | + | ||
</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 --> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <!-- | + | |
</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: | + | <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: | + | <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/ | + | <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/ | + | <li><a href="https://2013.igem.org/Team:Waterloo/Team" class="current">Team</a></li> |
- | <li><a href="https://2013.igem.org/Team:Waterloo/ | + | <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/ | + | <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
Lachesis
Team
![product](https://static.igem.org/mediawiki/2011/7/78/USTC_Software_image_02.jpg)
We promote diversity in our iGEM team. Encouraging people of all disciplines to partake in this incredible competition! From the Business faculty, to Arts, to Sciences, to Engineering, and back to Maths. These bunch collaborate in order to plan, design, construct and market our way to victory!
Models
![product](https://static.igem.org/mediawiki/2011/c/c8/USTC_Software_image_03.jpg)
Enter Modelling Text Here!!!!
Human practice
![product](https://static.igem.org/mediawiki/2011/3/3c/USTC_Software_image_04.jpg)
Put Events Crap Here!!
Project
Our project is Cell-Cell Communication
1.Use the M13 virus to transfer the message.
2.Use GFP to test if message is received
2.Use GFP to test if message is received