MediaWiki:Common.css: Difference between revisions

The official GemStone IV encyclopedia.
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%;
}

.clearfix
{
clear: both;
}
}



Revision as of 21:32, 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;
}

/*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%;
}

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

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