vendor/dompdf/dompdf/lib/res/html.css

   1 /**
   2  * dompdf default stylesheet.
   3  *
   4  * @package dompdf
   5  * @link    http://dompdf.github.com/
   6  * @author  Benj Carson <benjcarson@digitaljunkies.ca>
   7  * @author  Blake Ross <BlakeR1234@aol.com>
   8  * @author  Fabien Ménager <fabien.menager@gmail.com>
   9  * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
  10  *
  11  * Portions from Mozilla
  12  * @link https://dxr.mozilla.org/mozilla-central/source/layout/style/res/html.css
  13  * @license http://mozilla.org/MPL/2.0/ Mozilla Public License, v. 2.0
  14  *
  15  * Portions from W3C
  16  * @link https://drafts.csswg.org/css-ui-3/#default-style-sheet
  17  *
  18  */
  19
  20 @page {
  21   margin: 1.2cm;
  22 }
  23
  24 html {
  25   display: -dompdf-page !important;
  26   counter-reset: page;
  27 }
  28
  29 /* blocks */
  30
  31 article,
  32 aside,
  33 details,
  34 div,
  35 dt,
  36 figcaption,
  37 footer,
  38 form,
  39 header,
  40 hgroup,
  41 main,
  42 nav,
  43 noscript,
  44 section,
  45 summary {
  46   display: block;
  47 }
  48
  49 body {
  50   page-break-before: avoid;
  51   display: block;
  52   counter-increment: page;
  53 }
  54
  55 p, dl, multicol {
  56   display: block;
  57   margin: 1em 0;
  58 }
  59
  60 dd {
  61   display: block;
  62   margin-left: 40px;
  63 }
  64
  65 blockquote, figure {
  66   display: block;
  67   margin: 1em 40px;
  68 }
  69
  70 address {
  71   display: block;
  72   font-style: italic;
  73 }
  74
  75 center {
  76   display: block;
  77   text-align: center;
  78 }
  79
  80 blockquote[type=cite] {
  81   display: block;
  82   margin: 1em 0;
  83   padding-left: 1em;
  84   border-left: solid;
  85   border-color: blue;
  86   border-width: thin;
  87 }
  88
  89 h1, h2, h3, h4, h5, h6 {
  90   display: block;
  91   font-weight: bold;
  92 }
  93
  94 h1 {
  95   font-size: 2em;
  96   margin: .67em 0;
  97 }
  98
  99 h2 {
 100   font-size: 1.5em;
 101   margin: .83em 0;
 102 }
 103
 104 h3 {
 105   font-size: 1.17em;
 106   margin: 1em 0;
 107 }
 108
 109 h4 {
 110   margin: 1.33em 0;
 111 }
 112
 113 h5 {
 114   font-size: 0.83em;
 115   margin: 1.67em 0;
 116 }
 117
 118 h6 {
 119   font-size: 0.67em;
 120   margin: 2.33em 0;
 121 }
 122
 123 listing {
 124   display: block;
 125   font-family: fixed;
 126   font-size: medium;
 127   white-space: pre;
 128   margin: 1em 0;
 129 }
 130
 131 plaintext, pre, xmp {
 132   display: block;
 133   font-family: fixed;
 134   white-space: pre;
 135   margin: 1em 0;
 136 }
 137
 138 /* tables */
 139
 140 table {
 141   display: table;
 142   border-spacing: 2px;
 143   border-collapse: separate;
 144   margin-top: 0;
 145   margin-bottom: 0;
 146   text-indent: 0;
 147   text-align: left; /* quirk */
 148 }
 149
 150 table[border] {
 151   border-style: outset;
 152   border-color: gray;
 153 }
 154
 155 /* This won't work (???) */
 156 /*
 157 table[border] td,
 158 table[border] th {
 159   border: 1pt solid grey;
 160 }*/
 161
 162 /* make sure backgrounds are inherited in tables  -- see bug 4510 */
 163 td, th, tr {
 164   background: inherit;
 165 }
 166
 167 /* caption inherits from table not table-outer */
 168 caption {
 169   display: table-caption;
 170   text-align: center;
 171 }
 172
 173 tr {
 174   display: table-row;
 175   vertical-align: inherit;
 176 }
 177
 178 col {
 179   display: table-column;
 180 }
 181
 182 colgroup {
 183   display: table-column-group;
 184 }
 185
 186 tbody {
 187   display: table-row-group;
 188   vertical-align: middle;
 189 }
 190
 191 thead {
 192   display: table-header-group;
 193   vertical-align: middle;
 194 }
 195
 196 tfoot {
 197   display: table-footer-group;
 198   vertical-align: middle;
 199 }
 200
 201 /* To simulate tbody auto-insertion */
 202 table > tr {
 203   vertical-align: middle;
 204 }
 205
 206 td {
 207   display: table-cell;
 208   vertical-align: inherit;
 209   text-align: inherit;
 210   padding: 1px;
 211 }
 212
 213 th {
 214   display: table-cell;
 215   vertical-align: inherit;
 216   font-weight: bold;
 217   padding: 1px;
 218 }
 219
 220 /* inlines */
 221 q {
 222   quotes: '"' '"' "'" "'"; /* FIXME only the first level is used */
 223 }
 224
 225 q:before {
 226   content: open-quote;
 227 }
 228
 229 q:after {
 230   content: close-quote;
 231 }
 232
 233 :link {
 234   color: #00c;
 235   text-decoration: underline;
 236 }
 237
 238 b, strong {
 239   font-weight: bolder;
 240 }
 241
 242 i, cite, em, var, dfn {
 243   font-style: italic;
 244 }
 245
 246 tt, code, kbd, samp {
 247   font-family: fixed;
 248 }
 249
 250 u, ins {
 251   text-decoration: underline;
 252 }
 253
 254 s, strike, del {
 255   text-decoration: line-through;
 256 }
 257
 258 big {
 259   font-size: larger;
 260 }
 261
 262 small {
 263   font-size: smaller;
 264 }
 265
 266 sub {
 267   vertical-align: sub;
 268   font-size: smaller;
 269   line-height: normal;
 270 }
 271
 272 sup {
 273   vertical-align: super;
 274   font-size: smaller;
 275   line-height: normal;
 276 }
 277
 278 nobr {
 279   white-space: nowrap;
 280 }
 281
 282 mark {
 283   background: yellow;
 284   color: black;
 285 }
 286
 287 /* titles */
 288
 289 abbr[title], acronym[title] {
 290   text-decoration: dotted underline;
 291 }
 292
 293 /* lists */
 294
 295 ul, menu, dir {
 296   display: block;
 297   list-style-type: disc;
 298   margin: 1em 0;
 299   padding-left: 40px;
 300 }
 301
 302 ol {
 303   display: block;
 304   list-style-type: decimal;
 305   margin: 1em 0;
 306   padding-left: 40px;
 307 }
 308
 309 li {
 310   display: list-item;
 311 }
 312
 313 /*li:before {
 314   display: -dompdf-list-bullet !important;
 315   content: counter(-dompdf-default-counter) ". ";
 316   padding-right: 0.5em;
 317 }*/
 318
 319 /* nested lists have no top/bottom margins */
 320 :matches(ul, ol, dir, menu, dl) ul,
 321 :matches(ul, ol, dir, menu, dl) ol,
 322 :matches(ul, ol, dir, menu, dl) dir,
 323 :matches(ul, ol, dir, menu, dl) menu,
 324 :matches(ul, ol, dir, menu, dl) dl {
 325   margin-top: 0;
 326   margin-bottom: 0;
 327 }
 328
 329 /* 2 deep unordered lists use a circle */
 330 :matches(ul, ol, dir, menu) ul,
 331 :matches(ul, ol, dir, menu) ul,
 332 :matches(ul, ol, dir, menu) ul,
 333 :matches(ul, ol, dir, menu) ul {
 334   list-style-type: circle;
 335 }
 336
 337 /* 3 deep (or more) unordered lists use a square */
 338 :matches(ul, ol, dir, menu) :matches(ul, ol, dir, menu) ul,
 339 :matches(ul, ol, dir, menu) :matches(ul, ol, dir, menu) menu,
 340 :matches(ul, ol, dir, menu) :matches(ul, ol, dir, menu) dir {
 341   list-style-type: square;
 342 }
 343
 344 /* forms */
 345 /* From https://drafts.csswg.org/css-ui-3/#default-style-sheet */
 346 form {
 347   display: block;
 348 }
 349
 350 input, button, select {
 351   display: inline-block;
 352   font-family: sans-serif;
 353 }
 354
 355 input[type=text],
 356 input[type=password],
 357 select {
 358   width: 12em;
 359 }
 360
 361 input[type=text],
 362 input[type=password],
 363 input[type=button],
 364 input[type=submit],
 365 input[type=reset],
 366 input[type=file],
 367 button,
 368 textarea,
 369 select {
 370   background: #FFF;
 371   border: 1px solid #999;
 372   padding: 2px;
 373   margin: 2px;
 374 }
 375
 376 input[type=button],
 377 input[type=submit],
 378 input[type=reset],
 379 input[type=file],
 380 button {
 381   background: #CCC;
 382   text-align: center;
 383 }
 384
 385 input[type=file] {
 386   width: 8em;
 387 }
 388
 389 input[type=text]:before,
 390 input[type=button]:before,
 391 input[type=submit]:before,
 392 input[type=reset]:before {
 393   content: attr(value);
 394 }
 395
 396 input[type=file]:before {
 397   content: "Choose a file";
 398 }
 399
 400 input[type=password][value]:before {
 401   font-family: "DejaVu Sans" !important;
 402   content: "\2022\2022\2022\2022\2022\2022\2022\2022";
 403   line-height: 1em;
 404 }
 405
 406 input[type=checkbox],
 407 input[type=radio],
 408 select:after {
 409   font-family: "DejaVu Sans" !important;
 410   font-size: 18px;
 411   line-height: 1;
 412 }
 413
 414 input[type=checkbox]:before {
 415   content: "\2610";
 416 }
 417
 418 input[type=checkbox][checked]:before {
 419   content: "\2611";
 420 }
 421
 422 input[type=radio]:before {
 423   content: "\25CB";
 424 }
 425
 426 input[type=radio][checked]:before {
 427   content: "\25C9";
 428 }
 429
 430 textarea {
 431   display: block;
 432   height: 3em;
 433   overflow: hidden;
 434   font-family: monospace;
 435   white-space: pre-wrap;
 436   word-wrap: break-word;
 437 }
 438
 439 select {
 440   position: relative!important;
 441   overflow: hidden!important;
 442 }
 443
 444 select:after {
 445   position: absolute;
 446   right: 0;
 447   top: 0;
 448   height: 5em;
 449   width: 1.4em;
 450   text-align: center;
 451   background: #CCC;
 452   content: "\25BE";
 453 }
 454
 455 select option {
 456   display: none;
 457 }
 458
 459 select option[selected] {
 460   display: inline;
 461 }
 462
 463 fieldset {
 464   display: block;
 465   margin: 0.6em 2px 2px;
 466   padding: 0.75em;
 467   border: 1pt groove #666;
 468   position: relative;
 469 }
 470
 471 fieldset > legend {
 472   position: absolute;
 473   top: -0.6em;
 474   left: 0.75em;
 475   padding: 0 0.3em;
 476   background: white;
 477 }
 478
 479 legend {
 480   display: inline-block;
 481 }
 482
 483 /* leafs */
 484
 485 hr {
 486   display: block;
 487   height: 0;
 488   border: 1px inset;
 489   margin: 0.5em auto 0.5em auto;
 490 }
 491
 492 hr[size="1"] {
 493   border-style: solid none none none;
 494 }
 495
 496 iframe {
 497   border: 2px inset;
 498 }
 499
 500 noframes {
 501   display: block;
 502 }
 503
 504 br {
 505   display: -dompdf-br;
 506 }
 507
 508 img, img_generated {
 509   display: -dompdf-image !important;
 510 }
 511
 512 dompdf_generated {
 513   display: inline;
 514 }
 515
 516 /* hidden elements */
 517 area, base, basefont, head, meta, script, style, title,
 518 noembed, param {
 519   display: none;
 520   -dompdf-keep: yes;
 521 }