print.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. body {
  2. font-size: 16px;
  3. font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
  4. font-weight: 500;
  5. font-style: normal;
  6. line-height: 1.3; }
  7. body {
  8. margin: 0;
  9. padding: 0; }
  10. #printable-root-page {
  11. box-sizing: border-box;
  12. width: 21cm;
  13. padding: 1cm .5cm 2cm; }
  14. #printable-root-page > header {
  15. display: flex;
  16. flex-flow: nowrap;
  17. align-items: baseline; }
  18. #printable-root-page > header h1 {
  19. margin: 0;
  20. font-weight: 600; }
  21. #printable-root-page > article {
  22. padding-top: 1em; }
  23. #printable-root-page > article > h2 {
  24. font-weight: 600;
  25. margin: 0; }
  26. #printable-root-page > article .field--name-field-reference {
  27. margin: 0 0 1em 0; }
  28. #printable-root-page > article .field--name-body,
  29. #printable-root-page > article .field--name-field-samples {
  30. display: inline-block;
  31. vertical-align: top; }
  32. #printable-root-page > article .field--name-body {
  33. width: 75%; }
  34. #printable-root-page > article .field--name-body p {
  35. margin: 0; }
  36. #printable-root-page > article .field__label {
  37. font-size: 0.756em;
  38. font-weight: 700; }
  39. #printable-root-page > article .field--name-field-samples {
  40. width: 23%;
  41. text-align: right; }
  42. #printable-root-page > article .field--name-field-samples .field__item {
  43. font-size: 0.756em; }
  44. #printable-root-page > article .field--name-field-manufacturer,
  45. #printable-root-page > article .field--name-field-distributor {
  46. margin-top: 1em;
  47. display: inline-block;
  48. width: 49%; }
  49. #printable-root-page > article .field--name-field-manufacturer .taxonomy-term > h2,
  50. #printable-root-page > article .field--name-field-distributor .taxonomy-term > h2 {
  51. margin: 0;
  52. font-weight: 600;
  53. font-size: 1em; }
  54. #printable-root-page > article .field--name-field-manufacturer .taxonomy-term p,
  55. #printable-root-page > article .field--name-field-distributor .taxonomy-term p {
  56. margin: 0; }
  57. #printable-root-page > article .field--name-field-materiau-images {
  58. margin-top: 1em;
  59. display: flex;
  60. flex-flow: row wrap;
  61. justify-content: space-between; }
  62. #printable-root-page > article .field--name-field-materiau-images .field__item {
  63. flex: 0 0 33%; }
  64. #printable-root-page > article .field--name-field-materiau-images .field__item img {
  65. width: 100%;
  66. height: auto; }