MediaWiki:Vector.less/vectortabs.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
// border around tabs
nav.vector-menu-tabs,
nav.vector-menu-tabs ul {
	padding: 0;
}

nav.vector-menu-tabs {
	// Part of the css required to fix external link heights regardless of font size
	div.vector-menu-content {
		height: 100%;
	}

	// redlink in tab
	.new {
		a,
		a:visited {
			color: var(--redlink-color);
		}
	}

	// selected tab
	.selected {
		background: var(--body-main);
		a,
		a:visited {
			color: var(--text-color);
		}
	}

	// padding for tabs
	li a {
		color: var(--sidebar-link-color);
		padding: 0 .75em;
		padding-top: 1em;

		&:visited {
			color: var(--sidebar-link-color);
		}
	}

	// remove borders between tabs
	a {
		background-image: none;
	}

	// background for tabs
	ul li {
		background: var(--body-background-color);
	}

	// hide "read" tab
	#ca-view {
		display: none !important; // for beating the inline style in lower widths
	}

	ul li:hover a {
		text-decoration: none;
	}
}

/* tab hover */
nav.vector-menu-tabs ul li:not(.selected):hover,
/* for the "More" dropdown */
#p-cactions:hover #p-cactions-label {
	background: var(--body-mid);
}


// inner shadow for tabs
.vector-menu-tabs ul li:not(.selected),
div#mw-head div.vectorMenu h3 {
	box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);
}

// remove remaining blue border in VisualEditor
.ve-activated .vector-menu-tabs .selected {
	box-shadow: none;
}

// Watch icon
.vector-menu-tabs {
	#ca-watch.icon a:before {
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill-opacity=%220%22 stroke=%22%2372777d%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E")
	}

	#ca-unwatch.icon a {
		&:before {
			background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E %3Cpath fill=%22%23605443%22 stroke=%22%2372777d%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
		}

		&:hover:before,
		&:focus:before {
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%23999692%22 stroke=%22%2399856B%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
		}
	}
}