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