User:LitoRom1/timeless.css: Difference between revisions
From Vintage Story Wiki
(LitoRom1 moved page User:LitoRom1/timeless.css to User:LitoRom1/hydradark.css over redirect: Testing new skin for personal improvement. ) Tag: New redirect |
m (Replaced content with "→A reset for 3rd party tech spitting out styles into [aria-hidden]: body[aria-hidden] { text-align: left; padding: 0; margin: 0; position: static; } →No no vector. Serif fonts are ugly.: .mw-body h1, .mw-body h2 { font-family: sans-serif; } div.suggestions,html > body div.suggestions { margin-top: -28px; } →Post Edit Notification: div.postedit-container { top: 30px; } pre, .mw-code { white-space: pre-wrap; word-wrap: break-word; } div#mw-pan...") Tags: Replaced Mobile edit Mobile web edit |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
/* # | /* A reset for 3rd party tech spitting out styles into [aria-hidden] */ | ||
body[aria-hidden] { | |||
text-align: left; | |||
padding: 0; | |||
margin: 0; | |||
position: static; | |||
} | |||
/* No no vector. Serif fonts are ugly. */ | |||
.mw-body h1, .mw-body h2 { | |||
font-family: sans-serif; | |||
} | |||
div.suggestions,html > body div.suggestions { | |||
margin-top: -28px; | |||
} | |||
/* Post Edit Notification */ | |||
div.postedit-container { | |||
top: 30px; | |||
} | |||
pre, .mw-code { | |||
white-space: pre-wrap; | |||
word-wrap: break-word; | |||
} | |||
div#mw-panel { | |||
font-size: inherit; | |||
position: absolute; | |||
top: 160px; | |||
padding-top: 1em; | |||
width: 10em; | |||
left: 0; | |||
} | |||
#mw-panel #p-logo + div.portal { | |||
margin-top: 0; | |||
} | |||
#mw-panel .portal h3 { | |||
margin-left: 0; | |||
} | |||
#p-logo { | |||
height: 160px; | |||
left: 0.5em; | |||
position: absolute; | |||
top: -160px; | |||
width: 10em; | |||
} | |||
@media screen and (max-width:982px) { | |||
#p-logo { | |||
left: 0; | |||
} | |||
} | |||
div.vectorTabs li a { | |||
padding-left: 0.5em; | |||
padding-right: 0.5em; | |||
} | |||
/*************/ | |||
/* ReCaptcha */ | |||
/*************/ | |||
#recaptcha_table { | |||
background: none repeat scroll 0 0 #fff; | |||
} | |||
.recaptchatable * { | |||
line-height: 100%; | |||
} | |||
#recaptcha_table:nth-child(1) td { | |||
padding-bottom: 0; | |||
} | |||
/************/ | |||
/* MsUpload */ | |||
/************/ | |||
#upload_list .file .file-title { | |||
color: #000; | |||
} | |||
.check_span { | |||
color: #1D1D1D; | |||
float: right; | |||
} | |||
#msupload-container{ | |||
vertical-align: middle; | |||
} | |||
/*****************/ | |||
/* Visual Editor */ | |||
/*****************/ | |||
.ve-init-mw-switchPopupWidget .oo-ui-checkboxInputWidget [type='checkbox']{ opacity:1; } | |||
/* Fix for Oasis SVG overrides */ | |||
.oo-ui-iconElement-icon { | |||
background-color: #000000; | |||
} | |||
/* Fix custom CodeEditor icons background */ | |||
.oo-ui-iconElement-icon.oo-ui-icon-gotoLine, | |||
.oo-ui-iconElement-icon.oo-ui-icon-wrapping, | |||
.oo-ui-iconElement-icon.oo-ui-icon-pilcrow { | |||
background-color: transparent; | |||
} | |||
.oo-ui-iconElement-icon.oo-ui-iconElement-noIcon { | |||
opacity: 0 !important; | |||
} | |||
/* Fix for dropdown arrows on light skin */ | |||
.oo-ui-indicator-down { | |||
background-color: #000000; | |||
} | |||
/* For elements which only display in the mobile view */ | |||
.mobileonly { | |||
display: none; | |||
} | |||
/* Some custom CSS on Wiki's applies the drop down arrow here. Normally this has no background, so positioning shouldn't effect standard views. */ | |||
/* More details are available here: http://hydra.gamepedia.com/MW_1.26_CSS_Changes */ | |||
div.vectorMenu { | |||
background-repeat: no-repeat; | |||
background-position: 100% 70%; | |||
} | |||
.gamepedia_pro_user::before { | |||
background-image: url("../images/icons/gamepediapro.svg"); | |||
background-size: 2em 1.5em; | |||
content: ""; | |||
display: inline-block; | |||
height: 1.5em; | |||
margin-right: 3px; | |||
margin-top: -0.23em; | |||
position: relative; | |||
vertical-align: middle; | |||
width: 2em; | |||
} | |||
.tipsy { | |||
margin-top: -28px; | |||
} | |||
/**********/ | |||
/* Popups */ | |||
/**********/ | |||
.mwe-popups.flipped_y, | |||
.mwe-popups.flipped_x_y { | |||
margin-top: -30px; | |||
} | |||
.wikisites.errorbox { | |||
margin: 5px 0; | |||
display: block; | |||
} | |||
/* BotPasswords */ | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(1n) td { | |||
background-color: rgba(200, 200, 200, 0.3); | |||
} | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td { | |||
background-color: rgba(100, 100, 100, 0.2); | |||
} | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { | |||
background-color: rgba(108, 129, 150, 0.4); | |||
} | |||
/****************************************************/ | |||
/* Fix for 1.33 accessibility changes - T195256 */ | |||
/****************************************************/ | |||
@media screen { | |||
#jump-to-nav { | |||
/* Negate #contentSub margin */ | |||
margin-top: -1.4em; | |||
margin-bottom: 1.4em; | |||
-moz-user-select: none; | |||
-webkit-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
.mw-jump, #jump-to-nav { | |||
overflow: hidden; | |||
height: 0; | |||
zoom: 1; | |||
} | |||
} | |||
@media print { | |||
.mw-jump, #jump-to-nav { | |||
display: none; | |||
} | |||
} | |||
/********************/ | |||
/* Preferences */ | |||
/********************/ | |||
.mw-prefs-buttons #prefcontrol { | |||
margin-left: 0.5em; | |||
} | |||
.skin-hydradark #preferences legend .fa-globe { | |||
color: #fff; | |||
} | |||
/* Fix unchecked checkboxes on Hydra skin bug, caused by Oasis masks */ | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:not(:checked) + span { | |||
background-color: transparent; | |||
} | |||
.oo-ui-checkboxInputWidget { | |||
border: 1px solid #72777d; | |||
border-radius: 2px; | |||
} | |||
/* Fix Add Topic link on user talk pages - GPUCP-410 */ | |||
#ca-addsection span { | |||
pointer-events: auto; | |||
} |
Latest revision as of 01:53, 5 November 2022
/* A reset for 3rd party tech spitting out styles into [aria-hidden] */
body[aria-hidden] {
text-align: left;
padding: 0;
margin: 0;
position: static;
}
/* No no vector. Serif fonts are ugly. */
.mw-body h1, .mw-body h2 {
font-family: sans-serif;
}
div.suggestions,html > body div.suggestions {
margin-top: -28px;
}
/* Post Edit Notification */
div.postedit-container {
top: 30px;
}
pre, .mw-code {
white-space: pre-wrap;
word-wrap: break-word;
}
div#mw-panel {
font-size: inherit;
position: absolute;
top: 160px;
padding-top: 1em;
width: 10em;
left: 0;
}
#mw-panel #p-logo + div.portal {
margin-top: 0;
}
#mw-panel .portal h3 {
margin-left: 0;
}
#p-logo {
height: 160px;
left: 0.5em;
position: absolute;
top: -160px;
width: 10em;
}
@media screen and (max-width:982px) {
#p-logo {
left: 0;
}
}
div.vectorTabs li a {
padding-left: 0.5em;
padding-right: 0.5em;
}
/*************/
/* ReCaptcha */
/*************/
#recaptcha_table {
background: none repeat scroll 0 0 #fff;
}
.recaptchatable * {
line-height: 100%;
}
#recaptcha_table:nth-child(1) td {
padding-bottom: 0;
}
/************/
/* MsUpload */
/************/
#upload_list .file .file-title {
color: #000;
}
.check_span {
color: #1D1D1D;
float: right;
}
#msupload-container{
vertical-align: middle;
}
/*****************/
/* Visual Editor */
/*****************/
.ve-init-mw-switchPopupWidget .oo-ui-checkboxInputWidget [type='checkbox']{ opacity:1; }
/* Fix for Oasis SVG overrides */
.oo-ui-iconElement-icon {
background-color: #000000;
}
/* Fix custom CodeEditor icons background */
.oo-ui-iconElement-icon.oo-ui-icon-gotoLine,
.oo-ui-iconElement-icon.oo-ui-icon-wrapping,
.oo-ui-iconElement-icon.oo-ui-icon-pilcrow {
background-color: transparent;
}
.oo-ui-iconElement-icon.oo-ui-iconElement-noIcon {
opacity: 0 !important;
}
/* Fix for dropdown arrows on light skin */
.oo-ui-indicator-down {
background-color: #000000;
}
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
/* Some custom CSS on Wiki's applies the drop down arrow here. Normally this has no background, so positioning shouldn't effect standard views. */
/* More details are available here: http://hydra.gamepedia.com/MW_1.26_CSS_Changes */
div.vectorMenu {
background-repeat: no-repeat;
background-position: 100% 70%;
}
.gamepedia_pro_user::before {
background-image: url("../images/icons/gamepediapro.svg");
background-size: 2em 1.5em;
content: "";
display: inline-block;
height: 1.5em;
margin-right: 3px;
margin-top: -0.23em;
position: relative;
vertical-align: middle;
width: 2em;
}
.tipsy {
margin-top: -28px;
}
/**********/
/* Popups */
/**********/
.mwe-popups.flipped_y,
.mwe-popups.flipped_x_y {
margin-top: -30px;
}
.wikisites.errorbox {
margin: 5px 0;
display: block;
}
/* BotPasswords */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(1n) td {
background-color: rgba(200, 200, 200, 0.3);
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
background-color: rgba(100, 100, 100, 0.2);
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background-color: rgba(108, 129, 150, 0.4);
}
/****************************************************/
/* Fix for 1.33 accessibility changes - T195256 */
/****************************************************/
@media screen {
#jump-to-nav {
/* Negate #contentSub margin */
margin-top: -1.4em;
margin-bottom: 1.4em;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mw-jump, #jump-to-nav {
overflow: hidden;
height: 0;
zoom: 1;
}
}
@media print {
.mw-jump, #jump-to-nav {
display: none;
}
}
/********************/
/* Preferences */
/********************/
.mw-prefs-buttons #prefcontrol {
margin-left: 0.5em;
}
.skin-hydradark #preferences legend .fa-globe {
color: #fff;
}
/* Fix unchecked checkboxes on Hydra skin bug, caused by Oasis masks */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:not(:checked) + span {
background-color: transparent;
}
.oo-ui-checkboxInputWidget {
border: 1px solid #72777d;
border-radius: 2px;
}
/* Fix Add Topic link on user talk pages - GPUCP-410 */
#ca-addsection span {
pointer-events: auto;
}