MediaWiki:Common.less/vectortabs.less

From Old School RuneScape Wiki
Jump to: navigation, search
/* border around tabs */
div.vectorTabs,
div.vectorTabs ul {
    background: #c0a886;
    padding: 0;
}

/* selected tab */
div.vectorTabs li.selected {
    background: @BODY_MAIN;
}

/* hide "read" tab */
#ca-view {
    display: none;
}

/* padding for tabs */
div.vectorTabs li a {
    padding: 0 .75em;
}

/* remove borders between tabs */
div.vectorTabs span {
    background: none;
}

/* move tab text up */
div.vectorTabs span a {
    padding-top: 1em;
}

/* background for tabs */
div.vectorTabs ul li {
    background: #c0a886;
}

/* tab hover */
div.vectorTabs ul li:not(.selected):hover,
div#mw-head div.vectorMenu h3:hover {
    background: @BODY_MID;
}

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

/* inner shadow for tabs */
div.vectorTabs 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 .vectorTabs .selected {
	box-shadow: none;
}

//Watch icon
.vectorTabs #ca-watch.icon a {
    background-image: url(/skins/Vector/images/watch-icon.png?e1b42);
    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")
}
.vectorTabs #ca-unwatch.icon a {
    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");
}
.vectorTabs #ca-unwatch.icon a:hover, .vectorTabs #ca-unwatch.icon a:focus {
	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");
}