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: 132%;
 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         line-height: 1.5em;
 145 }
 146
 147 p img {
 148         margin: 0;
 149 }
 150
 151 ul {
 152         line-height: 1.5em;
 153         list-style-type: square;
 154         margin: .3em 0 0 1.6em;
 155         padding: 0;
 156 }
 157
 158 ol {
 159         line-height: 1.5em;
 160         margin: .3em 0 0 3.2em;
 161         padding: 0;
 162         list-style-image: none;
 163 }
 164
 165 li {
 166         margin-bottom: .1em;
 167 }
 168
 169 dt {
 170         font-weight: bold;
 171         margin-bottom: .1em;
 172 }
 173
 174 dl {
 175         margin-top: .2em;
 176         margin-bottom: .5em;
 177 }
 178
 179 dd {
 180         line-height: 1.5em;
 181         margin-left: 1.6em;
 182         margin-bottom: .1em;
 183 }
 184
 185 /* IE 6 and 7 lack support for quotes aroud the <q> element ('::before' and '::after'
 186    pseudoelements, 'quotes' property). Let's italicize it instead (using the star hack). */
 187 q {
 188         *font-style: italic;
 189 }
 190
 191 pre, code, tt, kbd, samp, .mw-code {
 192         /*
 193          * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
 194          * Specifying any valid, second value will trigger correct behavior without forcing a different font.
 195          */
 196         font-family: monospace, Courier;
 197 }
 198
 199 code {
 200         color: black;
 201         background-color: #f9f9f9;
 202         border: 1px solid #ddd;
 203         border-radius: 2px;
 204         padding: 1px 4px;
 205 }
 206
 207 pre, .mw-code {
 208         color: black;
 209         background-color: #f9f9f9;
 210         border: 1px solid #ddd;
 211         padding: 1em;
 212 }
 213
 214 /* Tables */
 215 table {
 216         font-size: 100%;
 217 }
 218
 219 /* Forms */
 220 fieldset {
 221         border: 1px solid #2f6fab;
 222         margin: 1em 0 1em 0;
 223         padding: 0 1em 1em;
 224         line-height: 1.5em;
 225 }
 226
 227 fieldset.nested {
 228         margin: 0 0 0.5em 0;
 229         padding: 0 0.5em 0.5em;
 230 }
 231
 232 legend {
 233         padding: .5em;
 234         font-size: 95%;
 235 }
 236
 237 form {
 238         border: none;
 239         margin: 0;
 240 }
 241
 242 textarea {
 243         width: 100%;
 244         padding: .1em;
 245         display: block;
 246         -moz-box-sizing: border-box;
 247         -webkit-box-sizing: border-box;
 248         box-sizing: border-box;
 249 }
 250
 251 select {
 252         vertical-align: top;
 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 }