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