Difference between revisions of "Template:KU Leuven/project/css"

Line 22: Line 22:
 
     border:0;
 
     border:0;
 
     padding:0;
 
     padding:0;
−
     width:100%;
+
     margin:0;
−
     height:600px;  
+
     width:100%;  
 
}
 
}
  
Line 42: Line 42:
 
     position: relative;
 
     position: relative;
 
     display: block;
 
     display: block;
−
    padding:5%;
 
 
     top:0;
 
     top:0;
 
     width:90%;
 
     width:90%;
 
     height:auto;
 
     height:auto;
−
     opacity:0.90;
+
    padding:5% 5% 0% 5%;
 +
     opacity:0.95;
 
     background-color: #f3efe7;   
 
     background-color: #f3efe7;   
 
}
 
}
Line 58: Line 58:
 
     width:100%;
 
     width:100%;
 
     background-color: #f3efe7;
 
     background-color: #f3efe7;
−
}
 
−
 
−
/*********************/
 
−
/* Nav STYLING */
 
−
/*********************/
 
−
 
−
/* All the elements in the navigation bar are defined in this section */
 
−
 
−
#top_menu_under, #top_menu_14 {
 
−
    opacity:0.8;
 
−
}
 
−
 
−
h1.firstHeading {
 
−
display:none;
 
−
}
 
−
 
−
#logoiGEM {
 
−
    position:absolute;
 
−
    display:inline-block;
 
−
    height:30px;
 
−
    width:36px;
 
−
    left:2.5%;
 
−
    top:0px;
 
−
}
 
−
 
−
#logoiGEM a{
 
−
    position:absolute;
 
−
    height:100%;
 
−
    width:100%;
 
−
    z-index:1;
 
−
}
 
−
 
−
#logoKUL {
 
−
    position:absolute;
 
−
    display:inline-block;
 
−
    height:30px;
 
−
    right:2.5%;
 
−
    top:0px;
 
−
}
 
−
 
−
.nav-item {
 
−
    position:relative;
 
−
    display: inline-block;
 
−
    height:100%;
 
−
    background-color: transparent;
 
−
    top:3px;
 
−
    border-style: solid;
 
−
    border: 0px solid transparent;
 
−
    border-bottom: 5px solid transparent;   
 
−
}
 
−
 
−
.nav-item a:link, a:visited { /* this is active when the link is visited or when it is active (i think ;) */
 
−
    display: block;
 
−
    width: 120px;
 
−
    font-weight: bold;
 
−
    color: #8b7a57;
 
−
    background-color: #ddd1b8;
 
−
    text-align: center;
 
−
    padding-bottom: 1%;
 
−
    text-decoration: none;
 
−
    text-transform: uppercase;
 
−
}
 
−
 
−
.nav-item:hover {  /* this is active when your mouse moves is over the item */
 
−
    border-style: solid;
 
−
    border-bottom: 5px solid #8b7a57;
 
 
}
 
}
  
Line 141: Line 75:
 
   background-size: cover;
 
   background-size: cover;
 
}
 
}
 +
 +
#hiddenimg {
 +
    position:relative;
 +
    visibility:hidden;
 +
    width:100%;
 +
    top:0;
 +
    left:0;
 +
    display:block;
 +
}
 +
 +
#logowrapper {
 +
    display:block;
 +
    position:relative;
 +
    left:0;
 +
    width:100%;
 +
    background-color: #f3efe7;   
 +
}   
  
 
#scrolldown {
 
#scrolldown {
Line 155: Line 106:
 
     position:relative;
 
     position:relative;
 
     height:100%;
 
     height:100%;
−
 
 
}
 
}
  
Line 161: Line 111:
 
     position:relative;
 
     position:relative;
 
     width:60%;
 
     width:60%;
−
     top:600px;
+
     bottom:-20%;
 
     display:inline-block;
 
     display:inline-block;
 
     z-index:1;
 
     z-index:1;
Line 174: Line 124:
 
     z-index:1;
 
     z-index:1;
 
     position:relative;
 
     position:relative;
−
     top:560px;
+
     bottom:0;
 
     display: inline-block;
 
     display: inline-block;
 
     width:15%;  
 
     width:15%;  
 
     opacity: 0.95;
 
     opacity: 0.95;
 +
    background-color: #f3efe7;
 
}
 
}
  
Line 191: Line 142:
 
     opacity: 0.95;
 
     opacity: 0.95;
 
     right:0;
 
     right:0;
−
     top:600px;
+
     bottom:0;
 
     width:15%;
 
     width:15%;
 +
    background-color: #f3efe7;
 
}
 
}
  
Line 206: Line 158:
 
     display:inline-block;  
 
     display:inline-block;  
 
}
 
}
 +
 
/*********************/
 
/*********************/
 
/*    Summary      */
 
/*    Summary      */
Line 337: Line 290:
 
     left:0;
 
     left:0;
 
     right:0;
 
     right:0;
−
     bottom:-30px;
+
     bottom:0;
 
}
 
}
  

Revision as of 12:56, 24 July 2015