Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m (Copy over working code from my CSS sandbox. !important would simplify it, but let's avoid that) |
m (Add CSS comment: classes "hiddenStructure" and "if" should not be used) |
||
(21 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
padding-right:13px; | padding-right:13px; | ||
}*/ | }*/ | ||
+ | /* Shows [[File:Folder icon.gif]] 2 pixels to the right of element for [[Template:VLCSourceFolder]]. | ||
+ | To replace existing link icons use this with class plainlinks. */ | ||
+ | .folder-icon { | ||
+ | background: transparent no-repeat url('https://wiki.videolan.org/images/Folder_icon.gif') center right; | ||
+ | padding-right: 18px; | ||
+ | } | ||
− | .hiddenStructure, | + | /* Don't use these classes. See https://en.wikipedia.org/wiki/Wikipedia:HiddenStructure */ |
+ | .hiddenStructure, | ||
.if {display: none} | .if {display: none} | ||
/* wikitable/prettytable class for skinning normal tables */ | /* wikitable/prettytable class for skinning normal tables */ | ||
− | /* wikitable is already defined in load.php | + | /* wikitable is already defined in load.php -- this adds 1em right margin */ |
table.wikitable, | table.wikitable, | ||
table.prettytable { | table.prettytable { | ||
Line 21: | Line 28: | ||
} | } | ||
− | table.wikitable | + | /* table.wikitable already defined in load.php, skipping */ |
table.prettytable th, table.prettytable td { | table.prettytable th, table.prettytable td { | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
Line 27: | Line 34: | ||
} | } | ||
− | table.wikitable | + | /* table.wikitable already defined in load.php, skipping */ |
table.prettytable th { | table.prettytable th { | ||
background: #f2f2f2; | background: #f2f2f2; | ||
text-align: center; | text-align: center; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 45: | Line 46: | ||
table.cellpadding-2px th, table.cellpadding-2px td, | table.cellpadding-2px th, table.cellpadding-2px td, | ||
table.wikitable.cellpadding-2px th, table.wikitable.cellpadding-2px td | table.wikitable.cellpadding-2px th, table.wikitable.cellpadding-2px td | ||
− | table.prettytable.cellpadding- | + | table.prettytable.cellpadding-2px th, table.prettytable.cellpadding-2px td { padding: 2px; } |
table.cellpadding-3px th, table.cellpadding-3px td, | table.cellpadding-3px th, table.cellpadding-3px td, | ||
table.wikitable.cellpadding-3px th, table.wikitable.cellpadding-3px td, | table.wikitable.cellpadding-3px th, table.wikitable.cellpadding-3px td, | ||
Line 52: | Line 53: | ||
table.wikitable.cellpadding-1em th, table.wikitable.cellpadding-1em td, | table.wikitable.cellpadding-1em th, table.wikitable.cellpadding-1em td, | ||
table.prettytable.cellpadding-1em th, table.prettytable.cellpadding-1em td { padding: 1em; } | table.prettytable.cellpadding-1em th, table.prettytable.cellpadding-1em td { padding: 1em; } | ||
+ | |||
+ | /* [[Template:Module]] style */ | ||
+ | table.wikitable.template-module { | ||
+ | width: 325px; | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin: 0.5em; | ||
+ | padding: 0.2em; | ||
+ | font-size: 95%; | ||
+ | } | ||
+ | table.wikitable.template-module > * > tr > td { | ||
+ | color: black; | ||
+ | background: #eee; | ||
+ | } | ||
/* Infobox template style */ | /* Infobox template style */ | ||
Line 71: | Line 86: | ||
.infobox caption { | .infobox caption { | ||
font-size: larger; | font-size: larger; | ||
− | |||
} | } | ||
− | .infobox. | + | |
− | + | /* For [[Template:Side box]]. Renamed from .infobox.sisterproject */ | |
+ | .infobox.sidebox { | ||
+ | width: 250px; | ||
+ | font-size: 90%; | ||
+ | padding: 4px; | ||
} | } | ||
− | . | + | |
− | .infobox | + | /* For [[Template:Side box]]. Counter MediaWiki CSS shifting bulleted items right by 1.5em */ |
− | + | .infobox-singleitem { | |
+ | text-align: start; | ||
+ | margin-left: 4.0em; | ||
} | } | ||
− | .infobox | + | .infobox-multipleitem { |
− | + | text-align: start; | |
− | + | margin-left: 2.5em; | |
} | } | ||
− | + | /* For [[Template:Documentation streaming howto toc]], [[Template:Documentation toc]] and [[Template:Documentation TOC]] */ | |
− | . | + | .tocsidebar { |
− | + | font-size: 80%; | |
− | + | border: 1px solid #aaa; | |
+ | padding: 5px; | ||
} | } | ||
Line 119: | Line 140: | ||
border-width: 1px; | border-width: 1px; | ||
} | } | ||
− | /* For [[ | + | /* For [[Template:Banner]]: |
+ | Styling for the block element or table cell that holds banner-title and banner-subtitle */ | ||
+ | .banner-text { | ||
+ | width: 56%; | ||
+ | background: none; | ||
+ | } | ||
+ | /* For [[Template:Banner]] */ | ||
.banner-title { | .banner-title { | ||
font-size: 162%; | font-size: 162%; | ||
− | |||
margin: 0; | margin: 0; | ||
padding: .1em; | padding: .1em; | ||
− | |||
} | } | ||
− | /* For [[ | + | /* For [[Template:Banner]] */ |
.banner-subtitle { | .banner-subtitle { | ||
top: +0.2em; | top: +0.2em; | ||
font-size: 95%; | font-size: 95%; | ||
} | } | ||
− | /* For [[ | + | /* For [[Template:Banner]] */ |
.banner { | .banner { | ||
width: 100%; | width: 100%; | ||
+ | margin: 0 auto 10px; | ||
color: black; | color: black; | ||
background-color: #fcfcfc; | background-color: #fcfcfc; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
} | } | ||
− | /* For [[ | + | /* For [[Template:Banner]] */ |
.banner-links-col1 { | .banner-links-col1 { | ||
width: 11%; | width: 11%; | ||
font-size: 95%; | font-size: 95%; | ||
− | |||
− | |||
} | } | ||
− | /* For [[ | + | /* For [[Template:Banner]] */ |
.banner-links-col2 { | .banner-links-col2 { | ||
width: 14%; | width: 14%; | ||
font-size: 95%; | font-size: 95%; | ||
− | |||
} | } | ||
− | /* For [[ | + | /* For [[Template:Banner]] */ |
.banner-links-col3 { | .banner-links-col3 { | ||
width: 18%; | width: 18%; | ||
font-size: 95%; | font-size: 95%; | ||
+ | } | ||
+ | [class|=banner-links] { | ||
vertical-align: top; | vertical-align: top; | ||
} | } |
Latest revision as of 08:10, 9 June 2019
/* Styling links to www.VideoLan.org */
/*#bodyContent a.external, #bodyContent a[href^="http://www.videolan.org/"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(//www.videolan.org/favicon.ico) no-repeat scroll right center;
padding-right:13px;
}*/
/* Shows [[File:Folder icon.gif]] 2 pixels to the right of element for [[Template:VLCSourceFolder]].
To replace existing link icons use this with class plainlinks. */
.folder-icon {
background: transparent no-repeat url('https://wiki.videolan.org/images/Folder_icon.gif') center right;
padding-right: 18px;
}
/* Don't use these classes. See https://en.wikipedia.org/wiki/Wikipedia:HiddenStructure */
.hiddenStructure,
.if {display: none}
/* wikitable/prettytable class for skinning normal tables */
/* wikitable is already defined in load.php -- this adds 1em right margin */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px solid #aaa;
border-collapse: collapse;
}
/* table.wikitable already defined in load.php, skipping */
table.prettytable th, table.prettytable td {
border: 1px solid #aaa;
padding: 0.2em;
}
/* table.wikitable already defined in load.php, skipping */
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
/* pad table elements -- cellpadding is obsolete */
table.cellpadding-1px th, table.cellpadding-1px td,
table.wikitable.cellpadding-1px th, table.wikitable.cellpadding-1px td,
table.prettytable.cellpadding-1px th, table.prettytable.cellpadding-1px td { padding: 1px; }
table.cellpadding-2px th, table.cellpadding-2px td,
table.wikitable.cellpadding-2px th, table.wikitable.cellpadding-2px td
table.prettytable.cellpadding-2px th, table.prettytable.cellpadding-2px td { padding: 2px; }
table.cellpadding-3px th, table.cellpadding-3px td,
table.wikitable.cellpadding-3px th, table.wikitable.cellpadding-3px td,
table.prettytable.cellpadding-3px th, table.prettytable.cellpadding-3px td { padding: 3px; }
table.cellpadding-1em th, table.cellpadding-1em td,
table.wikitable.cellpadding-1em th, table.wikitable.cellpadding-1em td,
table.prettytable.cellpadding-1em th, table.prettytable.cellpadding-1em td { padding: 1em; }
/* [[Template:Module]] style */
table.wikitable.template-module {
width: 325px;
float: right;
clear: right;
margin: 0.5em;
padding: 0.2em;
font-size: 95%;
}
table.wikitable.template-module > * > tr > td {
color: black;
background: #eee;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
color: black;
background-color: #f9f9f9;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
}
/* For [[Template:Side box]]. Renamed from .infobox.sisterproject */
.infobox.sidebox {
width: 250px;
font-size: 90%;
padding: 4px;
}
/* For [[Template:Side box]]. Counter MediaWiki CSS shifting bulleted items right by 1.5em */
.infobox-singleitem {
text-align: start;
margin-left: 4.0em;
}
.infobox-multipleitem {
text-align: start;
margin-left: 2.5em;
}
/* For [[Template:Documentation streaming howto toc]], [[Template:Documentation toc]] and [[Template:Documentation TOC]] */
.tocsidebar {
font-size: 80%;
border: 1px solid #aaa;
padding: 5px;
}
.widebox {
width: 80%;
border: 1px solid #999;
background: #f8f8f8;
clear: both;
padding: 2px;
margin-left: auto;
margin-right: auto;
}
.nowrap {
white-space: nowrap;
}
.hatnote {
font-style: italic;
margin-left: 1.5em;
}
/* pre tags do not clip content */
#bodyContent pre {
white-space: pre-wrap;
word-break: break-all;
}
/* For [[VLC Features Formats]] and others */
.codec-table {
font-size: small;
text-align: center;
width: 100%;
margin: 1em auto;
border-width: 1px;
}
/* For [[Template:Banner]]:
Styling for the block element or table cell that holds banner-title and banner-subtitle */
.banner-text {
width: 56%;
background: none;
}
/* For [[Template:Banner]] */
.banner-title {
font-size: 162%;
margin: 0;
padding: .1em;
}
/* For [[Template:Banner]] */
.banner-subtitle {
top: +0.2em;
font-size: 95%;
}
/* For [[Template:Banner]] */
.banner {
width: 100%;
margin: 0 auto 10px;
color: black;
background-color: #fcfcfc;
border: 1px solid #ccc;
}
/* For [[Template:Banner]] */
.banner-links-col1 {
width: 11%;
font-size: 95%;
}
/* For [[Template:Banner]] */
.banner-links-col2 {
width: 14%;
font-size: 95%;
}
/* For [[Template:Banner]] */
.banner-links-col3 {
width: 18%;
font-size: 95%;
}
[class|=banner-links] {
vertical-align: top;
}
/* General use */
div.plainlist ul > li {
list-style: none none;
}
/* Creates two columns */
div.col2 {
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
/* Creates three columns */
div.col3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
}
/* Creates four columns */
div.col4 {
-webkit-column-count: 4;
-moz-column-count: 4;
-o-column-count: 4;
column-count: 4;
}
/* Creates five columns */
div.col5 {
-webkit-column-count: 5;
-moz-column-count: 5;
-o-column-count: 5;
column-count: 5;
}
/* Creates six columns */
div.col6 {
-webkit-column-count: 6;
-moz-column-count: 6;
-o-column-count: 6;
column-count: 6;
}
/* Creates seven columns */
div.col7 {
-webkit-column-count: 7;
-moz-column-count: 7;
-o-column-count: 7;
column-count: 7;
}