User:Jdlrobson/vector.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Tablet specific styling */
@media all and (min-width: 768px) {
.z-banner-image {
position: relative;
overflow: hidden;
max-width: 1125px;
height: auto;
margin-bottom: .6em;
}
.z-banner-box h2 {
font-size: 3em;
white-space: nowrap;
line-height: 1.2em;
}
.z-banner-box .type {
font-size: 2em;
line-height: 1.2em;
}
.z-banner-box a {
color: #FFF !important;
font-weight: bold;
}
.z-banner-box .quote {
font-size: 1em;
line-height: 1.2em;
}
.z-banner-box-left {
left: 5%;
text-align: left;
}
.z-banner-box {
position: absolute;
z-index: 2;
margin-top: 2.5em;
color: #FFF;
width: 50%;
min-width: 20em;
text-shadow: #000 0.3em 0.3em 1em,#000 -0.1em -0.1em 1em;
}
.wikimedia-projects,
.nav-tip,
map { display: block; }
.z-banner-box-welcome {
left: 1em;
text-align: center;
width: 40%;
white-space: nowrap;
}
.z-bottom-boxes {
background-color: #B0C4DE;
overflow: auto;
padding: 0;
max-width: 1125px;
}
.z-bottom-box-left {
float: left;
width: 46%;
}
.z-bottom-box-right {
margin-left: 52%;
}
.z-banner-box ul {
font-size: 1.25em;
}
.z-banner-box ul li:before {
content: " • ";
}
/*FIXME:use hlist class instead*/
.z-banner-box ul li {
display: inline;
}
.z-banner-box .welcome {
font-size: 2.1em;
}
}
/* generic rules */
.wikimedia-projects,
.nav-tip,
map { display: none; }
.z-banner-image img {
width: 100% !important;
height: auto !important;
}
.z-bottom-box-left {
border-right: 10px solid #FFF;
z-index: 4;
padding: 1em;
}
.z-bottom-box-right {
z-index: -15;
padding: 1em;
}
.z-bottom-boxes img {
max-width: 100% !important;
height: auto !important;
}
.z-banner-box .welcome a {
font-size: 1.5em;
}
.z-banner-box .stats {
font-size: 1em;
margin-top: 1.7em;
}