Difference between revisions of "MediaWiki:Common.css"

From VideoLAN Wiki
Jump to navigation Jump to search
m (Overridden by order of appearance?)
m (Add CSS comment: classes "hiddenStructure" and "if" should not be used)
 
(22 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 and is tweaked here */
+
/* 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 th, table.wikitable td,
+
/* 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 th,
+
/* table.wikitable already defined in load.php, skipping */
 
table.prettytable th {
 
table.prettytable th {
 
   background: #f2f2f2;
 
   background: #f2f2f2;
Line 33: Line 40:
 
}
 
}
  
table.wikitable caption,
+
/* pad table elements -- cellpadding is obsolete */
table.prettytable caption {
+
table.cellpadding-1px th, table.cellpadding-1px td,
  margin-left: inherit;
+
table.wikitable.cellpadding-1px th, table.wikitable.cellpadding-1px td,
  margin-right: inherit;
+
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;
 
}
 
}
 
/* pad table elements -- cellpadding is obsolete */
 
.cellpadding-1px th, .cellpadding-1px td { padding: 1px; }
 
.cellpadding-2px th, .cellpadding-2px td { padding: 2px; }
 
.cellpadding-3px th, .cellpadding-3px td { padding: 3px; }
 
.cellpadding-1em th, .cellpadding-1em td { padding: 1em; }
 
  
 
/* Infobox template style */
 
/* Infobox template style */
Line 63: Line 86:
 
.infobox caption {
 
.infobox caption {
 
   font-size: larger;
 
   font-size: larger;
  margin-left: inherit;
 
 
}
 
}
.infobox.bordered {
+
 
   border-collapse: collapse;
+
/* For [[Template:Side box]]. Renamed from .infobox.sisterproject */
 +
.infobox.sidebox {
 +
   width: 250px;
 +
  font-size: 90%;
 +
  padding: 4px;
 
}
 
}
.infobox.bordered td,
+
 
.infobox.bordered th {
+
/* For [[Template:Side box]]. Counter MediaWiki CSS shifting bulleted items right by 1.5em */
   border: 1px solid #aaa;
+
.infobox-singleitem {
 +
   text-align: start;
 +
  margin-left: 4.0em;
 
}
 
}
.infobox.bordered .borderless td,
+
.infobox-multipleitem {
.infobox.bordered .borderless th {
+
  text-align: start;
   border: 0;
+
   margin-left: 2.5em;
 
}
 
}
 
+
/* For [[Template:Documentation streaming howto toc]], [[Template:Documentation toc]] and [[Template:Documentation TOC]] */
.infobox.sisterproject {
+
.tocsidebar {
   width: 20em;
+
   font-size: 80%;
   font-size: 90%;
+
  border: 1px solid #aaa;
 +
   padding: 5px;
 
}
 
}
  
Line 111: Line 140:
 
     border-width: 1px;
 
     border-width: 1px;
 
}
 
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
+
/* 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%;
    border: none;
 
 
     margin: 0;
 
     margin: 0;
 
     padding: .1em;
 
     padding: .1em;
    color: black;
 
 
}
 
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
+
/* For [[Template:Banner]] */
 
.banner-subtitle {
 
.banner-subtitle {
 
     top: +0.2em;
 
     top: +0.2em;
 
     font-size: 95%;
 
     font-size: 95%;
 
}
 
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
+
/* 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 [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
+
/* For [[Template:Banner]] */
 
.banner-links-col1 {
 
.banner-links-col1 {
 
     width: 11%;
 
     width: 11%;
 
     font-size: 95%;
 
     font-size: 95%;
    color: black;
 
    vertical-align: top;
 
 
}
 
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
+
/* For [[Template:Banner]] */
 
.banner-links-col2 {
 
.banner-links-col2 {
 
     width: 14%;
 
     width: 14%;
 
     font-size: 95%;
 
     font-size: 95%;
    vertical-align: top;
 
 
}
 
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
+
/* 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;
}