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 q {
 161         font-family: Times, "Times New Roman", serif;
 162         font-style: italic;
 163 }
 164 /* Disabled for now
 165 blockquote {
 166         font-family: Times, "Times New Roman", serif;
 167         font-style: italic;
 168 }*/
 169 pre, code, tt, kbd, samp, .mw-code {
 170         /*
 171          * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
 172          * Specifying any valid, second value will trigger correct behavior without forcing a different font.
 173          */
 174         font-family: monospace, Courier;
 175 }
 176 code {
 177         background-color: #f9f9f9;
 178 }
 179 pre, .mw-code {
 180         padding: 1em;
 181         border: 1px solid #ddd;
 182         color: black;
 183         background-color: #f9f9f9;
 184 }
 185
 186 /* Tables */
 187 table {
 188         font-size: 100%;
 189 }
 190
 191 /* Forms */
 192 fieldset {
 193         border: 1px solid #2f6fab;
 194         margin: 1em 0 1em 0;
 195         padding: 0 1em 1em;
 196         line-height: 1.5em;
 197 }
 198 fieldset.nested {
 199         margin: 0 0 0.5em 0;
 200         padding: 0 0.5em 0.5em;
 201 }
 202 legend {
 203         padding: .5em;
 204         font-size: 95%;
 205 }
 206 form {
 207         border: none;
 208         margin: 0;
 209 }
 210 textarea {
 211         width: 100%;
 212         padding: .1em;
 213 }
 214 select {
 215         vertical-align: top;
 216 }
 217
 218 /* Emulate Center */
 219 .center {
 220         width: 100%;
 221         text-align: center;
 222 }
 223 *.center * {
 224         margin-left: auto;
 225         margin-right: auto;
 226 }
 227 /* Small for tables and similar */
 228 .small {
 229         font-size: 94%;
 230 }
 231 table.small {
 232         font-size: 100%;
 233 }
 234