"
Template:Team:Uppsala/chassi-style
From 2013.igem.org
(Difference between revisions)
Sabrijamal (Talk | contribs) |
|||
| (45 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | |||
.chassi{ | .chassi{ | ||
| Line 23: | Line 22: | ||
border:yellow solid 3px; | border:yellow solid 3px; | ||
margin-top:10px; | margin-top:10px; | ||
| - | + | border:hidden; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
#shortcut_pic{ | #shortcut_pic{ | ||
| - | height: | + | height:400px; |
| - | width: | + | width:600px; |
| - | border:purple solid 3px; | + | /*border:purple solid 3px;*/ |
margin-top:10px; | margin-top:10px; | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
| - | background-image:url(../ | + | background-image:url(https://static.igem.org/mediawiki/2013/c/c5/Uppsala2013_ChassiBackground.png); |
} | } | ||
| Line 54: | Line 47: | ||
height:420px; | height:420px; | ||
width:200px; | width:200px; | ||
| - | border:solid 3px; | + | /*border:solid 3px;*/ |
float:right; | float:right; | ||
| - | |||
} | } | ||
| Line 71: | Line 63: | ||
height:120px; | height:120px; | ||
width:120px; | width:120px; | ||
| - | border:solid 3px; | + | /*border:solid 3px; */ |
float:left; | float:left; | ||
margin-left:30px; | margin-left:30px; | ||
| Line 80: | Line 72: | ||
height:120px; | height:120px; | ||
width:120px; | width:120px; | ||
| - | border:solid 3px; | + | /*border:solid 3px;*/ |
float:left; | float:left; | ||
margin-left:30px; | margin-left:30px; | ||
| Line 89: | Line 81: | ||
height:120px; | height:120px; | ||
width:120px; | width:120px; | ||
| - | border:solid 3px; | + | /*border:solid 3px;*/ |
float:right; | float:right; | ||
margin-right:30px; | margin-right:30px; | ||
| - | margin-top: | + | margin-top:90px; |
} | } | ||
| Line 98: | Line 90: | ||
height:120px; | height:120px; | ||
width:120px; | width:120px; | ||
| - | border:solid 3px; | + | /*border:solid 3px;*/ |
float:right; | float:right; | ||
margin-right:30px; | margin-right:30px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
margin-top:10px; | margin-top:10px; | ||
} | } | ||
| Line 114: | Line 99: | ||
height:960px; | height:960px; | ||
width:900px; | width:900px; | ||
| - | border:solid green 3px; | + | /*border:solid green 3px;*/ |
margin-top:10px; | margin-top:10px; | ||
} | } | ||
| Line 122: | Line 107: | ||
overflow:auto; | overflow:auto; | ||
float:left; | float:left; | ||
| - | margin-top: | + | margin-top:15px; |
} | } | ||
#reporter_title{ | #reporter_title{ | ||
| - | |||
| - | |||
/*border:blue solid 3px;*/ | /*border:blue solid 3px;*/ | ||
overflow:auto; | overflow:auto; | ||
float:left; | float:left; | ||
| - | margin-top: | + | margin-top:15px; |
} | } | ||
#toxin_title{ | #toxin_title{ | ||
| - | |||
| - | |||
/*border:blue solid 3px;*/ | /*border:blue solid 3px;*/ | ||
overflow:auto; | overflow:auto; | ||
float:left; | float:left; | ||
| - | margin-top: | + | margin-top:15px; |
} | } | ||
#vector_title{ | #vector_title{ | ||
| - | |||
| - | |||
/*border:blue solid 3px;*/ | /*border:blue solid 3px;*/ | ||
overflow:auto; | overflow:auto; | ||
float:left; | float:left; | ||
| - | margin-top: | + | margin-top:15px; |
} | } | ||
#signal_title{ | #signal_title{ | ||
| - | |||
| - | |||
/*border:blue solid 3px;*/ | /*border:blue solid 3px;*/ | ||
overflow:auto; | overflow:auto; | ||
float:left; | float:left; | ||
| - | margin-top: | + | margin-top:15px; |
} | } | ||
| Line 166: | Line 143: | ||
/*border:green solid 3px;*/ | /*border:green solid 3px;*/ | ||
float:right; | float:right; | ||
| - | margin-right: | + | margin-right:123px; |
| + | margin-top:4px; | ||
} | } | ||
| Line 174: | Line 152: | ||
/*border:green solid 3px;*/ | /*border:green solid 3px;*/ | ||
float:right; | float:right; | ||
| - | margin-right: | + | margin-right:80px; |
| + | margin-top:5px; | ||
} | } | ||
.toxin_pic{ | .toxin_pic{ | ||
| - | + | height:30px; | |
| - | + | width:80px; | |
| - | + | /*border:green solid 3px;*/ | |
| - | + | float:right; | |
| - | + | margin-right:90px; | |
| - | + | margin-top:5px; | |
| + | } | ||
| - | + | .vector_pic{ | |
| - | + | height:30px; | |
| - | + | width:70px; | |
| - | + | /*border:green solid 3px;*/ | |
| - | + | float:right; | |
| - | + | margin-right:145px; | |
| - | + | margin-top:7px; | |
| + | } | ||
| - | + | .signal_pic{ | |
| - | + | height:30px; | |
| - | + | width:80px; | |
| - | + | /*border:green solid 3px;*/ | |
| - | + | float:right; | |
| - | + | margin-right:95px; | |
| - | + | margin-top:5px; | |
| + | } | ||
| - | + | #promoter_div{ | |
| - | + | height:300; | |
| - | + | width:300; | |
| - | + | float:left; | |
| - | + | border:solid 3px; | |
| - | + | clear:both; | |
| - | + | margin-left:100px; | |
| - | + | margin-top:10px; | |
| - | + | } | |
| - | + | #reporter_div{ | |
| - | + | height:300; | |
| - | + | width:300; | |
| - | + | float:right; | |
| - | + | border:solid 3px; | |
| - | + | margin-right:100px; | |
| - | + | margin-top:10px; | |
| - | + | } | |
| - | + | #toxin_div{ | |
| - | + | height:300; | |
| - | + | width:300; | |
| - | + | float:left; | |
| - | + | border:solid 3px; | |
| - | + | margin-left:100px; | |
| - | + | margin-top:15px; | |
| - | + | } | |
| - | + | #vector_div{ | |
| - | + | height:300; | |
| - | + | width:300; | |
| - | + | float:right; | |
| - | + | border:solid 3px; | |
| - | + | margin-right:100px; | |
| - | + | margin-top:10px; | |
| - | + | } | |
| - | + | #signal_div{ | |
| - | + | height:300; | |
| - | + | width:300; | |
| - | + | float:right; | |
| - | + | border:solid 3px; | |
| - | + | margin-right:290px; | |
| - | + | margin-top:10px; | |
| - | + | } | |
| - | + | #promoter_text{ | |
| - | + | height:250px; | |
| - | + | width:295px; | |
| - | + | /* border:solid 3px;*/ | |
| - | + | margin-top:52px; | |
| - | + | margin-left:auto; | |
| - | + | margin-right:auto; | |
| - | + | } | |
| - | + | #reporter_text{ | |
| - | + | height:250px; | |
| - | + | width:295px; | |
| - | + | /*border:solid 3px;*/ | |
| - | + | margin-top:52px; | |
| - | + | margin-left:auto; | |
| - | + | margin-right:auto; | |
| - | + | } | |
| - | + | #toxin_text{ | |
| - | + | height:250px; | |
| - | + | width:295px; | |
| - | + | /*border:solid 3px;*/ | |
| - | + | margin-top:52px; | |
| - | + | margin-left:auto; | |
| - | + | margin-right:auto; | |
| - | + | } | |
| - | + | #vector_text{ | |
| - | + | height:250px; | |
| - | + | width:295px; | |
| - | + | /*border:solid 3px;*/ | |
| - | + | margin-top:52px; | |
| - | + | margin-left:auto; | |
| - | + | margin-right:auto; | |
| - | + | } | |
| + | |||
| + | #signal_text{ | ||
| + | height:250px; | ||
| + | width:295px; | ||
| + | /*border:solid 3px;*/ | ||
| + | margin-top:52px; | ||
| + | margin-left:auto; | ||
| + | margin-right:auto; | ||
| + | } | ||
| + | |||
| + | #chassi_mini_images{ | ||
| + | height:70px; | ||
| + | width:150px; | ||
| + | border:solid 1px; | ||
| + | border:hidden; | ||
| + | margin-left:auto; | ||
| + | margin-right:auto; | ||
| + | margin-top:10px; | ||
| + | } | ||
| + | |||
| + | .chassi_mini_images{ | ||
| + | height:70px; | ||
| + | width:150px; | ||
| + | } | ||
| + | |||
| + | .text_box_in_the_box | ||
| + | { | ||
| + | box-shadow: inset 0px 0px 35px rgba(110,110,110, .8); | ||
| + | border-radius:15px; | ||
| + | } | ||
| + | |||
| + | .text_box_in_the_box:hover | ||
| + | { | ||
| + | box-shadow: 0px 0px 35px rgba(110,110,110, .8); | ||
| + | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</style> | </style> | ||
Latest revision as of 22:29, 2 October 2013
