Difference between revisions of "Template:Goettingen/CSS"

Line 70: Line 70:
 
font-weight:bold;
 
font-weight:bold;
 
}
 
}
−
/****** Notebook ******/
 
  
−
.notebook {
 
−
 
−
width:95%;
 
−
position: relative;
 
−
margin:auto;
 
−
 
−
}
 
−
 
−
.snotebook h3{
 
−
  font:"Trebuchet MS", Arial, Helvetica, sans-serif;
 
−
font-size:24px;
 
−
color:#000;
 
−
padding:10px;
 
−
text-align:center;
 
−
}
 
−
.notebook h4 a{
 
−
        display:block;
 
−
font:Geneva, Arial, Helvetica, sans-serif;
 
−
font-size:18px;
 
−
color:#000;
 
−
        text-decoration:underline;
 
−
}
 
−
 
−
.notebook ul li{
 
−
        display:block;
 
−
padding:5px 25px 5px 10px;
 
−
font-size:16px;
 
−
line-height:28px;
 
−
}
 
−
 
−
.notebook ul li a{
 
−
font-weight:normal;
 
−
/* color:#034996; */
 
−
}
 
−
.notebook ul li ul li{
 
−
        display:block;
 
−
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 
−
font-size:14px;
 
−
        padding-left:20px;
 
−
line-height:24px;
 
−
 
−
}
 
−
.notebook ul li ul li a{
 
−
        color:black;
 
−
padding-left:10px;
 
−
width:120%;
 
−
}
 
−
 
−
.notebook ul li ul li a:hover{
 
−
        color: #000000;
 
−
}
 
−
 
−
 
−
.notebook ul li ul li ul li{
 
−
        display:block;
 
−
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 
−
font-size:13px;
 
−
line-height:24px;
 
−
}
 
  
 
/************************* SIDE BAR  *************************/
 
/************************* SIDE BAR  *************************/
Line 433: Line 373:
  
  
 +
/***** NOTEBOOK *****/
 +
/* Wrapper for the menu */
 +
.notebook_wrapper {
 +
width:95%;
 +
margin: auto;
 +
text-align:left;
  
 +
}
 +
 +
/* styling for the menu items */
 +
.notebook_item {
 +
width:100%;
 +
 +
margin:0px 10px;
 +
padding: auto 10px;
 +
/* border-bottom: 1px solid #d3d3d3; */
 +
color:#000000;
 +
cursor: pointer;
 +
}
 +
 +
 +
 +
.notebook_item a:hover{
 +
color:#000000;
 +
}
 +
 +
/* when hovering on a menu item */
 +
.notebook_item:hover {
 +
color:#000000;
 +
background-color: #e7e7e7;
 +
}
 +
 +
/* decoration icon for the menu buttons*/
 +
.icon {
 +
float:right;
 +
font-size:16px;
 +
font-weight:bold;
 +
}
 +
 +
/* this is the icon for when the content is collapsed */
 +
.plus::before {
 +
content: "▾";
 +
}
 +
/* this is the icon for when the content is expanded */
 +
.less::before {
 +
content: "▾";
 +
}
 +
 +
/* styling for the ul that creates the buttons */
 +
ul.notebook_items {
 +
width:100%;
 +
margin-left:0px;
 +
padding:0px;
 +
list-style: none;
 +
}
 +
 +
/* styling for the li that are the menu items */
 +
.notebook_items li {
 +
width:90%;
 +
margin-top:-2px;
 +
padding: 15px 0px 15px 15px ;
 +
display:block;
 +
border-bottom: 1px solid #d3d3d3;
 +
text-align:left;
 +
font-weight:bold;
 +
text-decoration:none;
 +
color:#000000;
 +
list-style-type:none;
 +
cursor:pointer;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease; transition: all 0.4s ease;
 +
}
 +
 +
.notebook_item a {
 +
width: 100%;
 +
margin-left: -20px;
 +
padding: 11px 90px 12px 20px;
 +
text-decoration: none;
 +
color:black;
 +
}
 +
 +
 +
/* styling for the submenus */
 +
.submenu {
 +
width:90%;
 +
min-width:200px;
 +
display: none;
 +
font-weight:bold;
 +
cursor:pointer;
 +
color: #000000;
 +
 +
}
 +
 +
/* moving the margin for the submenu ul list */
 +
ul.submenu {
 +
width: 100%;
 +
margin: 10px 0px -11px 0px;
 +
list-style: none;
 +
}
 +
 +
/*styling for the submenu buttons */
 +
.submenu li {
 +
width: 90%;
 +
margin-left: 10px;
 +
margin-bottom: 0px;
 +
}
 +
 +
 +
/* hover state for the submenu buttons */
 +
.submenu li a {
 +
width: 100%;
 +
padding: 5px 0px;
 +
display: inline-block;
 +
/* border-bottom: 1px solid #d3d3d3; */
 +
text-decoration:none;
 +
color: #000000;
 +
}
 +
 +
 +
 +
.submenu li a:hover  {
 +
background-color:#d8d8d8;
 +
color:#000000;
 +
}
  
  

Revision as of 20:46, 29 August 2016