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

Jump to: navigation, search
No edit summary
No edit summary
 
(59 intermediate revisions by the same user not shown)
Line 1: Line 1:
.mw-headline
/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
{
    .bol {
background-color: orange;
            margin-top: 2em;
            float:left;
            width 100%;
            box-sizing: border-box;
          }
    .bol .title {font-weight: bold;}
@media all and (min-width: 28.7em){
    .bol {width: 50%}
}
}
.something_odd
@media all and (min-width: 40.5 em){
{
    .bol {width: 33.3333333%;}
background-color: orange;
}
ul.InlineBars
{
width:100%;
margin: 0%;
text-align: left;
}
ul.InlineBars li
{
display: inline;
border-left: 1px solid;
padding: 0%;  
margin: 0%;
margin-left: 1%
}
ul.InlineBars:first-child
{
border-left: none;
}
}

Latest revision as of 13:47, 11 April 2014

/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
    .bol { 
             margin-top: 2em;
             float:left; 
             width 100%; 
             box-sizing: border-box;
           }
    .bol .title {font-weight: bold;}
@media all and (min-width: 28.7em){
    .bol {width: 50%}
}
@media all and (min-width: 40.5 em){
    .bol {width: 33.3333333%;}
}


Advertisement: