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; }