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