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 |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@import '../../variables.less'; |
|||
/*** Post 135 updates did weird stuff with CSS, so maybe loading LESS instead will work? ***/ |
|||
@import 'mediawiki.mixins.less'; |
|||
/* Tab stuff */ |
|||
div.vectorTabs { |
|||
background-image: none; |
|||
} |
|||
/** |
|||
div.vectorTabs ul { |
|||
* Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions) |
|||
background-image: none; |
|||
*/ |
|||
} |
|||
/* Namespaces and Views */ |
|||
div.vectorTabs span { |
|||
.vector-menu-tabs { |
|||
background-image: none; |
|||
// Tab separator: Outer start border (left in LTR) of tab row. |
|||
} |
|||
background-position: left bottom; |
|||
float: left; |
|||
height: 2.5em; |
|||
padding-left: @border-width-base; |
|||
/* Navigation Labels */ |
|||
div.vectorTabs ul li { |
|||
h3 { |
|||
background-color: #DDC3FF; |
|||
display: 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; |
|||
} |
|||
ul { |
|||
.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { |
|||
float: right; |
|||
background-position: 90% 50%; |
|||
height: 400%; |
|||
width: 60px; |
|||
list-style: none none; |
|||
overflow: visible; |
|||
margin: 0; |
|||
padding: 16px; |
|||
padding: 0; |
|||
} |
|||
} |
|||
li { |
|||
div.vectorTabs li.selected { |
|||
// Tab fade background: Fade inside from light grey to white. |
|||
background-image: url( images/tab-normal-fade.png ); // Support: IE 8 & 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25 |
|||
border-bottom: 1px #E7C6FF; |
|||
background-image: linear-gradient( to top, @border-color-content--tabs-inactive 0, #e8f2f8 1px, #fff 100% ); // Support: Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+) |
|||
background-position: left bottom; |
|||
background-repeat: repeat-x; |
|||
float: left; |
|||
display: block; |
|||
height: 100%; |
|||
margin: 0; |
|||
padding: 0; |
|||
line-height: @line-height-nav; |
|||
white-space: nowrap; |
|||
a { |
|||
// Tab separator: Border between tabs and outer right border. |
|||
background-position: right bottom; |
|||
color: @color-link; |
|||
.box-sizing( border-box ); |
|||
display: block; |
|||
float: left; |
|||
height: unit( 40 / @font-size-tabs / @font-size-browser, em ); |
|||
position: relative; |
|||
padding-top: 1.25em; |
|||
padding-left: 8px; |
|||
padding-right: 8px; |
|||
font-size: @font-size-tabs; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
.new { |
|||
a, |
|||
a:visited { |
|||
color: @color-link-new; |
|||
} |
|||
} |
|||
.selected { |
|||
// Replace tab fade with flat color (matching top of would-be fade). |
|||
background-image: url( images/tab-current-fade.png ); |
|||
// Overwrite above in browsers that support `rgba()`. |
|||
background: rgba( 255, 255, 255, 1 ); // stylelint-disable-line declaration-block-no-shorthand-property-overrides |
|||
a, |
|||
a:visited { |
|||
color: @color-link-selected; |
|||
text-decoration: none; |
|||
} |
|||
} |
|||
.icon { |
|||
a { |
|||
background-position: right bottom; |
|||
background-repeat: no-repeat; |
|||
} |
|||
} |
|||
} |
} |