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