No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* Stripped list | |||
this is a stripped-down list with no bullets, no image-bullets, no margins, and no padding. | |||
it is ready for further styling */ | |||
UL.Stripped | UL.Stripped | ||
{ | { | ||
list-style: none; | list-style: none; | ||
margin | margin: 0px; | ||
padding: 0px; | |||
} | } | ||
UL.Stripped li | UL.Stripped li | ||
Line 9: | Line 14: | ||
margin-left: 0px; | margin-left: 0px; | ||
} | } | ||
ul. | /* Horizontal lists | ||
HorizontalBars -- a horizontal, inline list with each item separated by bars (border-left, except on first item) | |||
Horizontal3 -- a horizontal list, no separators, each item 33% of the available width, 1% margin. Block, float-left is used. | |||
ul.HorizontalBars, ul.Horizontal3 | |||
{ | { | ||
width:100%; | width:100%; | ||
Line 15: | Line 23: | ||
text-align: left; | text-align: left; | ||
} | } | ||
ul. | ul.HorizontalBars li, ul.Horizontal3 li | ||
{ | { | ||
display: inline; | display: inline; | ||
Line 23: | Line 31: | ||
margin-left: 1% | margin-left: 1% | ||
} | } | ||
ul. | ul.HorizontalBars:first-child | ||
{ | { | ||
border-left: none; | border-left: none; | ||
} | } | ||
ul. | ul.Horizontal3 | ||
{ | { | ||
width: 100%; | width: 100%; | ||
Line 33: | Line 41: | ||
border: 1px solid orange; | border: 1px solid orange; | ||
} | } | ||
ul. | ul.Horizontal3 li | ||
{ | { | ||
width: 32%; | width: 32%; | ||
Line 39: | Line 47: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
} | |||
div.Columns | |||
{ | |||
margin: 0% 0% -2.53ex 0%; | |||
padding: 0; | |||
} | |||
div.Columns div.Column33 | |||
{ | |||
float:left; | |||
padding: 0; | |||
margin: 0% 0% 0% 1% | |||
width:32%; | |||
} | } |
Revision as of 14:44, 14 March 2011
/* Stripped list this is a stripped-down list with no bullets, no image-bullets, no margins, and no padding. it is ready for further styling */ UL.Stripped { list-style: none; margin: 0px; padding: 0px; } UL.Stripped li { list-style: none; margin-left: 0px; } /* Horizontal lists HorizontalBars -- a horizontal, inline list with each item separated by bars (border-left, except on first item) Horizontal3 -- a horizontal list, no separators, each item 33% of the available width, 1% margin. Block, float-left is used. ul.HorizontalBars, ul.Horizontal3 { width:100%; margin: 0%; text-align: left; } ul.HorizontalBars li, ul.Horizontal3 li { display: inline; border-left: 1px solid; padding: 0%; margin: 0%; margin-left: 1% } ul.HorizontalBars:first-child { border-left: none; } ul.Horizontal3 { width: 100%; text-align: left; border: 1px solid orange; } ul.Horizontal3 li { width: 32%; margin-left: 1%; display: block; float: left; } div.Columns { margin: 0% 0% -2.53ex 0%; padding: 0; } div.Columns div.Column33 { float:left; padding: 0; margin: 0% 0% 0% 1% width:32%; }