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:visited {
  17         color: #0b0080;
  18 }
  19
  20 a:active {
  21         color: #faa700;
  22 }
  23
  24 a:hover, a:focus {
  25         text-decoration: underline;
  26 }
  27
  28 a:lang(ar),
  29 a:lang(kk-arab),
  30 a:lang(mzn),
  31 a:lang(ps),
  32 a:lang(ur) {
  33         text-decoration: none;
  34 }
  35
  36 a.stub {
  37         color: #772233;
  38 }
  39
  40 a.new, #p-personal a.new {
  41         color: #ba0000;
  42 }
  43
  44 a.new:visited, #p-personal a.new:visited {
  45         color: #a55858;
  46 }
  47
  48 /* Interwiki Styling */
  49 .mw-body a.extiw,
  50 .mw-body a.extiw:active {
  51         color: #36b;
  52 }
  53
  54 .mw-body a.extiw:visited {
  55         color: #636;
  56 }
  57
  58 .mw-body a.extiw:active {
  59         color: #b63;
  60 }
  61
  62 /* External links */
  63 .mw-body a.external {
  64         color: #36b;
  65 }
  66
  67 .mw-body a.external:visited {
  68         color: #636; /* bug 3112 */
  69 }
  70
  71 .mw-body a.external:active {
  72         color: #b63;
  73 }
  74
  75 .mw-body a.external.free {
  76         word-wrap: break-word;
  77 }
  78
  79 /* Inline Elements */
  80 img {
  81         border: none;
  82         vertical-align: middle;
  83 }
  84
  85 hr {
  86         height: 1px;
  87         color: #aaa;
  88         background-color: #aaa;
  89         border: 0;
  90         margin: .2em 0;
  91 }
  92
  93 /* Structural Elements */
  94 h1,
  95 h2,
  96 h3,
  97 h4,
  98 h5,
  99 h6 {
 100         color: black;
 101         background: none;
 102         font-weight: normal;
 103         margin: 0;
 104         overflow: hidden;
 105         padding-top: .5em;
 106         padding-bottom: .17em;
 107         border-bottom: 1px solid #aaa;
 108 }
 109
 110 h1 {
 111         font-size: 188%;
 112 }
 113
 114 h2 {
 115         font-size: 150%;
 116 }
 117
 118 h3,
 119 h4,
 120 h5,
 121 h6 {
 122         border-bottom: none;
 123         font-weight: bold;
 124 }
 125
 126 h3 {
 127         font-size: 128%;
 128 }
 129
 130 h4 {
 131         font-size: 116%;
 132 }
 133
 134 h5 {
 135         font-size: 108%;
 136 }
 137
 138 h6 {
 139         font-size: 100%;
 140 }
 141
 142 /* Some space under the headers in the content area */
 143 h1,
 144 h2 {
 145         margin-bottom: .6em;
 146 }
 147
 148 h3,
 149 h4,
 150 h5 {
 151         margin-bottom: .3em;
 152 }
 153
 154 p {
 155         margin: .4em 0 .5em 0;
 156 }
 157
 158 p img {
 159         margin: 0;
 160 }
 161
 162 ul {
 163         list-style-type: square;
 164         margin: .3em 0 0 1.6em;
 165         padding: 0;
 166 }
 167
 168 ol {
 169         margin: .3em 0 0 3.2em;
 170         padding: 0;
 171         list-style-image: none;
 172 }
 173
 174 li {
 175         margin-bottom: .1em;
 176 }
 177
 178 dt {
 179         font-weight: bold;
 180         margin-bottom: .1em;
 181 }
 182
 183 dl {
 184         margin-top: .2em;
 185         margin-bottom: .5em;
 186 }
 187
 188 dd {
 189         margin-left: 1.6em;
 190         margin-bottom: .1em;
 191 }
 192
 193 pre, code, tt, kbd, samp, .mw-code {
 194         /*
 195          * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
 196          * Specifying any valid, second value will trigger correct behavior without forcing a different font.
 197          */
 198         font-family: monospace, Courier;
 199 }
 200
 201 code {
 202         color: black;
 203         background-color: #f9f9f9;
 204         border: 1px solid #ddd;
 205         border-radius: 2px;
 206         padding: 1px 4px;
 207 }
 208
 209 pre,
 210 .mw-code {
 211         color: black;
 212         background-color: #f9f9f9;
 213         border: 1px solid #ddd;
 214         padding: 1em;
 215         /* Wrap lines in overflow. T2260, T103780 */
 216         white-space: pre-wrap;
 217 }
 218
 219 /* Tables */
 220 table {
 221         font-size: 100%;
 222 }
 223
 224 /* Forms */
 225 fieldset {
 226         border: 1px solid #2f6fab;
 227         margin: 1em 0 1em 0;
 228         padding: 0 1em 1em;
 229 }
 230
 231 fieldset.nested {
 232         margin: 0 0 0.5em 0;
 233         padding: 0 0.5em 0.5em;
 234 }
 235
 236 legend {
 237         padding: .5em;
 238         font-size: 95%;
 239 }
 240
 241 form {
 242         border: none;
 243         margin: 0;
 244 }
 245
 246 textarea {
 247         width: 100%;
 248         padding: .1em;
 249         display: block;
 250         -moz-box-sizing: border-box;
 251         -webkit-box-sizing: border-box;
 252         box-sizing: border-box;
 253 }
 254
 255 /* Emulate Center */
 256 .center {
 257         width: 100%;
 258         text-align: center;
 259 }
 260
 261 *.center * {
 262         margin-left: auto;
 263         margin-right: auto;
 264 }
 265
 266 /* Small for tables and similar */
 267 .small {
 268         font-size: 94%;
 269 }
 270
 271 table.small {
 272         font-size: 100%;
 273 }