MediaWiki:Common.css: mudanças entre as edições

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 7: Linha 7:
     padding: 0;
     padding: 0;
     position: relative;
     position: relative;
     font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif
     font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue',
        'Helvetica', sans-serif
}
}


Linha 249: Linha 250:
     height: auto;
     height: auto;
     padding: 5px 0px;
     padding: 5px 0px;
     background: linear-gradient(90deg, #ff9d9d 0%,#c11111 46%,#c11111 100%);
     background: linear-gradient(90deg, #ff9d9d 0%, #c11111 46%, #c11111 100%);
}
}


Linha 440: Linha 441:
     transform: translateY(-50%);
     transform: translateY(-50%);
     text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
     text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
              1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
        1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}
}


Linha 488: Linha 489:


/* Painel Lateral */
/* Painel Lateral */
li#t-whatlinkshere, li#t-recentchangeslinked, li#t-specialpages, li#t-print, li#t-permalink, li#t-info{
li#t-whatlinkshere,
  display: none;
li#t-recentchangeslinked,
li#t-specialpages,
li#t-print,
li#t-permalink,
li#t-info {
    display: none;
}
}
/* History Page */
/* History Page */


Linha 536: Linha 543:


/* Premium Account Page */
/* Premium Account Page */
.premium-account img{
.premium-account img {
     border-radius: 15px;
     border-radius: 15px;
}
}
/* Addons Page */
/* Addons Page */
.container-addons {
.container-addons {
Linha 555: Linha 563:
}
}


/* Ability Page */
table.mw-collapsible.wikitable.mw-made-collapsible tr:nth-child(odd) {
    background: #4682B4 !important;
}


/* Quests Page */
/* Quests Page */
Linha 1 279: Linha 1 291:
     text-align: center;
     text-align: center;
     overflow: hidden;
     overflow: hidden;
     transition: transform 0.3s,box-shadow 0.3s;
     transition: transform 0.3s, box-shadow 0.3s;
     margin: 15px 25px;
     margin: 15px 25px;
     box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
     box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
}


.square-npcs img {  
.square-npcs img {
width: 60px;
    width: 60px;
     height: 60px;
     height: 60px;
     max-width: 100%;
     max-width: 100%;
Linha 1 293: Linha 1 305:




.square-npcs p{
.square-npcs p {
     margin: 10px 0;
     margin: 10px 0;
}
}
Linha 1 301: Linha 1 313:
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
}
.npcs {
.npcs {
     display: flex;
     display: flex;
Linha 1 306: Linha 1 319:
     justify-content: center;
     justify-content: center;
}
}
p.npcs-name {
p.npcs-name {
     margin: 0px 5px 0px 5px;
     margin: 0px 5px 0px 5px;
Linha 1 312: Linha 1 326:
     text-align: center;
     text-align: center;
}
}
.npcs-name a {
.npcs-name a {
     padding: 150px 5px 0px 10px;
     padding: 150px 5px 0px 10px;
Linha 1 317: Linha 1 332:
     text-decoration: none;
     text-decoration: none;
}
}
.square-npcs a p {
.square-npcs a p {
     font-size: 0;
     font-size: 0;
Linha 1 326: Linha 1 342:
/* Dark Mode */
/* Dark Mode */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
  .mw-body, .parsoid-body, #mw-panel {
    background: #222125;
    border-radius: 6px;
    border: 5px solid transparent;
    border-image: url(https://wiki.otpokemon.com/images/2/2a/Border-red.png) 15 stretch;
}


.mw-body h1, .mw-body-content h1 {
    .mw-body,
    font-size: 1.8em;
    .parsoid-body,
    color: white;
    #mw-panel {
}
        background: #222125;
        border-radius: 6px;
        border: 5px solid transparent;
        border-image: url(https://wiki.otpokemon.com/images/2/2a/Border-red.png) 15 stretch;
    }
 
    .mw-body h1,
    .mw-body-content h1 {
        font-size: 1.8em;
        color: white;
    }


.mw-body-content .toc h2 {
    .mw-body-content .toc h2 {
    font-family: sans-serif;
        font-family: sans-serif;
    font-size: 100%;
        font-size: 100%;
    color: white;
        color: white;
}
    }


#mw-panel .portal h3 {
    #mw-panel .portal h3 {
    color: #cacaca;
        color: #cacaca;
    font-weight: normal;
        font-weight: normal;
    margin: 0.5em 0 0 0.66666667em;
        margin: 0.5em 0 0 0.66666667em;
    padding: 0.25em 0;
        padding: 0.25em 0;
    cursor: default;
        cursor: default;
    border: 0;
        border: 0;
    font-size: 0.75em;
        font-size: 0.75em;
}
    }


.mw-body-content p {
    .mw-body-content p {
    margin: 0.5em 0;
        margin: 0.5em 0;
    color: white;
        color: white;
}
    }


.mw-body-content h3, .mw-body-content h4 {
    .mw-body-content h3,
    font-weight: bold;
    .mw-body-content h4 {
    color: white;
        font-weight: bold;
}
        color: white;
    }


pre, .mw-code {
    pre,
    color: #fff;
    .mw-code {
    background-color: rgb(234 236 240 / 0%);
        color: #fff;
    border: 1px solid rgb(234 236 240 / 0%);
        background-color: rgb(234 236 240 / 0%);
    padding: 0;
        border: 1px solid rgb(234 236 240 / 0%);
    white-space: pre-wrap;
        padding: 0;
}
        white-space: pre-wrap;
    }


.tocnumber {
    .tocnumber {
    padding-left: 0;
        padding-left: 0;
    padding-right: 0.5em;
        padding-right: 0.5em;
    color: #e3e3e3;
        color: #e3e3e3;
}
    }


li {
    li {
    margin-bottom: 0.1em;
        margin-bottom: 0.1em;
    color: white;
        color: white;
}
    }


#simpleSearch {
    #simpleSearch {
    display: block;
        display: block;
    width: 13.2em;
        width: 13.2em;
    width: 20vw;
        width: 20vw;
    min-width: 5em;
        min-width: 5em;
    max-width: 20em;
        max-width: 20em;
    height: 100%;
        height: 100%;
    margin-top: 0;
        margin-top: 0;
    position: relative;
        position: relative;
    background: #222125;
        background: #222125;
    min-height: 1px;
        min-height: 1px;
}
    }
#mw-panel .portal .body li a:visited {
 
    color: #e0e0e0;
    #mw-panel .portal .body li a:visited {
}
        color: #e0e0e0;
#mw-panel .portal .body li a {
    }
    color: #d8d8d9;
 
}
    #mw-panel .portal .body li a {
a:visited {
        color: #d8d8d9;
    }
 
    a:visited {
         color: #5d90ff;
         color: #5d90ff;
}
     }
a {
     text-decoration: none;
    color: #5d90ff;
    background: none;
}


b {
    a {
    color: white;
        text-decoration: none;
}
        color: #5d90ff;
.mw-content-ltr {
        background: none;
    direction: ltr;
     }
    color: white;
}
.toc {
    display: inline-block;
    display: table;
    zoom: 1;
    *display: inline;
    background: #141415;
     padding: 7px;
}
.toctogglelabel {
    cursor: pointer;
    color: #b3bcca;
}


.mw-parser-output a.external:visited {
    b {
    color: #ffa6ff;
        color: white;
}
    }
.mw-parser-output a.external {
 
     color: #ffa6ff;
     .mw-content-ltr {
}
        direction: ltr;
.mw-body-content h2 {
        color: white;
    margin-top: 1em;
    }
    font-size: 1.5em;
 
    color: white;
    .toc {
}
        display: inline-block;
.mw-editform #wpTextbox1 {
        display: table;
    margin: 0;
        zoom: 1;
    display: block;
        display: inline;
    max-height: 100vh;
        background: #141415;
    background: #d8d6de;
        padding: 7px;
    min-height: 5em;
    }
}
 
div#editpage-copywarn p {
    .toctogglelabel {
    color: #363535;
        cursor: pointer;
}
        color: #b3bcca;
.mw-editinginterface p {
    }
    color: white;
}


    .mw-parser-output a.external:visited {
        color: #ffa6ff;
    }


    .mw-parser-output a.external {
        color: #ffa6ff;
    }


    .mw-body-content h2 {
        margin-top: 1em;
        font-size: 1.5em;
        color: white;
    }


    .mw-editform #wpTextbox1 {
        margin: 0;
        display: block;
        max-height: 100vh;
        background: #d8d6de;
        min-height: 5em;
    }


.wikitable {
    div#editpage-copywarn p {
    background-color: #141415;
        color: #363535;
    color: #eaecf0;
    }
    margin: 1em 0;
 
    border: 1px solid #a2a9b1;
    .mw-editinginterface p {
    border-collapse: collapse;
        color: white;
}
    }
.wikitable > tr > th, .wikitable > * > tr > th {
 
    background-color: #3d3d3d;
 
    text-align: center;
 
}
 
#simpleSearch input {
 
    background-color: #ffffff;
    .wikitable {
    background-color: rgba(0,0,0,0);
        background-color: #141415;
    color: #ffffff;
        color: #eaecf0;
    margin: 0;
        margin: 1em 0;
}
        border: 1px solid #a2a9b1;
ol li::marker {
        border-collapse: collapse;
  color: red;
    }
  font-weight: bold;
 
}
    .wikitable>tr>th,
ul li::marker {
    .wikitable>*>tr>th {
  font-size: 150%;
        background-color: #3d3d3d;
  color: white;
        text-align: center;
}
    }
.spoilers-body {
 
    border: 1px dashed #000;
    #simpleSearch input {
    padding: 3px;
        background-color: #ffffff;
    background-color: #222125;
        background-color: rgba(0, 0, 0, 0);
    display: none;
        color: #ffffff;
    color: #000;
        margin: 0;
}
    }
.tab_shiny {
 
    background-color: rgb(255 255 255);
    ol li::marker {
    color: black;
        color: red;
}
        font-weight: bold;
.warningbox {
    }
    background-color: #000;
 
    border-color: #fc3;
    ul li::marker {
}
        font-size: 150%;
table.wikitable.sortable.quest.jquery-tablesorter a {
        color: white;
    color: #12125e;
    }
}
 
.oo-ui-fieldLayout.oo-ui-labelElement, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
    .spoilers-body {
    margin-top: 0.85714286em;
        border: 1px dashed #000;
    color: white;
        padding: 3px;
}
        background-color: #222125;
.toccolours tr td {
        display: none;
    color: black;
        color: #000;
}
    }
.toccolours b {
 
    color: black;
    .tab_shiny {
}
        background-color: rgb(255 255 255);
.table-darkmode tr:nth-child(odd) td b {
        color: black;
    color: #101010;
    }
}
 
.table-darkmode tr:nth-child(odd) {
    .warningbox {
    background: #f2f2f2 !important;
        background-color: #000;
}
        border-color: #fc3;
.square-npcs {
    }
    background-color: #000;
 
}
    table.wikitable.sortable.quest.jquery-tablesorter a {
.quest tr {
        color: #12125e;
    background: linear-gradient(90deg, #404040 0%, #404040 100%) !important;
    }
    color: white !important;
 
}
    .oo-ui-fieldLayout.oo-ui-labelElement,
.quest a {
    .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
    color: #77c9ff !important;
        margin-top: 0.85714286em;
}
        color: white;
table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
    }
    background: linear-gradient(90deg,#272727,#272727) !important;
 
    transition: 2s;
    .toccolours tr td {
}
        color: black;
.oo-ui-labelElement .oo-ui-labelElement-label {
    }
    line-height: 1.42857143em;
 
    color: black;
    .toccolours b {
}
        color: black;
 
    }
}
 
    .table-darkmode tr:nth-child(odd) td b {
        color: #101010;
    }
 
    .table-darkmode tr:nth-child(odd) {
        background: #f2f2f2 !important;
    }
 
    .square-npcs {
        background-color: #000;
    }
 
    .quest tr {
        background: linear-gradient(90deg, #404040 0%, #404040 100%) !important;
        color: white !important;
    }
 
    .quest a {
        color: #77c9ff !important;
    }
 
    table.wikitable.sortable.quest.jquery-tablesorter tr:hover {
        background: linear-gradient(90deg, #272727, #272727) !important;
        transition: 2s;
    }
 
    .oo-ui-labelElement .oo-ui-labelElement-label {
        line-height: 1.42857143em;
        color: black;
    }


table.mw-collapsible.wikitable.mw-made-collapsible tr:nth-child(odd) {
    background: #4682B4 !important;
}
}

Menu de navegação