|
|
| Line 13: |
Line 13: |
| | } | | } |
| | | | |
| − | nav.main-nav .nav-items{
| + | .main-nav { |
| − | display:table-cell;
| + | position:fixed; |
| − | vertical-align:middle;
| + | width:100%; |
| − | padding:0
| + | height: 10%; |
| − | }
| + | top: 0; |
| | + | left:0; |
| | | | |
| − | nav.main-nav .nav-group{
| |
| − | display:block
| |
| − | }
| |
| − |
| |
| − | nav.main-nav .nav-group{
| |
| − | position:absolute;
| |
| − | top:0;
| |
| − | height:100%
| |
| − | }
| |
| − |
| |
| − | nav.main-nav .nav-group:nth-of-type(1){
| |
| − | right:50%;
| |
| − | margin-right:5.625rem
| |
| − | }
| |
| − |
| |
| − | nav.main-nav .nav-group:nth-of-type(2){
| |
| − | left:50%;
| |
| − | margin-left:5.625rem
| |
| − | }
| |
| − |
| |
| − | nav.main-nav .nav-item{
| |
| − | display:inline-block;
| |
| − | vertical-align:middle;
| |
| − | height:100%
| |
| − | }
| |
| − |
| |
| − | nav.main-nav .nav-item.current-menu-item a{
| |
| − | color:#c22028;
| |
| − | border-bottom-color:#c22028;
| |
| − | -webkit-transition:border-color .2s linear;
| |
| − | -moz-transition:border-color .2s linear;
| |
| − | -ms-transition:border-color .2s linear;
| |
| − | -o-transition:border-color .2s linear;
| |
| − | transition:border-color .2s linear
| |
| − | }
| |
| − | nav.main-nav .nav-item a{
| |
| − | font-family:AudiTypeExtended;
| |
| − | font-weight:700;
| |
| − | font-size:1.5rem;
| |
| − | letter-spacing:0;
| |
| − | height:100%;
| |
| − | display:table;
| |
| − | vertical-align:middle;
| |
| − | border-bottom:4px solid transparent;
| |
| − | -webkit-transition:color .2s ease-in-out;
| |
| − | -moz-transition:color .2s ease-in-out;
| |
| − | -ms-transition:color .2s ease-in-out;
| |
| − | -o-transition:color .2s ease-in-out;
| |
| − | transition:color .2s ease-in-out
| |
| − | }
| |
| − |
| |
| − | @media (min-width:0)and (max-width:1024px){
| |
| − | nav.main-nav .nav-item a{
| |
| − | display:table;
| |
| − | width:100%;
| |
| − | color:#fff;
| |
| − | padding:1.25rem 1.875rem
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | nav.main-nav .nav-item a span{
| |
| − | display:table-cell;
| |
| − | vertical-align:middle
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | {{Team:KU_Leuven/CSS}} | | {{Team:KU_Leuven/CSS}} |
| | <div class="main-nav"> | | <div class="main-nav"> |
| − | <div class="nav-group">
| |
| | <div class="nav-item"> | | <div class="nav-item"> |
| | <a href="">main</a> | | <a href="">main</a> |
| Line 110: |
Line 45: |
| | <a href="">Journal</a> | | <a href="">Journal</a> |
| | </div> | | </div> |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| | </html> | | </html> |
Revision as of 10:11, 3 July 2015
https://static.igem.org/mediawiki/2015/d/df/KU_Leuven_Igem_logo-1024x783.png
{{Team:KU_Leuven/CSS}}
