MediaWiki:Common.css: Difference between revisions

From MI2wiki
Jump to navigationJump to search
No edit summary
No edit summary
 
(305 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Header Shadow */
h1, h2, h3, h4 {
text-shadow: 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff;
}
/* Original Character Table Stuff */
/* Original Character Table Stuff */


.CHARa { color: white; background:#865ab7 }
.CHARa {
.CHARb { color: black; background:#dbd1f7 }
color: white;
background: #865ab7
}
 
.CHARb {
color: black;
background: #dbd1f7
}
 
.seriesa {
color: white;
background: #234432
}
 
.seriesb {
color: black;
background: #B0C4DE
}


/* Character table stuff fixed up by Dan! */
/* Character table stuff fixed up by Dan! */
table.chartable {
table.chartable {
        border-spacing:0px; font-size:90%; border-collapse: collapse; border: 1px #353535 solid;
width: 300px;
float: right;
border-collapse: separate;
border-spacing: 0;
font-size: 90%;
box-shadow: 1px 1px 3px #333;
border-radius: 10px 10px 10px 10px;
}
 
table.chartable tr:first-child th:first-child {
background: #333;
border: 1px solid #333;
text-align: center;
font-size: 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
 
table.chartable td:first-child {
padding: 0px;
background: #fff;
text-align: center;
}
 
table.chartable tr th {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 2px;
color: white;
background: #c4a8ff;
font-weight: bold;
text-align: center;
vertical-align: text-top;
}
 
table.chartable tr td {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 2px;
color: black;
background: #e8ddff;
vertical-align: text-top;
}
 
table.chartable tr th, table.chartable tr td {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 2px;
}
}
table.chartable th {
 
        padding: 0.2em;
table.chartable tr th:first-child {
        border-collapse: collapse; border: 1px #353535 solid;
border-left: 1px solid #666;
        color: white; background: #865ab7; font-weight: bold;
border-right: 0px solid #666;
        text-align:center; vertical-align:text-top;
}
}
table.chartable td {
table.chartable td {
        padding: 0.2em;
border-left: 1px solid #666;
        border-collapse: collapse; border: 1px #353535 solid;
}
        color: black; background: #dbd1f7;
 
        vertical-align:text-top;
table.chartable tr th:last-child, table.chartable tr td:last-child {
border-right: 1px solid #666;
}
 
table.chartable tr:last-child th {
border-bottom-left-radius: 10px;
}
 
table.chartable tr:last-child td {
border-bottom-right-radius: 10px;
}
}


/* wikitable/prettytable class for skinning normal tables (standard wikitable code)*/
/* Organization table stuff fixed up by Dan! */
 
table.orgtable {
width: 300px;
float: right;
border-collapse: separate;
border-spacing: 0;
font-size: 90%;
box-shadow: 1px 1px 3px #333;
border-radius: 10px 10px 10px 10px;
}
 
table.orgtable tr:first-child th:first-child {
background: #333;
border: 1px solid #333;
text-align: center;
font-size: 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
 
table.orgtable td:first-child {
padding: 0px;
background: #fff;
text-align: center;
}
 
table.orgtable tr th {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 2px;
color: white;
background: #40975f;
font-weight: bold;
text-align: center;
vertical-align: text-top;
}
 
table.orgtable tr td {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 2px;
color: black;
background: #B0C4DE;
vertical-align: text-top;
}
 
table.orgtable tr th, table.orgtable tr td {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 2px;
}
 
table.orgtable tr th:first-child {
border-left: 1px solid #666;
border-right: 0px solid #666;
}
 
table.orgtable td {
border-left: 1px solid #666;
}
 
table.orgtable tr th:last-child, table.orgtable tr td:last-child {
border-right: 1px solid #666;
}
 
table.orgtable tr:last-child th {
border-bottom-left-radius: 10px;
}
 
table.orgtable tr:last-child td {
border-bottom-right-radius: 10px;
}
 
/* Wiki Table */


table.wikitable, table.prettytable {
table.wikitable, table.prettytable {
        margin: 1em 1em 1em 0;
margin: 10px 10px 10px 0;
        background: #f9f9f9;
background: #f9f9f9;
        border: 1px #aaaaaa solid;
border: 1px #666 solid;
        border-collapse: collapse;
border-collapse: collapse;
-moz-box-shadow: 1px 1px 3px #333;
-webkit-box-shadow: 1px 1px 3px #333;
box-shadow: 1px 1px 3px #333;
}
}


table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td {
table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td {
        border: 1px #aaaaaa solid;
border: 1px #666 solid;
        padding: 0.2em;
vertical-align: text-top;
padding: 2px;
}
}


table.wikitable th, table.prettytable th {
table.wikitable th, table.prettytable th {
        background: #f2f2f2;
background: #f2f2f2;
        text-align: center;
text-align: center;
}
}


table.wikitable caption, table.prettytable caption {
table.wikitable caption, table.prettytable caption {
        margin-left: inherit;
margin-left: inherit;
        margin-right: inherit;
margin-right: inherit;
}
}


/** Collapsible tables *********************************************************
/* TOC (Table of Contents) */
*
 
*  Description: Allows tables to be collapsed, showing only the header. See
#toc {
*                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
margin: 3px 0 3px 0;
*  Maintainers: [[en:User:R. Koot]]
padding: 1px 1px 1px 1px;
*/
border: 1px solid #666;
-moz-border-radius: 0 10px 10px 0;
table.collapsed tr.collapsible {
-webkit-border-top-right-radius: 10px;
        display: none;
-webkit-border-bottom-right-radius: 10px;
border-radius: 0 10px 10px 0;
-moz-box-shadow: 1px 1px 3px #333;
-webkit-box-shadow: 1px 1px 3px #333;
box-shadow: 1px 1px 3px #333;
background: #F9F9F9 url(http://gubaba.org/mi2/wiki/images/c/cd/Tocline.png) top center repeat-x;
}
}
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the            */
 
        float: right;          /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
span.tocnumber, span.toctext {
        font-weight: normal;    /* are styled here so they can be customised.             */
color: #001E8C;
        text-align: right;
        width: auto;
}
}


#toctitle {
margin-bottom: 7px;
}
/* Clean Table */
table.cleantable {
margin: 10px 10px 10px 0;
background: #ffffff;
border: 0px;
border-collapse: collapse;
}


/* A Test! */
table.cleantable th, table.cleantable td {
/* See also jquery.makeCollapsible.js */
border: 0px;
.mw-collapsible-toggle {
vertical-align: text-top;
float: right;
}
 
table.cleantable th {
background: #ffffff;
text-align: center;
}
}


/* list-items go as wide as their parent element, don't float them inside list items */
table.cleantable td {
li .mw-collapsible-toggle {
padding: 5px;
float: none;
}
}


/* the added list item should have no list-style */
table.cleantable caption {
.mw-collapsible-toggle-li {
margin-left: inherit;
list-style: none;
margin-right: inherit;
}
}

Latest revision as of 20:19, 25 January 2018

/* Header Shadow */
h1, h2, h3, h4 {
	text-shadow: 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff;
}


/* Original Character Table Stuff */

.CHARa {
	color: white;
	background: #865ab7
}

.CHARb {
	color: black;
	background: #dbd1f7
}

.seriesa {
	color: white;
	background: #234432
}

.seriesb {
	color: black;
	background: #B0C4DE
}

/* Character table stuff fixed up by Dan! */

table.chartable {
	width: 300px;
	float: right;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 90%;
	box-shadow: 1px 1px 3px #333;
	border-radius: 10px 10px 10px 10px;
}

table.chartable tr:first-child th:first-child {
	background: #333;
	border: 1px solid #333;
	text-align: center;
	font-size: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

table.chartable td:first-child {
	padding: 0px;
	background: #fff;
	text-align: center;
}

table.chartable tr th {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px;
	color: white;
	background: #c4a8ff;
	font-weight: bold;
	text-align: center;
	vertical-align: text-top;
}

table.chartable tr td {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px;
	color: black;
	background: #e8ddff;
	vertical-align: text-top;
}

table.chartable tr th, table.chartable tr td {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px;
}

table.chartable tr th:first-child {
	border-left: 1px solid #666;
	border-right: 0px solid #666;
}

table.chartable td {
	border-left: 1px solid #666;
}

table.chartable tr th:last-child, table.chartable tr td:last-child {
	border-right: 1px solid #666;
}

table.chartable tr:last-child th {
	border-bottom-left-radius: 10px;
}

table.chartable tr:last-child td {
	border-bottom-right-radius: 10px;
}

/* Organization table stuff fixed up by Dan! */

table.orgtable {
	width: 300px;
	float: right;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 90%;
	box-shadow: 1px 1px 3px #333;
	border-radius: 10px 10px 10px 10px;
}

table.orgtable tr:first-child th:first-child {
	background: #333;
	border: 1px solid #333;
	text-align: center;
	font-size: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

table.orgtable td:first-child {
	padding: 0px;
	background: #fff;
	text-align: center;
}

table.orgtable tr th {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px;
	color: white;
	background: #40975f;
	font-weight: bold;
	text-align: center;
	vertical-align: text-top;
}

table.orgtable tr td {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px;
	color: black;
	background: #B0C4DE;
	vertical-align: text-top;
}

table.orgtable tr th, table.orgtable tr td {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px;
}

table.orgtable tr th:first-child {
	border-left: 1px solid #666;
	border-right: 0px solid #666;
}

table.orgtable td {
	border-left: 1px solid #666;
}

table.orgtable tr th:last-child, table.orgtable tr td:last-child {
	border-right: 1px solid #666;
}

table.orgtable tr:last-child th {
	border-bottom-left-radius: 10px;
}

table.orgtable tr:last-child td {
	border-bottom-right-radius: 10px;
}

/* Wiki Table */

table.wikitable, table.prettytable {
	margin: 10px 10px 10px 0;
	background: #f9f9f9;
	border: 1px #666 solid;
	border-collapse: collapse;
	-moz-box-shadow: 1px 1px 3px #333;
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
}

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td {
	border: 1px #666 solid;
	vertical-align: text-top;
	padding: 2px;
}

table.wikitable th, table.prettytable th {
	background: #f2f2f2;
	text-align: center;
}

table.wikitable caption, table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
}

/* TOC (Table of Contents) */

#toc {
	margin: 3px 0 3px 0;
	padding: 1px 1px 1px 1px;
	border: 1px solid #666;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 0 10px 10px 0;
	-moz-box-shadow: 1px 1px 3px #333;
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
	background: #F9F9F9 url(http://gubaba.org/mi2/wiki/images/c/cd/Tocline.png) top center repeat-x;
}

span.tocnumber, span.toctext {
	color: #001E8C;
}

#toctitle {
	margin-bottom: 7px;
}

/* Clean Table */

table.cleantable {
	margin: 10px 10px 10px 0;
	background: #ffffff;
	border: 0px;
	border-collapse: collapse;
}

table.cleantable th, table.cleantable td {
	border: 0px;
	vertical-align: text-top;
}

table.cleantable th {
	background: #ffffff;
	text-align: center;
}

table.cleantable td {
	padding: 5px;
}

table.cleantable caption {
	margin-left: inherit;
	margin-right: inherit;
}