|
|
| Line 11: |
Line 11: |
| | <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> | | <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:100%;
| |
| − | margin: auto;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #logo img {
| |
| − | width: 68px;
| |
| − | float: left;
| |
| − | padding-top: 7px;
| |
| − | background: white;
| |
| − | margin-left:10px;
| |
| − | }
| |
| − | #navigation {
| |
| − | font-size: 0.93em;
| |
| − | font-weight: 200;
| |
| − | width: 100%;
| |
| − |
| |
| − | }
| |
| − | #navigation ul{
| |
| − | float: right;
| |
| − | max-margin-right:20px;
| |
| − | margin-bottom:0px;
| |
| − | }
| |
| − | #navigation a{
| |
| − | padding-left:8px;
| |
| − | }
| |
| − |
| |
| − | #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;
| |
| − | }
| |
| − |
| |
| − | .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;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #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:10%;
| |
| − | left:0;
| |
| − | z-index:11;
| |
| − | }
| |
| − | div#afixRight{
| |
| − | width:50px;
| |
| − | position:fixed;
| |
| − | bottom:10%;
| |
| − | right:0;
| |
| − | z-index:11;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |