MediaWiki:Vector.less: Difference between revisions

From Equestripedia, the Archives of Equestria!
Content added Content deleted
(Amelia changed the content model of the page MediaWiki:Vector.less from "Sanitized CSS" to "plain text")
Tag: content model change
No edit summary
Line 1: Line 1:
// Tab Separators
/*** Post 135 updates did weird stuff with CSS, so maybe loading LESS instead will work? ***/
// `.vectorTabs`: Outer start border (left in LTR) of tab row.
/* Tab stuff */
// `.vectorTabs a`: Border between tabs and outer end (right in LTR) border.
div.vectorTabs {
// `#mw-head .vector-menu-dropdown h3`: // Outer end (right in LTR) border of "Actions" menu.
background-image: none;
.vector-menu-tabs,
}
.vector-menu-tabs a,

#mw-head .vector-menu-dropdown h3 {
div.vectorTabs ul {
background-image: none;
background-image: url( images/tab-separator.png );
background: #000;
}
background-repeat: no-repeat;

// Contain gradient to 1px × 100% size and draw from top to bottom-left or -right corner.
div.vectorTabs span {
background-image: none;
background-size: @border-width-base 100%;
}

div.vectorTabs ul li {
background-color: #DDC3FF;
background-image: none;
border: 2px;
border-radius: 0.95em 0.95em 0 0;
height: 1.9em;
line-height: 1px;
margin-right: 0.15em;
margin-top: 0.5em;
border-style: solid;
border-color: #6153A2;
min-width: 30px;
border-top:2px solid #6153A2;
border-right:2px solid #6153A2;
border-bottom:1px solid #6153A2;
border-left:2px solid #6153A2;
}

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
background-position: 90% 50%;
width: 60px;
overflow: visible;
padding: 16px;
}

div.vectorTabs li.selected {
background: #6153A2 !important;
border-bottom: 1px #E7C6FF;
}
}

Revision as of 18:55, 30 October 2020

// Tab Separators // `.vectorTabs`: Outer start border (left in LTR) of tab row. // `.vectorTabs a`: Border between tabs and outer end (right in LTR) border. // `#mw-head .vector-menu-dropdown h3`: // Outer end (right in LTR) border of "Actions" menu. .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: url( images/tab-separator.png ); background: #000; background-repeat: no-repeat; // Contain gradient to 1px × 100% size and draw from top to bottom-left or -right corner. background-size: @border-width-base 100%; }