mediawiki-skins-Vector/skinStyles/mediawiki.special.preferences.styles.less
Derk-Jan Hartman 33d736d0f2 Rework Vector style of Preferences to prevent FOUC
Depends on: I24d9b16

Bug: T115692
Change-Id: I59f0f4538132e60a457c5c93139c04fff24fd2b2
2015-11-08 19:43:21 +00:00

113 lines
1.8 KiB
Plaintext

@import "mediawiki.mixins";
@import "../variables";
/**
* The following code is highly modified from monobook. It would be nice if the
* preftoc id was more human readable like preferences-toc for instance,
* howerver this would require backporting the other skins.
*/
.client-js #preftoc {
/* Tabs */
width: 100%;
float: left;
clear: both;
margin: 0;
padding: 0;
.background-image('../images/preferences/break.png');
background-position: bottom left;
background-repeat: no-repeat;
li {
/* Tab */
float: left;
margin: 0;
padding: 0;
padding-right: 1px;
height: 2.25em;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
.background-image('../images/preferences/break.png');
background-position: bottom right;
background-repeat: no-repeat;
/* Sadly, IE6 won't understand this */
&:first-child {
margin-left: 1px;
}
&.selected {
a {
.background-image('../images/preferences/fade.png');
background-position: bottom;
background-repeat: repeat-x;
color: #333;
}
}
}
a,
a:active {
display: inline-block;
position: relative;
color: @menu-link-color;
padding: 0.5em;
text-decoration: none;
background-image: none;
font-size: 0.9em;
}
a:hover,
a:focus {
text-decoration: underline;
}
}
.client-js #preferences {
float: left;
width: 100%;
margin: 0;
margin-top: -2px;
clear: both;
border: solid 1px #ccc;
background-color: #fafafa;
fieldset {
border: none;
border-top: solid 1px #ccc;
}
>fieldset {
border: none;
padding: 0;
margin: 1em;
>legend {
display: none;
}
}
legend {
color: #666;
}
td {
padding-left: 0.5em;
padding-right: 0.5em;
}
div.mw-prefs-buttons {
padding: 1em;
input {
margin-right: 0.25em;
}
}
}
.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: #666;
}