MediaWiki: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.
/**
* Logo badge
* Version: 2018-05-19
* Source: https://test.wikipedia.org/wiki/MediaWiki:Vector.css
*/
#p-logo {
position: relative;
}
#p-logo::before {
content: "TESTSITE";
letter-spacing: 4px;
display: block;
position: absolute;
bottom: 0;
background: #C6FFE0;
color: #333;
font: bold 17px/1 sans-serif;
opacity: 0.9;
border: 3px solid #007092;
border-radius: 2em;
text-align: center;
padding: 0.5em 1em;
box-sizing: border-box;
width: 100%;
transform: rotate(-10deg);
pointer-events: none;
transition: transform 0.2s ease-out; /* transition out */
}
#p-logo:hover::before {
transition: transform 0.5s ease; /* transition in */
transform: rotate(0deg);
}
/**
* Below copied from en.wikipedia.org
*/
/* Don't display some stuff on the main page */
.page-Main_Page #deleteconfirm,
.page-Main_Page #t-cite,
.page-Main_Page #footer-info-lastmod,
.action-view.page-Main_Page #siteSub,
.action-view.page-Main_Page #contentSub,
.action-view.page-Main_Page .firstHeading {
display: none !important;
}
/* Position coordinates */
#coordinates {
position: absolute;
top: 0;
right: 0;
float: right;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: right;
text-indent: 0;
font-size: 85%;
text-transform: none;
white-space: nowrap;
}
/* correct position for VE */
.ve-ce-surface-enabled #coordinates {
margin-right: 2em;
margin-top: -1em;
}
.mw-indicator #coordinates {
position: absolute;
top: 3em;
right: 0;
line-height: 1.6;
text-align: right;
font-size: 92%;
white-space: nowrap;
}
/* FR topicon position */
div.flaggedrevs_short {
position: absolute;
top: -3em;
right: 100px;
z-index: 1;
}
/* Display "From Wikipedia, the free encyclopedia", do not apply to print mode */
@media screen {
#siteSub {
display: block;
font-size: 92%;
}
}
/* Move page status indicators down slightly */
.mw-body .mw-indicators {
padding-top: 0.4em;
}
/* CSS placed here will affect users of the Vector skin */
/* Necessary for displaying text in the upper right edge. (Used in [[Template:Shortcut]]) */
#shortcut {
display: inline;
position: absolute;
z-index: 1;
border: none;
background: none;
right: 12px;
top: .3em;
float: right;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: right;
text-indent: 0;
font-size: 90%;
text-transform: none;
white-space: normal;
}
/* For positioning icons at top-right, used in Templates with protection locks */
div.topicon {
position: absolute;
top: -3em;
margin-right: -10px;
display: block;
}
/* account creation fixes */
form#userlogin {
padding: 1em 1em .7em 1em;
background: #FFFFE6;
border: 2px solid #FC6;
color: #000;
margin-right: 2em;
}
.mw-special-Userlogin #mw-content-text #userlogin {
width:35%;
float:left;
background:#EFF2FF;
margin-right: 1.5em;
}
.mw-special-Userlogin .prefsectiontip {
display:none
}
.mw-special-Userlogin form#userlogin2 .captcha {
background: #FFFFFF;
border:1px solid #aaa;
padding: 5px;
}
.mw-special-Userlogin #mw-content-text #signupend {
margin-left:50%;
}
#siteSub {
display: inline;
font-size: 92%;
}
/* Page-specific settings */
body.page-Main_Page.action-view #siteSub {
display: none !important;
}
body.page-Commons_Mobile_app_Download.action-view #siteSub,
body.page-Commons_Mobile_app_Download.action-view #contentSub {
display: none !important;
}
body.page-Commons_Wiki_Loves_Monuments_upload.action-view #siteSub,
body.page-Commons_Wiki_Loves_Monuments_upload.action-view #contentSub {
display: none !important;
}
.page-Commons_Wiki_Loves_Monuments_2013.action-view #firstHeading, .page-Commons_Wiki_Loves_Monuments_2013.action-view #siteSub, .page-Commons_Picture_of_the_Year_2013_Introduction #siteNotice {
display: none !important;
}
/* Display edit tags with a faint yellow background */
.mw-tag-markers {
font-style: italic;
font-size: 90%;
background-color: lightyellow;
}