From 2013.igem.org
(Difference between revisions)
|
|
| (14 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <style type="text/css">
| |
| | | | |
| - | *{
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | }
| |
| - | header, section, footer, aside, nav, article, hgroup{
| |
| - | display: block;
| |
| - | }
| |
| - | body{
| |
| - | background: #9fbee2;
| |
| - | text-align: center;
| |
| - | display:-webkit-box;
| |
| - | -webkit-box-pack: center;
| |
| - | }
| |
| - | a{
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #wrapper{
| |
| - | max-width: 1000px;
| |
| - | display:-webkit-box;
| |
| - | -webkit-box-orient: vertical;
| |
| - | }
| |
| - | #header{
| |
| - | background: #000a3b;
| |
| - | width: 100%;
| |
| - | height: 57px;
| |
| - | color: white;
| |
| - | font: bold 36px Tahoma;
| |
| - | text-shadow:rgba(50,50,50,.8) 3px 3px 5px;
| |
| - | padding-top: 5px;
| |
| - | }
| |
| - |
| |
| - | .nav{
| |
| - | width: 100%;
| |
| - | }
| |
| - | .nav ul{
| |
| - | background: #0042ad;
| |
| - | font: bold 14px Tahoma;
| |
| - | border-top: 2px solid gray;
| |
| - | border-bottom: 2px solid #9fbee2;
| |
| - | list-style: none;
| |
| - | }
| |
| - | .nav ul li{
| |
| - | display: block;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | }
| |
| - | .nav li ul{
| |
| - | display:none;
| |
| - | visibility: hidden;
| |
| - | }
| |
| - | .nav li ul li{
| |
| - | float: none;
| |
| - | text-align: left;
| |
| - | }
| |
| - | .nav li a{
| |
| - | display: block;
| |
| - | color: white;
| |
| - | padding: 5px 10px 5px 20px;
| |
| - | background: #0042ad;
| |
| - | }
| |
| - | .nav ul li a:hover{
| |
| - | background: gray;
| |
| - | }
| |
| - | .nav li:hover ul{
| |
| - | display: block;
| |
| - | z-index: 100;
| |
| - | position: absolute;
| |
| - | visibility: visible;
| |
| - | }
| |
| - | .nav li:hover li{
| |
| - | float: none;
| |
| - | font-size: 11px;
| |
| - | }
| |
| - | .nav li:hover a{
| |
| - | background: #BBBBBB;
| |
| - | }
| |
| - | .nav li:hover li a:hover{
| |
| - | background: #CCC;
| |
| - | }
| |
| - |
| |
| - | #footer{
| |
| - | position: fixed;
| |
| - | bottom: 0;
| |
| - | height: 25px;
| |
| - | width: 1000px;
| |
| - | background: #b8c3d0;
| |
| - | color: white;
| |
| - | text-align: center;
| |
| - | padding: 5px;
| |
| - | border-top: 2px solid gray;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #content{
| |
| - | max-width: 1000px;
| |
| - | display: -webkit-box;
| |
| - | -webkit-box-orient: horizontal;
| |
| - | }
| |
| - | #articles{
| |
| - | background: white;
| |
| - | -webkit-box-flex: 1;
| |
| - | margin: 20px;
| |
| - | padding: 20px;
| |
| - | }
| |
| - | article{
| |
| - | text-align: left;
| |
| - | padding: 20px;
| |
| - | margin-bottom: 15px;
| |
| - | }
| |
| - | article footer{
| |
| - | text-align: right;
| |
| - | padding: 5px;
| |
| - | border-bottom: 1px solid gray;
| |
| - | }
| |
| - | #side_news{
| |
| - | border:1px solid black;
| |
| - | text-align: left;
| |
| - | width: 220px;
| |
| - | margin: 20px;
| |
| - | padding: 30px;
| |
| - | background: gray;
| |
| - | }
| |
| - |
| |
| - | #navbarcontainer{background: transparent;}
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | </html>
| |
Latest revision as of 20:43, 5 August 2013
"
