MediaWiki:Mobile.css: differenze tra le versioni

Da Pikipedia.
Jump to navigation Jump to search
Nessun oggetto della modifica
Etichette: Modifica da mobile Modifica da web per mobile
m (Annullate le modifiche di Zackee (discussione), riportata alla versione precedente di Stormagi)
Etichetta: Rollback
 
(7 versioni intermedie di 2 utenti non mostrate)
Riga 1: Riga 1:
/* Gli stili CSS inseriti qui si applicano agli utenti che usano la versione del sito per dispositivi mobili */
/* Gli stili CSS inseriti qui si applicano agli utenti che usano la versione del sito per dispositivi mobili */


/* Stile degli infobox */
/* CSS per la tabella lingue, la prima colonna ha il testo allineato a sinistra */
.infobox {
.linguetable td:first-child {
    float: right;
     text-align:left;
    margin-left: 12px;
}
.infobox td {
    padding: 4px;
}
.infobox-arrotondamenti {border-radius:10px}
.infobox-arrotondamenti td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.infobox-arrotondamenti td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
 
/* Galleria immagini allineata al centro */
.mw-content-ltr ul.gallery {
     text-align: center;
    margin: auto;
}
 
/* Niente titolo nella pagina principale */
.page-Pagina_principale #firstHeading, .page-Pagina_principale #catlinks {
    display: none;
}
 
/* Stile della pagina principale */
#home-contenitore {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -12px;
    margin-bottom: -16px;
}
 
/* Scrollbar su Firefox */
.home-box * {
    scrollbar-width: thin;
    scrollbar-color: #a1a3a5 #ffffff;
}
}


/* Scrollbar su Chromium, Edge e Safari */
/* NOTA DI STORM: Una parte del CSS mobile si trova su /w/skins/MinervaNeue/resources/skins.minerva.base.styles/content/main.less e si può modificare solo via FTP. Queste sono solo le proprietà più importanti che non vanno modificate spesso. La differenza è che il CSS inserito su main.less viene caricato molto velocemente, mentre il CSS inserito in questa pagina viene caricato dopo un secondo. Le proprietà della pagina principale si trovano su main.less. */
.home-box *::-webkit-scrollbar {
    width: 12px;
}
.home-box *::-webkit-scrollbar-track {
    background: #fff;
}
.home-box *::-webkit-scrollbar-thumb {
    background-color: #c5c5c5;
    border-radius: 10px;
    border: 3px solid #fff;
}
.home-box:hover *::-webkit-scrollbar-thumb {
    background-color: #a1a3a5;
}
 
.home-box {
    background: #fff;
    border: 2px solid #a7c197;
    border-radius: 12px;
    border-spacing: 0;
    box-shadow: 0 3px #00000010;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin-bottom: 16px;
    display: inline-flex;
    flex-shrink: 0;
}
.home-box tbody, .home-box tr, .home-box th, .home-box td {
    width: 100%;
    display: block;
}
.home-box tr:last-child {
    overflow: hidden;
    border-radius: 10px;
}
.home-box th {
    background: #cbe1be;
    padding: 7px 0;
    border-radius: 10px 10px 0 0;
}
.home-box td {
    padding: 6px 12px;
    box-sizing: border-box;
    max-height: 238px;
    overflow: auto;
}
.home-box ul {
    margin-left: 15px;
}
.home-box:before {
    content: '';
    position: absolute;
    pointer-events: none;
}
#home-benvenuto {
    width: 100%;
    text-align: center;
    border-color: #cb8f8f;
}
#home-benvenuto th {
    background: #ffd2d2;
    color: #994753;
}
#home-benvenuto:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-rosso.png);
    width: 48px;
    height: 55px;
    top: -18px;
    left: 7px;
}
#home-benvenuto h2 {
    margin: 0;
    padding-top: 5px;
    font-size: 1.6em;
    font-family: inherit;
    border: 0;
}
#home-vetrina {
    border-color: #a1b1bf;
}
#home-vetrina th {
    background: #d2e3f1;
    color: #4e6572;
}
#home-vetrina:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-blu.png);
    width: 38px;
    height: 61px;
    top: -24px;
    left: 14px;
}
#home-news {
    border-color: #c0c197;
}
#home-news th {
    background: #e0e1be;
    color: #686434;
}
#home-news:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-giallo.png);
    width: 34px;
    height: 62px;
    top: -25px;
    left: 11px;
}
#home-curiosita {
    border-color: #b1b1b1;
}
#home-curiosita th {
    background: #e1e1e1;
    color: #5c5c5c;
}
#home-curiosita:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-bianco.png);
    width: 26px;
    height: 60px;
    top: -23px;
    left: 14px;
}
#home-immagine {
    border-color: #ad97c1;
}
#home-immagine th {
    background: #d2bee1;
    color: #604a70;
}
#home-immagine img {
    margin-bottom: 7px;
}
#home-immagine p {
    margin-bottom: 2px;
}
#home-immagine:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-viola.png);
    width: 30px;
    height: 65px;
    top: -28px;
    left: 9px;
}
#home-trovaci {
    border-color: #b7a9ae;
}
#home-trovaci th {
    background: #ffd3f0;
    color: #7e5671;
}
#home-trovaci .home-navigazione {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
#home-trovaci .home-navigazione a {
    margin-right: 6px;
}
#home-trovaci:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-alato.png);
    width: 36px;
    height: 58px;
    top: -22px;
    left: 10px;
}
#home-siti {
    border-color: #a1a3a5;
}
#home-siti th {
    background: #cbcccd;
    color: #51545a;
}
#home-siti a {
    color: #58784c;
    background: none;
    padding: 0;
}
#home-siti p>a {
    min-width: 20px;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}
#home-siti:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-roccioso.png);
    width: 40px;
    height: 62px;
    top: -26px;
    left: 4px;
}
.home-navigazione {
    display: inline-block;
    background: #f3f3f3;
    border: 2px solid #bfbfbf;
    border-radius: 8px;
    box-shadow: 0 3px #00000010;
    padding: 6px;
    margin: 4px 4px 6px;
    min-width: 100px;
    flex-grow: 1;
}
#home-benvenuto img {
    margin: 5px 0;
}
.mw-parser-output .home-navigazione a.external, .mw-parser-output .home-navigazione a.external:visited {
    background: none;
    padding: 0;
    color: #58784c;
}

Versione attuale delle 10:53, 16 ago 2024

/* Gli stili CSS inseriti qui si applicano agli utenti che usano la versione del sito per dispositivi mobili */

/* CSS per la tabella lingue, la prima colonna ha il testo allineato a sinistra */
.linguetable td:first-child {
    text-align:left;
}

/* NOTA DI STORM: Una parte del CSS mobile si trova su /w/skins/MinervaNeue/resources/skins.minerva.base.styles/content/main.less e si può modificare solo via FTP. Queste sono solo le proprietà più importanti che non vanno modificate spesso. La differenza è che il CSS inserito su main.less viene caricato molto velocemente, mentre il CSS inserito in questa pagina viene caricato dopo un secondo. Le proprietà della pagina principale si trovano su main.less. */
Estratto da "http://pikminitalia.it/w/index.php?title=MediaWiki:Mobile.css&oldid=6138"