MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 24: | Line 24: | ||
{ |
{ |
||
float: left; |
float: left; |
||
} |
|||
/*Grid Layout*/ |
|||
.row |
|||
{ |
|||
clear: both; |
|||
margin-right: -15px; |
|||
margin-left: -15px; |
|||
} |
|||
.row:before, |
|||
.row:after |
|||
{ |
|||
display: table; |
|||
content: " "; |
|||
} |
|||
.row:after |
|||
{ |
|||
clear: both; |
|||
} |
|||
.row:before, |
|||
.row:after |
|||
{ |
|||
display: table; |
|||
content: " "; |
|||
} |
|||
.row:after |
|||
{ |
|||
clear: both; |
|||
} |
|||
.col-1, |
|||
.col-2, |
|||
.col-3, |
|||
.col-4, |
|||
.col-5, |
|||
.col-6, |
|||
.col-7, |
|||
.col-8, |
|||
.col-9, |
|||
.col-10, |
|||
.col-11, |
|||
.col-12 |
|||
{ |
|||
float: left; |
|||
position: relative; |
|||
min-height: 1px; |
|||
padding-right: 15px; |
|||
padding-left: 15px; |
|||
} |
|||
.col-12 |
|||
{ |
|||
width: 100%; |
|||
} |
|||
.col-11 |
|||
{ |
|||
width: 91.66666666666666%; |
|||
} |
|||
.col-10 |
|||
{ |
|||
width: 83.33333333333334%; |
|||
} |
|||
.col-9 |
|||
{ |
|||
width: 75%; |
|||
} |
|||
.col-8 |
|||
{ |
|||
width: 66.66666666666666%; |
|||
} |
|||
.col-7 |
|||
{ |
|||
width: 58.333333333333336%; |
|||
} |
|||
.col-6 |
|||
{ |
|||
width: 50%; |
|||
} |
|||
.col-5 |
|||
{ |
|||
width: 41.66666666666667%; |
|||
} |
|||
.col-4 |
|||
{ |
|||
width: 33.33333333333333%; |
|||
} |
|||
.col-3 |
|||
{ |
|||
width: 25%; |
|||
} |
|||
.col-2 |
|||
{ |
|||
width: 16.666666666666664%; |
|||
} |
|||
.col-1 |
|||
{ |
|||
width: 8.333333333333332%; |
|||
} |
} |
||
| Line 201: | Line 89: | ||
{ |
{ |
||
color: #ce3335; |
color: #ce3335; |
||
} |
|||
.alert-icon |
|||
{ |
|||
padding-left: 10px; |
|||
padding-right: 10px; |
|||
} |
} |
||
Revision as of 21:36, 9 January 2015
/** CSS placed here will be applied to all skins */
.text-right
{
text-align: right;
}
.text-center
{
text-align: center;
}
.text-left
{
text-align: left;
}
.pull-right
{
float: right;
}
.pull-left
{
float: left;
}
.clearfix
{
clear: both;
}
/*Alert Box Classes*/
.alert
{
line-height: 1.0em;
font-size: 1.0em;
text-align: left;
border-collapse: collapse;
margin: 1.0em;
padding: 0.5em;
clear: both;
}
.alert-urgent
{
color: #131313;
background: #B7B59C;
border: 1px #000 solid;
}
.alert-urgent strong
{
color: #060606;
}
.alert-info
{
color: #131313;
background: #EEE;
border: 1px #CCC solid;
}
.alert-info strong
{
color: #060606;
}
.alert-warning
{
color: #8a6d3b;
background: #fcf8e3;
border: 1px #faebcc solid;
}
.alert-warning strong
{
color: #9a5d2b;
}
.alert-error
{
color: #a94442;
background: #f2dede;
border: 1px #ebccd1 solid;
}
.alert-error strong
{
color: #ce3335;
}
.alert-icon
{
padding-left: 10px;
padding-right: 10px;
}
/*Staff Profile Box Classes*/
.staff-profile-box
{
width: 22em;
margin: 10px 1px 10px 10px;
clear: both;
background:#C7C5AC;
}
.staff-profile-box .inner-table
{
border: 2px #aaa solid;
width: 100%;
font-size: 95%;
text-align: left;
}
.staff-profile-box .inner-table .name
{
white-space: nowrap;
background-color: #003471;
color: #EFEFDE;
font-size: larger;
text-align: center;
}
.staff-profile-box .inner-table .image
{
white-space: nowrap;
text-align: center;
}
.staff-profile-box .inner-table .caption
{
white-space: nowrap;
font-size: smaller;
text-align: center;
}