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 /* self links */
  51 a.mw-selflink {
  52         color: inherit;
  53         font-weight: bold;
  54         text-decoration: inherit;
  55 }
  56
  57 a.mw-selflink:hover {
  58         cursor: inherit;
  59         text-decoration: inherit;
  60 }
  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         margin: 0.3em 0 0 1.6em;
 188         padding: 0;
 189 }
 190
 191 ol {
 192         margin: 0.3em 0 0 3.2em;
 193         padding: 0;
 194         list-style-image: none;
 195 }
 196
 197 li {
 198         margin-bottom: 0.1em;
 199 }
 200
 201 dt {
 202         font-weight: bold;
 203         margin-bottom: 0.1em;
 204 }
 205
 206 dl {
 207         margin-top: 0.2em;
 208         margin-bottom: 0.5em;
 209 }
 210
 211 dd {
 212         margin-left: 1.6em;
 213         margin-bottom: 0.1em;
 214 }
 215
 216 pre,
 217 code,
 218 tt,
 219 kbd,
 220 samp,
 221 .mw-code {
 222         /* Support: Blink, Gecko, Webkit; enable unified font sizes for monospace font. T176636 */
 223         font-family: monospace, monospace;
 224 }
 225
 226 code {
 227         color: #000;
 228         background-color: #f8f9fa;
 229         border: 1px solid #eaecf0;
 230         border-radius: 2px;
 231         padding: 1px 4px;
 232 }
 233
 234 pre,
 235 .mw-code {
 236         color: #000;
 237         background-color: #f8f9fa;
 238         border: 1px solid #eaecf0;
 239         padding: 1em;
 240         /* Wrap lines in overflow. T2260, T103780 */
 241         white-space: pre-wrap;
 242 }
 243
 244 /* Tables */
 245 table {
 246         font-size: 100%;
 247 }
 248
 249 /* Forms */
 250 fieldset {
 251         border: 1px solid #2a4b8d;
 252         margin: 1em 0 1em 0;
 253         padding: 0 1em 1em;
 254 }
 255
 256 fieldset.nested {
 257         margin: 0 0 0.5em 0;
 258         padding: 0 0.5em 0.5em;
 259 }
 260
 261 legend {
 262         padding: 0.5em;
 263         font-size: 95%;
 264 }
 265
 266 form {
 267         border: 0;
 268         margin: 0;
 269 }
 270
 271 textarea {
 272         width: 100%;
 273         padding: 0.1em;
 274         display: block;
 275         -moz-box-sizing: border-box;
 276         -webkit-box-sizing: border-box;
 277         box-sizing: border-box;
 278 }
 279
 280 /* Emulate Center */
 281 .center {
 282         width: 100%;
 283         text-align: center;
 284 }
 285
 286 *.center * {
 287         margin-left: auto;
 288         margin-right: auto;
 289 }
 290
 291 /* Small for tables and similar */
 292 .small {
 293         font-size: 94%;
 294 }
 295
 296 table.small {
 297         font-size: 100%;
 298 }