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

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

 

 
(2 revisões intermediárias pelo mesmo usuário 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 {
 
#contentSub {
margin: 0 0 1.5em 0;
+
margin: 0 0 1.5em 0;
 
}
 
}
 
 
#navigationHeader {
 
#navigationHeader {
    display: table;
+
display: table;
    border-collapse: collapse;
+
border-collapse: collapse;
    border-spacing: 0px 0px;
+
border-spacing: 0px 0px;
    empty-cells: hide;
+
empty-cells: hide;
    margin: 0px auto 4px auto;
+
margin: 0px auto 4px auto;
    width: 100%;
+
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;
 
}
 
}
 
/* 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 */
 
/* Default skin for navigation boxes */
table.navbox {           /* Navbox container style */
+
table.navbox { /* Navbox container style */
  border: 1px solid #aaa;
+
border: 1px solid #aaa;
  width: 100%;  
+
width: 100%;
  margin: auto;
+
margin: auto;
  clear: both;
+
clear: both;
  font-size: 88%;
+
font-size: 88%;
  text-align: center;
+
text-align: center;
  padding: 1px;
+
padding: 1px;
 
}
 
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
+
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
  margin-top: -1px;           /* (doesn't work for IE6, but that's okay)       */
+
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
 
}
 
}
 
.navbox-title,
 
.navbox-title,
 
.navbox-abovebelow,
 
.navbox-abovebelow,
 
table.navbox th {
 
table.navbox th {
  text-align: center;     /* Title and above/below styles */
+
text-align: center; /* Title and above/below styles */
  padding-left: 1em;
+
padding-left: 1em;
  padding-right: 1em;
+
padding-right: 1em;
 
}
 
}
.navbox-group {           /* Group style */
+
.navbox-group { /* Group style */
  white-space: nowrap;
+
white-space: nowrap;
  text-align: right;
+
text-align: right;
  font-weight: bold;
+
font-weight: bold;
  padding-left: 1em;
+
padding-left: 1em;
  padding-right: 1em;
+
padding-right: 1em;
 
}
 
}
 
.navbox, .navbox-subgroup {
 
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
+
background: #fdfdfd; /* Background color */
 
}
 
}
 
.navbox-list {
 
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
+
border-color: #fdfdfd; /* Must match background color */
 
}
 
}
 
.navbox-title,
 
.navbox-title,
 
table.navbox th {
 
table.navbox th {
  background: #ccccff;     /* Level 1 color */
+
background: #ccccff; /* Level 1 color */
 
}
 
}
 
.navbox-abovebelow,
 
.navbox-abovebelow,
 
.navbox-group,
 
.navbox-group,
 
.navbox-subgroup .navbox-title {
 
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
+
background: #ddddff; /* Level 2 color */
 
}
 
}
 
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
+
background: #e6e6ff; /* Level 3 color */
 
}
 
}
 
.navbox-even {
 
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
+
background: #f7f7f7; /* Even row striping */
 
}
 
}
 
.navbox-odd {
 
.navbox-odd {
  background: transparent; /* Odd row striping */
+
background: transparent; /* Odd row striping */
 
}
 
}
+
 
.collapseButton {         /* 'show'/'hide' buttons created dynamically */
+
.collapseButton { /* 'show'/'hide' buttons created dynamically */
    float: right;         /* by the CollapsibleTables javascript in   */
+
float: right; /* by the CollapsibleTables javascript in */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here   */
+
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */
    text-align: right;     /* so they can be customised.               */
+
text-align: right; /* so they can be customised. */
    width: auto;
+
width: auto;
 
}
 
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
+
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
    width: 6em;           /* the vde links from [[Template:Tnavbar]],   */
+
width: 6em; /* the vde links from [[Template:Tnavbar]], */
}                         /* so they need to be the same width.         */
+
} /* so they need to be the same width. */
+
 
+
 
 
/* Infobox template style */
 
/* Infobox template style */
 
.infobox {
 
.infobox {
    border: 1px solid #aaa;
+
border: 1px solid #aaa;
    background-color: #f9f9f9;
+
background-color: #f9f9f9;
    color: black;
+
color: black;
    margin-bottom: 0.5em;
+
margin-bottom: 0.5em;
    margin-left: 1em;
+
margin-left: 1em;
    padding: 0.2em;
+
padding: 0.2em;
    float: right;
+
float: right;
    clear: right;
+
clear: right;
 
}
 
}
 
.infobox td,
 
.infobox td,
 
.infobox th {
 
.infobox th {
    vertical-align: top;
+
vertical-align: top;
 
}
 
}
 
.infobox caption {
 
.infobox caption {
    font-size: larger;
+
font-size: larger;
 
}
 
}
 
.infobox.bordered {
 
.infobox.bordered {
    border-collapse: collapse;
+
border-collapse: collapse;
 
}
 
}
 
.infobox.bordered td,
 
.infobox.bordered td,
 
.infobox.bordered th {
 
.infobox.bordered th {
    border: 1px solid #aaa;
+
border: 1px solid #aaa;
 
}
 
}
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
.infobox.bordered .borderless th {
    border: 0;
+
border: 0;
 
}
 
}
+
 
 
.infobox.sisterproject {
 
.infobox.sisterproject {
    width: 20em;
+
width: 20em;
    font-size: 90%;
+
font-size: 90%;
 
}
 
}
+
 
 
.infobox.standard-talk {
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
+
border: 1px solid #c0c090;
    background-color: #f8eaba;
+
background-color: #f8eaba;
 
}
 
}
 
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
 
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
+
border: 1px solid #c0c090;
 
}
 
}
+
 
 
/* styles for bordered infobox with merged rows */
 
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
.infobox.bordered .mergedtoprow th {
    border: 0;
+
border: 0;
    border-top: 1px solid #aaa;
+
border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
+
border-right: 1px solid #aaa;
 
}
 
}
+
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
.infobox.bordered .mergedrow th {
    border: 0;
+
border: 0;
    border-right: 1px solid #aaa;
+
border-right: 1px solid #aaa;
 
}
 
}
+
 
 
/* Styles for geography infoboxes, eg countries,
 
/* Styles for geography infoboxes, eg countries,
  country subdivisions, cities, etc.           */
+
country subdivisions, cities, etc. */
 
.infobox.geography {
 
.infobox.geography {
    text-align: left;
+
text-align: left;
    border-collapse: collapse;
+
border-collapse: collapse;
    line-height: 1.2em;  
+
line-height: 1.2em;
    font-size: 90%;
+
font-size: 90%;
 
}
 
}
+
 
.infobox.geography td,
+
.infobox.geography td,
.infobox.geography th {
+
.infobox.geography th {
    border-top: solid 1px #aaa;
+
border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
+
padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
}
 
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow th {
 
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
+
border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
+
padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
}
+
 
 
.infobox.geography .mergedrow td,
 
.infobox.geography .mergedrow td,
 
.infobox.geography .mergedrow th {
 
.infobox.geography .mergedrow th {
    border: 0;
+
border: 0;
    padding: 0 0.6em 0.2em 0.6em;
+
padding: 0 0.6em 0.2em 0.6em;
 
}
 
}
+
 
 
.infobox.geography .mergedbottomrow td,
 
.infobox.geography .mergedbottomrow td,
 
.infobox.geography .mergedbottomrow th {
 
.infobox.geography .mergedbottomrow th {
    border-top: 0;
+
border-top: 0;
    border-bottom: solid 1px #aaa;
+
border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
+
padding: 0 0.6em 0.4em 0.6em;
 
}
 
}
+
 
 
.infobox.geography .maptable td,
 
.infobox.geography .maptable td,
 
.infobox.geography .maptable th {
 
.infobox.geography .maptable th {
    border: 0;
+
border: 0;
    padding: 0;
+
padding: 0;
 
}
 
}
+
 
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
 
.redirect-in-category, .allpagesredirect {
 
.redirect-in-category, .allpagesredirect {
    font-style: italic;
+
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
 +
******************************/
 +
.res-img img {
 +
max-width:100%;
 +
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;
}