Difference between revisions of "Template:KU Leuven"

Line 6: Line 6:
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
 +
 +
                /*********************/
 +
/* LINKS */
 +
                /*********************/
 +
 +
a:link {
 +
    text-decoration: none;
 +
color: #B0B000;
 +
}
 +
 +
 +
a:visited {
 +
    text-decoration: none;
 +
color: #B09300;
 +
}
 +
 +
a:hover {
 +
    text-decoration: none;
 +
color: #E3E300;
 +
border-bottom: 1px #E3E300 dotted;
 +
}
 +
 +
a:active {
 +
    text-decoration: underline;
 +
color: #2EB82E;
 +
}
 +
 +
                /*********************/
 +
/* MENU STYLING */
 +
                /*********************/
 +
 +
                /*********************/
 +
/* Footer */
 +
                /*********************/
 +
 +
                /*********************/
 +
/* Tiles*/
 +
                /*********************/
 +
 +
                /*********************/
 +
/* MENU STYLING */
 +
                /*********************/
 +
 +
                /* Creates the container for the menu */
 +
#menuContainer  {
 +
                                position: fixed;
 +
left: 0px;
 +
width: 100%;
 +
                                top: 0px;
 +
padding: 0.7em 1.2em 0em 0.7em;
 +
Z-index: 9900;
 +
                                max-height:5em;
 +
                                min-width: 68.25em;
 +
background-color: #E8E8E9;
 +
}
 +
                        #menuContainer li {
 +
                                float:left;
 +
                                position:relative;
 +
                        }
 +
 +
                        #menuContainer>li:first-of-type {
 +
                              float:left;
 +
                              position:relative;
 +
                      margin-left: 2em;
 +
                        }
 +
 +
                        #menuContainer li a {
 +
                              display:block;
 +
                              font-size:0.9em;
 +
                              line-height:2em;
 +
                              padding: 0em 2.5em 1.25em 0em;
 +
                              vertical-align:middle;
 +
                              text-decoration:none;
 +
                      text-transform: uppercase;
 +
                      border: none;
 +
                      }
 +
 +
                      #menuContainer-indicator {
 +
                              width: 100%;
 +
                              height: 10px;
 +
                              display:block;
 +
                              visibility:hidden;
 +
                      }
 +
 +
                /*Styling for the links in the menu */
 +
#menuContainer a {
 +
color: #565656;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 +
/* Sets the style for lists inside menuContainer  */
 +
#menuContainer ul {
 +
position: absolute;
 +
                                left: -9999px;
 +
                                list-style: none;
 +
}
 +
 +
/*Styles the list items to become menu buttons */
 +
#menuContainer ul li {
 +
float: none;
 +
}
 +
 +
/*For the menu buttons, changes the color when hovering*/
 +
#menuContainer li:hover ul{
 +
padding-top: 0.8em
 +
                                left: 0px;
 +
                                z-index: 1;
 +
}
 +
 +
                        #menuContainer li:hover ul a{
 +
background:none;
 +
                                padding: 0.75em 1em 0.75em 1em;
 +
}
 +
 +
/*Submenus are not displayed as default*/
 +
#menuContainer li ul {
 +
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 +
}
 +
 +
/*Submenus are displayed when hovering the menu button */
 +
#menuContainer li:hover ul {
 +
/*display: inline-block; */
 +
display: block;
 +
position: absolute;
 +
float:right;
 +
margin-left: 134px;
 +
margin-top:-42px;
 +
}
 +
 +
/*Style the submenu buttons*/
 +
#menuContainer li ul li{
 +
background-color: #3399FF;
 +
padding-left:20px;
 +
padding-right:20px;
 +
height:30px;
 +
padding-top:10px;
 +
margin-top:-2px;
 +
color: #565656;
 +
width: 150px;
 +
}
  
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
Line 29: Line 173:
 
}
 
}
  
−
/* Creates the container for the menu */
+
−
#menuContainer  {
+
−
float:left;
+
−
width: 134px;
+
−
padding: 20px 0px;
+
−
border-top: 14px solid #565656;
+
−
background-color: #E8E8E9;
+
−
}
+
  
 
/* Creates the container for the content */
 
/* Creates the container for the content */
Line 117: Line 254:
  
  
 +
             
  
−
/*MENU STYLING */
+
−
 
+
−
/*Styling for the links in the menu */
+
−
#menuContainer a {
+
−
color: #565656;
+
−
text-decoration:none;
+
−
font-weight: bold;
+
−
}
+
−
 
+
−
/* Sets the style for lists inside menuContainer  */
+
−
#menuContainer ul {
+
−
list-style: none;
+
−
margin-left:0px;
+
−
}
+
−
 
+
−
/*Styles the list items to become menu buttons */
+
−
#menuContainer ul li {
+
−
text-align: center;
+
−
display: block;
+
−
width: 100%;
+
−
height:30px;
+
−
padding-top:10px;
+
−
}
+
−
 
+
−
/*For the menu buttons, changes the color when hovering*/
+
−
#menuContainer li:hover {
+
−
color:  #FFF;
+
−
background-color: #3399FF;
+
−
}
+
−
 
+
−
/*Submenus are not displayed as default*/
+
−
#menuContainer li ul {
+
−
display: none;
+
−
padding-top:15px;
+
−
margin-left: -19px;
+
−
}
+
−
 
+
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
/*display: inline-block; */
+
−
display: block;
+
−
position: absolute;
+
−
float:right;
+
−
margin-left: 134px;
+
−
margin-top:-42px;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #3399FF;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
height:30px;
+
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #565656;
+
−
width: 150px;
+
−
}
+
  
 
/*CLASSES */
 
/*CLASSES */

Revision as of 14:10, 27 May 2015