|
|
| (9 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <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{
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <div id="wrapper">
| |
| - | <div id="header">
| |
| - | UNIK Copenhagen
| |
| - | </div>
| |
| - | <nav class="nav">
| |
| - | <ul>
| |
| - | <li><a href="index3.html">Home</a></li>
| |
| - | <li><a>Team</a>
| |
| - | <ul>
| |
| - | <li><a href="new2.html">Mikkel</a></li>
| |
| - | <li><a href="new2.html">Sara</a></li>
| |
| - | <li><a href="new2.html">Jonathan</a></li>
| |
| - | <li><a href="new2.html">Joan</a></li>
| |
| - | <li><a href="new2.html">Ida</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a>Official Team Profile</a></li>
| |
| - | <li><a href="#">Project</a></li>
| |
| - | <li><a href="#">Parts Submitted to Registry</a></li>
| |
| - | <li><a href="#">Modeling</a></li>
| |
| - | <li><a href="#">Notebook</a>
| |
| - | <ul>
| |
| - | <li><a href="new2.html">Thursday 25/7/13</a></li>
| |
| - | <li><a href="new.html">Tuesday 30/7/13</a></li>
| |
| - | <li><a href="new.html">Sunday 4/7/13</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="#">Safety</a></li>
| |
| - | <li><a href="#">Attributions</a></li>
| |
| - | </ul>
| |
| - | </nav>
| |
| - | </div>
| |
| - | </body>
| |
| - |
| |
| - | </html>
| |
"
