MediaWiki:Common.css

Fonte: Box Critters Wiki (PT)
Saltar para a navegação Saltar para a pesquisa

Nota: Depois de gravar, terá de limpar a cache do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Internet Explorer: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5
  • Opera: Ir para Menu → Configurações (Opera → Preferências no Mac) e, em seguida, Privacidade e segurança → Limpar dados de navegação → Imagens e ficheiros em cache.
/* Main Page styling */
body.page-Box_Critters_Wiki .mw-parser-output {
    max-width: 75em;
    margin: 0 auto;
}

body.page-Box_Critters_Wiki.action-view .catlinks,
body.page-Box_Critters_Wiki.action-view #firstHeading {
    display: none;
}

body.page-Box_Critters_Wiki a.external {
    background:none !important;
    padding:0 !important
}

.mainpage-header {
    margin-left: 5em;
    margin-right: 5em;
}

.mainpage-header h1 {
    text-align: center;
    font-size: 2.5em;
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    margin-bottom: 0;
    font-weight: bold;
    border: none;
}

.mainpage-header h3 {
    text-align: center;
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    font-weight: bold;
    margin-bottom: .3em;
    border: none;
}

.mainpage-header h4 {
    text-align: center;
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    font-weight: bold;
    margin-top: -.5em;
    margin-bottom: .3em;
    border: none;
}

.mainpage-body {
    display: flex;
    flex-flow: row wrap;
}

.mainpage-body .tile {
    padding-left: 1.75em;
    padding-right: 1.75em;
    max-width: 100%;
}

.tile.affiliates {
    background: #ffffff;
    border: 1px solid #e4eaee;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    clear: both;
    content: "";
    display: table;
    padding: 1.5em 2em 1em;
}

.tile.affiliates .imgcontainer {
    float: left;
    width: 25%;
}

.tile.affiliates .imgcontainer img {
    height: auto;
    transition: 0.4s ease-out;
    width: 100%;
}

.tile.affiliates .imgcontainer img:hover {
    transform: scale(1.04);
}

.mainpage-body .tile-row {
    width: 100%;
    margin-bottom: 0.9rem;
}

.tile.big-tile {
    width: 100%;
    background: linear-gradient(to left, rgba(67, 161, 67, 0.85), rgba(104,179,104, 0.85)), right / 100% auto no-repeat #ffffff;
    padding: 1.5em 2em 1em;
    text-align: center;
    margin-bottom: 1.5em;
}

.tile.big-tile img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 200px;
}

.tile.big-tile h3 {
    font-size: 2em;
}

.tile.big-tile code {
    background-color: transparent;
    border:none;
}

.tile-row {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1em;
}

.tile-row.critter {
    max-width: 75em;
    width: 100%;
}

.tile-halves {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #e4eaee;
    background: #ffffff;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.tile-halves.critter {
    border: none;
    background: inherit;
    height: auto;
    max-height: 200px;
    box-shadow: none;
}

.tile-halves h2 {
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.3em;
}

.tile-top {
    width: 100%;
    padding: 1.3rem 1.5rem .6rem;
}

.tile-top.tile-image {
    display: flex;
    align-items: center;
    background-color: #fbfbfb;
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
}

.tile-top.tile-image a {
    width: 100%;
}

.tile-top.tile-image img {
    width: 100%;
    height: auto;
    transition: 0.4s ease-out;
}

.tile-top.tile-image.tile-freeitem {
    background-color: #333333;
}

.tile-top.tile-image.tile-freeitem div {
    margin: auto;
}

.tile-top.tile-image.tile-freeitem img {
    max-width: 85%;
    width: auto;
    height: 11vw;
    max-height: 10em;
    margin: auto;
    border: .4em solid #B8B8B8;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
}

.tile-top.tile-image.critter {
    overflow: visible;
    width: auto
}

.tile-top.tile-image.critter a {
    min-height: 100%;
    height: 100%;
    width: auto
}

.tile-top.tile-image.critter img {
    min-height: 100%;
    height: 100%;
    width: auto
}

.tile-bottom {
    background: #ffffff;
    border-top: 1px solid #e4eaee;
    width: 100%;
    padding: 1rem 1.5rem .6rem;
}

.tile-halves {
    flex: 1;
    align-content: flex-start;
    margin-right: 0.9rem;
}

.tile-halves:hover .tile-top img {
    transform: scale(1.04);
}

.tile-halves:last-child {
    margin-right: 0;
}

.tile-bottom.link-button a {
    text-align: left;
    padding: 1rem 1.5rem .75rem;
}

.tile-halves .mainpage-stats-container {
    display: table;
    height: 100%;
    width: 100%;
}

.tile-halves .mainpage-stats {
    display: table-cell;
    vertical-align: middle;
}

.tile-halves .mainpage-stats ul {
    margin: auto;
    list-style: none;
    width: 50%;
}

@media only screen and (min-width: 44rem) and (max-width: 82rem) {
    .tile-halves .mainpage-stats ul {
        margin: auto;
        list-style: none;
        width: 80%;
    }
}

.tile-halves p:not(.byline) {
    font-size: .9em;
    line-height: 1.75em;
    color: #444e5a;
}

/* Infobox template styling */
.infobox {
    border: 1px solid #AAA;
    background-color: #F9F9F9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    float: right;
    clear: right;
}

.infobox td,
.infobox th {
    vertical-align: top;
}

.infobox caption {
    font-size: larger;
}

table.infobox {
    width: 22em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    font-size: 89%;
    color: #333;
}

table.infobox th.infobox-title {
    padding: 0;
    background-color: #0000FF;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    color: #FFF;
}

table.infobox .infobox-title.infobox-big {
    padding: 0.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 120%;
}

.infobox.dark th.infobox-title {
    color: #000000;
}

table.infobox .infobox-image {
    padding: 0.5em;
    text-align: center;
}

/* Message box styles */
th.mbox-text, td.mbox-text {
    border: none;
    padding: 0.25em 0.9em;
    width: 100%;
}
 
td.mbox-image {
    border: none;
    padding: 2px 0 2px 0.9em;
    text-align: center;
}
 
td.mbox-imageright {
    border: none;
    padding: 2px 0.9em 2px 0;
    text-align: center;
}
 
td.mbox-empty-cell {
    border: none;
    padding: 0px;
    width: 1px;
}

/* Article message box styles - [[Template:Ambox]] */
table.ambox {
    margin: 0 10%;
    border: 1px solid #AAA;
    border-left: 10px solid #1E90FF;
    background: #FBFBFB;
}

table.ambox+table.ambox {
    margin-top: -1px;
}

table.ambox-notice {
    border-left: 10px solid #1E90FF;
}

table.ambox-speedy {
    border-left: 10px solid #B22222;
    background: #FEE;
}

table.ambox-delete {
    border-left: 10px solid #B22222;
}

table.ambox-content {
    border-left: 10px solid #F28500;
}

table.ambox-style {
    border-left: 10px solid #F4C430;
}

table.ambox-move {
    border-left: 10px solid #9932CC;
}

table.ambox-protection {
    border-left: 10px solid #BBA;
}

/* Other message box styles - [[Template:Ombox]] */
table.ombox {
    margin: 4px 10%;
    border: 1px solid #AAA;
    background: #F9F9F9;
}

table.ombox-notice {
    border-left: 10px solid #AAA;
}

table.ombox-speedy {
    border-left: 10px solid #B22222;
    background: #FEE;
}

table.ombox-delete {
    border-left: 10px solid #B22222;
}

table.ombox-content {
    border-left: 10px solid #F28500;
}

table.ombox-style {
    border-left: 10px solid #F4C430;
}

table.ombox-move {
    border-left: 10px solid #9932CC;
}

table.ombox-protection {
    border-left: 10px solid #BBA;
}

/* Navbox */
table.navbox {
    border: 1px solid #aaa;
    width: 98%; 
    margin: 1em;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {
    margin-top: -1px;
}
.navbox-title, .navbox-abovebelow, table.navbox th {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #653F03;
    color: white;
}
.navbox-title, .navbox-abovebelow, table.navbox th a {
    color: #aeb3b0;
}
.navbox-group {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #B29F81;
    color: white;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #C9BBA6;
}
.navbox-even {
    background: #f7f7f7;
}
.navbox-odd {
    background: transparent;
}
Obtida de "https://pt.boxcritters.wiki/?title=MediaWiki:Common.css&oldid=7189"