skins/common/commonElements.css

   1 /**
   2  * MediaWiki style sheet for general styles on basic content elements
   3  * This style sheet is used by the monobook and vector skins
   4  */
   5
   6 /* Links */
   7 a {
   8         text-decoration: none;
   9         color: #0645ad;
  10         background: none;
  11 }
  12 a:visited {
  13         color: #0b0080;
  14 }
  15 a:active {
  16         color: #faa700;
  17 }
  18 a:hover, a:focus {
  19         text-decoration: underline;
  20 }
  21 a.stub {
  22         color: #772233;
  23 }
  24 a.new, #p-personal a.new {
  25         color: #ba0000;
  26 }
  27 a.new:visited, #p-personal a.new:visited {
  28         color: #a55858;
  29 }
  30
  31 /* Interwiki Styling */
  32 .mw-body a.extiw,
  33 .mw-body a.extiw:active {
  34         color: #36b;
  35 }
  36 .mw-body a.extiw:visited {
  37         color: #636;
  38 }
  39 .mw-body a.extiw:active {
  40         color: #b63;
  41 }
  42
  43 /* External links */
  44 .mw-body a.external {
  45         color: #36b;
  46 }
  47 .mw-body a.external:visited {
  48         color: #636; /* bug 3112 */
  49 }
  50 .mw-body a.external:active {
  51         color: #b63;
  52 }
  53
  54 /* Inline Elements */
  55 img {
  56         border: none;
  57         vertical-align: middle;
  58 }
  59 hr {
  60         height: 1px;
  61         color: #aaa;
  62         background-color: #aaa;
  63         border: 0;
  64         margin: .2em 0;
  65 }
  66
  67 /* Structural Elements */
  68 h1,
  69 h2,
  70 h3,
  71 h4,
  72 h5,
  73 h6 {
  74         color: black;
  75         background: none;
  76         font-weight: normal;
  77         margin: 0;
  78         overflow: hidden;
  79         padding-top: .5em;
  80         padding-bottom: .17em;
  81         border-bottom: 1px solid #aaa;
  82 }
  83 h1 {
  84         font-size: 188%;
  85 }
  86 h1 .editsection {
  87         font-size: 53%;
  88 }
  89 h2 {
  90         font-size: 150%;
  91 }
  92 h2 .editsection {
  93         font-size: 67%;
  94 }
  95 h3,
  96 h4,
  97 h5,
  98 h6 {
  99         border-bottom: none;
 100         font-weight: bold;
 101 }
 102 h3 {
 103         font-size: 132%;
 104 }
 105 h3 .editsection {
 106         font-size: 76%;
 107         font-weight: normal;
 108 }
 109 h4 {
 110         font-size: 116%;
 111 }
 112 h4 .editsection {
 113         font-size: 86%;
 114         font-weight: normal; }
 115 h5 {
 116         font-size: 100%;
 117 }
 118 h5 .editsection {
 119         font-weight: normal;
 120 }
 121 h6 {
 122         font-size: 80%;
 123 }
 124 h6 .editsection {
 125         font-size: 125%;
 126         font-weight: normal;
 127 }
 128
 129 /* Some space under the headers in the content area */
 130 h1,
 131 h2 {
 132         margin-bottom: .6em;
 133 }
 134 h3,
 135 h4,
 136 h5 {
 137         margin-bottom: .3em;
 138 }
 139
 140 p {
 141         margin: .4em 0 .5em 0;
 142         line-height: 1.5em;
 143 }
 144 p img {
 145         margin: 0;
 146 }
 147
 148 ul {
 149         line-height: 1.5em;
 150         list-style-type: square;
 151         margin: .3em 0 0 1.6em;
 152         padding: 0;
 153 }
 154 ol {
 155         line-height: 1.5em;
 156         margin: .3em 0 0 3.2em;
 157         padding: 0;
 158         list-style-image: none;
 159 }
 160 li {
 161         margin-bottom: .1em;
 162 }
 163 dt {
 164         font-weight: bold;
 165         margin-bottom: .1em;
 166 }
 167 dl {
 168         margin-top: .2em;
 169         margin-bottom: .5em;
 170 }
 171 dd {
 172         line-height: 1.5em;
 173         margin-left: 1.6em;
 174         margin-bottom: .1em;
 175 }
 176
 177 q {
 178         font-family: Times, "Times New Roman", serif;
 179         font-style: italic;
 180 }
 181 /* Disabled for now
 182 blockquote {
 183         font-family: Times, "Times New Roman", serif;
 184         font-style: italic;
 185 }*/
 186 pre, code, tt, kbd, samp, .mw-code {
 187         /*
 188          * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
 189          * Specifying any valid, second value will trigger correct behaviour without forcing a different font.
 190          */
 191         font-family: monospace, Courier;
 192 }
 193 code {
 194         background-color: #f9f9f9;
 195 }
 196 pre, .mw-code {
 197         padding: 1em;
 198         border: 1px dashed #2f6fab;
 199         color: black;
 200         background-color: #f9f9f9;
 201
 202         /*
 203          * Wrap properly.
 204          * - pre-wrap: causes the browser to naturally wrap by displaying
 205          *   words on the next line if they don't fit on the same line
 206          *   within the box (does not cut off words).
 207          * - break-word: forces the browser to wrap anywhere (even within
 208          *   a word) if it is (still) too long for the line.
 209          * When only using break-word in a <pre>, the browser only uses
 210          * the force behavior and as a result almost always cuts half-way
 211          * a word. When only using pre-wrap, too-long words will still
 212          * cause the page layout to break. The combination is magic :).
 213          * See also https://bugzilla.wikimedia.org/show_bug.cgi?id=260#c20
 214          */
 215         white-space: pre-wrap;
 216         word-wrap: break-word;
 217 }
 218
 219 /* Tables */
 220 table {
 221         font-size: 100%;
 222 }
 223
 224 /* Forms */
 225 fieldset {
 226         border: 1px solid #2f6fab;
 227         margin: 1em 0 1em 0;
 228         padding: 0 1em 1em;
 229         line-height: 1.5em;
 230 }
 231 fieldset.nested {
 232         margin: 0 0 0.5em 0;
 233         padding: 0 0.5em 0.5em;
 234 }
 235 legend {
 236         padding: .5em;
 237         font-size: 95%;
 238 }
 239 form {
 240         border: none;
 241         margin: 0;
 242 }
 243 textarea {
 244         width: 100%;
 245         padding: .1em;
 246 }
 247 select {
 248         vertical-align: top;
 249 }
 250
 251 /* Emulate Center */
 252 .center {
 253         width: 100%;
 254         text-align: center;
 255 }
 256 *.center * {
 257         margin-left: auto;
 258         margin-right: auto;
 259 }
 260 /* Small for tables and similar */
 261 .small {
 262         font-size: 94%;
 263 }
 264 table.small {
 265         font-size: 100%;
 266 }
 267