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         background-color: #a2a9b1;
 112         border: 0;
 113         margin: 0.2em 0;
 114 }
 115
 116 /* Structural Elements */
 117 h1,
 118 h2,
 119 h3,
 120 h4,
 121 h5,
 122 h6 {
 123         color: #000;
 124         background: none;
 125         font-weight: normal;
 126         margin: 0;
 127         overflow: hidden;
 128         padding-top: 0.5em;
 129         padding-bottom: 0.17em;
 130         border-bottom: 1px solid #a2a9b1;
 131 }
 132
 133 h1 {
 134         font-size: 188%;
 135 }
 136
 137 h2 {
 138         font-size: 150%;
 139 }
 140
 141 h3,
 142 h4,
 143 h5,
 144 h6 {
 145         border-bottom: 0;
 146         font-weight: bold;
 147 }
 148
 149 h3 {
 150         font-size: 128%;
 151 }
 152
 153 h4 {
 154         font-size: 116%;
 155 }
 156
 157 h5 {
 158         font-size: 108%;
 159 }
 160
 161 h6 {
 162         font-size: 100%;
 163 }
 164
 165 /* Some space under the headers in the content area */
 166 h1,
 167 h2 {
 168         margin-bottom: 0.6em;
 169 }
 170
 171 h3,
 172 h4,
 173 h5 {
 174         margin-bottom: 0.3em;
 175 }
 176
 177 p {
 178         margin: 0.4em 0 0.5em 0;
 179 }
 180
 181 p img {
 182         margin: 0;
 183 }
 184
 185 ul {
 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 }