MediaWiki:Gadget-common.css

Da Wikisource.

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

  • Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
  • Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
  • Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
  • Opera: premi Ctrl-F5.
/* stili condivisi tra più gadget, per uniformare l'aspetto grafico */
.btn {
	border: 1px solid #1D6283;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 2px;
	-moz-box-shadow: 3px 3px 1px rgb(255,255,255);
	-webkit-box-shadow: 3px 3px 1px rgb(255,255,255);
	box-shadow: 3px 3px 1px rgb(255,255,255);
	font-size: 12px;
	font-weight: normal;
	color: rgb(3,0,0);
	background-color: #C0DEF8;
	cursor: pointer;
}
.btn:hover {
	-moz-box-shadow: 0 0 0 rgb(255,255,255);
	-webkit-box-shadow: 0 0 0 rgb(255,255,255);
	box-shadow: 0 0 0 rgb(255,255,255);
	background-color: #5783B4;
	color: white;
}
.btn:active, .btn:focus, .btn:visited {
	background-color: #345A90;
	color: white;
}

.box {
	border: 1px solid gray;
}
.box-title {
	background-color: #eaecf0;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid gray;
    cursor: move;
}
.box-main {
	background-color: #F8F9FA;
	padding: 5px;
}
.icon-close {
    background: transparent url(/w/extensions/UniversalLanguageSelector/resources/images/close.svg?9ceda) no-repeat center center;
    background-size: 10px 10px;
    float: right;
    padding: 10px;
    cursor: pointer;
}
.width-50 {
	width: 50%;
    display: inline-block;
}
.text-right {
	text-align: right;
}
.loader {
	display: inline-block;
	border: 2px solid #f3f3f3;
	border-radius: 50%;
	border-top: 2px solid #3498db;
	width: 12px;
	height: 12px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}
a[disabled="disabled"] {
    pointer-events: none;
}
    
/* Safari */
@-webkit-keyframes spin {
  0% { 
  	-webkit-transform: rotate(0deg); 
  }
  100% {
  	-webkit-transform: rotate(360deg); 
  }
}

@keyframes spin {
  0% { 
  	transform: rotate(0deg);
  }
  100% {
  	transform: rotate(360deg); 
  }
}