Mudanças entre as edições de "MediaWiki:Common.css"

De Gelo e Fogo wiki
Ir para navegação Ir para pesquisar

 

(Página substituída por '→‎CSS placed here will be applied to all skins: →‎The transcription progress bar: .pr_quality { width:20%; border-spacing: 1px; border: 1px solid #cc...')
Etiqueta: Substituído
 
(11 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 
 
/* The transcription progress bar */
 
/* The transcription progress bar */
 
.pr_quality {
 
.pr_quality {
    width:20%;
+
width:20%;
    border-spacing: 1px;
+
border-spacing: 1px;
    border: 1px solid #ccc;
+
border: 1px solid #ccc;
    font-size: 1.5em;
+
font-size: 1.5em;
 +
}
 +
#contentSub {
 +
margin: 0 0 1.5em 0;
 +
}
 +
#navigationHeader {
 +
display: table;
 +
border-collapse: collapse;
 +
border-spacing: 0px 0px;
 +
empty-cells: hide;
 +
margin: 0px auto 4px auto;
 +
width: 100%;
 +
}
 +
/* make the list of references look smaller */ ol.references {
 +
font-size: 100%;
 +
}
 +
.references-small { font-size: 90%;}
 +
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column {
 +
font-size: 90%;
 +
-moz-column-count:2;
 +
column-count:2;
 +
}
 +
/* Default skin for navigation boxes */
 +
table.navbox { /* Navbox container style */
 +
border: 1px solid #aaa;
 +
width: 100%;
 +
margin: auto;
 +
clear: both;
 +
font-size: 88%;
 +
text-align: center;
 +
padding: 1px;
 +
}
 +
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
 +
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
 +
}
 +
.navbox-title,
 +
.navbox-abovebelow,
 +
table.navbox th {
 +
text-align: center; /* Title and above/below styles */
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
}
 +
.navbox-group { /* Group style */
 +
white-space: nowrap;
 +
text-align: right;
 +
font-weight: bold;
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
}
 +
.navbox, .navbox-subgroup {
 +
background: #fdfdfd; /* Background color */
 +
}
 +
.navbox-list {
 +
border-color: #fdfdfd; /* Must match background color */
 +
}
 +
.navbox-title,
 +
table.navbox th {
 +
background: #ccccff; /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
background: #ddddff; /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 +
background: #e6e6ff; /* Level 3 color */
 +
}
 +
.navbox-even {
 +
background: #f7f7f7; /* Even row striping */
 +
}
 +
.navbox-odd {
 +
background: transparent; /* Odd row striping */
 +
}
 +
 
 +
.collapseButton { /* 'show'/'hide' buttons created dynamically */
 +
float: right; /* by the CollapsibleTables javascript in */
 +
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */
 +
text-align: right; /* so they can be customised. */
 +
width: auto;
 +
}
 +
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
 +
width: 6em; /* the vde links from [[Template:Tnavbar]], */
 +
} /* so they need to be the same width. */
 +
 
 +
 
 +
/* Infobox template style */
 +
.infobox {
 +
border: 1px solid #aaa;
 +
background-color: #f9f9f9;
 +
color: black;
 +
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;
 +
}
 +
.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%;
 +
}
 +
 
 +
.infobox.standard-talk {
 +
border: 1px solid #c0c090;
 +
background-color: #f8eaba;
 +
}
 +
.infobox.standard-talk.bordered td,
 +
.infobox.standard-talk.bordered th {
 +
border: 1px solid #c0c090;
 +
}
 +
 
 +
/* styles for bordered infobox with merged rows */
 +
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
border: 0;
 +
border-top: 1px solid #aaa;
 +
border-right: 1px solid #aaa;
 +
}
 +
 
 +
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
border: 0;
 +
border-right: 1px solid #aaa;
 
}
 
}
  
#contentSub {
+
/* Styles for geography infoboxes, eg countries,
margin: 0 0 1.5em 0;
+
country subdivisions, cities, etc. */
 +
.infobox.geography {
 +
text-align: left;
 +
border-collapse: collapse;
 +
line-height: 1.2em;
 +
font-size: 90%;
 +
}
 +
 
 +
.infobox.geography td,
 +
.infobox.geography th {
 +
border-top: solid 1px #aaa;
 +
padding: 0.4em 0.6em 0.4em 0.6em;
 +
}
 +
.infobox.geography .mergedtoprow td,
 +
.infobox.geography .mergedtoprow th {
 +
border-top: solid 1px #aaa;
 +
padding: 0.4em 0.6em 0.2em 0.6em;
 +
}
 +
 
 +
.infobox.geography .mergedrow td,
 +
.infobox.geography .mergedrow th {
 +
border: 0;
 +
padding: 0 0.6em 0.2em 0.6em;
 +
}
 +
 
 +
.infobox.geography .mergedbottomrow td,
 +
.infobox.geography .mergedbottomrow th {
 +
border-top: 0;
 +
border-bottom: solid 1px #aaa;
 +
padding: 0 0.6em 0.4em 0.6em;
 
}
 
}
  
#navigationHeader {
+
.infobox.geography .maptable td,
    display: table;
+
.infobox.geography .maptable th {
    border-collapse: collapse;
+
border: 0;
    border-spacing: 0px 0px;
+
padding: 0;
    empty-cells: hide;
 
    margin: 0px auto 4px auto;
 
    width: 100%;
 
 
}
 
}
  
 +
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
 +
.redirect-in-category, .allpagesredirect {
 +
font-style: italic;
 +
}
 
/******************************
 
/******************************
* Styles for mobile main page
+
* Styles for mobile main page
******************************/
+
******************************/
 
 
 
@media all and (min-width: 768px) {
 
@media all and (min-width: 768px) {
.lonsdale-mainpage-column {
+
.lonsdale-mainpage-column {
float: left;
+
float: left;
width: 50%;
+
width: 50%;
}
+
}
.lonsdale-mainpage-column-first {
+
.lonsdale-mainpage-column-first {
padding-right: 10px;
+
padding-right: 10px;
}
+
}
.lonsdale-mainpage-column-second {
+
.lonsdale-mainpage-column-second {
padding-left: 10px;
+
padding-left: 10px;
}
+
}
.lonsdale-mainpage-sister-projects {
+
.lonsdale-mainpage-sister-projects {
text-align: center;
+
text-align: center;
}
+
}
 
}
 
}
 
 
/******************************
 
/******************************
* To make images responsive
+
* To make images responsive
******************************/
+
******************************/
 
.res-img img {
 
.res-img img {
max-width:100%;
+
max-width:100%;
height:auto;
+
height:auto;
 
}
 
}
 
 
/****************************************************
 
/****************************************************
* To hide wikisource proofread icons on index pages
+
* To hide wikisource proofread icons on index pages
****************************************************/
+
****************************************************/
 
.mw-indicators.mw-body-content {
 
.mw-indicators.mw-body-content {
    display: none;
+
display: none;
 
}
 
}

Edição atual tal como às 01h55min de 23 de julho de 2020

/* CSS placed here will be applied to all skins */
/* The transcription progress bar */
.pr_quality {
width:20%;
border-spacing: 1px;
border: 1px solid #ccc;
font-size: 1.5em;
}
#contentSub {
margin: 0 0 1.5em 0;
}
#navigationHeader {
display: table;
border-collapse: collapse;
border-spacing: 0px 0px;
empty-cells: hide;
margin: 0px auto 4px auto;
width: 100%;
}
/* make the list of references look smaller */ ol.references {
font-size: 100%;
}
.references-small { font-size: 90%;}
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column {
font-size: 90%;
-moz-column-count:2;
column-count:2;
}
/* Default skin for navigation boxes */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}

.collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Tnavbar]], */
} /* so they need to be the same width. */


/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
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;
}
.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%;
}

.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}

.infobox.geography td,
.infobox.geography th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: solid 1px #aaa;
padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}

/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
font-style: italic;
}
/******************************
* Styles for mobile main page
******************************/
@media all and (min-width: 768px) {
.lonsdale-mainpage-column {
float: left;
width: 50%;
}
.lonsdale-mainpage-column-first {
padding-right: 10px;
}
.lonsdale-mainpage-column-second {
padding-left: 10px;
}
.lonsdale-mainpage-sister-projects {
text-align: center;
}
}
/******************************
* To make images responsive
******************************/
.res-img img {
max-width:100%;
height:auto;
}
/****************************************************
* To hide wikisource proofread icons on index pages
****************************************************/
.mw-indicators.mw-body-content {
display: none;
}