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

Line 211: Line 211:
  
  
.flex {
+
#container .flex {
 
   display: flex;
 
   display: flex;
 
}
 
}
  
.flex-gallery {
+
#container .flex-gallery {
 
   display: flex;
 
   display: flex;
 
   flex-flow: row wrap;
 
   flex-flow: row wrap;
Line 221: Line 221:
 
}
 
}
  
.flex-gallery a {
+
#container .flex-gallery a {
 
   margin: 10px;
 
   margin: 10px;
 
}
 
}
  
.flex-gallery a img {
+
#container .flex-gallery a img {
 
   width: 200px;
 
   width: 200px;
 
   height: auto;
 
   height: auto;
Line 232: Line 232:
 
}
 
}
  
.flex-gallery a img:hover {
+
#container .flex-gallery a img:hover {
 
   filter: grayscale(0%);
 
   filter: grayscale(0%);
 
}
 
}
  
.modalDialog {
+
#container .modalDialog {
 
   position: fixed;
 
   position: fixed;
 
   top: 0;
 
   top: 0;
Line 249: Line 249:
 
}
 
}
  
.modalDialog:target {
+
#container .modalDialog:target {
 
   opacity: 1;
 
   opacity: 1;
 
   pointer-events: auto;
 
   pointer-events: auto;
 
}
 
}
  
.modalDialog > .flex{
+
#container .modalDialog > .flex{
 
   flex-flow: row wrap;
 
   flex-flow: row wrap;
 
}
 
}
  
.modalDialog>div {
+
#container .modalDialog>div {
 
   position: absolute;
 
   position: absolute;
 
   width: 70vw;
 
   width: 70vw;
Line 268: Line 268:
 
}
 
}
  
.close {
+
#container .close {
 
     font-size: 24pt;
 
     font-size: 24pt;
 
     z-index: 3;
 
     z-index: 3;
Line 287: Line 287:
 
}
 
}
  
.close a {
+
#container .close a {
 
background: #149375;
 
background: #149375;
 
color: white;
 
color: white;
 
}
 
}
  
.close a:visited {
+
#container .close a:visited {
 
color: white;
 
color: white;
 
}
 
}
  
  
.close:hover {
+
#container .close:hover {
 
border: 3px solid #149375;
 
border: 3px solid #149375;
 
}
 
}
  
.close a:hover{
+
#container .close a:hover{
 
color: #149375;
 
color: #149375;
 
}
 
}

Revision as of 08:01, 5 June 2017