MediaWiki:Vector.less: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1:
@import '../../variables.less';
@import 'mediawiki.mixins.less';
// `.vectorTabs`: Outer start border (left in LTR) of tab row.▼
// `.vectorTabs a`: Border between tabs and outer end (right in LTR) border.▼
/**
* Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
.vector-menu-tabs,▼
*/
/* Namespaces and Views */
background-image: url( images/tab-separator.png );▼
background-color: #6153A2;▼
background-repeat: no-repeat;▼
background-position: left bottom;
float: left;
background-size: @border-width-base 100%;▼
height: 2.5em;
/* Navigation Labels */
h3 {
display: none;
}
ul {
float: right;
height: 400%;
list-style: none none;
margin: 0;
padding: 0;
}
li {
// 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
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;
float: left;
display: block;
height: 100%;
margin: 0;
padding: 0;
line-height: @line-height-nav;
white-space: nowrap;
a {
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).
// 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;
}
}
}
|