MediaWiki:Common.css

Da WeMake Wiki.
Versione del 27 apr 2014 alle 10:01 di Zoe (discussione | contributi) (Creata pagina con "→‎Gli stili CSS inseriti qui si applicano a tutte le skin: →‎LAYOUT: #container { margin: 0 0; } #header{ →‎background: none;: height: 9em; border-bottom: 3px so...")
(diff) ← Versione meno recente | Versione attuale (diff) | Versione più recente → (diff)
Jump to navigation Jump to search

Nota: dopo aver salvato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

  • Firefox / Safari: tenere premuto il tasto delle maiuscole Shift e fare clic su Ricarica, oppure premere Ctrl-F5 o Ctrl-R (⌘-R su Mac)
  • Google Chrome: premere Ctrl-Shift-R (⌘-Shift-R su un Mac)
  • Internet Explorer: tenere premuto il tasto Ctrl e fare clic su Aggiorna, oppure premere Ctrl-F5
  • Opera: Vai nel Menu → Impostazioni (Opera → Preferenze su un Mac) e poi in Privacy & sicurezza → Pulisci dati del browser → Immagini e file nella cache.
/* Gli stili CSS inseriti qui si applicano a tutte le skin */

/* LAYOUT */

#container {
	margin: 0 0;
}

#header{
	/*background: none;*/
	height: 9em;
	border-bottom: 3px solid #800202;
	background-image: url(../images/flannel-bg-1.png);
	background-repeat: repeat-x;
	background-position: 0 2.1em; 
}


#header h1{
	margin: 0 auto 0 10px;
	padding-top: 0.9em;
	text-align: center;
	width: 600px;
	font-size: 3em;
	border: none;
	font-family: Verdana,"Trebuchet MS";
}
#header h1 a{
	color: #800202;
}
#header h1 a:hover{
	background: none;
}

#header h2{
	margin: 0 auto 0 10px;
	text-align: center;
	width: 600px;
	font-size: 1.5em;
	color: #666;
}

#header-extra-div-1{
	position: absolute;
	top:0; left:0; right:0;
	width: 100%;
	height: 2em;
	background-color: #700404;
	background-image: url(../images/flannel-bg-2.png);
}
#header #login-status, #login-status a {
	color: #EEE;
	font-weight:bold;
}

#account-options a,#account-options, a#account-topbutton{
	color: #333;
	font-weight: normal;
}

#login-status{
	top: 3px;
}

#login-status .printuser a {
	display:none;
}
#login-status a:hover{
	background-color: #B20909;
}
#account-options a:hover{
	background-color: #EEE;
}	

#top-bar{
	right: 10em;
}


#content-wrap{
	margin: 1em 2em;
}

#side-bar{
	background-color: #F6F6F0;
	border-top: 1px solid #B20909;
	border-bottom: 1px solid #B20909;

}

#side-bar h1, #side-bar h2,#side-bar h3{
	/*border-top: 1px dotted #777;*/
	border-bottom: 1px dotted #777;
}  

#side-bar a:hover{
	background-color: #FFF;
}

#side-bar ul{
	display: block;
	padding: 0;
	list-style: none;
}
#side-bar ul li{
	display:block;
}
#side-bar ul li a{
	display:block;
}

/* bottom elements */
#page-info{
	color: #555;
}


/* footer */ 
/*
#footer{
	background-color: #DDD;
}

#footer .options a{
	color: #844;
}
*/

#footer{
	background-color: #500303;
	color: #EEE;
	background-image: url(../images/flannel-bg-2.png);
}

#footer a{
	color: #ECC;
}
#footer a:hover{
	background-color: #944;
}


/* ELEMENTS */

body{
	color: #222;
}

h1, h2, h3, h4, h5, h6, #page-title{
	/*font-family: "Palatino","Palatino Linotype", serif;*/
	font-family: Georgia, "Times New Roman", times, serif;
}

#page-title{
	color: #500404;
	font-size: 220%;
}

h1,h2,h3{
	color: #444;
}

h1{
	border-bottom: 1px dotted #AAA;
}

a{
	color: #700909;
}

a.newpage{
	color: #888;
}



/* INTERFACE ETC. */

.page-options-bottom a{
	color: #224;
	background-color: #EEE;
	text-decoration: none;
}
.page-options-bottom a:hover{
	background-color: #DDD;
}

a.action-area-close{
	color: #224;
	background-color: #EEE;
	text-decoration: none;
}

div.buttons input, input.button, button, file, a.button, .owindow .button-bar a{
	background-color: #F4F4F4;
	border: 1px solid #AAA;
	/*color: #500202;*/
}
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover, .owindow .button-bar a:hover{
	background-color: #DDD;
/*	color: #500202;*/
}

.owindow .title{
	background-color: #EEE;
}

/* FORUM COLORS */

.forum-group div.head{
	background-color: #642;
	color: #FFF;
}

.thread-container .post .options a{
	color: #A77;
}

.thread-container .post  .long  .changes a {
	color: #A77;
}
.thread-container .post  .short  .options{
	color: #A77;
}