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