Difference between revisions of "MediaWiki:Common.css"

From VideoLAN Wiki
Jump to navigation Jump to search
m (Remove duplicate class "pre": already an HTML tag, and overridden with higher-specificity "#bodyContent pre". Combine "display:none" declarations)
m (Class "allpagesredirect" already defined in load.php. Simplify various CSS, consistency, validate)
Line 10: Line 10:
 
.hiddenStructure,
 
.hiddenStructure,
 
.if {display: none}
 
.if {display: none}
 
  
 
/* wikitable/prettytable class for skinning normal tables */
 
/* wikitable/prettytable class for skinning normal tables */
Line 18: Line 17:
 
   margin: 1em 1em 1em 0;
 
   margin: 1em 1em 1em 0;
 
   background: #f9f9f9;
 
   background: #f9f9f9;
   border: 1px #aaaaaa solid;
+
   border: 1px solid #aaa;
 
   border-collapse: collapse;
 
   border-collapse: collapse;
 
}
 
}
Line 24: Line 23:
 
table.wikitable th, table.wikitable td,
 
table.wikitable th, table.wikitable td,
 
table.prettytable th, table.prettytable td {
 
table.prettytable th, table.prettytable td {
   border: 1px #aaaaaa solid;
+
   border: 1px solid #aaa;
 
   padding: 0.2em;
 
   padding: 0.2em;
 
}
 
}
Line 38: Line 37:
 
   margin-left: inherit;
 
   margin-left: inherit;
 
   margin-right: inherit;
 
   margin-right: inherit;
}
 
 
.allpagesredirect {
 
  font-style: italic;
 
 
}
 
}
  
Line 47: Line 42:
  
 
.infobox {
 
.infobox {
   border: 1px solid #aaaaaa;
+
   border: 1px solid #aaa;
 +
  color: black;
 
   background-color: #f9f9f9;
 
   background-color: #f9f9f9;
  color: black;
 
 
   margin-bottom: 0.5em;
 
   margin-bottom: 0.5em;
 
   margin-left: 1em;
 
   margin-left: 1em;
Line 69: Line 64:
 
.infobox.bordered td,
 
.infobox.bordered td,
 
.infobox.bordered th {
 
.infobox.bordered th {
   border: 1px solid #aaaaaa;
+
   border: 1px solid #aaa;
 
}
 
}
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless td,
Line 83: Line 78:
 
.widebox {
 
.widebox {
 
     width: 80%;
 
     width: 80%;
     border: solid #999 1px;
+
     border: 1px solid #999;
     background: #F8F8F8;
+
     background: #f8f8f8;
 
     clear: both;
 
     clear: both;
 
     padding: 2px;
 
     padding: 2px;
Line 107: Line 102:
 
     text-align: center;
 
     text-align: center;
 
     width: 100%;
 
     width: 100%;
     margin: 1em auto 1em auto;
+
     margin: 1em auto;
     border: 1px;
+
     border-width: 1px;
 
}
 
}
 
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
 
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
Line 116: Line 111:
 
     margin: 0;
 
     margin: 0;
 
     padding: .1em;
 
     padding: .1em;
     color: #000;
+
     color: black;
 
}
 
}
 
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
 
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */

Revision as of 03:33, 18 April 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;
}*/

.hiddenStructure,
.if {display: none}

/* wikitable/prettytable class for skinning normal tables */

table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px solid #aaa;
  padding: 0.2em;
}

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

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

/* 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;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

.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 [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
.banner-title {
    font-size: 162%;
    border: none;
    margin: 0;
    padding: .1em;
    color: black;
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
.banner-subtitle {
    top: +0.2em;
    font-size: 95%;
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
.banner {
    width: 100%;
    color: black;
    background-color: #fcfcfc;
    border: 1px solid #ccc;
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
.banner-links-col1 {
    width: 11%;
    font-size: 95%;
    color: black;
    vertical-align: top;
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
.banner-links-col2 {
    width: 14%;
    font-size: 95%;
    vertical-align: top;
}
/* For [[Main Page]], [[Documentation:Documentation]], [[Knowledge Base]], [[VLC Developers Corner]] */
.banner-links-col3 {
    width: 18%;
    font-size: 95%;
    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;
}