Nessun oggetto della modifica Etichetta: sourceedit |
(Aggiornamento stile profili) Etichetta: sourceedit |
||
Riga 2: | Riga 2: | ||
CSS per tutte le skin |
CSS per tutte le skin |
||
=============================== */ |
=============================== */ |
||
+ | /* IMPORTAZIONI - gli imports deve essere eseguiti prima di qualunque altro codice */ |
||
+ | @import url("/load.php?mode=articles&only=styles&articles=u:dev:InterlanguageFlags/code.css|u:dev:FontAwesome/code.css|https://fonts.googleapis.com/css?family=Open+Sans"); |
||
/* =============== |
/* =============== |
||
Riga 9: | Riga 11: | ||
/** box profilo **/ |
/** box profilo **/ |
||
.portable-infobox { |
.portable-infobox { |
||
⚫ | |||
⚫ | |||
margin: 0 0 0.5em 1em; |
margin: 0 0 0.5em 1em; |
||
+ | border: 2px solid; |
||
+ | -webkit-border-radius: 5px; |
||
+ | -moz-border-radius: 5px; |
||
+ | border-radius: 5px; |
||
+ | font-family: 'Open Sans', sans-serif; |
||
} |
} |
||
.portable-infobox .pi-border-color { |
.portable-infobox .pi-border-color { |
||
− | border |
+ | border: none; |
} |
} |
||
/** spaziatura **/ |
/** spaziatura **/ |
||
.portable-infobox .pi-group .pi-item-spacing { |
.portable-infobox .pi-group .pi-item-spacing { |
||
padding: 0; |
padding: 0; |
||
+ | } |
||
+ | .portable-infobox .pi-title, |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
/** immagine **/ |
/** immagine **/ |
||
Riga 36: | Riga 50: | ||
/** informazioni **/ |
/** informazioni **/ |
||
.portable-infobox .pi-data-value { |
.portable-infobox .pi-data-value { |
||
+ | background: #fff; |
||
+ | color: #000; |
||
font-size: 11px; |
font-size: 11px; |
||
padding: 5px; |
padding: 5px; |
||
+ | } |
||
+ | /** bordi di separazione **/ |
||
+ | .portable-infobox .pi-data + .pi-data .pi-data-label, |
||
+ | .portable-infobox .pi-data + .pi-data .pi-data-value { |
||
⚫ | |||
} |
} |
||
/** correzione colore collapse **/ |
/** correzione colore collapse **/ |
||
Riga 59: | Riga 80: | ||
/* colori */ |
/* colori */ |
||
/** profilo personaggio **/ |
/** profilo personaggio **/ |
||
− | .pi-theme-personaggio |
+ | .pi-theme-personaggio { |
+ | border-color: #DC143C; |
||
− | .pi-theme-personaggio .pi-header, |
||
− | .pi-theme-personaggio .pi-group .pi-header { |
||
background-color: #DC143C; |
background-color: #DC143C; |
||
color: #fff; |
color: #fff; |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
/** episodio **/ |
/** episodio **/ |
||
− | .pi-theme-episodio |
+ | .pi-theme-episodio { |
+ | border-color: #FF1493; |
||
− | .pi-theme-episodio .pi-header, |
||
− | .pi-theme-episodio .pi-group .pi-header { |
||
background-color: #FF1493; |
background-color: #FF1493; |
||
color: #fff; |
color: #fff; |
||
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/** film **/ |
/** film **/ |
||
− | .pi-theme-film |
+ | .pi-theme-film { |
+ | border-color: #FF6600; |
||
⚫ | |||
⚫ | |||
background-color: #FF6600; |
background-color: #FF6600; |
||
color: #fff; |
color: #fff; |
||
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/** tecnica **/ |
/** tecnica **/ |
||
− | .pi-theme-tecnica |
+ | .pi-theme-tecnica { |
+ | border-color: #FBEC1D; |
||
− | .pi-theme-tecnica .pi-header, |
||
− | .pi-theme-tecnica .pi-group .pi-header { |
||
background-color: #FBEC1D; |
background-color: #FBEC1D; |
||
color: #000; |
color: #000; |
||
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/** oggetto **/ |
/** oggetto **/ |
||
− | .pi-theme-oggetto |
+ | .pi-theme-oggetto { |
+ | border-color: #6600CC; |
||
− | .pi-theme-oggetto .pi-header, |
||
− | .pi-theme-oggetto .pi-group .pi-header { |
||
background-color: #6600CC; |
background-color: #6600CC; |
||
color: #fff; |
color: #fff; |
||
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/** luogo **/ |
/** luogo **/ |
||
− | .pi-theme-luogo |
+ | .pi-theme-luogo { |
+ | border-color: #66CDAA; |
||
− | .pi-theme-luogo .pi-header, |
||
− | .pi-theme-luogo .pi-group .pi-header { |
||
background-color: #66CDAA; |
background-color: #66CDAA; |
||
color: #fff; |
color: #fff; |
||
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/** videogioco **/ |
/** videogioco **/ |
||
− | .pi-theme-videogioco |
+ | .pi-theme-videogioco { |
+ | border-color: #3399FF; |
||
− | .pi-theme-videogioco .pi-header, |
||
− | .pi-theme-videogioco .pi-group .pi-header { |
||
background-color: #3399FF; |
background-color: #3399FF; |
||
color: #fff; |
color: #fff; |
||
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/** fazione **/ |
/** fazione **/ |
||
− | .pi-theme-fazione |
+ | .pi-theme-fazione { |
+ | border-color: #1acd32; |
||
− | .pi-theme-fazione .pi-header, |
||
− | .pi-theme-fazione .pi-group .pi-header { |
||
background-color: #1acd32; |
background-color: #1acd32; |
||
− | color: # |
+ | color: #fff; |
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/** razza **/ |
/** razza **/ |
||
− | .pi-theme-razza |
+ | .pi-theme-razza { |
+ | border-color: #660033; |
||
− | .pi-theme-razza .pi-header, |
||
− | .pi-theme-razza .pi-group .pi-header { |
||
background-color: #660033; |
background-color: #660033; |
||
color: #fff; |
color: #fff; |
||
− | padding: 3px; |
||
− | font-size: 15px; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
} |
} |
||
/* END profili */ |
/* END profili */ |
Versione delle 06:02, 11 mag 2017
/* ===============================
CSS per tutte le skin
=============================== */
/* IMPORTAZIONI - gli imports deve essere eseguiti prima di qualunque altro codice */
@import url("/load.php?mode=articles&only=styles&articles=u:dev:InterlanguageFlags/code.css|u:dev:FontAwesome/code.css|https://fonts.googleapis.com/css?family=Open+Sans");
/* ===============
Profili
/* ===============
/* stili comuni */
/** box profilo **/
.portable-infobox {
margin: 0 0 0.5em 1em;
border: 2px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Open Sans', sans-serif;
}
.portable-infobox .pi-border-color {
border: none;
}
/** spaziatura **/
.portable-infobox .pi-group .pi-item-spacing {
padding: 0;
}
.portable-infobox .pi-title,
.portable-infobox .pi-header,
.portable-infobox .pi-group .pi-header {
background-color: inherit;
padding: 3px;
font-size: 15px;
font-weight: bold;
text-align: center;
}
/** immagine **/
.portable-infobox .pi-image-thumbnail {
background-color: #fff;
max-height: 500px;
width: 100%;
height: auto;
object-fit: contain;
}
/** nome delle informazioni **/
.portable-infobox .pi-data-label {
flex-basis: 40%;
font-size: 11px;
padding: 5px;
}
/** informazioni **/
.portable-infobox .pi-data-value {
background: #fff;
color: #000;
font-size: 11px;
padding: 5px;
}
/** bordi di separazione **/
.portable-infobox .pi-data + .pi-data .pi-data-label,
.portable-infobox .pi-data + .pi-data .pi-data-value {
border-top: 1px solid;
}
/** correzione colore collapse **/
.portable-infobox .pi-collapse .pi-header:first-child::after {
border-color: inherit;
}
/** correzione liste **/
.portable-infobox .pi-data-value ul {
list-style-type: none;
}
/** correzione note **/
.portable-infobox .reference {
font-size: 8px;
}
/** tabs **/
ul.pi-image-collection-tabs {
width: 100%;
font-size: 12px;
}
/* colori */
/** profilo personaggio **/
.pi-theme-personaggio {
border-color: #DC143C;
background-color: #DC143C;
color: #fff;
}
/** episodio **/
.pi-theme-episodio {
border-color: #FF1493;
background-color: #FF1493;
color: #fff;
}
/** film **/
.pi-theme-film {
border-color: #FF6600;
background-color: #FF6600;
color: #fff;
}
/** tecnica **/
.pi-theme-tecnica {
border-color: #FBEC1D;
background-color: #FBEC1D;
color: #000;
}
/** oggetto **/
.pi-theme-oggetto {
border-color: #6600CC;
background-color: #6600CC;
color: #fff;
}
/** luogo **/
.pi-theme-luogo {
border-color: #66CDAA;
background-color: #66CDAA;
color: #fff;
}
/** videogioco **/
.pi-theme-videogioco {
border-color: #3399FF;
background-color: #3399FF;
color: #fff;
}
/** fazione **/
.pi-theme-fazione {
border-color: #1acd32;
background-color: #1acd32;
color: #fff;
}
/** razza **/
.pi-theme-razza {
border-color: #660033;
background-color: #660033;
color: #fff;
}
/* END profili */
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
font-style: italic;
}
/* .ns-0 = articles, .ns-2 = user pages, .ns-100 = portals. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img {
background: white; /* No chequered background */
}
/* make polls the same size as their container, rather than 40em */
div.ajax-poll { width:auto !important; }