User:LitoRom1/timeless.css

From Vintage Story Wiki
Revision as of 01:53, 5 November 2022 by LitoRom1 (talk | contribs) (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...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.
/* 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;
}