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 /* stylelint-disable selector-class-pattern */
  10
  11 /* Links */
  12 a {
  13         text-decoration: none;
  14         color: #0645ad;
  15         background: none;
  16 }
  17
  18 a:not( [ href ] ) {
  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
  59 a.mw-selflink:hover {
  60         cursor: inherit;
  61         text-decoration: inherit;
  62 }
  63
  64 a.mw-selflink:active,
  65 a.mw-selflink:visited {
  66         color: inherit;
  67 }
  68
  69 a.new:visited,
  70 #p-personal a.new:visited {
  71         color: #a55858;
  72 }
  73
  74 /* Interwiki Styling */
  75 .mw-parser-output a.extiw,
  76 .mw-parser-output a.extiw:active {
  77         color: #36b;
  78 }
  79
  80 .mw-parser-output a.extiw:visited {
  81         color: #636;
  82 }
  83
  84 .mw-parser-output a.extiw:active {
  85         color: #b63;
  86 }
  87
  88 /* External links */
  89 .mw-parser-output a.external {
  90         color: #36b;
  91 }
  92
  93 .mw-parser-output a.external:visited {
  94         color: #636; /* T5112 */
  95 }
  96
  97 .mw-parser-output a.external:active {
  98         color: #b63;
  99 }
 100
 101 .mw-parser-output a.external.free {
 102         word-wrap: break-word;
 103 }
 104
 105 /* Inline Elements */
 106 img {
 107         border: 0;
 108         vertical-align: middle;
 109 }
 110
 111 hr {
 112         height: 1px;
 113         background-color: #a2a9b1;
 114         border: 0;
 115         margin: 0.2em 0;
 116 }
 117
 118 /* Structural Elements */
 119 h1,
 120 h2,
 121 h3,
 122 h4,
 123 h5,
 124 h6 {
 125         color: #000;
 126         background: none;
 127         font-weight: normal;
 128         margin: 0;
 129         overflow: hidden;
 130         padding-top: 0.5em;
 131         padding-bottom: 0.17em;
 132         border-bottom: 1px solid #a2a9b1;
 133 }
 134
 135 h1 {
 136         font-size: 188%;
 137 }
 138
 139 h2 {
 140         font-size: 150%;
 141 }
 142
 143 h3,
 144 h4,
 145 h5,
 146 h6 {
 147         border-bottom: 0;
 148         font-weight: bold;
 149 }
 150
 151 h3 {
 152         font-size: 128%;
 153 }
 154
 155 h4 {
 156         font-size: 116%;
 157 }
 158
 159 h5 {
 160         font-size: 108%;
 161 }
 162
 163 h6 {
 164         font-size: 100%;
 165 }
 166
 167 /* Some space under the headers in the content area */
 168 h1,
 169 h2 {
 170         margin-bottom: 0.6em;
 171 }
 172
 173 h3,
 174 h4,
 175 h5 {
 176         margin-bottom: 0.3em;
 177 }
 178
 179 p {
 180         margin: 0.4em 0 0.5em 0;
 181 }
 182
 183 p img {
 184         margin: 0;
 185 }
 186
 187 ul {
 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 }