MediaWiki:Mobile.css

Da Super Mario Wiki.

Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

  • Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
  • Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
  • Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
  • Opera: premi Ctrl-F5.
.responsive {display:inline-block; width:auto;}

@media screen and (max-width:360px){
	.responsive {display:table; width:100%}
}

body.skin-timeless .mw-headline {
    margin-left: 0;
}

.tablemargin tr td {
	padding: 0.2em 0.4em;
}

ul.gallery {
    text-align: center;
    margin: 2px auto 0;
    padding-bottom: 0;
}
/* Pagina principale */

#ca-purge,
.mw-templatedata-doc-wrap,
body.page-Pagina_principale #firstHeading,
body.page-Pagina_principale #catlinks {
    display: none!important
}

.mobile-navigazione {
    display: flex !important
}

.mobile-navigazione > .box-navigazione {
    text-align: left;
    line-height: 40px;
    width: 100%
}

.mobile-titolo,#mobile-navimg {
    display: block !important
}

#mobile-navimg {
    position: absolute;
    bottom: 2px;
    right: 0;
    pointer-events: none
}
.page-Pagina_principale .box-heading, 
.page-Pagina_principale .box-border {
    width: -webkit-fill-available;
    margin: 3px;
}
	
.page-Pagina_principale .box-heading {
    display: table;
    border-spacing: 2px;
    border-radius: 4px;
    border: 2px solid #4b43ff;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0 10px;
    position: relative
}

.page-Pagina_principale .box-border {
    display: table;
    border-radius: 4px;
    border: 2px solid;
}

.page-Pagina_principale .box-content {
    display: inline-block;
    border-radius: 0 0 4px 4px;
    overflow: auto;
    padding: 5px;
    background: #fff;
}

.page-Pagina_principale .box-title {
    text-align: left;
    font-size: 100%;
    color: #fff;
    font-weight: bold;
    padding: 0.2em 0.4em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}

.page-Pagina_principale .box-content ul li {
    margin: 0 0 0 5px
}

.page-Pagina_principale .box-content a img {
    min-width: auto;
    max-height: 100px;
}

.page-Pagina_principale .box-content .whitelink .selflink {
    color: #fff
}

.page-Pagina_principale .box-content p {
    margin: 0
}

.home-balloon {
    width: 90%;
    padding: 2px 12px !important
}

.home-balloon img {
    max-height: 16px !important
}

/* Leggibilità */
.ns-subject .navtemplate:not(.flex-importante) * {font-size:14px;line-height:29px;}
.ns-subject .mw-collapsible th * {font-size:13px!important;}
.ns-subject .lingue * {text-align:center;}
.ns-subject .lingue img {display:block;margin:auto;}
.ns-subject nav .primary-action{margin-right:4.9em;}
.ns-subject .navtemplate th {font-size:13px!important;}
.ns-subject .navtemplate tr:first-child {margin-top:3px;}
.ns-subject .navtemplate th>div {
	white-space: nowrap;
}
.ns-subject .navtemplate td {
    padding: 0 6px;
}

/* test nuove tabelle */
.ns-subject .navtemplate tr:not(:first-child) th, .ns-subject .navtemplate.mw-collapsible tr:not(:first-child) td {
	display: inline-block;
	border-radius: 6px;
}
.ns-subject .navtemplate tr:not(:first-child) th {
	margin: 0 0 2px 0;
	padding: 0!important;
	width: 100%!important;
}
.ns-subject .navtemplate tr:not(:first-child) td {
	padding: 4px 8px!important;
	width: calc(100% - 16px)!important;
	text-align: justify;
}

/* Differenze */
#mw-mf-diffarea {
    padding: 0;
}

.skin-timeless #mw-mf-diffarea {
    padding-bottom: 2em;
}

.diff tr,.diff td {
    display: revert;
}

/* Modifiche recenti */
.mw-special-Recentchanges {font-size:14px;}
.mw-special-Recentchanges a {padding: 2px 0;}
.mw-special-Recentchanges .mw-specialpage-summary {display:none;}
.mw-special-Recentchanges legend {display:none;}
.mw-changeslist-legend {margin-left:0; font-size:12px; float:none; display:block; width:96%; letter-spacing:-0.2pt; word-spacing:0!important; margin:0 0 10px 0;}
.mw-changelist-legend a, .mw-recentchanges-table a {padding:0!important;}
.mw-changeslist-legend dl {margin:2px 0 0 0!important;}
.mw-changeslist-legend dt, .mw-changeslist-legend dd {line-height:1.5em!important;}
.mw-recentchanges-table {font-size:12px;}
.mw-changeslist {font-size:13px;}
.mw-changeslist a {padding:2px 0;}
.mw-changeslist td {border-bottom:20px solid transparent;}
.rclistfrom {font-size:12px;}
.mw-special-Recentchanges .cloptions {word-spacing:-0.2pt; letter-spacing:-0.1pt; font-size:9pt; line-height:22px;}
.navigation-drawer .mw-ui-icon.mw-ui-icon-before:before {filter:invert(100%); margin-right:0.6em; margin-left:0.4em;}

/* Icone */
.mw-ui-icon-mf-overlay-close:before {background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E')!important;}
.mw-ui-icon-minerva-clock-gray:before {background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2217%22 viewBox=%220 0 20 17%22%3E%3Cg fill=%22%23fff%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Ehistory%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M11.424 0C6.686 0 2.857 3.806 2.857 8.5H0l3.71 3.68.066.136L7.62 8.5H4.76c0-3.65 2.986-6.61 6.667-6.61 3.68 0 6.665 2.96 6.665 6.61 0 3.65-2.985 6.61-6.666 6.61a6.668 6.668 0 0 1-4.71-1.94l-1.35 1.337A8.553 8.553 0 0 0 11.426 17C16.16 17 20 13.194 20 8.5S16.162 0 11.424 0zm-1.037 5v4.524l3.904 2.298.66-1.1-3.192-1.877V5H10.39z%22/%3E%3C/g%3E%3C/svg%3E")!important;}
.mw-ui-icon-mf-back:before {filter: invert(1); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22000%22 d=%22M24 10.667H5.107l4.78-4.78L8 4l-8 8 8 8 1.887-1.887-4.78-4.78H24z%22/%3E%3C/svg%3E")}

/* Media Player */
audio  {
    width: 180px !important;
    height: 25px;
}

/* FLEXBOX: BASE
================================== */

.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  border-width: 1px 0 0 1px;
  overflow:hidden;
  color: #222;
}
.flexbox-cell {
  box-sizing: border-box;
  flex-grow: 1;
  padding: 5px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  border: 1px solid #a2a9b1;
  border-width: 0 1px 1px 0;
  align-items: center;
  justify-content: center;
}
.flexbox-cell .reference {
  position: relative;
  top: 2px;
  left: 1px;
}
.flexbox-head {
  background: #e3e4e8;
  font-weight: bold;
}

/* FLEXBOX: COLONNE
================================== */

.flexbox-2col > .flexbox-cell {
  width: 50%;
}
.flexbox-3col > .flexbox-cell {
  width: 33.33%;
}
.flexbox-4col > .flexbox-cell {
  width: 25%;
}
.flexbox-5col > .flexbox-cell {
  width: 20%;
}
.flexbox-6col > .flexbox-cell {
  width: 16.6%;
}
.flexbox-7col > .flexbox-cell {
  width: 14.2%;
}
.flexbox-8col > .flexbox-cell {
  width: 12.5%;
}
.flexbox-9col > .flexbox-cell {
  width: 11.1%;
}
.flexbox-10col > .flexbox-cell {
  width: 10%;
}

@media all and (max-width: 1000px) {
  .flexbox-2col .flexbox-cell:nth-child(2n+1), 
  .flexbox-3col .flexbox-cell:nth-child(3n+1), 
  .flexbox-4col .flexbox-cell:nth-child(4n+1), 
  .flexbox-5col .flexbox-cell:nth-child(5n+1), 
  .flexbox-6col .flexbox-cell:nth-child(6n+1),
  .flexbox-7col .flexbox-cell:nth-child(7n+1),
  .flexbox-8col .flexbox-cell:nth-child(8n+1),
  .flexbox-9col .flexbox-cell:nth-child(9n+1),
  .flexbox-10col .flexbox-cell:nth-child(10n+1){
    width: 100% !important;
    background: #e3e4e8; 
    border-top-width: 5px;
    border-top-style: double;
  }
  
  .flexbox-importante {
    flex-basis: 100%;
  }
  
  .flexbox-head {
	font-weight: normal;
	background: #f3f3f9;
  }
  
  .flexbox .flexbox-cell:first-child:before {
    content: 'Legenda';
    font-weight: bold;
    border-bottom: 1px solid #a2a9b1;
    width: 102%;
    width: calc(100% + 10px);
    display: block;
    margin: -5px -5px 0 -5px;
    padding: 5px 0;
  }
  .flex-sezionemobile + .flex-elemento, .flex-sezionemobile + .flex-elemento + .flex-elemento, .flex-sezionemobile + .flex-elemento + .flex-elemento + .flex-elemento, .flex-sezionemobile + .flex-elemento + .flex-elemento + .flex-elemento + .flex-elemento, .flex-sezionemobile + .flex-elemento + .flex-elemento + .flex-elemento, .flex-sezionemobile + .flex-elemento + .flex-elemento + .flex-elemento + .flex-elemento + .flex-elemento {
	background: #f5f6f8!important;
  }
  .flex-sezionemobile {
	background: #5486c5!important;
	color: #fff;
  }
}

/* Template:Traduzione */
.traducibile {text-decoration:initial}
.traduzione {display:inline!important}
.traduzione:before {content: ' (';}
.traduzione:after {content: ')';}

/* Template:Lingue (flexbox) */
.lingue .flex-elemento img {
    display: inline !important;
}

.lingue .flex-elemento {
	padding: 1px;
	box-shadow:none;
}

.lingue .flex-elemento:first-child {
	align-items: flex-start;
}

@media only screen and (max-width: 1279px) {
	.lingue.mw-collapsible-content > .flex > div {
	    background: #e0e0f0;
	}
}

/* Infobox */
.infobox, .infobox-wide {
    padding: 4px;
}
.infobox {
	margin: 0 0 1em 1em;
	float: right;
}
.infobox-wide {
    width: 100%;
}

table.stat, #bodyContent table {
    width: 100% !important;
}

.benvenuto {
	background: linear-gradient(to bottom, #E6E6E6, #FCFCFC);
	border: 2px solid #363636;
}

/* Sitenotice */

.mw-dismissable-notice-body {
    margin: 0.5em 5em 0.5em 5em !important;
}

.mw-dismissable-notice-close {
    float: none !important;
    text-align: right !important;
}

/* Template Hover */ 
.explain[title] {
    cursor: help;
    border-bottom: 1px dotted;
    text-decoration: none
}

.cww-balloon {
	width:90%;
}
Estratto da "https://www.mariowiki.it/index.php?title=MediaWiki:Mobile.css&oldid=476893"