107
contributi
MediaWiki:Common.css: differenze tra le versioni
Jump to navigation
Jump to search
nessun oggetto della modifica
Nessun oggetto della modifica Etichetta: Ripristino manuale |
Nessun oggetto della modifica |
||
| Riga 10: | Riga 10: | ||
text-align: center; | text-align: center; | ||
margin: auto; | 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; | |||
} | |||
.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; | |||
} | |||
} | } | ||