MediaWiki:Gadget-vis.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)
- Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
- Opera: premi Ctrl-F5.
/* css per vis */
.vis {
width:100%;
height: 100%;
background-color:black;
z-index:2000;
position:fixed;
top:0;
left:0;
display:none;
overflow:auto;
}
.visForm {
padding:5px;
border:1px solid #eaeaea;
position:fixed;
box-shadow: 10px 10px 5px #777777;
top:50px;
left:50px;
background-color:#fdfdfd;
font-family:georgia;
font-size:.9pc;
display:none;
z-index:10;
}
.vis .poem {
line-height:1.4em;
}
.label {
font-family:Georgia;
font-size:90%;
display:inline-block;
width:150px;
}
.logo {
width:80px;
height:auto;
position:fixed;
top:5px;
left:5px;
}
.freccia {
position:fixed;
top:300px;
font-size:3pc;
color:blue;
}
.libro {
background-color:black;
width:80%;
min-height:85%;
font-size:0.875em;
border-collapse:collapse;
margin-top:10px;
}
.pagina {
text-align:justify;
font-family:Georgia,Times New Roman,Times,serif;
margin:0 auto;
position:relative; /* aggiunta per gestire il template L */
}
.pagetext {
font-size:inherit;
}
#header_r, #body_r, #footer_r {
border-right:1px solid #b6b6b6;
padding: 0 1.5em 0 2em ;
width:50%;background: -moz-linear-gradient(360deg, #ffffff 0%, #ffffff 96%, #c0c0c0 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(96%, #ffffff), color-stop(100%, #c0c0c0)); /* safari4+,chrome */
background: -webkit-linear-gradient(360deg, #ffffff 0%, #ffffff 96%, #c0c0c0 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(360deg, #ffffff 0%, #ffffff 96%, #c0c0c0 100%); /* opera 11.10+ */
background: -ms-linear-gradient(360deg, #ffffff 0%, #ffffff 96%, #c0c0c0 100%); /* ie10+ */
background: linear-gradient(90deg, #ffffff 0%, #ffffff 96%, #c0c0c0 100%); /* w3c */
}
#header_f, #body_f, #footer_f {
padding: 0 2em 0 1.5em ;
width:50%;
background: -moz-linear-gradient(360deg, #c0c0c0 0%, #ffffff 4%, #ffffff 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c0c0c0), color-stop(4%, #ffffff), color-stop(100%, #ffffff)); /* safari4+,chrome */
background: -webkit-linear-gradient(360deg, #c0c0c0 0%, #ffffff 4%, #ffffff 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(360deg, #c0c0c0 0%, #ffffff 4%, #ffffff 100%); /* opera 11.10+ */
background: -ms-linear-gradient(360deg, #c0c0c0 0%, #ffffff 4%, #ffffff 100%); /* ie10+ */
background: linear-gradient(90deg, #c0c0c0 0%, #ffffff 4%, #ffffff 100%); /* w3c */
}
#body_r, #body_f {
height:100%;
vertical-align:top;
}
#header_r, #header_f {
padding-top:1.5em;
}
#footer_r, #footer_f {
padding-bottom:1.5em;
}
.next, .previous, .temp {
display:none;
}
.current {
display:block;
}
#pop1 {
font-family:Georgia;
font-size:90%;
position: fixed;
top: 100px;
left: 100px;
border: 2px solid gray;
max-width:400px;
min-width: 200px;
z-index: 10;
background-color: white;
display:none;
}
.popBody {
position:fixed;
top:100px;
left:10px;
background-color:white;
max-height:400px;
padding:5px;
text-align:right;
overflow:auto;
}
.popBody ul {
margin:0;
font-size:90%;
line-height:1em;
}
.popBody li {
list-style-type:none;
}