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