MediaWiki:Common.css: differenze tra le versioni

nessun oggetto della modifica
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 67: Riga 67:
}
}


/* Stile della pagina principale */
/* STILE DELLA PAGINA PRINCIPALE */
 
#home-contenitore {
#home-contenitore {
     display: flex;
     display: flex;
Riga 98: Riga 99:
}
}


/* RIQUADRI DELLA HOME */
/* CSS generale che si applica a tutti i riquadri */
.home-box {
.home-box {
     background: #fff;
     background: #fff;
Riga 141: Riga 145:
     pointer-events: none;
     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: 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: #a1a3a5;
}
#home-immagine th {
    background: #cbcccd;
    color: #51545a;
}
#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-roccioso.png);
    width: 40px;
    height: 62px;
    top: -26px;
    left: 4px;
}
#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-tesori {border-color: #ad97c1;}
#home-tesori th {background: #d2bee1; color:#604a70;}
#home-tesori a {color: #58784c; background:none; padding:0;}
#home-tesori p>a {min-width:20px; vertical-align:bottom; text-align:center; overflow:hidden; display:inline-block;}
#home-tesori:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-viola.png); width:30px; height:65px; top:-28px; left:9px;}
.home-navigazione {
.home-navigazione {
     display: inline-block;
     display: inline-block;
Riga 267: Riga 156:
     flex-grow: 1;
     flex-grow: 1;
}
}
#home-benvenuto img {
/* Colore dei link esterni nei riquadri di "Trovaci anche su..." */
    margin: 5px 0;
}
#home-siti {
width: 100%;
border-color: #94bbbf;
}
#home-siti th {
background: #d3f7f6;
color: #4e6273;
}
#home-siti img {
margin-right: 10px;
}
#home-siti:before {
    background: url(https://pikminitalia.it/w/resources/assets/home-pikmin-gelato.png);
    width: 36px;
    height: 62px;
    top: -62px;
    left: calc(50% - 15px);
    pointer-events: none;
}
#home-iconatesoro {
    float: left;
    padding: 10px 20px 10px 0;
}
#home-contenitore + p>br {
    display: none; /* spazio vuoto sotto i template della home */
}
.mw-parser-output .home-navigazione a.external, .mw-parser-output .home-navigazione a.external:visited {
.mw-parser-output .home-navigazione a.external, .mw-parser-output .home-navigazione a.external:visited {
     background: none;
     background: none;
Riga 301: Riga 162:
     color: #58784c;
     color: #58784c;
}
}
/* Spazio vuoto sotto i template della home */
#home-contenitore + p>br {
    display: none;
}
/* Box home: Introduzione */
#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);} /* Pikmin rosso */
#home-benvenuto {width:100%; text-align:center; border-color:#cb8f8f;} /* Larghezza 100%, centrato, colore del bordo */
#home-benvenuto th {background:#ffd2d2; color:#994753;} /* Colore della barra superiore */
#home-benvenuto h2 {margin:0; padding-top:5px; font-size:1.6em; font-family:inherit; border:0;} /* Benvenuti su Pikipedia */
#home-benvenuto img {margin:5px 0;} /* Immagini nei riquadri grigi */
/* Box home: Pagina in vetrina */
#home-vetrina:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-blu.png); width:38px; height:61px; top:-24px; left:14px;} /* Pikmin blu */
#home-vetrina {border-color:#a1b1bf;} /* Colore del bordo */
#home-vetrina th {background:#d2e3f1; color:#4e6572;} /* Colore della barra superiore */
/* Box home: News */
#home-news:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-giallo.png); width:34px; height:62px; top:-25px; left:11px;} /* Pikmin giallo */
#home-news {border-color:#c0c197;} /* Colore del bordo */
#home-news th {background:#e0e1be; color:#686434;} /* Colore della barra superiore */
/* Box home: Curiosità */
#home-curiosita:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-bianco.png); width:26px; height:60px; top:-23px; left:14px;} /* Pikmin bianco */
#home-curiosita {border-color: #b1b1b1;} /* Colore del bordo */
#home-curiosita th {background:#e1e1e1; color:#5c5c5c;} /* Colore della barra superiore */
/* Box home: Tesoro della settimana */
#home-tesori:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-viola.png); width:30px; height:65px; top:-28px; left:9px;} /* Pikmin viola */
#home-tesori {border-color: #ad97c1;} /* Colore del bordo */
#home-tesori th {background: #d2bee1; color:#604a70;} /* Colore della barra superiore */
#home-iconatesoro {float:left; padding:10px 20px 10px 0;} /* Icona del tesoro */
/* Box home: Immagine in vetrina */
#home-immagine:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-roccioso.png); width:40px; height:62px; top:-26px; left:4px;} /* Pikmin roccioso */
#home-immagine {border-color:#a1a3a5;} /* Colore del bordo */
#home-immagine th {background:#cbcccd; color:#51545a;} /* Colore della barra superiore */
#home-immagine img {margin-bottom:7px;} /* Spazio vuoto sotto l'immagine in vetrina: parte 1 */
#home-immagine p {margin-bottom:2px;} /* Spazio vuoto sotto l'immagine in vetrina: parte 2 */
/* Box home: Trovaci anche su... */
#home-trovaci:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-alato.png); width:36px; height:58px; top:-22px; left:10px;} /* Pikmin alato */
#home-trovaci {border-color:#b7a9ae;} /* Colore del bordo */
#home-trovaci th {background:#ffd3f0; color:#7e5671;} /* Colore della barra superiore */
#home-trovaci .home-navigazione {display:inline-flex; justify-content:center; width:100%;} /* Voglio che il riquadro grigio occupi tutto lo spazio in orizzontale */
#home-trovaci .home-navigazione a {margin-right:6px;} /* Spazio tra l'icona e il link */
/* Box home: NiwiN */
#home-siti:before {background:url(https://pikminitalia.it/w/resources/assets/home-pikmin-gelato.png); width:36px; height:62px; top:-62px; left:calc(50% - 15px);} /* Pikmin gelato */
#home-siti {width:100%; border-color:#94bbbf;} /* Colore del bordo */
#home-siti th {background:#d3f7f6; color:#4e6273;} /* Colore della barra superiore */
/* RISOLUZIONI MINORI */
@media only screen and (max-width: 1720px) {
@media only screen and (max-width: 1720px) {
    #home-contenitore {
#home-contenitore {
        margin-top: 32px;
margin-top: 32px;
    }
}
}
}
@media only screen and (max-width: 999px) {
@media only screen and (max-width: 999px) {
    .home-box {
/* Tutti i riquadri occupano il massimo della larghezza */
        width: 100%;
.home-box {
    }
width: 100%;
    #home-benvenuto:before {
}
        top: -18px;
/* Riposiziono di conseguenza il Pikmin di #home-benvenuto */
        left: 7px;
#home-benvenuto:before {
top: -18px;
left: 7px;
     }
     }
/* Riposiziono di conseguenza il Pikmin di #home-siti */
#home-siti:before {
top: -25px;
left: 7px;
}
}
}