Difference between revisions of "Template:Freiburg/CSS"

Line 268: Line 268:
 
}
 
}
  
 +
/* ================== FLEXBOXES and IMAGE_BOXES ===================*/
  
 
/* flexbox: contains the whole dokuwiki image part and renders it readable
 
/* flexbox: contains the whole dokuwiki image part and renders it readable
Line 283: Line 284:
  
 
/* see: https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/
 
/* see: https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/
 +
.image_box,
 
.flexbox{
 
.flexbox{
 
     display: flex;
 
     display: flex;
Line 295: Line 297:
 
   margin: 0 auto;
 
   margin: 0 auto;
 
}
 
}
 +
 +
@media screen and (min-width: 450px){
  
 
/* contains images where text shall float around */
 
/* contains images where text shall float around */
Line 313: Line 317:
 
     margin-left: 3%
 
     margin-left: 3%
 
}
 
}
 +
 +
} /* end media query */
 +
 +
/* ================== END: FLEXBOXES and IMAGE_BOXES ===================*/
  
  

Revision as of 14:37, 16 September 2015