MediaWiki:Gadget-common.css
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)
- Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure 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);
}
}