User:AngelinaBelle/smfcurve.css: Difference between revisions From Online Manual

Jump to: navigation, search
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-left: 0px;  
margin: 0px;
        padding: 0px;
}
}
UL.Stripped li
UL.Stripped li
Line 9: Line 14:
margin-left: 0px;
margin-left: 0px;
}
}
ul.InlineBars, ul.InlineBars3
/* 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.InlineBars li, ul.InlineBars3 li
ul.HorizontalBars li, ul.Horizontal3 li
{
{
display: inline;  
display: inline;  
Line 23: Line 31:
margin-left: 1%
margin-left: 1%
}
}
ul.InlineBars:first-child, ul.InlineBars3:first-child
ul.HorizontalBars:first-child
{
{
border-left: none;
border-left: none;
}
}
ul.InlineBars3
ul.Horizontal3
{
{
     width: 100%;
     width: 100%;
Line 33: Line 41:
     border: 1px solid orange;
     border: 1px solid orange;
}
}
ul.InlineBars3 li
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%;
}


Advertisement: