Difference between revisions of "MediaWiki:Common.css"
Spellcoder (talk | contribs) (CSS3 test with AMOS extension table) |
Spellcoder (talk | contribs) (margin for sidebar) |
||
(9 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
/*<pre><nowiki>*/ | /*<pre><nowiki>*/ | ||
− | table.sortable { | + | table.sortable, |
− | border-collapse: collapse; | + | table.tableview { |
+ | border-collapse: collapse; | ||
} | } | ||
− | table.sortable td, th { | + | table.sortable td, |
− | text-align: left; | + | table.sortable th, |
− | padding: 2px 5px 2px 5px; | + | table.tableview td, |
− | border-right: 1px solid #ccc; | + | table.tableview th { |
+ | text-align: left; | ||
+ | padding: 2px 5px 2px 5px; | ||
+ | border-right: 1px solid #ccc; | ||
} | } | ||
− | table.sortable tr.even { | + | table.sortable tr.even, |
− | background-color: #f0f0f0; | + | table.tableview tr.even { |
+ | background-color: #f0f0f0; | ||
} | } | ||
table { | table { | ||
− | background-color: transparent; | + | background-color: transparent; |
} | } | ||
.acBlock h2 { | .acBlock h2 { | ||
− | padding: 5px 10px 5px 10px; | + | padding: 5px 10px 5px 10px; |
− | margin: -5px; | + | margin: -5px; |
} | } | ||
+ | .acBlock + .acBlock { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .acBlock h2 { | ||
+ | background-color: #ccc; | ||
+ | } | ||
#acAMOS h2 { | #acAMOS h2 { | ||
− | background-color: #bdb; | + | background-color: #bdb; |
} | } | ||
#ac680x0 h2 { | #ac680x0 h2 { | ||
− | background-color: #bbd; | + | background-color: #bbd; |
} | } | ||
− | # | + | #acNews h2 { |
− | background-color: #fd8; | + | background-color: #fd8; |
+ | margin: -10px -10px 10px -10px; | ||
} | } | ||
#acOther h2 { | #acOther h2 { | ||
− | background-color: #ccc; | + | background-color: #ccc; |
+ | } | ||
+ | |||
+ | .acBlock { | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #ccc; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | #acAMOS { | ||
+ | background-color: #f5fff5; | ||
+ | border: 1px solid #bdb; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | #ac680x0 { | ||
+ | background-color: #f5f5ff; | ||
+ | border: 1px solid #bbd; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | #acNews { | ||
+ | background-color: #fffff5; | ||
+ | border: 1px solid #fd8; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | #acOther { | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #ccc; | ||
+ | padding: 5px; | ||
} | } | ||
− | . | + | .articleWarning { |
− | + | width: 50%; | |
− | + | padding: 14px; | |
− | + | margin: 0 auto; | |
+ | font-size: 125%; | ||
+ | text-align: center; | ||
} | } | ||
− | . | + | .articleOutdated { |
− | background-color: # | + | background-color: #673e33; |
− | border: 1px solid # | + | border: 1px solid #370000; |
− | + | color: #fff; | |
} | } | ||
− | . | + | |
− | + | .articleTitle { | |
− | + | font-weight: bold; | |
− | |||
} | } | ||
− | . | + | .articleDate { |
− | + | color: #887; | |
− | + | font-size: 80%; | |
− | + | margin: -4px 0 5px 0; | |
} | } | ||
+ | |||
table.extensions > td:nth-of-type(1) { text-align: right; } | table.extensions > td:nth-of-type(1) { text-align: right; } | ||
table.extensions > td:nth-of-type(3) { text-align: right; } | table.extensions > td:nth-of-type(3) { text-align: right; } | ||
table.extensions > td:nth-of-type(4) { text-align: right; } | table.extensions > td:nth-of-type(4) { text-align: right; } | ||
+ | |||
+ | |||
+ | |||
+ | .infotable { | ||
+ | font-size: 90%; | ||
+ | border-collapse: collapse; | ||
+ | border: 1px black solid; | ||
+ | padding: .5em; | ||
+ | } | ||
+ | |||
+ | .infotable caption { | ||
+ | border: 2px #aaa solid; | ||
+ | border-bottom: 0; | ||
+ | margin-left: 16px; | ||
+ | margin-right: 16px; | ||
+ | padding: 2px; | ||
+ | font-size: 130%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .infotable th { | ||
+ | background-color: #ccccff; | ||
+ | } | ||
+ | |||
+ | .infotable th, .infotable td { | ||
+ | padding: 4px; | ||
+ | } | ||
+ | |||
+ | .infotable table, .infotable th, .infotable td { | ||
+ | border: 1px solid #aaa; | ||
+ | } | ||
+ | |||
+ | .infotable .left { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .infotable .right { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .infotable .l { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .infotable .r { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .infotable .center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .sidebar { | ||
+ | float: right; | ||
+ | padding: 10px; | ||
+ | background-color: #ffff60; | ||
+ | border: 1px solid #ffb000; | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | .sidebar a { | ||
+ | font-size: 115%; | ||
+ | } | ||
/*</nowiki></pre>*/ | /*</nowiki></pre>*/ |
Latest revision as of 22:40, 25 March 2008
/* CSS placed here will be applied to all skins */
/*<pre><nowiki>*/
table.sortable,
table.tableview {
border-collapse: collapse;
}
table.sortable td,
table.sortable th,
table.tableview td,
table.tableview th {
text-align: left;
padding: 2px 5px 2px 5px;
border-right: 1px solid #ccc;
}
table.sortable tr.even,
table.tableview tr.even {
background-color: #f0f0f0;
}
table {
background-color: transparent;
}
.acBlock h2 {
padding: 5px 10px 5px 10px;
margin: -5px;
}
.acBlock + .acBlock {
margin-bottom: 20px;
}
.acBlock h2 {
background-color: #ccc;
}
#acAMOS h2 {
background-color: #bdb;
}
#ac680x0 h2 {
background-color: #bbd;
}
#acNews h2 {
background-color: #fd8;
margin: -10px -10px 10px -10px;
}
#acOther h2 {
background-color: #ccc;
}
.acBlock {
background-color: #f5f5f5;
border: 1px solid #ccc;
padding: 5px;
}
#acAMOS {
background-color: #f5fff5;
border: 1px solid #bdb;
padding: 5px;
}
#ac680x0 {
background-color: #f5f5ff;
border: 1px solid #bbd;
padding: 5px;
}
#acNews {
background-color: #fffff5;
border: 1px solid #fd8;
padding: 10px;
}
#acOther {
background-color: #f5f5f5;
border: 1px solid #ccc;
padding: 5px;
}
.articleWarning {
width: 50%;
padding: 14px;
margin: 0 auto;
font-size: 125%;
text-align: center;
}
.articleOutdated {
background-color: #673e33;
border: 1px solid #370000;
color: #fff;
}
.articleTitle {
font-weight: bold;
}
.articleDate {
color: #887;
font-size: 80%;
margin: -4px 0 5px 0;
}
table.extensions > td:nth-of-type(1) { text-align: right; }
table.extensions > td:nth-of-type(3) { text-align: right; }
table.extensions > td:nth-of-type(4) { text-align: right; }
.infotable {
font-size: 90%;
border-collapse: collapse;
border: 1px black solid;
padding: .5em;
}
.infotable caption {
border: 2px #aaa solid;
border-bottom: 0;
margin-left: 16px;
margin-right: 16px;
padding: 2px;
font-size: 130%;
font-weight: bold;
}
.infotable th {
background-color: #ccccff;
}
.infotable th, .infotable td {
padding: 4px;
}
.infotable table, .infotable th, .infotable td {
border: 1px solid #aaa;
}
.infotable .left {
text-align: left;
}
.infotable .right {
text-align: right;
}
.infotable .l {
text-align: left;
}
.infotable .r {
text-align: right;
}
.infotable .center {
text-align: center;
}
.sidebar {
float: right;
padding: 10px;
background-color: #ffff60;
border: 1px solid #ffb000;
margin-left: 20px;
}
.sidebar a {
font-size: 115%;
}
/*</nowiki></pre>*/