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