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