|
|
| Line 5: |
Line 5: |
| | body | | body |
| | { | | { |
| − |
| |
| | width:100%; | | width:100%; |
| | position:absolute; | | position:absolute; |
| Line 15: |
Line 14: |
| | font-family: 'metropolisregular' | | font-family: 'metropolisregular' |
| | } | | } |
| | + | /* Removes "teams" from the menubar */ |
| | + | #menubar > ul > li:last-child { |
| | + | display: none;} |
| | + | /* Resizes the menubar to fik the links (default is 400px) */ |
| | + | #menubar { |
| | + | width: auto;} |
| | | | |
| − | *, *:before, *:after{
| |
| − | -webkit-box-sizing: border-box;
| |
| − | -moz-box-sizing: border-box;
| |
| − | box-sizing: border-box;
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | /*| Navigation |*/
| |
| − |
| |
| − | nav{
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | z-index: 2;
| |
| − | background: #fff;
| |
| − | box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
| |
| − | border: 1px solid rgba(0,0,0,.1);
| |
| − | }
| |
| − |
| |
| − | nav ul
| |
| − | {
| |
| − | list-style: none;
| |
| − | position: relative;
| |
| − | float: right;
| |
| − | margin-right: 100px;
| |
| − | display: inline-table;
| |
| − | }
| |
| − |
| |
| − | nav ul li
| |
| − | {
| |
| − | float: left;
| |
| − | -webkit-transition: all .2s ease-in-out;
| |
| − | -moz-transition: all .2s ease-in-out;
| |
| − | transition: all .2s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | nav ul li:hover{background: rgba(0,0,0,.15);}
| |
| − | nav ul li:hover > ul{display: block;}
| |
| − | nav ul li
| |
| − | {
| |
| − | float: left;
| |
| − | -webkit-transition: all .2s ease-in-out;
| |
| − | -moz-transition: all .2s ease-in-out;
| |
| − | transition: all .2s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | nav ul li a
| |
| − | {
| |
| − | display: block;
| |
| − | padding: 30px 20px;
| |
| − | color: #222;
| |
| − | font-size: .9em;
| |
| − | letter-spacing: 1px;
| |
| − | text-decoration: none;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | nav ul ul
| |
| − | {
| |
| − | display: none;
| |
| − | background: #fff;
| |
| − | position: absolute;
| |
| − | top: 100%;
| |
| − | box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
| |
| − | border: 1px solid rgba(0,0,0,.1);
| |
| − | }
| |
| − |
| |
| − | nav ul ul li{float: none; position: relative;}
| |
| − |
| |
| − | nav ul ul li a
| |
| − | {
| |
| − | padding: 15px 30px;
| |
| − | border-bottom: 1px solid rgba(0,0,0,.05);
| |
| − | }
| |
| − |
| |
| − | nav ul ul ul
| |
| − | {
| |
| − | position: absolute;
| |
| − | left: 100%;
| |
| − | top:0;
| |
| − | }
| |
| | | | |
| | </style> | | </style> |
| | </head> | | </head> |
| | </html> | | </html> |
