Modifiche

Jump to navigation Jump to search

MediaWiki:Common.css

26 497 byte aggiunti, 13:38, 25 feb 2018
Un po' di css custom che farà comodo in futuro.
@charset "UTF-8";
/**************************************************

This styles are based on the Common.css file of
Pokémon Central Wiki.

**************************************************/

/**************************************************

Iubenda cookies notification styles.

**************************************************/
#iubenda-cs-banner {
bottom: 0px !important;
left: 0px !important;
position: fixed !important;
width: 100% !important;
z-index: 99999998 !important;
background-color: black;
}

.iubenda-cs-content {
display: block;
margin: 0 auto;
padding: 20px;
width: auto;
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
font-size: 14px;
background: #000;
color: #fff;
}
.iubenda-banner-content > p {
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
line-height: 1.5;
}
.iubenda-cs-rationale {
max-width: 900px;
position: relative;
margin: 0 auto;
}
.iubenda-cs-close-btn {
margin: 0;
color: #fff;
text-decoration: none;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
border: none;
}
.iubenda-cs-cookie-policy-lnk {
text-decoration: underline;
color: #fff;
font-size: 14px;
font-weight: 900;
}

/**************************************************

Miscellaneous styles

**************************************************/

.white-rows tbody td, .std-table tbody td, .white-rows.grid > :not(:first-child) > :not(.grid-header), .grid.std-table > :not(:first-child) > :not(.grid-header) {
background-color: #FFFFFF;
}

/**************************************************

Border-radius classes

**************************************************/
.roundy-5 {
border-radius: 0.5rem;
}

.roundytr-5, .roundytop-5, .roundyright-5 {
border-top-right-radius: 0.5rem;
}

.roundybr-5, .roundyright-5, .roundybottom-5 {
border-bottom-right-radius: 0.5rem;
}

.roundybl-5, .roundybottom-5, .roundyleft-5 {
border-bottom-left-radius: 0.5rem;
}

.roundytl-5, .roundytop-5, .roundyleft-5 {
border-top-left-radius: 0.5rem;
}

.roundy-10, .roundy, .toc, li.gallerybox, li.gallerybox div.thumb {
border-radius: 1rem;
}

.roundytr-10, .roundytop-10, .roundytop, .roundy-header, .roundy-corners, .std-table, .roundyright-10, .roundyright, .roundytr, .roundy-header thead tr:first-of-type td:last-child, .roundy-corners thead tr:first-of-type td:last-child, .std-table 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, .std-table 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, .std-table 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, .std-table tbody:only-child tr:first-of-type th:last-child, .roundy-header.grid > :first-of-type > *:last-child, .grid.roundy-corners > :first-of-type > *:last-child, .grid.std-table > :first-of-type > *:last-child {
border-top-right-radius: 1rem;
}

.roundybr-10, .roundyright-10, .roundyright, .roundybottom-10, .roundybottom, .roundy-footer, .roundy-corners, .std-table, .roundybr, .roundy-footer tbody tr:last-of-type td:last-child, .roundy-corners tbody tr:last-of-type td:last-child, .std-table tbody tr:last-of-type td:last-child, .roundy-footer tbody tr:last-of-type th:last-child, .roundy-corners tbody tr:last-of-type th:last-child, .std-table tbody tr:last-of-type th:last-child, .roundy-footer.grid > :last-of-type > *:last-child, .grid.roundy-corners > :last-of-type > *:last-child, .grid.std-table > :last-of-type > *:last-child {
border-bottom-right-radius: 1rem;
}

.roundybl-10, .roundybottom-10, .roundybottom, .roundy-footer, .roundy-corners, .std-table, .roundyleft-10, .roundyleft, .roundybl, .roundy-footer tbody tr:last-of-type td:first-child, .roundy-corners tbody tr:last-of-type td:first-child, .std-table tbody tr:last-of-type td:first-child, .roundy-footer tbody tr:last-of-type th:first-child, .roundy-corners tbody tr:last-of-type th:first-child, .std-table tbody tr:last-of-type th:first-child, .roundy-footer.grid > :last-of-type > *:first-child, .grid.roundy-corners > :last-of-type > *:first-child, .grid.std-table > :last-of-type > *:first-child {
border-bottom-left-radius: 1rem;
}

.roundytl-10, .roundytop-10, .roundytop, .roundy-header, .roundy-corners, .std-table, .roundyleft-10, .roundyleft, .roundytl, .roundy-header thead tr:first-of-type td:first-child, .roundy-corners thead tr:first-of-type td:first-child, .std-table 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, .std-table 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, .std-table 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, .std-table tbody:only-child tr:first-of-type th:first-child, .roundy-header.grid > :first-of-type > *:first-child, .grid.roundy-corners > :first-of-type > *:first-child, .grid.std-table > :first-of-type > *:first-child {
border-top-left-radius: 1rem;
}

.roundy-15 {
border-radius: 1.5rem;
}

.roundytr-15, .roundytop-15, .roundyright-15 {
border-top-right-radius: 1.5rem;
}

.roundybr-15, .roundyright-15, .roundybottom-15 {
border-bottom-right-radius: 1.5rem;
}

.roundybl-15, .roundybottom-15, .roundyleft-15 {
border-bottom-left-radius: 1.5rem;
}

.roundytl-15, .roundytop-15, .roundyleft-15 {
border-top-left-radius: 1.5rem;
}

.roundy-20, .sitenotice {
border-radius: 2rem;
}

.roundytr-20, .roundytop-20, .roundyright-20 {
border-top-right-radius: 2rem;
}

.roundybr-20, .roundyright-20, .roundybottom-20 {
border-bottom-right-radius: 2rem;
}

.roundybl-20, .roundybottom-20, .roundyleft-20 {
border-bottom-left-radius: 2rem;
}

.roundytl-20, .roundytop-20, .roundyleft-20 {
border-top-left-radius: 2rem;
}

.roundy-full {
border-radius: 50%;
}

/**************************************************

Display classes

**************************************************/
.inline-block, .same-line {
display: inline-block;
}

.grid {
display: table;
}

.grid-row, .grid > * {
display: table-row;
}

.grid-cell, .grid > * > *, .grid-row > *, .grid-header {
display: table-cell;
}

/**************************************************

Element-aligning classes

**************************************************/
.pull-left {
float: left;
}

.pull-right {
float: right;
}

.pull-center, .sitenotice, .std-table {
margin-left: auto;
margin-right: auto;
}

.align-top, .pull-top {
vertical-align: top;
}

.align-bottom, .pull-bottom {
vertical-align: bottom;
}

.align-middle, .align-center {
vertical-align: middle;
}

/**************************************************

Text-aligning classes

**************************************************/
.text-center, th, .grid-header, .sitenotice, .std-table, .center-text {
text-align: center;
}

.text-right, .right-text {
text-align: right;
}

.text-left, .left-text {
text-align: left;
}

/**************************************************

Font-size classes

**************************************************/
.font-small, .small-font, .text-small, .small-text {
font-size: smaller;
}

.font-big, .big-font, .text-big, .big-text {
font-size: larger;
}

.font-triple-big, .triple-big-font, .text-triple-big, .triple-big-text {
font-size: 198%;
}

/**************************************************

Clear related classes

**************************************************/
.clear-left {
clear: left;
}

.clear-right {
clear: right;
}

.clear-all, .clear-both {
clear: both;
}

/**************************************************

Responsive design classes

**************************************************/
/* xl responsive width classes */
/* width */
.width-xl-5 {
width: 5%;
}

.width-xl-10 {
width: 10%;
}

.width-xl-15 {
width: 15%;
}

.width-xl-20 {
width: 20%;
}

.width-xl-25 {
width: 25%;
}

.width-xl-30 {
width: 30%;
}

.width-xl-35 {
width: 35%;
}

.width-xl-40 {
width: 40%;
}

.width-xl-45 {
width: 45%;
}

.width-xl-50 {
width: 50%;
}

.width-xl-55 {
width: 55%;
}

.width-xl-60 {
width: 60%;
}

.width-xl-65 {
width: 65%;
}

.width-xl-70 {
width: 70%;
}

.width-xl-75 {
width: 75%;
}

.width-xl-80 {
width: 80%;
float: none;
}

.width-xl-85 {
width: 85%;
float: none;
}

.width-xl-90 {
width: 90%;
float: none;
}

.width-xl-95 {
width: 95%;
float: none;
}

.width-xl-100 {
width: 100%;
float: none;
}

.width-xl-33 {
width: 33%;
}

.width-xl-66 {
width: 66%;
}

/* min-width */
.min-width-xl-5 {
min-width: 5%;
}

.min-width-xl-10 {
min-width: 10%;
}

.min-width-xl-15 {
min-width: 15%;
}

.min-width-xl-20 {
min-width: 20%;
}

.min-width-xl-25 {
min-width: 25%;
}

.min-width-xl-30 {
min-width: 30%;
}

.min-width-xl-35 {
min-width: 35%;
}

.min-width-xl-40 {
min-width: 40%;
}

.min-width-xl-45 {
min-width: 45%;
}

.min-width-xl-50 {
min-width: 50%;
}

.min-width-xl-55 {
min-width: 55%;
}

.min-width-xl-60 {
min-width: 60%;
}

.min-width-xl-65 {
min-width: 65%;
}

.min-width-xl-70 {
min-width: 70%;
}

.min-width-xl-75 {
min-width: 75%;
}

.min-width-xl-80 {
min-width: 80%;
float: none;
}

.min-width-xl-85 {
min-width: 85%;
float: none;
}

.min-width-xl-90 {
min-width: 90%;
float: none;
}

.min-width-xl-95 {
min-width: 95%;
float: none;
}

.min-width-xl-100 {
min-width: 100%;
float: none;
}

.min-width-xl-33 {
min-width: 33%;
}

.min-width-xl-66 {
min-width: 66%;
}

/* max-width */
.max-width-xl-5 {
max-width: 5%;
}

.max-width-xl-10 {
max-width: 10%;
}

.max-width-xl-15 {
max-width: 15%;
}

.max-width-xl-20 {
max-width: 20%;
}

.max-width-xl-25 {
max-width: 25%;
}

.max-width-xl-30 {
max-width: 30%;
}

.max-width-xl-35 {
max-width: 35%;
}

.max-width-xl-40 {
max-width: 40%;
}

.max-width-xl-45 {
max-width: 45%;
}

.max-width-xl-50 {
max-width: 50%;
}

.max-width-xl-55 {
max-width: 55%;
}

.max-width-xl-60 {
max-width: 60%;
}

.max-width-xl-65 {
max-width: 65%;
}

.max-width-xl-70 {
max-width: 70%;
}

.max-width-xl-75 {
max-width: 75%;
}

.max-width-xl-80 {
max-width: 80%;
float: none;
}

.max-width-xl-85 {
max-width: 85%;
float: none;
}

.max-width-xl-90 {
max-width: 90%;
float: none;
}

.max-width-xl-95 {
max-width: 95%;
float: none;
}

.max-width-xl-100 {
max-width: 100%;
float: none;
}

.max-width-xl-33 {
max-width: 33%;
}

.max-width-xl-66 {
max-width: 66%;
}

/* xl responsive hidden class */
.hidden-xl {
display: none;
}

/* xl responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-xl {
margin-right: initial !important;
margin-left: initial !important;
}

@media (min-width: 1200px) {
/*
lg responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to lg
being in xl media query.
*/
.visible-lg {
display: none;
}
}
@media (max-width: 1199px) {
/* lg responsive width classes */
/* width */
.width-lg-5 {
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%;
}

/* 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%;
}

/* 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%;
}

/* lg responsive hidden class */
.hidden-lg {
display: none;
}

/* lg responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-lg {
margin-right: initial !important;
margin-left: initial !important;
}
}
@media (min-width: 992px) {
/*
md responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to md
being in lg media query.
*/
.visible-md {
display: none;
}
}
@media (max-width: 991px) {
/* md responsive width classes */
/* width */
.width-md-5 {
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%;
}

/* 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%;
}

/* 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%;
}

/* md responsive hidden class */
.hidden-md {
display: none;
}

/* md responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-md {
margin-right: initial !important;
margin-left: initial !important;
}
}
@media (min-width: 768px) {
/*
sm responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to sm
being in md media query.
*/
.visible-sm {
display: none;
}
}
@media (max-width: 767px) {
/* sm responsive width classes */
/* width */
.width-sm-5 {
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%;
}

/* 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%;
}

/* 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%;
}

/* sm responsive hidden class */
.hidden-sm {
display: none;
}

/* sm responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-sm {
margin-right: initial !important;
margin-left: initial !important;
}
}
@media (min-width: 576px) {
/*
xs responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to xs
being in sm media query.
*/
.visible-xs {
display: none;
}
}
@media (max-width: 575px) {
/* xs responsive width classes */
/* width */
.width-xs-5 {
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%;
}

/* 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%;
}

/* 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%;
}

/* xs responsive hidden class */
.hidden-xs {
display: none;
}

/* xs responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-xs {
margin-right: initial !important;
margin-left: initial !important;
}
}
/* Breakpoint-independent classes */
.img-fluid img, img.img-fluid {
max-width: 100%;
height: auto;
}
Estratto da "https://www.xenopedia.it/Speciale:DiffMobile/40"

Menu di navigazione