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