MediaWiki:Common.css
From Species File Help
(Difference between revisions)
(Created page with "- →CSS placed here will be applied to all skins: .foo {color: yellow;}") |
|||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | . | + | /* even-flow styles |
| + | |||
| + | This is the code that floats the divs on the homepage. | ||
| + | See http://stackoverflow.com/questions/6865194/fluid-width-with-equally-spaced-divs. | ||
| + | If it's not working try removing whitespace between spans/divs. | ||
| + | |||
| + | */ | ||
| + | |||
| + | .even_flow_container { | ||
| + | padding:1em; | ||
| + | border:1px solid blue; | ||
| + | height:125px; | ||
| + | text-align:justify; | ||
| + | -ms-text-justify:distribute-all-lines; | ||
| + | text-justify:distribute-all-lines; | ||
| + | } | ||
| + | |||
| + | .even_flow_box { | ||
| + | margin-left:100px; | ||
| + | text-align:center; | ||
| + | border:1px solid green; | ||
| + | height:125px; | ||
| + | vertical-align:top; | ||
| + | display:inline-block; | ||
| + | *display:inline;zoom:1; | ||
| + | width:150px; | ||
| + | } | ||
| + | |||
| + | .even_flow_stretch { | ||
| + | width:100%; | ||
| + | display:inline-block; | ||
| + | font-size:0; | ||
| + | line-height:0; | ||
| + | } | ||
Revision as of 11:36, 14 April 2012
/* CSS placed here will be applied to all skins */
/* even-flow styles
This is the code that floats the divs on the homepage.
See http://stackoverflow.com/questions/6865194/fluid-width-with-equally-spaced-divs.
If it's not working try removing whitespace between spans/divs.
*/
.even_flow_container {
padding:1em;
border:1px solid blue;
height:125px;
text-align:justify;
-ms-text-justify:distribute-all-lines;
text-justify:distribute-all-lines;
}
.even_flow_box {
margin-left:100px;
text-align:center;
border:1px solid green;
height:125px;
vertical-align:top;
display:inline-block;
*display:inline;zoom:1;
width:150px;
}
.even_flow_stretch {
width:100%;
display:inline-block;
font-size:0;
line-height:0;
}
