|
|
| Linha 1: |
Linha 1: |
| /* CSS placed here will be applied to all skins */ | | /*text formatting*/ |
| @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap'); | | @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap'); |
| | | body { |
| /* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
| | font-family: 'Spectral', serif; |
| body { | | text-align: justify; |
| font-family: 'Spectral', serif;
| | } |
| text-align: justify;
| | #content p { |
| } | | text-align: justify; |
| | | } |
| /* Changes the default font used for MediaWiki headings to Spectral: */
| | #content h1, |
| #content p { | | #content h2, |
| text-align: justify;
| | #content h3 { |
| } | | font-family: 'Spectral', serif; |
| | |
| #content h1, | |
| #content h2, | |
| #content h3 { | |
| font-family: 'Spectral', serif;
| |
| }
| |
| | |
| .sublinhado {
| |
| border-bottom: 1px solid;
| |
| }
| |
| | |
| .tabulado{
| |
| margin-left: 3%;
| |
| }
| |
| | |
| .trait{
| |
| margin-left: 3%;
| |
| text-indent: -25px
| |
| }
| |
| | |
| .subtrait{
| |
| margin-left: 6%;
| |
| text-indent: -25px
| |
| }
| |
| | |
| .three-column{
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
| |
| }
| |
| | |
| /** o código CSS colocado aqui será aplicado a todos os temas */
| |
| /* {{pp|small=yes}} */
| |
| | |
| /*.mw-headline:target { */
| |
| /* background-color: gold;*/
| |
| /*}*/
| |
| | |
| #mp-topbanner {
| |
| clear: both;
| |
| position: relative;
| |
| box-sizing: border-box;
| |
| width: 100%;
| |
| margin-top: 1.2em;
| |
| min-width: 47em;
| |
| border-color: #ddd;
| |
| background-color: #f9f9f9;
| |
| white-space: nowrap;
| |
| }
| |
| | |
| .mp-bordered,
| |
| .mp-h2,
| |
| body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| }
| |
| | |
| #mp-topbanner,
| |
| .mp-h2,
| |
| #mp-left {
| |
| color: #000;
| |
| }
| |
| | |
| #mp-welcomecount {
| |
| margin: 0.4em;
| |
| width: 22em;
| |
| text-align: center;
| |
| }
| |
| | |
| #mp-welcome {
| |
| font-size: 162%;
| |
| padding: 0.1em;
| |
| }
| |
| | |
| #mp-free {
| |
| font-size: 95%;
| |
| }
| |
| | |
| #articlecount {
| |
| font-size: 85%;
| |
| }
| |
| | |
| #mp-portals {
| |
| position: absolute;
| |
| right: -1em;
| |
| top: 50%;
| |
| margin-top: -2.4em;
| |
| width: 38%;
| |
| min-width: 25em;
| |
| font-size: 95%;
| |
| }
| |
| | |
| #mp-portals li {
| |
| position: absolute;
| |
| left: 0;
| |
| top: 0;
| |
| }
| |
| | |
| #mp-portals .portal-hmid {
| |
| left: 33%;
| |
| }
| |
| | |
| #mp-portals .portal-hright {
| |
| left: 66%;
| |
| }
| |
| | |
| #mp-portals .portal-vmid {
| |
| top: 1.6em;
| |
| }
| |
| | |
| #mp-portals .portal-vbot {
| |
| top: 3.2em;
| |
| }
| |
| | |
| | |
| #mp-banner {
| |
| margin-top: 4px;
| |
| padding: 0.5em;
| |
| background-color: #43B1EB
| |
| border-color: #f2e0ce;
| |
| }
| |
| | |
| .mp-h2,
| |
| body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
| |
| margin: 0.5em;
| |
| padding: 0.2em 0.4em;
| |
| font-size: 120%;
| |
| font-weight: bold;
| |
| font-family: inherit;
| |
| }
| |
| | |
| h2.mp-h2::after { /* Remove borders in Timeless */
| |
| border: none;
| |
| }
| |
| | |
| .mp-later {
| |
| font-size: 85%;
| |
| font-weight: normal;
| |
| }
| |
| | |
| #mp-upper {
| |
| width: 100%;
| |
| margin-top: 4px;
| |
| margin-bottom: 0;
| |
| border-spacing: 0;
| |
| border-collapse: separate;
| |
| }
| |
| | |
| #mp-upper .mid-table {
| |
| border-color: transparent;
| |
| }
| |
| | |
| #mp-left {
| |
| width: 55%;
| |
| border-color: #cef2e0;
| |
| background: #43B1EB;
| |
| }
| |
| | |
| #mp-right {
| |
| width: 45%;
| |
| border-color: #cedff2;
| |
| background: #43B1EB;
| |
| }
| |
| | |
| #mp-left,
| |
| #mp-right {
| |
| padding: 0;
| |
| vertical-align: top;
| |
| }
| |
| | |
| #mp-left .mp-h2 {
| |
| background: #cef2e0;
| |
| border-color: #43B1EB;
| |
| }
| |
| | |
| #mp-right .mp-h2 {
| |
| background: #cedff2;
| |
| border-color: #43B1EB;
| |
| }
| |
| | |
| #mp-tfa,
| |
| #mp-dyk,
| |
| #mp-itn,
| |
| #mp-otd,
| |
| #mp-other-lower > div {
| |
| padding: 0.1em 0.6em;
| |
| }
| |
| | |
| #mp-dyk-h2,
| |
| #mp-otd-h2 {
| |
| clear: both;
| |
| }
| |
| | |
| #mp-middle {
| |
| margin-top: 4px;
| |
| border-color: #f2cedd;
| |
| background: #43B1EB;
| |
| }
| |
| | |
| #mp-middle,
| |
| #mp-lower,
| |
| #mp-other-lower {
| |
| overflow: auto;
| |
| }
| |
| | |
| #mp-tfl-h2 {
| |
| background: #43B1EB;
| |
| border-color: #bfa3af;
| |
| }
| |
| | |
| #mp-tfl {
| |
| padding: 0.3em 0.7em;
| |
| }
| |
| | |
| #mp-lower {
| |
| margin-top: 4px;
| |
| border-color: #ddcef2;
| |
| background: #43B1EB;
| |
| }
| |
| | |
| #mp-tfp-h2 {
| |
| background: #43B1EB;
| |
| border-color: #afa3bf;
| |
| }
| |
| | |
| #mp-tfp {
| |
| margin: 0.1em 0.4em 0.6em;
| |
| }
| |
| | |
| #mp-other-lower {
| |
| padding: 0;
| |
| border-color: #e2e2e2;
| |
| margin-top: 4px;
| |
| }
| |
| | |
| #mp-dyk,
| |
| #mp-otd,
| |
| #mp-other-lower {
| |
| padding-bottom: 0.5em;
| |
| }
| |
| | |
| #mp-other-lower .mp-h2 {
| |
| background: #eee;
| |
| border-color: #ddd;
| |
| color: #222;
| |
| }
| |
| | |
| @media (max-width: 875px) {
| |
|
| |
| body.skin--responsive #mp-welcomecount {
| |
| width: auto;
| |
| } | | } |
|
| |
|
| body.skin--responsive #mp-topbanner { | | /*Custom classes*/ |
| min-width: 0; | | .sublinhado { |
| white-space: normal;
| | border-bottom: 1px solid; |
| } | | } |
| | | .tabulado{ |
| body.skin--responsive #mp-portals {
| | margin-left: 3%; |
| display: block; | |
| position: static;
| |
| width: auto;
| |
| min-width: 0;
| |
| text-align: center;
| |
| border-top: 1px solid #ddd;
| |
| padding: 0.4em 0;
| |
| margin: 0 0.4em;
| |
| } | | } |
| | | .trait{ |
| body.skin--responsive #mp-portals li {
| | margin-left: 3%; |
| position: static; | | text-indent: -25px |
| display: inline; | |
| padding: 0 5px;
| |
| } | | } |
| | | |
| body.skin--responsive #mp-topbanner .portal-hright { | | .three-column{ |
| white-space: nowrap;
| | display: grid; |
| }
| | grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); |
|
| |
| body.skin--responsive table,
| |
| body.skin--responsive tr,
| |
| body.skin--responsive td,
| |
| body.skin--responsive tbody {
| |
| display: block !important; | |
| width: 100% !important;
| |
| box-sizing: border-box; | |
| }
| |
| | |
| body.skin--responsive #mp-tfp tr:first-child td:first-child a {
| |
| text-align: center;
| |
| display: table;
| |
| margin: 0 auto;
| |
| } | | } |
| #mp-sumbanner{
| |
| clear: both;
| |
| position: relative;
| |
| box-sizing: border-box;
| |
| width: 100%;
| |
| margin-top: 1.2em;
| |
| min-width: 47em;
| |
| border-color: #ddd;
| |
| background-color: #FFFFFF;
| |
| white-space: nowrap;
| |
| }
| |
| #mp-summary {
| |
| position: absolute;
| |
| right: -1em;
| |
| top: 0%;
| |
| margin-top: -2.4em;
| |
| width: 38%;
| |
| min-width: 25em;
| |
| font-size: 100%;
| |
| }
| |
| #mp-summary .summary-hmid {
| |
| left: 33%;
| |
| }
| |
| #mp-summary .summary-hright {
| |
| left: 66%;
| |
| }
| |
| }
| |
