Difference between revisions of "Template:Groningen"

Line 932: Line 932:
  
 
<style>
 
<style>
 +
 
#myScrollspy
 
#myScrollspy
 
{
 
{
−
     margin-top:-372px;
+
     top:400px;
−
    //overflow-x: visible;
+
     background-color: #fff;
−
     background-color: #333;
+
     position: absolute;
−
     position: fixed;
+
     width: 250px;
−
     height: 100%;
+
    display:block;
−
     width: 230px;
+
    //height: 100%;
 +
     margin-left: -250px; //main-col 750px
 
}
 
}
 
#myScrollspy ul
 
#myScrollspy ul
 
{
 
{
 
     list-style:none;
 
     list-style:none;
−
    position:relative;
 
−
    float:left;
 
 
     margin:0;
 
     margin:0;
 
}
 
}
 
#myScrollspy ul a
 
#myScrollspy ul a
 
{
 
{
−
     display:block;
+
     display:block; //block lenght a
−
    color: white;
+
−
    position:relative;
+
−
    text-decoration:none;
+
−
    font-weight:700;
+
−
    font-size:15px;
+
−
    line-height:32px;
+
−
    padding:0 15px;
+
 
     z-index: 2000;
 
     z-index: 2000;
 
     width:100%;
 
     width:100%;
 
     height:100%;
 
     height:100%;
 +
 +
    color: black;
 +
    text-decoration:none;
 +
    font-weight:700;
 +
    font-size:15px;
 +
    line-height:40px;
 +
    padding:0 20px;
 
}
 
}
 
#myScrollspy ul li
 
#myScrollspy ul li
 
{
 
{
−
     z-index: 2000;
+
     //display:block;
−
    position:relative;
+
 
−
    float:left;
+
 
     margin:0;
 
     margin:0;
 
     padding:0;
 
     padding:0;
Line 972: Line 971:
 
     height:100%;
 
     height:100%;
 
}
 
}
 +
 
#myScrollspy ul li.active
 
#myScrollspy ul li.active
 
{background:green;}
 
{background:green;}
Line 978: Line 978:
 
#myScrollspy ul li:hover
 
#myScrollspy ul li:hover
 
{background-color:rgba(160, 192, 239, 0.25);}
 
{background-color:rgba(160, 192, 239, 0.25);}
 +
 +
#myScrollspy.sticky {
 +
  position: fixed;
 +
  top: 48px;
 +
}
  
  
 
div.marginsnav {         
 
div.marginsnav {         
−
   margin-left:14%;
+
   margin-left:250px;
 
}
 
}
 
</style>
 
</style>

Revision as of 11:36, 1 November 2017