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