Difference between revisions of "Team:TU Delft/Header Test"
Line 10: | Line 10: | ||
<script src="https://2015.igem.org/Team:TU_Delft/navigation.js?action=raw&ctype=text/javascript"></script> | <script src="https://2015.igem.org/Team:TU_Delft/navigation.js?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2015.igem.org/Team:TU_Delft/xscrolly.js?action=raw&ctype=text/javascript"></script> | <script src="https://2015.igem.org/Team:TU_Delft/xscrolly.js?action=raw&ctype=text/javascript"></script> | ||
+ | <style> | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, | ||
+ | #p-logo, .printfooter, .firstHeading, .visualClear { | ||
+ | display: none; | ||
+ | } | ||
+ | #top_menu_under{ | ||
+ | height: 0px; | ||
+ | border-bottom: 0 none; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 100%; | ||
+ | z-index:0; | ||
+ | } | ||
+ | li { | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | #headerWrapper a, | ||
+ | #headerWrapper a:hover, | ||
+ | #headerWrapper a:visited, | ||
+ | #headerWrapper a:active { | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | } | ||
+ | #headerWrapper { | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | height: 75px; | ||
+ | width:100%; | ||
+ | background-color:#46494C; | ||
+ | background-color: rgba(70, 73, 76, 0.95); | ||
+ | z-index:30; | ||
+ | } | ||
+ | |||
+ | #sub-navigation-wrapper { | ||
+ | clear:both; | ||
+ | position:relative; | ||
+ | background-color:#46494C; | ||
+ | background-color: rgba(0, 51, 102, 0.95); | ||
+ | width:100%; | ||
+ | height: 30px; | ||
+ | padding-top: 7px; | ||
+ | -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | -moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #header { | ||
+ | width:950px; | ||
+ | margin: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | #logo img { | ||
+ | width: 68px; | ||
+ | float: left; | ||
+ | padding-top: 7px; | ||
+ | background: white; | ||
+ | } | ||
+ | #navigation { | ||
+ | float: right; | ||
+ | font-size: 1.2em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sub-navigation { | ||
+ | width:960px; | ||
+ | text-align: right; | ||
+ | font-size: 0.9em; | ||
+ | margin:auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sub-navigation ul { | ||
+ | display: inline; | ||
+ | float:right; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li:before{ | ||
+ | content:"-"; | ||
+ | padding-right:10px; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li li:before{ | ||
+ | content:" "; | ||
+ | padding-right:5px; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li:first-child:before{ | ||
+ | content:""; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li li:first-child:before{ | ||
+ | content:" "; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li.active-item > a{ | ||
+ | font-weight: bold; | ||
+ | border-top:2px solid; | ||
+ | } | ||
+ | |||
+ | /*#sub-navigation ul ul { | ||
+ | display: none; | ||
+ | }*/ | ||
+ | |||
+ | #sub-navigation li.current ul { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #sub-navigation ul ul { | ||
+ | color:white; | ||
+ | padding-left:0px; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li { | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | #sub-navigation li li{ | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | padding-left: 5px; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | #navigation ul li { | ||
+ | display: inline; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #scroll-spy li.sub-heading { | ||
+ | margin-left:20px; | ||
+ | } | ||
+ | |||
+ | #scroll-spy li.active { | ||
+ | color:red; | ||
+ | } | ||
+ | |||
+ | .nav-item { | ||
+ | display: block; | ||
+ | background-size: 32px; | ||
+ | float: left; | ||
+ | /*width:80px;*/ | ||
+ | background-position: center 15px ; | ||
+ | background-repeat: no-repeat; | ||
+ | line-height: 65px; | ||
+ | text-align:center; | ||
+ | padding-top: 10px; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .team { | ||
+ | background-image: url(); | ||
+ | } | ||
+ | |||
+ | .project { | ||
+ | background-image: url(); | ||
+ | } | ||
+ | |||
+ | .results { | ||
+ | background-image: url(); | ||
+ | } | ||
+ | |||
+ | .outreach { | ||
+ | background-image: url(); | ||
+ | } | ||
+ | #header a:hover{ | ||
+ | background-color: rgba(57, 61, 63,0.98); | ||
+ | } | ||
+ | |||
+ | #header a.active{ | ||
+ | background-color: rgba(57, 61, 63,0.98); | ||
+ | } | ||
+ | #sub-navigation > ul { | ||
+ | display:none; | ||
+ | } | ||
+ | body{ | ||
+ | padding-top: 120px; | ||
+ | } | ||
+ | .anchor{ | ||
+ | display: block; | ||
+ | height: 120px; /*same height as header*/ | ||
+ | margin-top: -120px; /*same height as header*/ | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #mobile-navigation { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .slicknav_menu { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 991px) { | ||
+ | .slicknav_menu { | ||
+ | display:block; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | div#afixLeft{ | ||
+ | width:50px; | ||
+ | position:fixed; | ||
+ | bottom:5%; | ||
+ | left:0; | ||
+ | z-index:11; | ||
+ | } | ||
+ | div#afixRight{ | ||
+ | width:50px; | ||
+ | position:fixed; | ||
+ | bottom:5%; | ||
+ | right:0; | ||
+ | z-index:11; | ||
+ | } | ||
+ | </style> | ||
+ | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
</head> | </head> |
Revision as of 14:18, 29 July 2015