Difference between revisions of "Template:Team:Calgary/StyleSheets/styling.css"

 
(31 intermediate revisions by the same user not shown)
Line 163: Line 163:
 
background-size: 100%;
 
background-size: 100%;
  
background-position: 0px -15px;
+
background-position: 0px -35px;
  
 
}
 
}
Line 238: Line 238:
 
.toggle-menu{
 
.toggle-menu{
 
display: none;
 
display: none;
 +
}
 +
 +
#drop{
 +
margin-top: -1rem;
 
}
 
}
  
Line 284: Line 288:
 
box-shadow: 5px 5px 15px #DDDDDD;
 
box-shadow: 5px 5px 15px #DDDDDD;
 
}
 
}
/*
+
 
.nav-list li:hover{
+
    background-color: #d24f2b;
+
}
+
*/
+
 
.nav-list ul a{
 
.nav-list ul a{
 
font-weight: normal;
 
font-weight: normal;
Line 312: Line 312:
 
}
 
}
  
#drop2 li{
+
@media only screen and (max-width: 95.75rem){
padding: 0.5rem;
+
#TopBar{
 +
background-position: 0px -15px;
 
}
 
}
 +
  
 
@media only screen and (max-width: 58.75rem){
 
@media only screen and (max-width: 58.75rem){
Line 375: Line 377:
 
padding: 0.5rem;
 
padding: 0.5rem;
 
margin: 0;
 
margin: 0;
width: 100%;
+
width: 97%;
 
}
 
}
  
Line 425: Line 427:
 
}
 
}
  
 +
  .toggle-drop2{
 +
display: block;
 +
}
 
.nav-list{
 
.nav-list{
 
display: block;
 
display: block;
Line 439: Line 444:
  
 
.active{
 
.active{
 +
max-height: 100%;
 +
overflow: auto;
 +
}
 +
 +
.active2{
 
max-height: 100%;
 
max-height: 100%;
 
overflow: auto;
 
overflow: auto;
Line 458: Line 468:
 
padding-right: 0rem;
 
padding-right: 0rem;
 
}
 
}
 
  
 
#TopBar ul ul li{
 
#TopBar ul ul li{
position: relative;
+
float: initial;
 +
position: initial;
 
}
 
}
  
 
#TopBar ul ul ul{
 
#TopBar ul ul ul{
position: absolute;
+
position: initial;
left: 100%;
+
left: initial;
top: 0;
+
top: initial;
margin: 0;
+
margin: initial;
 +
padding-left: 1rem;
 
}
 
}
  

Latest revision as of 22:33, 31 October 2017