MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */

/* Hide the interface outside the content area */ { display: none; } body { background:#FFF; max-width: 65em; margin:auto; } margin:auto; border-collapse:collapse; margin-bottom:10px; padding:10px; padding-left:0; vertical-align:top; font-size: 2em; font-family:Georgia, serif; line-height:100%; } display: inline-block; content: url('http://wikiconferenceusa.org/images/d/de/WikiConference_USA_generic.svg'); transform:scale(1.2); padding-bottom: 1em; } @media screen { .mw-body-content { font-size: 1em; } .mw-body p { margin: 0; } } div#content { margin-left:0 !important; border:0 !important; } border: 0.0625em solid #e6e6e6; margin: 5.063em 0 1.25em; padding: 2.5em 4.875em; } h1, h2, h3, h4, h5, h6, h6 { font-family: Georgia, serif; border-bottom: none; } /* * =================== * zero.content.less * =================== */ /* body { font-size: 16px; font-family: Georgia, serif; } h1 { font-size: 2em; line-height: 1.25; } h2 { font-size: 1.5em; line-height: 1.267; } h3 { font-size: 1.25em; line-height: 1.333; } h4, h5, h6 { font-size: 1.125em; line-height: 1.444; } p { font-size: 1em; line-height: 1.5; color: #444; } hr { margin: 20px 0; } .caption { font-style: italic; font-size: .875em; line-height: 1.5; margin-top: 1em; color: #777777; } .arrow-link { display: block; font-family: Arial; font-size: 1.125em; line-height: 1.111em; margin-top: 1.778em; padding-left: 1.3em; color: #347bff; background: url(https://zero.wikimedia.org/w/img_auth.php/3/3b/Arrow-circle-right.svg) no-repeat; } .stat { display: table-cell; font-family: Arial; font-size: 1.5em; line-height: 1.25; color: #555555; width: 6.667em; } .stat .stat-icon { background-color: #347bff; color: #00af89; width: 50px; height: 50px; } .stat .stat-icon.stat-icon-phone { background: 50px url(https://zero.wikimedia.org/w/img_auth.php/0/0c/Circle-mobile.svg); } .stat .stat-icon.stat-icon-subs { background: 50px url(https://zero.wikimedia.org/w/img_auth.php/2/24/Circle-users.svg); } .stat .stat-icon.stat-icon-views { background: 50px url(https://zero.wikimedia.org/w/img_auth.php/c/cb/Circle-views.svg); } .stat .stat-text { padding-top: .75em; } .clearbox { clear: both; } width: 68.625em; height: 30.538125em; margin: -2.5em -4.875em 0; display: table; float: left; background: 0 20% / 68.625em url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Johannesburg_-_Wikipedia_Zero_-_258A9925.jpg/1098px-Johannesburg_-_Wikipedia_Zero_-_258A9925.jpg); } display: table-cell; vertical-align: bottom; padding: 0 1.5em 1em; font-size: 1.5em; font-style: italic; line-height: 2; color: white; background-color: rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(left bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(left bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background: -ms-linear-gradient(left bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background: -o-linear-gradient(left bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background: linear-gradient(to right top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } font-style: normal; font-size: 1.5em; line-height: 1; } margin: 1.75em 0 2.25em; } color: #777777; margin: 0; } color: #00af89; } border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; padding: 2.5em 0; } float: right; width: 22.813em; } margin-top: 0; } width: 32.5em; } .icon { height: 1.5em; padding-left: 1.25em; } .icon.status-constructive { background: 0 / 1em url(https://zero.wikimedia.org/w/img_auth.php/e/e6/Check-1.svg) no-repeat; } .icon.status-pending { background: 0 / 1em url(https://zero.wikimedia.org/w/img_auth.php/4/45/Pending.svg) no-repeat; } .icon.status-destructive { background: 0 / 1em url(https://zero.wikimedia.org/w/img_auth.php/a/af/Status-circle.svg) no-repeat; } .flex-container { display: flex; } .flex { flex-grow: 1; } display: inline-block; } .status-container { text-transform: uppercase; margin: 5px 0 15px; font-size: 0.9em; } .status-constructive { color: #00af89; } .status-pending { color: #ffb50d; } .status-destructive { color: #d11d13; } .mw-ui-container #userloginForm { border: 0; margin: 40px 0 0; padding: 0; font-family: sans-serif; } .mw-ui-container .mw-ui-vform { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 290px; margin: 0 auto; } .mw-ui-container .mw-ui-vform .mw-ui-vform-field { display: block; margin: 0 0 15px; padding: 0; width: 100%; } .mw-ui-container .mw-ui-input { -webkit-appearance: none; border: 1px solid #CCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: .4em .3em .2em .6em; display: block; vertical-align: middle; border-radius: 2px; color: inherit; background-color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .mw-ui-container .mw-ui-flush-right { float: right; padding-right: 0; margin-right: 0; } .mw-ui-container .mw-ui-checkbox { display: inline-block; vertical-align: middle; } .mw-ui-container .mw-ui-checkbox:not(#noop) { position: relative; line-height: 2em; } .mw-ui-container .mw-ui-checkbox:not(#noop) * { font: inherit; vertical-align: middle; } .mw-ui-container .mw-ui-checkbox:not(#noop) input[type="checkbox"] { opacity: 0; width: 2em; height: 2em; max-width: none; margin-right: 0.4em; } .mw-ui-container .mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before { content: ''; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; border-radius: 2px; width: 2em; height: 2em; background-color: #f6f6f6; border: 1px solid #777; } .mw-ui-container .mw-ui-checkbox:not(#noop) input[type="checkbox"]:checked + label::before { background-image: url("//bits.wikimedia.org/static-1.25wmf13/resources/src/mediawiki.ui/components/images/checked.png?2014-12-17T20:20:00Z"); background-image: -webkit-linear-gradient(transparent, transparent), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…0B78C%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E%0A"); background-image: -webkit-linear-gradient(transparent, transparent), url("//bits.wikimedia.org/static-1.25wmf13/resources/src/mediawiki.ui/components/images/checked.svg?2014-12-17T20:20:00Z"); background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…0B78C%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E%0A"); background-image: linear-gradient(transparent, transparent), url("//bits.wikimedia.org/static-1.25wmf13/resources/src/mediawiki.ui/components/images/checked.svg?2014-12-17T20:20:00Z"); -o-background-size: 1.8em 1.8em; -webkit-background-size: 1.8em 1.8em; background-size: 1.8em 1.8em; background-repeat: no-repeat; background-position: center center; background-origin: border-box; } position:absolute; width:65em; padding:0 !important; margin:0 !important; } /* The Great mw-navigation Rewrite */ width:auto !important; } display:inline; margin:0 !important; } display:inline; float:none; margin:0 !important; } div.vectorTabs, div.vectorTabs ul { background: none !important; } div.vectorTabs ul li { background: none !important; border: none !important; padding-right:10px; } li span { background: none !important; } form div { background: none !important; } div.vectorMenu h3 a { background: none !important; } top: 3em; width:100%; } line-height:1.5em; text-align:right; } background:none !important; font-weight:bold; } @media screen and (min-width:1260px) { #p-personal ul li { float: none; } } display: none; } position: static !important; top:0; padding-top:0 !important; padding-bottom:1em; width:100% !important; font-size:125% !important; border-top:1px solid #ddd; } display:inline !important; padding-right:1em !important; } .portal { background: none !important; }
 * 1) mw-page-base,
 * 2) mw-head-base,
 * 3) contentSub,
 * 4) jump-to-nav
 * 1) firstHeading {
 * 1) content:before {
 * 1) content {
 * 1) big-image {
 * 1) big-image #overlay-text {
 * 1) big-image #overlay-text #overlay-text-shout {
 * 1) mission-container {
 * 1) mission-container #mission {
 * 1) mission-container #mission .highlight-text {
 * 1) partner-benefit-container {
 * 1) partner-benefit-container #video-container {
 * 1) partner-benefit-container h2 {
 * 1) partner-benefit-container p {
 * 1) overall-status {
 * 1) overall-status,
 * 1) footer {
 * 1) mw-head {
 * 1) left-navigation {
 * 1) right-navigation {
 * 1) p-personal {
 * 1) p-personal ul li {
 * 1) pt-userpage {
 * 1) p-logo {
 * 1) mw-panel {
 * 1) mw-panel ul li {