MediaWiki 1.30.2

[autoinstallsdev/mediawiki.git] / skins / vector / skinStyles / mediawiki.special.preferences.styles.less

diff --git a/skins/vector/skinStyles/mediawiki.special.preferences.styles.less b/skins/vector/skinStyles/mediawiki.special.preferences.styles.less
new file mode 100644 (file)
index 0000000..094d283
--- /dev/null
+++ b/skins/vector/skinStyles/mediawiki.special.preferences.styles.less
@@ -0,0 +1,112 @@
+@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: @colorText;
+                       }
+               }
+       }
+
+       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: 1px solid @colorGray12;
+       background-color: @colorGray15;
+
+       fieldset {
+               border: 0;
+               border-top: 1px solid @colorGray12;
+       }
+
+       > fieldset {
+               border: 0;
+               padding: 0;
+               margin: 1em;
+
+               > legend {
+                       display: none;
+               }
+       }
+
+       legend {
+               color: @colorGray5;
+       }
+
+       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: 0.2em 2em;
+       color: @colorGray5;
+}