skins/vector/special.preferences.less

   1 @import "mediawiki.mixins";
   2 @import "variables";
   3
   4 /**
   5  * The following code is highly modified from monobook. It would be nice if the
   6  * preftoc id was more human readable like preferences-toc for instance,
   7  * howerver this would require backporting the other skins.
   8  */
   9
  10 /* Preferences */
  11 #preftoc {
  12         /* Tabs */
  13         width: 100%;
  14         float: left;
  15         clear: both;
  16         margin: 0 !important;
  17         padding: 0 !important;
  18         .background-image('images/preferences/break.png');
  19         background-position: bottom left;
  20         background-repeat: no-repeat;
  21 }
  22         #preftoc li {
  23                 /* Tab */
  24                 float: left;
  25                 margin: 0;
  26                 padding: 0;
  27                 padding-right: 1px;
  28                 height: 2.25em;
  29                 white-space: nowrap;
  30                 list-style-type: none;
  31                 list-style-image: none;
  32                 .background-image('images/preferences/break.png');
  33                 background-position: bottom right;
  34                 background-repeat: no-repeat;
  35         }
  36         /* Sadly, IE6 won't understand this */
  37         #preftoc li:first-child {
  38                 margin-left: 1px;
  39         }
  40         #preftoc a,
  41         #preftoc a:active {
  42                 display: inline-block;
  43                 position: relative;
  44                 color: @menu-link-color;
  45                 padding: 0.5em;
  46                 text-decoration: none;
  47                 background-image: none;
  48                 font-size: 0.9em;
  49         }
  50         #preftoc a:hover,
  51         #preftoc a:focus {
  52                 text-decoration: underline;
  53         }
  54         #preftoc li.selected a {
  55                 .background-image('images/preferences/fade.png');
  56                 background-position: bottom;
  57                 background-repeat: repeat-x;
  58                 color: #333;
  59                 text-decoration: none;
  60         }
  61 #preferences {
  62         float: left;
  63         width: 100%;
  64         margin: 0;
  65         margin-top: -2px;
  66         clear: both;
  67         border: solid 1px #ccc;
  68         background-color: #fafafa;
  69 }
  70 #preferences fieldset {
  71         border: none;
  72         border-top: solid 1px #ccc;
  73 }
  74 #preferences fieldset.prefsection {
  75         border: none;
  76         padding: 0;
  77         margin: 1em;
  78 }
  79 #preferences legend {
  80         color: #666;
  81 }
  82 #preferences fieldset.prefsection legend.mainLegend {
  83         display: none;
  84 }
  85 #preferences td {
  86         padding-left: 0.5em;
  87         padding-right: 0.5em;
  88 }
  89 .htmlform-tip {
  90         font-size: x-small;
  91         padding: .2em 2em;
  92         color: #666;
  93 }
  94 #preferences div.mw-prefs-buttons {
  95         padding: 1em;
  96 }
  97 #preferences div.mw-prefs-buttons input {
  98         margin-right: 0.25em;
  99 }