MediaWiki:Mobile.css: differenze tra le versioni

Da Pikipedia.
Jump to navigation Jump to search
(Creata pagina con "→‎Gli stili CSS inseriti qui si applicano agli utenti che usano la versione del sito per dispositivi mobili: →‎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; } .home-box { background: #fff;...")
 
m (Annullate le modifiche di Zackee (discussione), riportata alla versione precedente di Stormagi)
Etichetta: Rollback
 
(8 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 */


/* Niente titolo nella pagina principale */
/* CSS per la tabella lingue, la prima colonna ha il testo allineato a sinistra */
.page-Pagina_principale #firstHeading, .page-Pagina_principale #catlinks {
.linguetable td:first-child {
     display: none;
     text-align:left;
}
}


/* Stile della pagina principale */
/* 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-contenitore {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -12px;
    margin-bottom: -16px;
}
.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: calc(50% - 8px);
    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 th {
    background: #cbe1be;
    padding: 7px 0;
    border-radius: 10px 10px 0 0;
}
.home-box td {
    padding: 6px 12px;
    box-sizing: border-box;
}
.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: -56px;
    left: calc(50% - 24px);
    pointer-events: none;
}
#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: 14px;
}
#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:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-viola.png);
    width: 30px;
    height: 65px;
    top: -28px;
    left: 14px;
}
#home-trovaci {
    border-color: #b7a9ae;
}
#home-trovaci th {
    background: #ffd3f0;
    color: #7e5671;
}
#home-trovaci:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-alato.png);
    width: 36px;
    height: 58px;
    top: -22px;
    left: 14px;
}
#home-siti {
    border-color: #a1a3a5;
}
#home-siti th {
    background: #cbcccd;
    color: #51545a;
}
#home-siti:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-roccioso.png);
    width: 40px;
    height: 62px;
    top: -26px;
    left: 14px;
}
.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-navigazione 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;
}
@media only screen and (max-width: 999px) {
    .home-box {
        width: 100%;
    }
    #home-benvenuto:before {
        top: -18px;
        left: 7px;
    }
}

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"