Template:WashUtop
From 2012.igem.org
(Difference between revisions)
BrianBasco (Talk | contribs) |
|||
(240 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
- | |||
- | |||
/* iGEM wiki Hacker */ | /* iGEM wiki Hacker */ | ||
- | |||
div#top-section { | div#top-section { | ||
- | + | visibility:hidden; | |
background-color:transparent; | background-color:transparent; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
height: 10px; | height: 10px; | ||
- | width: | + | width: 965px; |
border: none; | border: none; | ||
z-index: 10; | z-index: 10; | ||
Line 23: | Line 20: | ||
height: 20px; | height: 20px; | ||
width: 300px; | width: 300px; | ||
- | font-family: ' | + | font-family: 'Century Gothic', sans-serif; |
font-size: 8pt; | font-size: 8pt; | ||
} | } | ||
Line 94: | Line 91: | ||
overflow:hidden; | overflow:hidden; | ||
display:block | display:block | ||
- | width: | + | width:958px; |
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 108: | Line 101: | ||
text-decoration:underline; | text-decoration:underline; | ||
} | } | ||
+ | |||
/*Hacker ends here*/ /*Global Settings*/ | /*Hacker ends here*/ /*Global Settings*/ | ||
Line 121: | Line 115: | ||
body | body | ||
- | {background: url(' | + | {background: url('http://t.wallpaperweb.org/wallpaper/abstract/1600x1200/purple_shade.jpg'); |
background-attachment:fixed; | background-attachment:fixed; | ||
- | |||
} | } | ||
#content | #content | ||
{padding-left:0px; padding-right:0px; | {padding-left:0px; padding-right:0px; | ||
- | background-color:transparent;} | + | background-color:transparent; |
+ | border:none; | ||
+ | } | ||
p {color:#000000; | p {color:#000000; | ||
Line 140: | Line 135: | ||
padding: 10px; | padding: 10px; | ||
padding-top: 0px; | padding-top: 0px; | ||
- | + | ||
+ | |||
} | } | ||
Line 148: | Line 144: | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 180px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 164: | Line 160: | ||
/* Navbar */ | /* Navbar */ | ||
- | + | #mainNav { | |
font-family: Helvetica, Arial, "Lucida Grande", sans-serif; | font-family: Helvetica, Arial, "Lucida Grande", sans-serif; | ||
font-size: 14px; | font-size: 14px; | ||
- | float: | + | float: center; |
line-height: 1.5; | line-height: 1.5; | ||
- | margin: | + | margin: 0 auto; |
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); | -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); | ||
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); | -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); | ||
Line 177: | Line 173: | ||
.menu-item { | .menu-item { | ||
background: #fff; | background: #fff; | ||
- | width: | + | width: 159px; |
float: left; | float: left; | ||
} | } | ||
.menu-item2 { | .menu-item2 { | ||
background: #fff; | background: #fff; | ||
- | width: | + | width: 170px; |
float: left; | float: left; | ||
} | } | ||
Line 194: | Line 190: | ||
font-weight: 500; | font-weight: 500; | ||
padding: 7px 12px; | padding: 7px 12px; | ||
+ | align:center; | ||
/*Gradient*/ | /*Gradient*/ | ||
background: #a90329; /* Old browsers */ | background: #a90329; /* Old browsers */ | ||
- | background: -moz-linear-gradient(top, # | + | background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */ |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ | ||
- | background: -webkit-linear-gradient(top, # | + | background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */ |
- | background: -o-linear-gradient(top, # | + | background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */ |
- | background: -ms-linear-gradient(top, # | + | background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */ |
- | background: linear-gradient(top, # | + | background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */ |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='# | + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */ |
} | } | ||
Line 213: | Line 210: | ||
font-weight: 500; | font-weight: 500; | ||
padding: 7px 12px; | padding: 7px 12px; | ||
+ | |||
/*Gradient*/ | /*Gradient*/ | ||
background: #a90329; /* Old browsers */ | background: #a90329; /* Old browsers */ | ||
- | background: -moz-linear-gradient(top, # | + | background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */ |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ | ||
- | background: -webkit-linear-gradient(top, # | + | background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */ |
- | background: -o-linear-gradient(top, # | + | background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */ |
- | background: -ms-linear-gradient(top, # | + | background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */ |
- | background: linear-gradient(top, # | + | background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */ |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='# | + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */ |
} | } | ||
.menu-item h4:hover { | .menu-item h4:hover { | ||
- | background: # | + | background: #61096d; /* Old browsers */ |
- | background: -moz-linear-gradient(top, # | + | background: -moz-linear-gradient(top, #61096d 0%, #37053e 100%); /* FF3.6+ */ |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,# | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */ |
- | background: -webkit-linear-gradient(top, # | + | background: -webkit-linear-gradient(top, #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */ |
- | background: -o-linear-gradient(top, # | + | background: -o-linear-gradient(top, #61096d 0%,#37053e 100%); /* Opera 11.10+ */ |
- | background: -ms-linear-gradient(top, # | + | background: -ms-linear-gradient(top, #61096d 0%,#37053e 100%); /* IE10+ */ |
- | background: linear-gradient(top, # | + | background: linear-gradient(top, #61096d 0%,#37053e 100%); /* W3C */ |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='# | + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */ |
} | } | ||
.menu-item2 h4:hover { | .menu-item2 h4:hover { | ||
- | background: # | + | background: #61096d; /* Old browsers */ |
- | background: -moz-linear-gradient(top, # | + | background: -moz-linear-gradient(top, #61096d 0%, #37053e 100%); /* FF3.6+ */ |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,# | + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */ |
- | background: -webkit-linear-gradient(top, # | + | background: -webkit-linear-gradient(top, #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */ |
- | background: -o-linear-gradient(top, # | + | background: -o-linear-gradient(top, #61096d 0%,#37053e 100%); /* Opera 11.10+ */ |
- | background: -ms-linear-gradient(top, # | + | background: -ms-linear-gradient(top, #61096d 0%,#37053e 100%); /* IE10+ */ |
- | background: linear-gradient(top, # | + | background: linear-gradient(top, #61096d 0%,#37053e 100%); /* W3C */ |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='# | + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */ |
} | } | ||
Line 254: | Line 252: | ||
width: 200px; | width: 200px; | ||
list-style: none; | list-style: none; | ||
+ | margin: 0 auto; | ||
} | } | ||
.menu-item2 h4 a { | .menu-item2 h4 a { | ||
Line 261: | Line 260: | ||
width: 200px; | width: 200px; | ||
list-style: none; | list-style: none; | ||
+ | margin:0 auto; | ||
} | } | ||
- | |||
/*ul Styles*/ | /*ul Styles*/ | ||
Line 397: | Line 396: | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 600px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 412: | Line 411: | ||
#team{ | #team{ | ||
- | + | width : 947 px; | |
- | + | float: center; | |
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
Line 422: | Line 421: | ||
border: 10px solid rgba(255, 255, 255, 0.4); | border: 10px solid rgba(255, 255, 255, 0.4); | ||
margin-top:20px; | margin-top:20px; | ||
- | |||
- | |||
} | } | ||
Line 463: | Line 460: | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 1240px; |
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #overviewkan{ | ||
+ | width: 786px; | ||
+ | float: right; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 158px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #results{ | ||
+ | width: 786px; | ||
+ | float: right; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 1010px; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 478: | Line 507: | ||
width: 786px; | width: 786px; | ||
float: right; | float: right; | ||
+ | text-align:left; | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 2880px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 493: | Line 523: | ||
/* Notebook */ | /* Notebook */ | ||
#weeklylog{ | #weeklylog{ | ||
- | width : | + | width : 947px; |
- | float: center; | + | float:center; |
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 500px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba(255, 255, 255, | + | border: 10px solid rgba(255, 255, 255, 255); |
margin-top:20px; | margin-top:20px; | ||
margin-left:auto; | margin-left:auto; | ||
Line 519: | Line 549: | ||
border: 10px solid rgba(255, 255, 255, 0.4); | border: 10px solid rgba(255, 255, 255, 0.4); | ||
margin-top:20px; | margin-top:20px; | ||
- | margin- | + | margin-bottom:10px; |
- | + | ||
- | + | ||
} | } | ||
Line 559: | Line 587: | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 1px 0px 5px 0px ; | padding: 1px 0px 5px 0px ; | ||
- | height: | + | height: 4500px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 584: | Line 612: | ||
margin-bottom:20px; | margin-bottom:20px; | ||
} | } | ||
+ | |||
+ | #extralongweek2{ | ||
+ | width : 947 px; | ||
+ | float: center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 1px 0px 5px 0px ; | ||
+ | height: 5400px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #mediumlongweek{ | ||
+ | width : 947 px; | ||
+ | float: center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 1px 0px 5px 0px ; | ||
+ | height: 2500px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #week3{ | ||
+ | width : 947 px; | ||
+ | float: center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 1px 0px 5px 0px ; | ||
+ | height: 1680px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | |||
+ | #longweek2{ | ||
+ | width : 947 px; | ||
+ | float: center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 1px 0px 5px 0px ; | ||
+ | height: 3200px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #longweek3{ | ||
+ | width : 947 px; | ||
+ | float: center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 1px 0px 5px 0px ; | ||
+ | height: 2900px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #longweek4{ | ||
+ | width : 947 px; | ||
+ | float: center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 1px 0px 5px 0px ; | ||
+ | height: 3600px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #longweek5{ | ||
+ | width : 947 px; | ||
+ | float: center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 1px 0px 5px 0px ; | ||
+ | height: 4000px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
/* YLC Project */ | /* YLC Project */ | ||
Line 605: | Line 739: | ||
width: 786px; | width: 786px; | ||
float: right; | float: right; | ||
+ | text-align:left; | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
Line 620: | Line 755: | ||
#experiment{ | #experiment{ | ||
width: 786px; | width: 786px; | ||
+ | text-align:left; | ||
float: right; | float: right; | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 1042px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 633: | Line 769: | ||
margin-bottom:20px; | margin-bottom:20px; | ||
} | } | ||
+ | |||
+ | #future{ | ||
+ | width: 786px; | ||
+ | float: right; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 260px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
/* Parts Page */ | /* Parts Page */ | ||
#parts{ | #parts{ | ||
- | width: | + | width: 786px; |
- | float: | + | float: right; |
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 430px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 653: | Line 806: | ||
#attributions{ | #attributions{ | ||
width: 947px; | width: 947px; | ||
+ | text-align:left; | ||
float: center; | float: center; | ||
background-color:#fcf4fa; | background-color:#fcf4fa; | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 1110px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 666: | Line 820: | ||
} | } | ||
+ | /* Protocols */ | ||
+ | #protocol { | ||
+ | width : 947px; | ||
+ | float:center; | ||
+ | text-align:left; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 750px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #protocolshort { | ||
+ | width : 947px; | ||
+ | text-align:left; | ||
+ | float:center; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 420px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | /* Safety */ | ||
+ | #safety{ | ||
+ | width : 947px; | ||
+ | float:center; | ||
+ | text-align:left; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 700px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:20px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #phaseIII{ | ||
+ | width: 786px; | ||
+ | float: right; | ||
+ | text-align:left; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 2300; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #growth{ | ||
+ | width: 786px; | ||
+ | float: right; | ||
+ | text-align:left; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 2000; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #fba{ | ||
+ | width: 786px; | ||
+ | float: right; | ||
+ | text-align:left; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 2500; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #modoverview{ | ||
+ | width: 786px; | ||
+ | float: right; | ||
+ | text-align:left; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 200; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | #aprotocol{ | ||
+ | width: 965; | ||
+ | float: right; | ||
+ | text-align:left; | ||
+ | background-color:#fcf4fa; | ||
+ | padding: 0px; | ||
+ | height: 2500; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(255, 255, 255, 0.4); | ||
+ | margin-top:2px; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 03:52, 4 October 2012