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:
/* #REDIRECT */@import url(https://wiki.vintagestory.at/index.php?title=User:LitoRom1/hydradark.css&action=raw&ctype=text/css);
/* 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;
}