Difference between revisions of "Template:Cologne-Duesseldorf/css"

Line 242: Line 242:
  
 
#bodyContent .menu-item-has-children > a:after {
 
#bodyContent .menu-item-has-children > a:after {
−
   font-family: "Genericons";
+
   //font-family: "Genericons";
−
   content: "\f431";
+
   content: "&#10095";
 +
  transform: rotate(-90deg);
 
   padding-left: 5px;
 
   padding-left: 5px;
 
}
 
}
Line 279: Line 280:
  
 
#bodyContent .menu-item-has-children .menu-item-has-children:hover > a:after {
 
#bodyContent .menu-item-has-children .menu-item-has-children:hover > a:after {
−
   transform: rotate(-90deg);
+
   transform: rotate(0);
 
   transition: transform 0.5s;
 
   transition: transform 0.5s;
 
}
 
}
Line 1,008: Line 1,009:
 
}
 
}
  
 +
/************************************************************************
 +
image carousel
 +
************************************************************************/
 +
#bodyContent .slider{
 +
  border:5px solid black;
 +
  position:relative;
 +
}
 +
#bodyContent .slide{
 +
  padding: 10%;
 +
}
 +
 +
#bodyContent .slide img{
 +
  display:block;
 +
  max-width:50%;
 +
  margin:auto;
 +
}
 +
#bodyContent .slider button {
 +
  position: absolute;
 +
  top: 50%;
 +
  border:none;
 +
  height: 50px;
 +
  width: 50px;
 +
  cursor: pointer;
 +
  margin-top: -25px;
 +
  background: hsl(0, 0%, 90%);
 +
}
 +
#bodyContent .slider button:hover{
 +
  background: hsl(0, 0%, 70%);
 +
}
 +
 +
#bodyContent .btn-left{
 +
  left:0;
 +
}
 +
#bodyContent .btn-right{
 +
  right:0;
 +
}
  
 
/************************************************************************
 
/************************************************************************

Revision as of 13:38, 30 October 2017