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 #preftoc {
  11         /* Tabs */
  12         width: 100%;
  13         float: left;
  14         clear: both;
  15         margin: 0 !important;
  16         padding: 0 !important;
  17         .background-image('images/preferences/break.png');
  18         background-position: bottom left;
  19         background-repeat: no-repeat;
  20
  21         li {
  22                 /* Tab */
  23                 float: left;
  24                 margin: 0;
  25                 padding: 0;
  26                 padding-right: 1px;
  27                 height: 2.25em;
  28                 white-space: nowrap;
  29                 list-style-type: none;
  30                 list-style-image: none;
  31                 .background-image('images/preferences/break.png');
  32                 background-position: bottom right;
  33                 background-repeat: no-repeat;
  34
  35                 /* Sadly, IE6 won't understand this */
  36                 &:first-child {
  37                         margin-left: 1px;
  38                 }
  39
  40                 &.selected {
  41                         a {
  42                                 .background-image('images/preferences/fade.png');
  43                                 background-position: bottom;
  44                                 background-repeat: repeat-x;
  45                                 color: #333;
  46                                 text-decoration: none;
  47                         }
  48                 }
  49         }
  50
  51         a,
  52         a:active {
  53                 display: inline-block;
  54                 position: relative;
  55                 color: @menu-link-color;
  56                 padding: 0.5em;
  57                 text-decoration: none;
  58                 background-image: none;
  59                 font-size: 0.9em;
  60         }
  61
  62         a:hover,
  63         a:focus {
  64                 text-decoration: underline;
  65         }
  66 }
  67
  68 #preferences {
  69         float: left;
  70         width: 100%;
  71         margin: 0;
  72         margin-top: -2px;
  73         clear: both;
  74         border: solid 1px #ccc;
  75         background-color: #fafafa;
  76
  77         fieldset {
  78                 border: none;
  79                 border-top: solid 1px #ccc;
  80
  81                 &.prefsection {
  82                         border: none;
  83                         padding: 0;
  84                         margin: 1em;
  85
  86                         legend.mainLegend {
  87                                 display: none;
  88                         }
  89                 }
  90         }
  91
  92         legend {
  93                 color: #666;
  94         }
  95
  96         td {
  97                 padding-left: 0.5em;
  98                 padding-right: 0.5em;
  99         }
 100
 101         div.mw-prefs-buttons {
 102                 padding: 1em;
 103
 104                 input {
 105                         margin-right: 0.25em;
 106                 }
 107         }
 108 }
 109
 110 .htmlform-tip {
 111         font-size: x-small;
 112         padding: .2em 2em;
 113         color: #666;
 114 }