MediaWiki:Common.css: differenze tra le versioni

Da La Barriera Wiki.
Vai alla navigazione Vai alla ricerca
Nessun oggetto della modifica
Nessun oggetto della modifica
 
(365 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
/* Gli stili CSS inseriti qui si applicano a tutte le skin */
/* Body */


/* Sfondo azzurro ghiaccio per fondo pagina */
body {
body {
background-image: url('http://www.labarriera.net/images/body_texture.jpg');
  background-color: #2b3e50;
  font-family: Playfair Display;
  font-size: 1.1rem;
}
}
#mw-page-base {
#mw-page-base {
background-image: url('http://www.labarriera.net/images/body_texture.jpg');
  background: #2b3e50;
}
 
.mw-body {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
}
 
h1 {
  color: #ebebeb;
  font-size: 2.5rem;
  font-style: italic !important;
}
 
h2 {
  color: #ebebeb;
  font-size: 2rem;
}
 
h3 {
  color: #ebebeb;
  font-size: 1.75rem;
}
 
h4 {
  color: #ebebeb;
  font-size: 1.5rem;
}
 
pre {
  background-color: #abb6c2;
}
 
.tocnumber {
  color: #ebebeb;
}
 
/* Link */
a {
  color: #df691a !important;
  text-decoration: none;
  background-color: transparent;
}
 
 
#pt-userpage {
  color: #ebebeb;
}
 
a.new {
  color: #f0ad4e !important;
}
 
/* Finestre standard */
 
.thumbinner {
  background-color: #abb6c2 !important;
  border: none !important;
}
 
.toctogglelabel {
  color: #df691a !important;
}
 
.catlinks {
  background-color: #4e5d6c;
  color: #ebebeb;
}
 
li#ca-nstab-main, li#ca-talk, li#ca-view, li#ca-edit, li#ca-history, li#ca-unwatch {
  background-color: #2b3e50 !important;
  border: none;
}
 
.vector-menu-tabs {
  background-color: #2b3e50 !important;
  background-image: none;
  border: none;
}
 
.vector-menu-tabs li, .vector-menu-tabs a {
  background-color: #2b3e50 !important;
  background-image: none;
  border: none;
}
 
.vector-menu-dropdown, .vector-menu-content-list {
  background-color: #2b3e50 !important;
}
 
#p-cactions-label {
  color: #ebebeb;
}
 
#footer-info-copyright {
  color: #ebebeb !important;
}
 
#footer-info-lastmod {
  color: #ebebeb !important;
}
 
#p-Barriera {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 0.3rem;
}
 
#p-Barriera-label {
  color: #ebebeb;
  font-size: 1.05rem;
}
 
#p-lang {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 0.3rem;
}
 
#p-lang-label {
  color: #ebebeb;
  font-size: 1.05rem;
}
 
#p-navigation {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
 
#p-tb {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 0.3rem;
}
 
#p-tb-label {
  color: #ebebeb;
  font-size: 1.05rem;
}
 
.toc {
  background-color: #4e5d6c;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
}
 
/* Finestre */
 
.box {
  background-color: #4e5d6c;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
  padding: 0.5rem;
}
 
.imagebox {
  background-color: #abb6c2;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
 
.lightbox {
  background-color: #5b6977;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.5rem;
}
 
.strongbox {
  background-color: #4e5d6c;
  border: 1px solid rgba(0, 0, 0, 0.125);
  font-style: italic;
  padding: 0.5rem;
  text-align: center;
}
 
.lighttitle {
  background-color: #5b6977;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.5rem;
  text-align: center;
}
 
.strongtitle {
  background-color: #5b6977;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
  font-size: 1.25rem;
  font-style: italic !important;
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}
 
#normal {
  font-style: normal;
}
 
#recap {
  font-size: 1.05rem;
}
 
/* Tabelle */
 
table {
  margin-left: auto;
  margin-right: auto;
}
 
table.full {
width: 100%;
}
 
table.lateral {
margin-left: 1rem;
margin-bottom: 1rem;
width: 25%;
min-width: 25%;
max-width: 25%;
}
}


/* Sfondo bianco ghiaccio per fondo corpo pagina */
td.lighttitle {
div#content {
  width: 40%;
background-image: url('http://www.labarriera.net/images/back2.gif');
border: 1px solid #0D0C14;
}
}


/* Sfondo bianco ghiaccio per tab utilizzo pagina */
td.strongtitle {
div.vectorTabs li.selected {
  text-align: center;
background-image: url('http://www.labarriera.net/images/back2.gif');
  vertical-align: center;
}
}


/* Sfondo bianco ghiaccio e bordi per box laterali a sinistra */
td#internal {
.portal {
  border: none;
border: 1px solid #0D0C14;
  text-align: center;
margin-bottom: 1em;
padding-top: 1em;
padding-right: 1em;
background-image: url('http://www.labarriera.net/images/back2.gif');
}
}


/* Riga di inframezzo tra titolo e voci nei box laterali sinistra */
td#internal-left {
.portal div.body {
  border: none;
border-top: 1px solid #0D0C14;
  font-size: 0.75rem;
  text-align: left;
  width: 45%;
}
}


div.vectorMenu ul {
td#internal-right {
background-color: red;
  border: none;
border: solid 10px #0D0C14;
  font-size: 0.75rem;
border-top-width: 01px;
  text-align: right;
  width: 45%;
}
}

Versione attuale delle 14:32, 11 dic 2020

/* Body */

body {
  background-color: #2b3e50;
  font-family: Playfair Display;
  font-size: 1.1rem;
}

#mw-page-base {
  background: #2b3e50;
}

.mw-body {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
}

h1 {
  color: #ebebeb;
  font-size: 2.5rem;
  font-style: italic !important;
}

h2 {
  color: #ebebeb;
  font-size: 2rem;
}

h3 {
  color: #ebebeb;
  font-size: 1.75rem;
}

h4 {
  color: #ebebeb;
  font-size: 1.5rem;
}

pre {
  background-color: #abb6c2;
}

.tocnumber {
  color: #ebebeb;
}

/* Link */
a {
  color: #df691a !important;
  text-decoration: none;
  background-color: transparent;
}


#pt-userpage {
  color: #ebebeb;
}

a.new {
  color: #f0ad4e !important;
}

/* Finestre standard */

.thumbinner {
  background-color: #abb6c2 !important;
  border: none !important;
}

.toctogglelabel {
  color: #df691a !important;
}

.catlinks {
  background-color: #4e5d6c;
  color: #ebebeb;
}

li#ca-nstab-main, li#ca-talk, li#ca-view, li#ca-edit, li#ca-history, li#ca-unwatch {
  background-color: #2b3e50 !important;
  border: none;
}

.vector-menu-tabs {
  background-color: #2b3e50 !important;
  background-image: none;
  border: none;
}

.vector-menu-tabs li, .vector-menu-tabs a {
  background-color: #2b3e50 !important;
  background-image: none;
  border: none;
}

.vector-menu-dropdown, .vector-menu-content-list {
  background-color: #2b3e50 !important;
}

#p-cactions-label {
  color: #ebebeb;
}

#footer-info-copyright {
  color: #ebebeb !important;
}

#footer-info-lastmod {
  color: #ebebeb !important;
}

#p-Barriera {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 0.3rem;
}

#p-Barriera-label {
  color: #ebebeb;
  font-size: 1.05rem;
}

#p-lang {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 0.3rem;
}

#p-lang-label {
  color: #ebebeb;
  font-size: 1.05rem;
}

#p-navigation {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

#p-tb {
  background-color: #2b3e50;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 0.3rem;
}

#p-tb-label {
  color: #ebebeb;
  font-size: 1.05rem;
}

.toc {
  background-color: #4e5d6c;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
}

/* Finestre */

.box {
  background-color: #4e5d6c;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
  padding: 0.5rem;
}

.imagebox {
  background-color: #abb6c2;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.lightbox {
  background-color: #5b6977;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.5rem;
}

.strongbox {
  background-color: #4e5d6c;
  border: 1px solid rgba(0, 0, 0, 0.125);
  font-style: italic;
  padding: 0.5rem;
  text-align: center;
}

.lighttitle {
  background-color: #5b6977;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.5rem;
  text-align: center;
}

.strongtitle {
  background-color: #5b6977;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #ebebeb;
  font-size: 1.25rem;
  font-style: italic !important;
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}

#normal {
  font-style: normal;
}

#recap {
  font-size: 1.05rem;
}

/* Tabelle */

table {
  margin-left: auto;
  margin-right: auto;
}

table.full {
 width: 100%;
}

table.lateral {
 margin-left: 1rem;
 margin-bottom: 1rem;
 width: 25%;
 min-width: 25%;
 max-width: 25%;
}

td.lighttitle {
  width: 40%;
}

td.strongtitle {
  text-align: center;
  vertical-align: center;
}

td#internal {
  border: none;
  text-align: center;
}

td#internal-left {
  border: none;
  font-size: 0.75rem;
  text-align: left;
  width: 45%;
}

td#internal-right {
  border: none;
  font-size: 0.75rem;
  text-align: right;
  width: 45%;
}