Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
(trim down) |
||
| Line 2: | Line 2: | ||
/* Information Boxes */ |
/* Information Boxes */ |
||
| + | table.infobox { |
||
| − | table.infobox{ border: 1px solid #aaa; border-spacing: 1; background-color: white; } |
||
| + | border: 1px solid #aaa; |
||
| + | border-spacing: 1 |
||
| + | background-color: white; |
||
| + | } |
||
| − | .infobox td, |
+ | .infobox td, |
| − | .infobox th { |
+ | .infobox th { |
| + | padding: 4px; |
||
| − | .infobox tr.title th, .infobox th.title { color: black; background-color: #ccccff; text-align: center; } |
||
| + | } |
||
| − | .infobox td { text-align: left; } |
||
| + | .infobox th { |
||
| + | background-color: #ddddff; |
||
| + | white-space: nowrap; |
||
| + | } |
||
| + | .infobox tr.title th, |
||
| + | .infobox th.title { |
||
| + | color: black; |
||
| + | background-color: #ccccff; |
||
| + | text-align: center; |
||
| + | } |
||
| + | .infobox td { |
||
| + | text-align: left; |
||
| + | } |
||
| − | .infobox .kv th { |
+ | .infobox .kv th { |
| + | width: 15%; |
||
| + | } |
||
| − | .infobox.side { |
+ | .infobox.side { |
| + | width: 22em; |
||
| − | .infobox.side td { font-size: 90% } |
||
| + | float: right; |
||
| + | margin-left: 0.5em; |
||
| + | } |
||
| + | .infobox.side td { |
||
| + | font-size: 90%; |
||
| + | } |
||
/* Notice */ |
/* Notice */ |
||
| + | div.notice { |
||
| − | div.notice{ text-align: center; margin: auto; width: 60%; padding: 0.5em; } |
||
| + | text-align: center; |
||
| − | div.notice.stub { font-style:italic; } |
||
| + | margin: auto; |
||
| − | img.notice { width: 1em; } |
||
| + | width: 60%; |
||
| + | padding: 0.5em; |
||
| + | } |
||
| + | div.notice.stub { |
||
| + | font-style: italic; |
||
| + | } |
||
| + | img.notice { |
||
| + | width: 1em; |
||
| + | } |
||
/* curved */ |
/* curved */ |
||
.curved { |
.curved { |
||
| − | + | border-radius: 10px; |
|
| − | -moz-border-radius: 10px; |
||
| − | -webkit-border-radius: 10px; |
||
| − | -khtml-border-radius: 10px; |
||
| − | -icab-border-radius: 10px; |
||
| − | -o-border-radius: 10px; |
||
} |
} |
||
| − | .tl { border-top-left-radius:10px; -moz-border-radius-topleft: 10px; } |
||
| − | .tr { border-top-right-radius:10px; -moz-border-radius-topright: 10px; } |
||
| − | .bl { border-bottom-left-radius:10px; -moz-border-radius-bottomleft: 10px; } |
||
| − | .br { border-bottom-right-radius:10px; -moz-border-radius-bottomright: 10px; } |
||
/* quotes */ |
/* quotes */ |
||
| − | blockquote.source { |
+ | blockquote.source { |
| + | margin-right: 0; |
||
| + | } |
||
/* navigation */ |
/* navigation */ |
||
| + | .navaid { |
||
| − | .navaid{ display: block; margin: 1em 40px; font-style: italic; } |
||
| + | display: block; |
||
| − | .catlinks { padding-top: 0.5em; } |
||
| + | margin: 1em 40px; |
||
| − | #p-cactions li.selected a { color: #061626; } |
||
| + | font-style: italic; |
||
| + | } |
||
| + | .catlinks { |
||
| + | padding-top: 0.5em; |
||
| + | } |
||
| + | #p-cactions li.selected a { |
||
| + | color: #061626; |
||
| + | } |
||
/* slimmer footer*/ |
/* slimmer footer*/ |
||
| Line 47: | Line 82: | ||
/* Notes section */ |
/* Notes section */ |
||
| − | .notes { |
+ | .notes { |
| + | clear: both; |
||
| + | } |
||
/* keep long references in blocks */ |
/* keep long references in blocks */ |
||
.references li { |
.references li { |
||
| − | + | column-break-inside: avoid; |
|
| − | + | -webkit-column-break-inside: avoid; |
|
| − | + | -moz-column-break-inside: avoid; |
|
} |
} |
||
| − | |||
| − | /* Edit page Templates Used*/ |
||
| − | .templatesUsed ul {-moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } |
||
/* highlight clicked reference in blue */ |
/* highlight clicked reference in blue */ |
||
| − | ol.references li:target { |
+ | ol.references li:target { |
| − | + | background-color: #ddeeff; |
|
| + | } |
||
| − | |||
| + | sup.reference:target { |
||
| − | @media screen and (orientation: portrait) { |
||
| + | background-color: #ddeeff; |
||
| − | #p-namespaces, #p-views, #p-search, #p-cactions, #p-variants { |
||
| − | } |
||
| − | #p-search .searchButton { display: none; } |
||
| − | #mw-head-base { |
||
| − | height: 3em !important; |
||
| − | } |
||
| − | #left-navigation, #right-navigation { |
||
| − | margin: 0 !important; |
||
| − | } |
||
| − | #left-navigation { |
||
| − | margin-right: 1em !important; |
||
| − | } |
||
| − | #right-navigation { |
||
| − | float: left !important; |
||
| − | } |
||
| − | |||
| − | #mw-panel, #p-logo { |
||
| − | position: initial !important; |
||
| − | width: auto !important; |
||
| − | } |
||
| − | #mw-panel .portal, #p-logo { |
||
| − | display: inline-block !important; |
||
| − | vertical-align: top !important; |
||
| − | } |
||
| − | #mw-panel .portal .body { |
||
| − | display: block; |
||
| − | } |
||
| − | |||
| − | #content { |
||
| − | margin: 0!important; |
||
| − | } |
||
| − | .infobox { |
||
| − | float: none!important; |
||
| − | margin: auto!important; |
||
| − | } |
||
} |
} |
||
Revision as of 08:33, 16 December 2014
/* CSS placed here will be applied to all skins */
/* Information Boxes */
table.infobox {
border: 1px solid #aaa;
border-spacing: 1
background-color: white;
}
.infobox td,
.infobox th {
padding: 4px;
}
.infobox th {
background-color: #ddddff;
white-space: nowrap;
}
.infobox tr.title th,
.infobox th.title {
color: black;
background-color: #ccccff;
text-align: center;
}
.infobox td {
text-align: left;
}
.infobox .kv th {
width: 15%;
}
.infobox.side {
width: 22em;
float: right;
margin-left: 0.5em;
}
.infobox.side td {
font-size: 90%;
}
/* Notice */
div.notice {
text-align: center;
margin: auto;
width: 60%;
padding: 0.5em;
}
div.notice.stub {
font-style: italic;
}
img.notice {
width: 1em;
}
/* curved */
.curved {
border-radius: 10px;
}
/* quotes */
blockquote.source {
margin-right: 0;
}
/* navigation */
.navaid {
display: block;
margin: 1em 40px;
font-style: italic;
}
.catlinks {
padding-top: 0.5em;
}
#p-cactions li.selected a {
color: #061626;
}
/* slimmer footer*/
#footer-info-lastmod { float: left; }
#footer-info-viewcount { float: right; }
#footer-places { clear: both; }
/* Notes section */
.notes {
clear: both;
}
/* keep long references in blocks */
.references li {
column-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
}
/* highlight clicked reference in blue */
ol.references li:target {
background-color: #ddeeff;
}
sup.reference:target {
background-color: #ddeeff;
}