resources/src/mediawiki.skinning/elements.css

   1 /**
   2  * MediaWiki style sheet for general styles on basic content elements
   3  *
   4  * Styles for basic elements: links, lists, etc...
   5  *
   6  * This style sheet is used by the Monobook and Vector skins.
   7  */
   8
   9 /* Links */
  10 a {
  11         text-decoration: none;
  12         color: #0645ad;
  13         background: none;
  14 }
  15
  16 a:not( [href] ) {
  17         cursor: pointer; /* Always cursor:pointer even without href */
  18 }
  19
  20 a:visited {
  21         color: #0b0080;
  22 }
  23
  24 a:active {
  25         color: #faa700;
  26 }
  27
  28 a:hover,
  29 a:focus {
  30         text-decoration: underline;
  31 }
  32
  33 a:lang( ar ),
  34 a:lang( kk-arab ),
  35 a:lang( mzn ),
  36 a:lang( ps ),
  37 a:lang( ur ) {
  38         text-decoration: none;
  39 }
  40
  41 a.stub {
  42         color: #723;
  43 }
  44
  45 a.new,
  46 #p-personal a.new {
  47         color: #ba0000;
  48 }
  49
  50 a.new:visited,
  51 #p-personal a.new:visited {
  52         color: #a55858;
  53 }
  54
  55 /* Interwiki Styling */
  56 .mw-body-content a.extiw,
  57 .mw-body-content a.extiw:active {
  58         color: #36b;
  59 }
  60
  61 .mw-body-content a.extiw:visited {
  62         color: #636;
  63 }
  64
  65 .mw-body-content a.extiw:active {
  66         color: #b63;
  67 }
  68
  69 /* External links */
  70 .mw-body-content a.external {
  71         color: #36b;
  72 }
  73
  74 .mw-body-content a.external:visited {
  75         color: #636; /* T5112 */
  76 }
  77
  78 .mw-body-content a.external:active {
  79         color: #b63;
  80 }
  81
  82 .mw-body-content a.external.free {
  83         word-wrap: break-word;
  84 }
  85
  86 /* Inline Elements */
  87 img {
  88         border: 0;
  89         vertical-align: middle;
  90 }
  91
  92 hr {
  93         height: 1px;
  94         color: #a2a9b1;
  95         background-color: #a2a9b1;
  96         border: 0;
  97         margin: 0.2em 0;
  98 }
  99
 100 /* Structural Elements */
 101 h1,
 102 h2,
 103 h3,
 104 h4,
 105 h5,
 106 h6 {
 107         color: #000;
 108         background: none;
 109         font-weight: normal;
 110         margin: 0;
 111         overflow: hidden;
 112         padding-top: 0.5em;
 113         padding-bottom: 0.17em;
 114         border-bottom: 1px solid #a2a9b1;
 115 }
 116
 117 h1 {
 118         font-size: 188%;
 119 }
 120
 121 h2 {
 122         font-size: 150%;
 123 }
 124
 125 h3,
 126 h4,
 127 h5,
 128 h6 {
 129         border-bottom: 0;
 130         font-weight: bold;
 131 }
 132
 133 h3 {
 134         font-size: 128%;
 135 }
 136
 137 h4 {
 138         font-size: 116%;
 139 }
 140
 141 h5 {
 142         font-size: 108%;
 143 }
 144
 145 h6 {
 146         font-size: 100%;
 147 }
 148
 149 /* Some space under the headers in the content area */
 150 h1,
 151 h2 {
 152         margin-bottom: 0.6em;
 153 }
 154
 155 h3,
 156 h4,
 157 h5 {
 158         margin-bottom: 0.3em;
 159 }
 160
 161 p {
 162         margin: 0.4em 0 0.5em 0;
 163 }
 164
 165 p img {
 166         margin: 0;
 167 }
 168
 169 ul {
 170         list-style-type: square;
 171         margin: 0.3em 0 0 1.6em;
 172         padding: 0;
 173 }
 174
 175 ol {
 176         margin: 0.3em 0 0 3.2em;
 177         padding: 0;
 178         list-style-image: none;
 179 }
 180
 181 li {
 182         margin-bottom: 0.1em;
 183 }
 184
 185 dt {
 186         font-weight: bold;
 187         margin-bottom: 0.1em;
 188 }
 189
 190 dl {
 191         margin-top: 0.2em;
 192         margin-bottom: 0.5em;
 193 }
 194
 195 dd {
 196         margin-left: 1.6em;
 197         margin-bottom: 0.1em;
 198 }
 199
 200 pre,
 201 code,
 202 tt,
 203 kbd,
 204 samp,
 205 .mw-code {
 206         /*
 207          * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
 208          * Specifying any valid, second value will trigger correct behavior without forcing a different font.
 209          */
 210         font-family: monospace, 'Courier';
 211 }
 212
 213 code {
 214         color: #000;
 215         background-color: #f8f9fa;
 216         border: 1px solid #eaecf0;
 217         border-radius: 2px;
 218         padding: 1px 4px;
 219 }
 220
 221 pre,
 222 .mw-code {
 223         color: #000;
 224         background-color: #f8f9fa;
 225         border: 1px solid #eaecf0;
 226         padding: 1em;
 227         /* Wrap lines in overflow. T2260, T103780 */
 228         white-space: pre-wrap;
 229 }
 230
 231 /* Tables */
 232 table {
 233         font-size: 100%;
 234 }
 235
 236 /* Forms */
 237 fieldset {
 238         border: 1px solid #2a4b8d;
 239         margin: 1em 0 1em 0;
 240         padding: 0 1em 1em;
 241 }
 242
 243 fieldset.nested {
 244         margin: 0 0 0.5em 0;
 245         padding: 0 0.5em 0.5em;
 246 }
 247
 248 legend {
 249         padding: 0.5em;
 250         font-size: 95%;
 251 }
 252
 253 form {
 254         border: 0;
 255         margin: 0;
 256 }
 257
 258 textarea {
 259         width: 100%;
 260         padding: 0.1em;
 261         display: block;
 262         -moz-box-sizing: border-box;
 263         -webkit-box-sizing: border-box;
 264         box-sizing: border-box;
 265 }
 266
 267 /* Emulate Center */
 268 .center {
 269         width: 100%;
 270         text-align: center;
 271 }
 272
 273 *.center * {
 274         margin-left: auto;
 275         margin-right: auto;
 276 }
 277
 278 /* Small for tables and similar */
 279 .small {
 280         font-size: 94%;
 281 }
 282
 283 table.small {
 284         font-size: 100%;
 285 }