Anonimo

MediaWiki:Common.css: differenze tra le versioni

Da Wikitrek.
nessun oggetto della modifica
Nessun oggetto della modifica
Nessun oggetto della modifica
 
(50 versioni intermedie di uno stesso utente non sono mostrate)
Riga 6: Riga 6:


/* <syntaxhighlight lang=css> */
/* <syntaxhighlight lang=css> */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans|Libre+Baskerville:ital@1');


/* See https://stackoverflow.com/questions/35523211/change-text-color-based-on-the-background-color */
/* See https://stackoverflow.com/questions/35523211/change-text-color-based-on-the-background-color */
Riga 12: Riga 12:
     @if (lightness( $color ) > 50) {
     @if (lightness( $color ) > 50) {
       @return $black;
       @return $black;
     }
     }c
     @else {
     @else {
       @return $white;
       @return $white;
Riga 36: Riga 36:
   font-family: rubik,helvetica,arial,sans-serif,'DIn pIqaD';
   font-family: rubik,helvetica,arial,sans-serif,'DIn pIqaD';
}*/
}*/
:root {
--background-color-boxes: #f9f9f9;
}
/* Font */
/* Font */
body {
body {
     font-family: "Open Sans", sans-serif, "DIn pIqaD"
     font-family: "Open Sans", sans-serif, "DIn pIqaD"
}
body::selection {
    color: white;
    background-color: #CFAA82;
}
p::selection {
    color: white;
    background-color: #CFAA82;
}
}


Riga 233: Riga 247:
     background-position: center right;
     background-position: center right;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-image: url(https://gitpull.it/file/data/exem75lelovvftlyzj5t/PHID-FILE-b6htnq3hjgmixwcad3gy/favicon);
     background-image: url(https://gitpull.it/file/data/d5ezfxvn5o2yr7upcbua/PHID-FILE-ogmxa3rxedgqvfatejrb/favicon);
     background-image: -o-linear-gradient(transparent,transparent),url(https://gitpull.it/file/data/exem75lelovvftlyzj5t/PHID-FILE-b6htnq3hjgmixwcad3gy/favicon);
     background-image: -o-linear-gradient(transparent,transparent),url(https://gitpull.it/file/data/exem75lelovvftlyzj5t/PHID-FILE-b6htnq3hjgmixwcad3gy/favicon);
     background-size: 12px;
     background-size: 12px;
     padding-right: 13px;
     padding-right: 13px;
}
.extiw[href*="stowiki"] {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(https://stowiki.net/w/resources/assets/favicon.ico);
    background-image: -o-linear-gradient(transparent,transparent),url(https://stowiki.net/w/resources/assets/favicon.ico);
    background-size: 12px;
    padding-right: 15px;
}
}


Riga 253: Riga 276:
   color:#000;
   color:#000;
   width:25%;
   width:25%;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  background-color: var(--background-color-boxes); /*color: var(--background-color-boxes, #f9f9f9);*/
}
}


Riga 285: Riga 311:
   text-align: center;
   text-align: center;
   color: white;
   color: white;
   font-size: 18px;
   font-size: 20px;
   position: relative;
   position: relative;
   z-index: 1;
   z-index: 1;
Riga 334: Riga 360:
/* Campi FINE */
/* Campi FINE */


.compactul {
ul.compactul {
list-style-type: none;
list-style-type: none;
/*display: inline;*/
text-align: center;
margin: 0;
margin: 0;
text-align: center;
}
}
.compactul li {
.compactul li {
display: inline;
display: inline;
Riga 457: Riga 483:


blockquote{     
blockquote{     
     border-left: 10px solid #cfaa82;
     border-left: 5px solid #cfaa82;
     margin: 1.5em 10px;
     margin: 1.5em 4%;
     padding: 0.5em 10px;
     padding: 0.5em 10px;
     quotes: "\201C""\201D""\2018""\2019";
     quotes: "\201C""\201D""\2018""\2019";
}
}


/*
blockquote:before{
blockquote:before{
     color: #cfaa82;
     color: #cfaa82;
Riga 469: Riga 496:
     line-height: 0.1em;
     line-height: 0.1em;
     margin-right: 0.2em;
     margin-right: 0.2em;
     vertical-align: -0.4em;
     vertical-align: -0.5em;
}
}
*/
blockquote:after {
blockquote:after {
   content: "";
   content: "";
Riga 478: Riga 506:
blockquote p {
blockquote p {
   display: inline;
   display: inline;
  font-size: 18px;
}
}
.doppiacitazione footer {
.doppiacitazione footer {
Riga 492: Riga 521:
   display: table;
   display: table;
   clear: left;
   clear: left;
}
.templatequote {
font-family: 'Libre Baskerville', serif;
font-style: italic;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/28/Quote.png);
background-repeat: no-repeat;
background-position: 10px -10px;
}
.templatequotecite {
font-family: "Open Sans", sans-serif;
font-style: normal;
}
}


Riga 578: Riga 619:
#n-Canale-Telegram a {
#n-Canale-Telegram a {
     padding-left: 20px;     
     padding-left: 20px;     
}
#mw-panel a[href*="github"] {
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(https://github.githubassets.com/favicon.ico);
    background-image: -o-linear-gradient(transparent,transparent),url(https://github.githubassets.com/favicon.ico);
    background-size: 12px;
    padding-left: 20px;
}
}


Riga 658: Riga 708:
}
}
/* HyperTrek Data END */
/* HyperTrek Data END */
/* Imported from HyperTrek START */
.plaquet1 {
  background: white none repeat scroll 0 50%;
  font-family: serif;
  font-weight: bold;
  font-size: 24pt;
  font-style: normal;
  text-align: center;
  color: black;
}
.plaquest1 {
  background: white none repeat scroll 0 50%;
  font-family: serif;
  font-weight: bold;
  font-size: 14pt;
  font-style: normal;
  text-align: center;
  color: black;
}
.plaquest2 {
  background: white none repeat scroll 0 50%;
  font-family: serif;
  font-weight: normal;
  font-size: 22pt;
  font-style: normal;
  text-align: center;
  color: black;
}
.plaquetxt1 {
  background: white none repeat scroll 0 50%;
  font-family: serif;
  font-weight: lighter;
  font-size: 8pt;
  font-style: normal;
  text-align: center;
  color: black;
}
/* Imported from HyperTrek END */
/* Box Secondario START */
.boxsecondario {
width: 25%;
float: right;
clear: right;
background: #f8f9fa;
padding: 1em;
text-align: center;
border-collapse: collapse;
line-height: 1.4em;
margin-bottom: 0.5em;
margin-left: 0.5em;
display: table;
}
.boxsecondario hr {
width: 95%;
margin-left: auto;
margin-right: auto
}
/* see https://stackoverflow.com/questions/1141639/how-to-semantically-provide-a-caption-title-or-label-for-a-list-in-html */
.contenutoboxsecondario ul[title]::before {
    content: attr(title);
    /* then add some nice styling as needed, eg: */
    display: block;
    font-weight: bold;
    /*padding: 4px;*/
    margin-top: 7px;
    margin-bottom: 5px;
}
.boxsecbackNSW {
background-image: url(../wt/images/4/4d/Ico-SNW.SVG);
}
.titoletto {
    display: block;
    /* font-weight: bold; */
    margin-top: 7px;
    margin-bottom: 5px;
    font-family: 'Fjalla One';
    font-size: 16px;
}
.chiusuraboxsecondario {
background-color: #dadada;
}
.chiusuraboxsecondario ul {
font-variant: small-caps;
font-size: 90%;
}
.titoloboxsecondario {
background-color: #dadada;
color: black;
font-size: 20px;
border: none;
position: relative;
z-index: 1;
font-family: 'Fjalla One';
text-align: center;
padding:0.5em;
}
.contenutoboxsecondario {
padding: 0.5em 0.5em 0.5em 0.5em;
text-align:center;
/*background-image: url(../wt/images/4/4d/Ico-SNW.SVG);*/
background-blend-mode: lighten;
background-color: #f8f9fa;
background-color: rgba(248,249,250,0.9);
background-repeat: no-repeat;
background-position: -15% -15%;
}
/* Box Secondario END */
/* Flex START */
.flexcontainer {
columns: 3 auto;
column-gap: 1rem;
padding-top: 1em;
}
.flexitem {
margin: 0 1rem 1rem 0;
    display: inline-block;
    width: 100%;
    border: none;
    background-color: #f9f9f9;
}
.flextitle {
background-color: #996633;
text-align: center;
color: white;
padding: 0.5em;
font-family: 'Fjalla One';
}
.flexitem h2 {
padding: 0.3em;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
border: none;
color: white;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
}
/* Flex END */
/* Navigation START */
.navsection {
margin-bottom: 0.5em;
margin-top: 0.5em;
}
/* Navigation END */
/* VECTOR START */
/* [[Categoria:Pagine create manualmente]] */
/* [[Categoria:Pagine importate dal sito di test]] */
.multidivext{
    float: left;
}
.multidivint{
    margin: 4px;
    padding: 4px;
    display: block;
    border: 1px solid#aaaaaa;
}
.custommaintitle{
    color: #996633;
    font-size: 200%;
    padding: 0.2em 0.4em;
}
footer{
    display: block;
}
.navcontenitore{
    color:#000;
    background-color:#f9f9f9;
    padding:1em;
    border:1px solid #ffd700;
}
.navtitolo{
    padding:3px;
    background-color:#996633;
    text-align:center;
    color:white;
    font-size:18px
}
.navsoprasotto {
    padding:3px;
    text-align:center;
    color:black;
    font-size:12px
}
.navglobaltable th {
    background-color:#fff5dc;
    width: 18%;
}
.navglobaltable ul {
list-style-type: none;
text-align: center;
/*margin: 0;*/
display: inline;
}
.navglobaltable ul[title]::before {
    content: attr(title) ":\00a0";
    display: inline;
    font-weight: bold;
}
.navglobaltable li {
display: inline;
}
.navglobaltable li + li::before {
    content: " • ";
}
/* VECTOR STOP */
/* </syntaxhighlight> */
/* </syntaxhighlight> */