|
|
(6 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
| | | |
- | #contentSub, .firstHeading, #footer-box, #catlinks, #search-controls { display:none;}
| |
- | #top-section {padding-top: 0px; border: none;}
| |
- | #globalWrapper, #content {display:none;}
| |
- | html, body { height: 100%; background: #fff;}
| |
- |
| |
- | *{
| |
- | 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;
| |
- | }
| |
- |
| |
- | </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>
| |