Utente:Rotpunkt/Wpb.css
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 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 mentre si fa clic su Refresh, oppure premere Ctrl-F5
- Opera: svuotare completamente la cache dal menu Strumenti → Preferenze
/**
* Stylesheet for page-wide Banner in WikidataPageBanner extension.
*/
.ext-wpb-pagebanner {
position: relative;
width: 100%;
margin: 0 0 0.5em;
clear: right;
}
.wpb-topbanner {
position: relative;
max-width: 1800px;
height: auto;
overflow: hidden;
max-height: 300px;
}
.ext-wpb-pagebanner .wpb-topbanner .wpb-name {
position: absolute;
z-index: 1;
margin: 0.6em 0 0 0.4em;
padding: 8px 7px;
font-size: 1em;
font-weight: bold;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
border-radius: 4px;
color: white;
white-space: nowrap;
line-height: 0.9em;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 95%;
}
.wpb-topbanner .wpb-banner-image {
width: 100%;
height: auto;
}
.wpb-iconbox {
top: 0;
position: absolute;
right: 0px;
padding: 3px;
z-index: 3;
background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
border-bottom-left-radius: 5px;
}
.wpb-iconbox p {
float: left;
}
@media screen and (min-width: 768px) {
.ext-wpb-pagebanner .wpb-topbanner .wpb-name {
font-size: 2.2em;
white-space: normal;
overflow: auto;
}
}
@media screen and (max-width: 400px) {
.wpb-topbanner {
/**
* The rules below define custom positioning for banner in case the cropped banner needs to be
* shifted to allow focus to a different area
*/
}
.wpb-topbanner .wpb-banner-image {
max-width: none !important;
width: auto;
min-height: 180px;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wpb-topbanner .wpb-left {
-webkit-transform: translateX(-25%);
-moz-transform: translateX(-25%);
-o-transform: translateX(-25%);
transform: translateX(-25%);
}
.wpb-topbanner .wpb-right {
-webkit-transform: translateX(-75%);
-moz-transform: translateX(-75%);
-o-transform: translateX(-75%);
transform: translateX(-75%);
}
}
/**
* Stylesheet for Table Of Contents in Banners displayed by WikidataPageBanner extension.
* All style rules have been applied with a prefix of wrapping .banner-toc, so cloning the original
* toc and styling the clone will have no side-effects
*/
.wpb-topbanner-toc {
display: none;
}
@media screen and (min-width: 768px) {
.wpb-topbanner-toc {
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
font-size: .875em;
}
.wpb-banner-toc {
display: table;
color: white;
background: none;
border: medium none;
line-height: 1.2em;
padding: .2em 1em;
margin: 0;
width: 100%; /* auto; */
}
.wpb-banner-toc .tocnumber {
display: none;
}
.wpb-banner-toc > div > ul {
list-style: none;
margin: 0;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
z-index: 4;
}
.wpb-banner-toc a,
.wpb-banner-toc a:visited,
.wpb-banner-toc a:active {
display: block;
color: white;
font-size: .8em;
font-weight: bold;
}
.wpb-banner-toc a:hover {
color: #BDDDFD;
}
.wpb-banner-toc li {
position: relative;
padding: 0 .4em;
margin: 0;
}
.wpb-banner-toc li > ul {
list-style: none;
margin: 0;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
z-index: 4;
}
.wpb-banner-toc li:hover {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
}
.wpb-banner-toc li:hover > ul > li {
display: block;
}
.wpb-banner-toc .toclevel-2,
.wpb-banner-toc .toclevel-3,
.wpb-banner-toc .toclevel-4,
.wpb-banner-toc .toclevel-5,
.wpb-banner-toc .toclevel-6 {
display: none;
white-space: nowrap;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.wpb-banner-toc .toclevel-1 {
float: left;
}
.wpb-banner-toc .toclevel-1 > ul {
position: absolute;
top: 100%;
left: 0;
}
.wpb-banner-toc .toclevel-2 ul {
position: absolute;
left: 100%;
top: 0;
}
.wpb-banner-toc #toctitle {
display: none;
}
/*.toc, #toc { display: none; }*/
}
.ext-wpb-pagebanner .wpb-bottomtoc {
position: relative;
}
.wpb-banner-toc .toclevel-1 {
padding: 0;
}
.wpb-banner-toc .toclevel-1:after {
content: " ·";
font-weight: bold;
padding: 0 0.3em;
}
.wpb-banner-toc .toclevel-1:last-child:after {
content: none;
}
.wpb-banner-toc .toclevel-1, .wpb-banner-toc li a, .wpb-banner-toc .toctext {display: inline;}
.wpb-banner-toc .toggleNode {
display: none;
}
.wpb-banner-toc .toclevel-1 ul {
display: block !important;
}