1/* 2 * The default style sheet used to render HTML. 3 * 4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org) 5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. 6 * 7 * This library is free software; you can redistribute it and/or 8 * modify it under the terms of the GNU Library General Public 9 * License as published by the Free Software Foundation; either 10 * version 2 of the License, or (at your option) any later version. 11 * 12 * This library is distributed in the hope that it will be useful, 13 * but WITHOUT ANY WARRANTY; without even the implied warranty of 14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU 15 * Library General Public License for more details. 16 * 17 * You should have received a copy of the GNU Library General Public License 18 * along with this library; see the file COPYING.LIB. If not, write to 19 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 20 * Boston, MA 02110-1301, USA. 21 * 22 */ 23 24@namespace "http://www.w3.org/1999/xhtml"; 25 26html { 27 display: block 28} 29 30/* children of the <head> element all have display:none */ 31head { 32 display: none 33} 34 35meta { 36 display: none 37} 38 39title { 40 display: none 41} 42 43link { 44 display: none 45} 46 47style { 48 display: none 49} 50 51script { 52 display: none 53} 54 55/* generic block-level elements */ 56 57body { 58 display: block; 59 margin: 8px 60} 61 62p { 63 display: block; 64 margin: 1.0__qem 0px 65} 66 67div { 68 display: block 69} 70 71layer { 72 display: block 73} 74 75marquee { 76 display: inline-block; 77 overflow: -webkit-marquee 78} 79 80address { 81 display: block 82} 83 84blockquote { 85 display: block; 86 margin: 1__qem 40px 1em 40px 87} 88 89q { 90 display: inline 91} 92 93q:before { 94 content: '"' 95 /* FIXME: content: open-quote; */ 96} 97 98q:after { 99 content: '"' 100 /* FIXME: content: close-quote; */ 101} 102 103center { 104 display: block; 105 /* special centering to be able to emulate the html4/netscape behaviour */ 106 text-align: -webkit-center 107} 108 109hr { 110 display: block; 111 margin: 0.5em auto; 112 border-style: inset; 113 border-width: 1px 114} 115 116map { 117 display: inline 118} 119 120/* heading elements */ 121 122h1 { 123 display: block; 124 font-size: 2em; 125 margin: .67__qem 0 .67em 0; 126 font-weight: bold 127} 128 129h2 { 130 display: block; 131 font-size: 1.5em; 132 margin: .83__qem 0 .83em 0; 133 font-weight: bold 134} 135 136h3 { 137 display: block; 138 font-size: 1.17em; 139 margin: 1__qem 0 1em 0; 140 font-weight: bold 141} 142 143h4 { 144 display: block; 145 margin: 1.33__qem 0 1.33em 0; 146 font-weight: bold 147} 148 149h5 { 150 display: block; 151 font-size: .83em; 152 margin: 1.67__qem 0 1.67em 0; 153 font-weight: bold 154} 155 156h6 { 157 display: block; 158 font-size: .67em; 159 margin: 2.33__qem 0 2.33em 0; 160 font-weight: bold 161} 162 163/* tables */ 164 165table { 166 display: table; 167 border-collapse: separate; 168 border-spacing: 2px; 169 border-color: gray 170} 171 172thead { 173 display: table-header-group; 174 vertical-align: middle; 175 border-color: inherit 176} 177 178tbody { 179 display: table-row-group; 180 vertical-align: middle; 181 border-color: inherit 182} 183 184tfoot { 185 display: table-footer-group; 186 vertical-align: middle; 187 border-color: inherit 188} 189 190/* for tables without table section elements (can happen with XHTML or dynamically created tables) */ 191table > tr { 192 vertical-align: middle; 193} 194 195col { 196 display: table-column 197} 198 199colgroup { 200 display: table-column-group 201} 202 203tr { 204 display: table-row; 205 vertical-align: inherit; 206 border-color: inherit 207} 208 209td, th { 210 display: table-cell; 211 vertical-align: inherit 212} 213 214th { 215 font-weight: bold 216} 217 218caption { 219 display: table-caption; 220 text-align: -webkit-center 221} 222 223/* lists */ 224 225ul, menu, dir { 226 display: block; 227 list-style-type: disc; 228 margin: 1__qem 0 1em 0; 229 -webkit-padding-start: 40px 230} 231 232ol { 233 display: block; 234 list-style-type: decimal; 235 margin: 1__qem 0 1em 0; 236 -webkit-padding-start: 40px 237} 238 239li { 240 display: list-item 241} 242 243ul ul, ol ul { 244 list-style-type: circle 245} 246 247ol ol ul, ol ul ul, ul ol ul, ul ul ul { 248 list-style-type: square 249} 250 251dd { 252 display: block; 253 -webkit-margin-start: 40px 254} 255 256dl { 257 display: block; 258 margin: 1__qem 0 1em 0 259} 260 261dt { 262 display: block 263} 264 265ol ul, ul ol, ul ul, ol ol { 266 margin-top: 0; 267 margin-bottom: 0 268} 269 270/* form elements */ 271 272form { 273 display: block; 274 margin-top: 0__qem 275} 276 277label { 278 cursor: default; 279} 280 281legend { 282 display: block; 283 padding-left: 2px; 284 padding-right: 2px; 285 border: none 286} 287 288fieldset { 289 display: block; 290 margin-left: 2px; 291 margin-right: 2px; 292 padding: 0.35em 0.75em 0.625em; 293 border: 2px groove ThreeDFace 294} 295 296button { 297 -webkit-appearance: button; 298} 299 300input, textarea, keygen, select, button, isindex { 301 margin: 0__qem; 302 font: -webkit-small-control; 303 color: initial; 304 letter-spacing: normal; 305 word-spacing: normal; 306 line-height: normal; 307 text-transform: none; 308 text-indent: 0; 309 text-shadow: none; 310 display: inline-block; 311 text-align: -webkit-auto; 312} 313 314input[type="hidden"] { 315 display: none 316} 317 318input, input[type="password"], input[type="search"], isindex { 319 -webkit-appearance: textfield; 320 padding: 1px; 321 background-color: white; 322 border: 2px inset; 323 -webkit-rtl-ordering: logical; 324 -webkit-user-select: text; 325 cursor: auto; 326} 327 328input[type="search"] { 329 -webkit-appearance: searchfield; 330 -webkit-box-sizing: border-box; 331} 332 333input[type="search"]::-webkit-search-cancel-button { 334 -webkit-appearance: searchfield-cancel-button; 335 display: inline-block; 336} 337 338input[type="search"]::-webkit-search-decoration { 339 -webkit-appearance: searchfield-decoration; 340 display: inline-block; 341} 342 343input[type="search"]::-webkit-search-results-decoration { 344 -webkit-appearance: searchfield-results-decoration; 345 display: inline-block; 346} 347 348input[type="search"]::-webkit-search-results-button { 349 -webkit-appearance: searchfield-results-button; 350 display: inline-block; 351} 352 353textarea { 354 -webkit-appearance: textarea; 355 background-color: white; 356 border: 1px solid; 357 -webkit-rtl-ordering: logical; 358 -webkit-user-select: text; 359 -webkit-box-orient: vertical; 360 resize: auto; 361 cursor: auto; 362} 363 364input::-webkit-input-placeholder { 365 color: darkGray; 366} 367 368input[type="password"] { 369 -webkit-text-security: disc !important; 370} 371 372input[type="hidden"], input[type="image"], input[type="file"] { 373 -webkit-appearance: initial; 374 padding: initial; 375 background-color: initial; 376 border: initial; 377} 378 379input[type="file"] { 380 -webkit-box-align: baseline; 381 text-align: start !important; 382} 383 384input:-webkit-autofill { 385 background-color: #FAFFBD !important; 386 background-image:none !important; 387} 388 389input[type="radio"], input[type="checkbox"] { 390 margin: 3px 0.5ex; 391 padding: initial; 392 background-color: initial; 393 border: initial; 394} 395 396input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button { 397 -webkit-appearance: push-button; 398 white-space: pre 399} 400 401input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 402 -webkit-box-align: center; 403 text-align: center; 404 cursor: default; 405 color: ButtonText; 406 padding: 2px 6px 3px 6px; 407 border: 2px outset ButtonFace; 408 background-color: ButtonFace; 409 -webkit-box-sizing: border-box 410} 411 412input[type="range"] { 413 -webkit-appearance: slider-horizontal; 414 padding: initial; 415 border: initial; 416 margin: 2px; 417} 418 419input[type="range"]::-webkit-slider-thumb { 420 -webkit-appearance: sliderthumb-horizontal; 421} 422 423input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, keygen:disabled, optgroup:disabled, option:disabled { 424 color: GrayText 425} 426 427input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active { 428 border-style: inset 429} 430 431input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled { 432 border-style: outset 433} 434 435area, param { 436 display: none 437} 438 439input[type="checkbox"] { 440 -webkit-appearance: checkbox; 441 -webkit-box-sizing: border-box; 442} 443 444input[type="radio"] { 445 -webkit-appearance: radio; 446 -webkit-box-sizing: border-box; 447} 448 449keygen, select { 450 -webkit-appearance: menulist; 451 -webkit-box-sizing: border-box; 452 -webkit-box-align: center; 453 border: 1px solid; 454 -webkit-border-radius: 5px; 455 white-space: pre; 456 -webkit-rtl-ordering: logical; 457 color: black; 458 background-color: white; 459 cursor: default; 460} 461 462select[size], 463select[multiple], 464select[size][multiple] { 465 -webkit-appearance: listbox; 466 -webkit-box-align: start; 467 border: 1px inset gray; 468 -webkit-border-radius: initial; 469 white-space: initial; 470} 471 472select[size="0"], 473select[size="1"] { 474 -webkit-appearance: menulist; 475 -webkit-box-align: center; 476 border: 1px solid; 477 -webkit-border-radius: 5px; 478 white-space: pre; 479} 480 481optgroup { 482 font-weight: bolder; 483} 484 485option { 486 font-weight: normal; 487} 488 489/* inline elements */ 490 491u, ins { 492 text-decoration: underline 493} 494 495strong, b { 496 font-weight: bolder 497} 498 499i, cite, em, var, address { 500 font-style: italic 501} 502 503tt, code, kbd, samp { 504 font-family: monospace 505} 506 507pre, xmp, plaintext, listing { 508 display: block; 509 font-family: monospace; 510 white-space: pre; 511 margin: 1__qem 0 512} 513 514big { 515 font-size: larger 516} 517 518small { 519 font-size: smaller 520} 521 522s, strike, del { 523 text-decoration: line-through 524} 525 526sub { 527 vertical-align: sub; 528 font-size: smaller 529} 530 531sup { 532 vertical-align: super; 533 font-size: smaller 534} 535 536nobr { 537 white-space: nowrap 538} 539 540/* states */ 541 542:focus { 543/* ANDROID specific change 544 * Android does not use the webkit-supplied focus ring, so 545 * remove the definition for outline to prevent setting or losing 546 * focus from triggering a dom rebuild. 547 */ 548// outline: auto 5px -webkit-focus-ring-color 549 outline: none 550} 551 552/* Read-only text fields do not show a focus ring but do still receive focus */ 553html:focus, body:focus, input[readonly]:focus { 554 outline: none 555} 556 557input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus { 558 outline-offset: -2px 559} 560 561input[type="button"]:focus, 562input[type="checkbox"]:focus, 563input[type="file"]:focus, 564input[type="hidden"]:focus, 565input[type="image"]:focus, 566input[type="radio"]:focus, 567input[type="reset"]:focus, 568input[type="search"]:focus, 569input[type="submit"]:focus, 570input[type="file"]:focus::-webkit-file-upload-button { 571 outline-offset: 0 572} 573 574a:-webkit-any-link { 575 color: -webkit-link; 576 text-decoration: underline; 577 cursor: auto; 578} 579 580a:-webkit-any-link:active { 581 color: -webkit-activelink 582} 583 584/* other elements */ 585 586noframes { 587 display: none 588} 589 590frameset, frame { 591 display: block 592} 593 594frameset { 595 border-color: inherit 596} 597 598iframe { 599 border: 2px inset 600} 601 602/* noscript is handled internally, as it depends on settings */ 603