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         color: #a2a9b1;
 114         background-color: #a2a9b1;
 115         border: 0;
 116         margin: 0.2em 0;
 117 }
 118
 119 /* Structural Elements */
 120 h1,
 121 h2,
 122 h3,
 123 h4,
 124 h5,
 125 h6 {
 126         color: #000;
 127         background: none;
 128         font-weight: normal;
 129         margin: 0;
 130         overflow: hidden;
 131         padding-top: 0.5em;
 132         padding-bottom: 0.17em;
 133         border-bottom: 1px solid #a2a9b1;
 134 }
 135
 136 h1 {
 137         font-size: 188%;
 138 }
 139
 140 h2 {
 141         font-size: 150%;
 142 }
 143
 144 h3,
 145 h4,
 146 h5,
 147 h6 {
 148         border-bottom: 0;
 149         font-weight: bold;
 150 }
 151
 152 h3 {
 153         font-size: 128%;
 154 }
 155
 156 h4 {
 157         font-size: 116%;
 158 }
 159
 160 h5 {
 161         font-size: 108%;
 162 }
 163
 164 h6 {
 165         font-size: 100%;
 166 }
 167
 168 /* Some space under the headers in the content area */
 169 h1,
 170 h2 {
 171         margin-bottom: 0.6em;
 172 }
 173
 174 h3,
 175 h4,
 176 h5 {
 177         margin-bottom: 0.3em;
 178 }
 179
 180 p {
 181         margin: 0.4em 0 0.5em 0;
 182 }
 183
 184 p img {
 185         margin: 0;
 186 }
 187
 188 ul {
 189         margin: 0.3em 0 0 1.6em;
 190         padding: 0;
 191 }
 192
 193 ol {
 194         margin: 0.3em 0 0 3.2em;
 195         padding: 0;
 196         list-style-image: none;
 197 }
 198
 199 li {
 200         margin-bottom: 0.1em;
 201 }
 202
 203 dt {
 204         font-weight: bold;
 205         margin-bottom: 0.1em;
 206 }
 207
 208 dl {
 209         margin-top: 0.2em;
 210         margin-bottom: 0.5em;
 211 }
 212
 213 dd {
 214         margin-left: 1.6em;
 215         margin-bottom: 0.1em;
 216 }
 217
 218 pre,
 219 code,
 220 tt,
 221 kbd,
 222 samp,
 223 .mw-code {
 224         /* Support: Blink, Gecko, Webkit; enable unified font sizes for monospace font. T176636 */
 225         font-family: monospace, monospace;
 226 }
 227
 228 code {
 229         color: #000;
 230         background-color: #f8f9fa;
 231         border: 1px solid #eaecf0;
 232         border-radius: 2px;
 233         padding: 1px 4px;
 234 }
 235
 236 pre,
 237 .mw-code {
 238         color: #000;
 239         background-color: #f8f9fa;
 240         border: 1px solid #eaecf0;
 241         padding: 1em;
 242         /* Wrap lines in overflow. T2260, T103780 */
 243         white-space: pre-wrap;
 244 }
 245
 246 /* Tables */
 247 table {
 248         font-size: 100%;
 249 }
 250
 251 /* Forms */
 252 fieldset {
 253         border: 1px solid #2a4b8d;
 254         margin: 1em 0 1em 0;
 255         padding: 0 1em 1em;
 256 }
 257
 258 fieldset.nested {
 259         margin: 0 0 0.5em 0;
 260         padding: 0 0.5em 0.5em;
 261 }
 262
 263 legend {
 264         padding: 0.5em;
 265         font-size: 95%;
 266 }
 267
 268 form {
 269         border: 0;
 270         margin: 0;
 271 }
 272
 273 textarea {
 274         width: 100%;
 275         padding: 0.1em;
 276         display: block;
 277         -moz-box-sizing: border-box;
 278         -webkit-box-sizing: border-box;
 279         box-sizing: border-box;
 280 }
 281
 282 /* Emulate Center */
 283 .center {
 284         width: 100%;
 285         text-align: center;
 286 }
 287
 288 *.center * {
 289         margin-left: auto;
 290         margin-right: auto;
 291 }
 292
 293 /* Small for tables and similar */
 294 .small {
 295         font-size: 94%;
 296 }
 297
 298 table.small {
 299         font-size: 100%;
 300 }