Pokémon Central Wiki

Differenze tra le versioni di "MediaWiki:Mobile.css"

MediaWiki:Mobile.css (visualizza wikitesto)

Versione delle 23:03, 11 ott 2020

30 byte rimossi ,  23:03, 11 ott 2020
Cosmetic change: aligning this file to the SCSS compiled output, so that the next meaningful change doesn't drown among these
m (Rimosso font-size: 17 dalla skin mobile)
(Cosmetic change: aligning this file to the SCSS compiled output, so that the next meaningful change doesn't drown among these)
 
**************************************************/
#home-social-link-container [id$="-icon"] a::before {
display: inline-block;
background-position: center center;
text-align: center;
}
 
.box, .box a {
color: #FFFFFF;
}
 
.box-thick {
border-radius: 0.3125rem;
padding: 0.5ex;
}
 
.box-thin {
border-radius: 0.3125rem;
font-size: 90%;
}
 
.box-tiny {
border-radius: 0.3125rem;
 
**************************************************/
#home-social-link-container [id$="-icon"] a {
display: inline-block;
padding-right: 0;
background-image: none;
}
#home-social-link-container [id$=-icon] a::before {
 
#home-social-link-container [id$="-icon"] a::before {
height: 2em;
width: 2em;
content: ''"";
}
 
/**************************************************
 
white-space: nowrap;
}
 
.vert-middle::before, .vert-center::before {
height: 100%;
content: ''"";
}
 
.vert-middle > *, .vert-center > * {
white-space: normal;
width: 100%;
}
 
.copytag-red {
background: linear-gradient(to right, #FFF6F6, #FFDDDD);
}
 
.copytag-yellow {
background: linear-gradient(to right, #FFFFE6, #FFFFC5);
}
 
.copytag-text {
padding: 0.5em;
width: 99%;
}
 
.copytag-sym {
padding: 0;
}
 
.roundytr-5, .roundytoproundyright-5, .roundyrightroundytop-5 {
border-top-right-radius: 0.3125rem;
}
 
.roundybr-5, .roundyrightroundybottom-5, .roundybottomroundyright-5 {
border-bottom-right-radius: 0.3125rem;
}
 
.roundybl-5, .roundybottomroundyleft-5, .roundyleftroundybottom-5 {
border-bottom-left-radius: 0.3125rem;
}
 
.roundytl-5, .roundytoproundyleft-5, .roundyleftroundytop-5 {
border-top-left-radius: 0.3125rem;
}
 
.roundy-10, .roundy, li.std-table,gallerybox div.tocthumb, li.gallerybox, li.galleryboxstd-table, div.thumbtoc {
border-radius: 0.625rem;
}
 
.roundytr-10, .roundytop-10, .roundytoproundytr, .roundy-header.grid > :first-of-type > *:last-child, .grid.roundy-corners, .roundyright> :first-10,of-type .roundyright,> .roundytr*:last-child, .roundy-header thead tr:first-of-type td:last-child, .roundy-corners thead tr:first-of-type td:last-child, .roundy-header thead tr:first-of-type th:last-child, .roundy-corners thead tr:first-of-type th:last-child, .roundy-header tbody:only-child tr:first-of-type td:last-child, .roundy-corners tbody:only-child tr:first-of-type td:last-child, .roundy-header tbody:only-child tr:first-of-type th:last-child, .roundy-corners tbody:only-child tr:first-of-type th:last-child, .roundyroundyright-header10, .gridroundyright, > :first-of.roundytop-type10, >.roundytop, *:last.roundy-childheader, .grid.roundy-corners > :first-of-type > *:last-child {
border-top-right-radius: 0.625rem;
}
 
.roundybr-10, .roundyright-10, .roundyright, .roundybottom-10, .roundybottomroundybr, .roundy-footer,.grid > .std:last-table,of-type .roundy> *:last-cornerschild, .roundybr, grid.roundy-footercorners tbody> tr:last-of-type td> *:last-child, .grid.std-table tbody> tr:last-of-type td> *:last-child, .roundy-cornersfooter tbody tr:last-of-type td:last-child, .roundy-footercorners tbody tr:last-of-type thtd:last-child, .std-table tbody tr:last-of-type thtd:last-child, .roundy-cornersfooter tbody tr:last-of-type th:last-child, .roundy-footer.gridcorners >tbody tr:last-of-type > *th:last-child, .grid.std-table >tbody tr:last-of-type > *th:last-child, .gridroundybottom-10, .roundybottom, .roundy-footer, .roundy-corners, > :last.std-of-typetable, > *:last.roundyright-child10, .roundyright {
border-bottom-right-radius: 0.625rem;
}
 
.roundybl-10, .roundybottom-10, .roundybottomroundybl, .roundy-footer, .std-table,grid .roundy-corners,> .roundyleft:last-10,of-type .roundyleft,> .roundybl*:first-child, .grid.roundy-footercorners tbody> tr:last-of-type td> *:first-child, .grid.std-table tbody> tr:last-of-type td> *:first-child, .roundy-cornersfooter tbody tr:last-of-type td:first-child, .roundy-footercorners tbody tr:last-of-type thtd:first-child, .std-table tbody tr:last-of-type thtd:first-child, .roundy-cornersfooter tbody tr:last-of-type th:first-child, .roundy-footer.gridcorners >tbody tr:last-of-type > *th:first-child, .grid.std-table >tbody tr:last-of-type > *th:first-child, .gridroundyleft-10, .roundyroundyleft, .roundybottom-corners10, >.roundybottom, :last.roundy-offooter, .roundy-typecorners, > *:first.std-childtable {
border-bottom-left-radius: 0.625rem;
}
 
.roundytl-10, .roundytop-10, .roundytoproundytl, .roundy-header.grid > :first-of-type > *:first-child, .grid.roundy-corners, .roundyleft> :first-10,of-type .roundyleft,> .roundytl*:first-child, .roundy-header thead tr:first-of-type td:first-child, .roundy-corners thead tr:first-of-type td:first-child, .roundy-header thead tr:first-of-type th:first-child, .roundy-corners thead tr:first-of-type th:first-child, .roundy-header tbody:only-child tr:first-of-type td:first-child, .roundy-corners tbody:only-child tr:first-of-type td:first-child, .roundy-header tbody:only-child tr:first-of-type th:first-child, .roundy-corners tbody:only-child tr:first-of-type th:first-child, .roundyroundyleft-header10, .gridroundyleft, > :first-of.roundytop-type10, >.roundytop, *:first.roundy-childheader, .grid.roundy-corners > :first-of-type > *:first-child {
border-top-left-radius: 0.625rem;
}
}
 
.roundytr-15, .roundytoproundyright-15, .roundyrightroundytop-15 {
border-top-right-radius: 0.9375rem;
}
 
.roundybr-15, .roundyrightroundybottom-15, .roundybottomroundyright-15 {
border-bottom-right-radius: 0.9375rem;
}
 
.roundybl-15, .roundybottomroundyleft-15, .roundyleftroundybottom-15 {
border-bottom-left-radius: 0.9375rem;
}
 
.roundytl-15, .roundytoproundyleft-15, .roundyleftroundytop-15 {
border-top-left-radius: 0.9375rem;
}
}
 
.roundytr-20, .roundytoproundyright-20, .roundyrightroundytop-20 {
border-top-right-radius: 1.25rem;
}
 
.roundybr-20, .roundyrightroundybottom-20, .roundybottomroundyright-20 {
border-bottom-right-radius: 1.25rem;
}
 
.roundybl-20, .roundybottomroundyleft-20, .roundyleftroundybottom-20 {
border-bottom-left-radius: 1.25rem;
}
 
.roundytl-20, .roundytoproundyleft-20, .roundyleftroundytop-20 {
border-top-left-radius: 1.25rem;
}
display: table;
}
 
.grid-row, .grid > * {
display: table-row;
}
 
.grid-cell, .grid > * > *, .grid-row > *, .grid-header {
display: table-cell;
 
**************************************************/
.text-center, li.gallerybox div.thumb, th, .grid-header, .std-table, .sitenotice, li.gallerybox div.thumb, .center-text {
text-align: center;
}
 
**************************************************/
.inline-flex > *, ul.flexgallery > *, .flex-row-stretchcenter-aroundstretch > *, .flex-row-center-around > *, .flex-row-center-stretch-around > *, ul.galleryinline-flex > * {
flex: 0 1 auto;
}
display: inline-flex;
}
.flex, ul.gallery, .flex-row-center-stretch, .flex-row-center-around, .flex-row-stretch-around {
 
.flex, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch, ul.gallery {
display: flex;
}
.flex-row, ul.gallery, .flex-row-center-stretch, .flex-row-center-around, .flex-row-stretch-around {
 
.flex-row, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch, ul.gallery {
flex-direction: row;
}
 
.flex-row-reverse {
flex-direction: row-reverse;
}
 
.flex-column {
flex-direction: column;
}
 
.flex-column-reverse {
flex-direction: column-reverse;
}
 
.flex-nowrap, .flex-row-center-stretch {
flex-wrap: nowrap;
}
 
.flex-wrap, ul.gallery {
flex-wrap: wrap;
}
 
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
 
.flex-main-start {
justify-content: flex-start;
}
 
.flex-main-end {
justify-content: flex-end;
}
 
.flex-main-center {
justify-content: center;
}
 
.flex-main-space-between {
justify-content: space-between;
}
.flex-main-space-around, .flex-row-center-around, .flex-row-stretch-around {
 
.flex-main-space-around, .flex-row-stretch-around, .flex-row-center-around {
justify-content: space-around;
}
 
.flex-main-space-evenly {
justify-content: space-evenly;
}
 
.flex-items-start {
align-items: flex-start;
}
 
.flex-items-end {
align-items: flex-end;
}
.flex-items-center, .flex-row-center-stretch, .flex-row-center-around {
 
.flex-items-center, .flex-row-center-around, .flex-row-center-stretch {
align-items: center;
}
.flex-items-stretch, ul.gallery, .flex-row-stretch-around {
 
.flex-items-stretch, .flex-row-stretch-around, ul.gallery {
align-items: stretch;
}
 
.flex-items-baseline {
align-items: baseline;
}
 
.flex-cross-start {
align-content: flex-start;
}
 
.flex-cross-end {
align-content: flex-end;
}
 
.flex-cross-center {
align-content: center;
}
 
.flex-cross-stretch {
align-content: stretch;
}
 
.flex-cross-space-between {
align-content: space-between;
}
 
.flex-cross-space-around {
align-content: space-around;
}
 
.flex-item-self-start {
align-self: flex-start;
}
 
.flex-item-self-end {
align-self: flex-end;
}
 
.flex-item-self-center {
align-self: center;
}
 
.flex-item-self-stretch {
align-self: stretch;
}
 
.flex-item-self-baseline {
align-self: baseline;
background: linear-gradient(to right, #D0E6FF, #7CBAFF);
}
 
li.gallerybox div.thumb {
margin: 0.125rem 0.125rem 0 0.125rem;
}
 
.horiz-grad-coleottero-coleottero, .horiz-grad-coleotterocoleot-coleot, .horiz-grad-coleottero-coleot, .horiz-grad-coleot-coleottero, .horiz-grad-coleotcoleottero-coleot, .horiz-grad-coleotcoleottero {
background-size: 100%;
background-image: linear-gradient(to right, #D8F895, #91C02E);
background-image: linear-gradient(to right, #82150B, #C92112);
}
 
.box-fisico, .box-fisico a {
color: #F67A1A;
background-image: linear-gradient(to right, #5B585B, #8C888C);
}
 
.box-stato, .box-stato a {
color: #F7F7F7;
 
/* xl responsive-margins classes */
/* !important because margins are usually set in style tags */
/*
!important because margins are
usually set in style tags
*/
.no-margin-xl {
margin-right: initial !important;
@media (min-width: 1200px) {
/*
lg responsive visible class: desktop-first approach means
that elements should be hidden from the immediately larger
desktop-first approach means that elements
breakpoint upwards, that leads to lg being in
should be hidden from the immediately larger
xl media query.
breakpoint upwards, that leads to lg
*/
being in xl media query.
*/
.visible-lg {
display: none;
}
}
 
@media (max-width: 1199.98px) {
/* lg responsive width classes */
width: 5%;
}
 
.width-lg-10 {
width: 10%;
}
 
.width-lg-15 {
width: 15%;
}
 
.width-lg-20 {
width: 20%;
}
 
.width-lg-25 {
width: 25%;
}
 
.width-lg-30 {
width: 30%;
}
 
.width-lg-35 {
width: 35%;
}
 
.width-lg-40 {
width: 40%;
}
 
.width-lg-45 {
width: 45%;
}
 
.width-lg-50 {
width: 50%;
}
 
.width-lg-55 {
width: 55%;
}
 
.width-lg-60 {
width: 60%;
}
 
.width-lg-65 {
width: 65%;
}
 
.width-lg-70 {
width: 70%;
}
 
.width-lg-75 {
width: 75%;
}
 
.width-lg-80 {
width: 80%;
float: none;
}
 
.width-lg-85 {
width: 85%;
float: none;
}
 
.width-lg-90 {
width: 90%;
float: none;
}
 
.width-lg-95 {
width: 95%;
float: none;
}
 
.width-lg-100 {
width: 100%;
float: none;
}
 
.width-lg-33 {
width: 33%;
}
 
.width-lg-66 {
width: 66%;
}
 
.width-lg-auto {
width: auto;
}
 
/* min-width */
.min-width-lg-5 {
min-width: 5%;
}
 
.min-width-lg-10 {
min-width: 10%;
}
 
.min-width-lg-15 {
min-width: 15%;
}
 
.min-width-lg-20 {
min-width: 20%;
}
 
.min-width-lg-25 {
min-width: 25%;
}
 
.min-width-lg-30 {
min-width: 30%;
}
 
.min-width-lg-35 {
min-width: 35%;
}
 
.min-width-lg-40 {
min-width: 40%;
}
 
.min-width-lg-45 {
min-width: 45%;
}
 
.min-width-lg-50 {
min-width: 50%;
}
 
.min-width-lg-55 {
min-width: 55%;
}
 
.min-width-lg-60 {
min-width: 60%;
}
 
.min-width-lg-65 {
min-width: 65%;
}
 
.min-width-lg-70 {
min-width: 70%;
}
 
.min-width-lg-75 {
min-width: 75%;
}
 
.min-width-lg-80 {
min-width: 80%;
float: none;
}
 
.min-width-lg-85 {
min-width: 85%;
float: none;
}
 
.min-width-lg-90 {
min-width: 90%;
float: none;
}
 
.min-width-lg-95 {
min-width: 95%;
float: none;
}
 
.min-width-lg-100 {
min-width: 100%;
float: none;
}
 
.min-width-lg-33 {
min-width: 33%;
}
 
.min-width-lg-66 {
min-width: 66%;
}
 
.min-width-lg-auto {
min-width: auto;
}
 
/* max-width */
.max-width-lg-5 {
max-width: 5%;
}
 
.max-width-lg-10 {
max-width: 10%;
}
 
.max-width-lg-15 {
max-width: 15%;
}
 
.max-width-lg-20 {
max-width: 20%;
}
 
.max-width-lg-25 {
max-width: 25%;
}
 
.max-width-lg-30 {
max-width: 30%;
}
 
.max-width-lg-35 {
max-width: 35%;
}
 
.max-width-lg-40 {
max-width: 40%;
}
 
.max-width-lg-45 {
max-width: 45%;
}
 
.max-width-lg-50 {
max-width: 50%;
}
 
.max-width-lg-55 {
max-width: 55%;
}
 
.max-width-lg-60 {
max-width: 60%;
}
 
.max-width-lg-65 {
max-width: 65%;
}
 
.max-width-lg-70 {
max-width: 70%;
}
 
.max-width-lg-75 {
max-width: 75%;
}
 
.max-width-lg-80 {
max-width: 80%;
float: none;
}
 
.max-width-lg-85 {
max-width: 85%;
float: none;
}
 
.max-width-lg-90 {
max-width: 90%;
float: none;
}
 
.max-width-lg-95 {
max-width: 95%;
float: none;
}
 
.max-width-lg-100 {
max-width: 100%;
float: none;
}
 
.max-width-lg-33 {
max-width: 33%;
}
 
.max-width-lg-66 {
max-width: 66%;
}
 
.max-width-lg-auto {
max-width: auto;
}
 
/* lg responsive hidden class */
.hidden-lg {
display: none;
}
 
/* lg responsive flex classes */
.flex-lg-wrap {
flex-wrap: wrap;
}
 
.flex-lg-nowrap {
flex-wrap: nowrap;
}
 
/* lg responsive-margins classes */
/* !important because margins are usually set in style tags */
/*
!important because margins are
usually set in style tags
*/
.no-margin-lg {
margin-right: initial !important;
margin-left: initial !important;
}
 
/* lg responsive text align classes */
.text-left-lg {
text-align: left;
}
 
.text-center-lg {
text-align: center;
}
 
.text-right-lg {
text-align: right;
}
 
/* lg display classes */
.block-lg {
display: block;
}
 
.flex-lg {
display: flex;
}
 
.inline-block-lg {
display: inline-block;
}
 
tr.flex-lg {
flex-wrap: wrap;
}
 
.white-rows tbody tr.block-lg, .std-table tbody tr.block-lg, .white-rows tbody tr.flex-lg, .std-table tbody tr.flex-lg {
overflow: hidden;
}
}
 
@media (min-width: 992px) {
/*
md responsive visible class: desktop-first approach means
that elements should be hidden from the immediately larger
desktop-first approach means that elements
breakpoint upwards, that leads to md being in
should be hidden from the immediately larger
lg media query.
breakpoint upwards, that leads to md
*/
being in lg media query.
*/
.visible-md {
display: none;
}
}
 
@media (max-width: 991.98px) {
/* md responsive width classes */
width: 5%;
}
 
.width-md-10 {
width: 10%;
}
 
.width-md-15 {
width: 15%;
}
 
.width-md-20 {
width: 20%;
}
 
.width-md-25 {
width: 25%;
}
 
.width-md-30 {
width: 30%;
}
 
.width-md-35 {
width: 35%;
}
 
.width-md-40 {
width: 40%;
}
 
.width-md-45 {
width: 45%;
}
 
.width-md-50 {
width: 50%;
}
 
.width-md-55 {
width: 55%;
}
 
.width-md-60 {
width: 60%;
}
 
.width-md-65 {
width: 65%;
}
 
.width-md-70 {
width: 70%;
}
 
.width-md-75 {
width: 75%;
}
 
.width-md-80 {
width: 80%;
float: none;
}
 
.width-md-85 {
width: 85%;
float: none;
}
 
.width-md-90 {
width: 90%;
float: none;
}
 
.width-md-95 {
width: 95%;
float: none;
}
 
.width-md-100 {
width: 100%;
float: none;
}
 
.width-md-33 {
width: 33%;
}
 
.width-md-66 {
width: 66%;
}
 
.width-md-auto {
width: auto;
}
 
/* min-width */
.min-width-md-5 {
min-width: 5%;
}
 
.min-width-md-10 {
min-width: 10%;
}
 
.min-width-md-15 {
min-width: 15%;
}
 
.min-width-md-20 {
min-width: 20%;
}
 
.min-width-md-25 {
min-width: 25%;
}
 
.min-width-md-30 {
min-width: 30%;
}
 
.min-width-md-35 {
min-width: 35%;
}
 
.min-width-md-40 {
min-width: 40%;
}
 
.min-width-md-45 {
min-width: 45%;
}
 
.min-width-md-50 {
min-width: 50%;
}
 
.min-width-md-55 {
min-width: 55%;
}
 
.min-width-md-60 {
min-width: 60%;
}
 
.min-width-md-65 {
min-width: 65%;
}
 
.min-width-md-70 {
min-width: 70%;
}
 
.min-width-md-75 {
min-width: 75%;
}
 
.min-width-md-80 {
min-width: 80%;
float: none;
}
 
.min-width-md-85 {
min-width: 85%;
float: none;
}
 
.min-width-md-90 {
min-width: 90%;
float: none;
}
 
.min-width-md-95 {
min-width: 95%;
float: none;
}
 
.min-width-md-100 {
min-width: 100%;
float: none;
}
 
.min-width-md-33 {
min-width: 33%;
}
 
.min-width-md-66 {
min-width: 66%;
}
 
.min-width-md-auto {
min-width: auto;
}
 
/* max-width */
.max-width-md-5 {
max-width: 5%;
}
 
.max-width-md-10 {
max-width: 10%;
}
 
.max-width-md-15 {
max-width: 15%;
}
 
.max-width-md-20 {
max-width: 20%;
}
 
.max-width-md-25 {
max-width: 25%;
}
 
.max-width-md-30 {
max-width: 30%;
}
 
.max-width-md-35 {
max-width: 35%;
}
 
.max-width-md-40 {
max-width: 40%;
}
 
.max-width-md-45 {
max-width: 45%;
}
 
.max-width-md-50 {
max-width: 50%;
}
 
.max-width-md-55 {
max-width: 55%;
}
 
.max-width-md-60 {
max-width: 60%;
}
 
.max-width-md-65 {
max-width: 65%;
}
 
.max-width-md-70 {
max-width: 70%;
}
 
.max-width-md-75 {
max-width: 75%;
}
 
.max-width-md-80 {
max-width: 80%;
float: none;
}
 
.max-width-md-85 {
max-width: 85%;
float: none;
}
 
.max-width-md-90 {
max-width: 90%;
float: none;
}
 
.max-width-md-95 {
max-width: 95%;
float: none;
}
 
.max-width-md-100 {
max-width: 100%;
float: none;
}
 
.max-width-md-33 {
max-width: 33%;
}
 
.max-width-md-66 {
max-width: 66%;
}
 
.max-width-md-auto {
max-width: auto;
}
 
/* md responsive hidden class */
.hidden-md {
display: none;
}
 
/* md responsive flex classes */
.flex-md-wrap {
flex-wrap: wrap;
}
 
.flex-md-nowrap {
flex-wrap: nowrap;
}
 
/* md responsive-margins classes */
/* !important because margins are usually set in style tags */
/*
!important because margins are
usually set in style tags
*/
.no-margin-md {
margin-right: initial !important;
margin-left: initial !important;
}
 
/* md responsive text align classes */
.text-left-md {
text-align: left;
}
 
.text-center-md {
text-align: center;
}
 
.text-right-md {
text-align: right;
}
 
/* md display classes */
.block-md {
display: block;
}
 
.flex-md {
display: flex;
}
 
.inline-block-md {
display: inline-block;
}
 
tr.flex-md {
flex-wrap: wrap;
}
 
.white-rows tbody tr.block-md, .std-table tbody tr.block-md, .white-rows tbody tr.flex-md, .std-table tbody tr.flex-md {
overflow: hidden;
}
}
 
@media (min-width: 768px) {
/*
sm responsive visible class: desktop-first approach means
that elements should be hidden from the immediately larger
desktop-first approach means that elements
breakpoint upwards, that leads to sm being in
should be hidden from the immediately larger
md media query.
breakpoint upwards, that leads to sm
*/
being in md media query.
*/
.visible-sm {
display: none;
}
}
 
@media (max-width: 767.98px) {
/* sm responsive width classes */
width: 5%;
}
 
.width-sm-10 {
width: 10%;
}
 
.width-sm-15 {
width: 15%;
}
 
.width-sm-20 {
width: 20%;
}
 
.width-sm-25 {
width: 25%;
}
 
.width-sm-30 {
width: 30%;
}
 
.width-sm-35 {
width: 35%;
}
 
.width-sm-40 {
width: 40%;
}
 
.width-sm-45 {
width: 45%;
}
 
.width-sm-50 {
width: 50%;
}
 
.width-sm-55 {
width: 55%;
}
 
.width-sm-60 {
width: 60%;
}
 
.width-sm-65 {
width: 65%;
}
 
.width-sm-70 {
width: 70%;
}
 
.width-sm-75 {
width: 75%;
}
 
.width-sm-80 {
width: 80%;
float: none;
}
 
.width-sm-85 {
width: 85%;
float: none;
}
 
.width-sm-90 {
width: 90%;
float: none;
}
 
.width-sm-95 {
width: 95%;
float: none;
}
 
.width-sm-100 {
width: 100%;
float: none;
}
 
.width-sm-33 {
width: 33%;
}
 
.width-sm-66 {
width: 66%;
}
 
.width-sm-auto {
width: auto;
}
 
/* min-width */
.min-width-sm-5 {
min-width: 5%;
}
 
.min-width-sm-10 {
min-width: 10%;
}
 
.min-width-sm-15 {
min-width: 15%;
}
 
.min-width-sm-20 {
min-width: 20%;
}
 
.min-width-sm-25 {
min-width: 25%;
}
 
.min-width-sm-30 {
min-width: 30%;
}
 
.min-width-sm-35 {
min-width: 35%;
}
 
.min-width-sm-40 {
min-width: 40%;
}
 
.min-width-sm-45 {
min-width: 45%;
}
 
.min-width-sm-50 {
min-width: 50%;
}
 
.min-width-sm-55 {
min-width: 55%;
}
 
.min-width-sm-60 {
min-width: 60%;
}
 
.min-width-sm-65 {
min-width: 65%;
}
 
.min-width-sm-70 {
min-width: 70%;
}
 
.min-width-sm-75 {
min-width: 75%;
}
 
.min-width-sm-80 {
min-width: 80%;
float: none;
}
 
.min-width-sm-85 {
min-width: 85%;
float: none;
}
 
.min-width-sm-90 {
min-width: 90%;
float: none;
}
 
.min-width-sm-95 {
min-width: 95%;
float: none;
}
 
.min-width-sm-100 {
min-width: 100%;
float: none;
}
 
.min-width-sm-33 {
min-width: 33%;
}
 
.min-width-sm-66 {
min-width: 66%;
}
 
.min-width-sm-auto {
min-width: auto;
}
 
/* max-width */
.max-width-sm-5 {
max-width: 5%;
}
 
.max-width-sm-10 {
max-width: 10%;
}
 
.max-width-sm-15 {
max-width: 15%;
}
 
.max-width-sm-20 {
max-width: 20%;
}
 
.max-width-sm-25 {
max-width: 25%;
}
 
.max-width-sm-30 {
max-width: 30%;
}
 
.max-width-sm-35 {
max-width: 35%;
}
 
.max-width-sm-40 {
max-width: 40%;
}
 
.max-width-sm-45 {
max-width: 45%;
}
 
.max-width-sm-50 {
max-width: 50%;
}
 
.max-width-sm-55 {
max-width: 55%;
}
 
.max-width-sm-60 {
max-width: 60%;
}
 
.max-width-sm-65 {
max-width: 65%;
}
 
.max-width-sm-70 {
max-width: 70%;
}
 
.max-width-sm-75 {
max-width: 75%;
}
 
.max-width-sm-80 {
max-width: 80%;
float: none;
}
 
.max-width-sm-85 {
max-width: 85%;
float: none;
}
 
.max-width-sm-90 {
max-width: 90%;
float: none;
}
 
.max-width-sm-95 {
max-width: 95%;
float: none;
}
 
.max-width-sm-100 {
max-width: 100%;
float: none;
}
 
.max-width-sm-33 {
max-width: 33%;
}
 
.max-width-sm-66 {
max-width: 66%;
}
 
.max-width-sm-auto {
max-width: auto;
}
 
/* sm responsive hidden class */
.hidden-sm {
display: none;
}
 
/* sm responsive flex classes */
.flex-sm-wrap {
flex-wrap: wrap;
}
 
.flex-sm-nowrap {
flex-wrap: nowrap;
}
 
/* sm responsive-margins classes */
/* !important because margins are usually set in style tags */
/*
!important because margins are
usually set in style tags
*/
.no-margin-sm {
margin-right: initial !important;
margin-left: initial !important;
}
 
/* sm responsive text align classes */
.text-left-sm {
text-align: left;
}
 
.text-center-sm {
text-align: center;
}
 
.text-right-sm {
text-align: right;
}
 
/* sm display classes */
.block-sm {
display: block;
}
 
.flex-sm {
display: flex;
}
 
.inline-block-sm {
display: inline-block;
}
 
tr.flex-sm {
flex-wrap: wrap;
}
 
.white-rows tbody tr.block-sm, .std-table tbody tr.block-sm, .white-rows tbody tr.flex-sm, .std-table tbody tr.flex-sm {
overflow: hidden;
}
}
 
@media (min-width: 576px) {
/*
xs responsive visible class: desktop-first approach means
that elements should be hidden from the immediately larger
desktop-first approach means that elements
breakpoint upwards, that leads to xs being in
should be hidden from the immediately larger
sm media query.
breakpoint upwards, that leads to xs
*/
being in sm media query.
*/
.visible-xs {
display: none;
}
}
 
@media (max-width: 575.98px) {
/* xs responsive width classes */
width: 5%;
}
 
.width-xs-10 {
width: 10%;
}
 
.width-xs-15 {
width: 15%;
}
 
.width-xs-20 {
width: 20%;
}
 
.width-xs-25 {
width: 25%;
}
 
.width-xs-30 {
width: 30%;
}
 
.width-xs-35 {
width: 35%;
}
 
.width-xs-40 {
width: 40%;
}
 
.width-xs-45 {
width: 45%;
}
 
.width-xs-50 {
width: 50%;
}
 
.width-xs-55 {
width: 55%;
}
 
.width-xs-60 {
width: 60%;
}
 
.width-xs-65 {
width: 65%;
}
 
.width-xs-70 {
width: 70%;
}
 
.width-xs-75 {
width: 75%;
}
 
.width-xs-80 {
width: 80%;
float: none;
}
 
.width-xs-85 {
width: 85%;
float: none;
}
 
.width-xs-90 {
width: 90%;
float: none;
}
 
.width-xs-95 {
width: 95%;
float: none;
}
 
.width-xs-100 {
width: 100%;
float: none;
}
 
.width-xs-33 {
width: 33%;
}
 
.width-xs-66 {
width: 66%;
}
 
.width-xs-auto {
width: auto;
}
 
/* min-width */
.min-width-xs-5 {
min-width: 5%;
}
 
.min-width-xs-10 {
min-width: 10%;
}
 
.min-width-xs-15 {
min-width: 15%;
}
 
.min-width-xs-20 {
min-width: 20%;
}
 
.min-width-xs-25 {
min-width: 25%;
}
 
.min-width-xs-30 {
min-width: 30%;
}
 
.min-width-xs-35 {
min-width: 35%;
}
 
.min-width-xs-40 {
min-width: 40%;
}
 
.min-width-xs-45 {
min-width: 45%;
}
 
.min-width-xs-50 {
min-width: 50%;
}
 
.min-width-xs-55 {
min-width: 55%;
}
 
.min-width-xs-60 {
min-width: 60%;
}
 
.min-width-xs-65 {
min-width: 65%;
}
 
.min-width-xs-70 {
min-width: 70%;
}
 
.min-width-xs-75 {
min-width: 75%;
}
 
.min-width-xs-80 {
min-width: 80%;
float: none;
}
 
.min-width-xs-85 {
min-width: 85%;
float: none;
}
 
.min-width-xs-90 {
min-width: 90%;
float: none;
}
 
.min-width-xs-95 {
min-width: 95%;
float: none;
}
 
.min-width-xs-100 {
min-width: 100%;
float: none;
}
 
.min-width-xs-33 {
min-width: 33%;
}
 
.min-width-xs-66 {
min-width: 66%;
}
 
.min-width-xs-auto {
min-width: auto;
}
 
/* max-width */
.max-width-xs-5 {
max-width: 5%;
}
 
.max-width-xs-10 {
max-width: 10%;
}
 
.max-width-xs-15 {
max-width: 15%;
}
 
.max-width-xs-20 {
max-width: 20%;
}
 
.max-width-xs-25 {
max-width: 25%;
}
 
.max-width-xs-30 {
max-width: 30%;
}
 
.max-width-xs-35 {
max-width: 35%;
}
 
.max-width-xs-40 {
max-width: 40%;
}
 
.max-width-xs-45 {
max-width: 45%;
}
 
.max-width-xs-50 {
max-width: 50%;
}
 
.max-width-xs-55 {
max-width: 55%;
}
 
.max-width-xs-60 {
max-width: 60%;
}
 
.max-width-xs-65 {
max-width: 65%;
}
 
.max-width-xs-70 {
max-width: 70%;
}
 
.max-width-xs-75 {
max-width: 75%;
}
 
.max-width-xs-80 {
max-width: 80%;
float: none;
}
 
.max-width-xs-85 {
max-width: 85%;
float: none;
}
 
.max-width-xs-90 {
max-width: 90%;
float: none;
}
 
.max-width-xs-95 {
max-width: 95%;
float: none;
}
 
.max-width-xs-100 {
max-width: 100%;
float: none;
}
 
.max-width-xs-33 {
max-width: 33%;
}
 
.max-width-xs-66 {
max-width: 66%;
}
 
.max-width-xs-auto {
max-width: auto;
}
 
/* xs responsive hidden class */
.hidden-xs {
display: none;
}
 
/* xs responsive flex classes */
.flex-xs-wrap {
flex-wrap: wrap;
}
 
.flex-xs-nowrap {
flex-wrap: nowrap;
}
 
/* xs responsive-margins classes */
/* !important because margins are usually set in style tags */
/*
!important because margins are
usually set in style tags
*/
.no-margin-xs {
margin-right: initial !important;
margin-left: initial !important;
}
 
/* xs responsive text align classes */
.text-left-xs {
text-align: left;
}
 
.text-center-xs {
text-align: center;
}
 
.text-right-xs {
text-align: right;
}
 
/* xs display classes */
.block-xs {
display: block;
}
 
.flex-xs {
display: flex;
}
 
.inline-block-xs {
display: inline-block;
}
 
tr.flex-xs {
flex-wrap: wrap;
}
 
.white-rows tbody tr.block-xs, .std-table tbody tr.block-xs, .white-rows tbody tr.flex-xs, .std-table tbody tr.flex-xs {
overflow: hidden;
}
}
 
/* Breakpoint-independent classes */
.img-fluid img, img.img-fluid {
border-collapse: separate;
}
 
#mw-content-text .mw-parser-output {
word-wrap: normal;
Estratto da "https://wiki.pokemoncentral.it/Speciale:DiffMobile/867713"