No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

142 líneas
2.5KB

  1. $font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  2. $border-color: #c0c0c0;
  3. body {
  4. padding-bottom: 200px;
  5. }
  6. .document-download {
  7. $margin-bottom-block: 15px;
  8. $padding-block: 10px;
  9. font-family: $font-family;
  10. #block-addresses {
  11. margin-bottom: 2*$margin-bottom-block;
  12. .producer {
  13. margin-bottom: $margin-bottom-block;
  14. text-align: left;
  15. line-height: 21px;
  16. .logo {
  17. float: left;
  18. padding-right: 25px;
  19. }
  20. .name {
  21. font-weight: bold;
  22. font-size: 18px;
  23. margin-bottom: 8px;
  24. }
  25. }
  26. .user {
  27. text-align: right;
  28. }
  29. }
  30. .block-is-draft {
  31. padding: $padding-block;
  32. margin-bottom: $margin-bottom-block;
  33. text-transform: uppercase;
  34. border: solid 1px black;
  35. }
  36. #block-infos-document {
  37. padding: $padding-block;
  38. margin-bottom: $margin-bottom-block;
  39. font-size: 11px;
  40. line-height: 18px;
  41. background-color: #efefef;
  42. .type {
  43. text-transform: uppercase;
  44. padding-bottom: 10px;
  45. }
  46. }
  47. #block-no-product {
  48. padding: $padding-block;
  49. margin-bottom: $margin-bottom-block;
  50. font-weight: bold;
  51. border: solid 2px black;
  52. text-transform: uppercase;
  53. }
  54. #block-products {
  55. margin-bottom: $margin-bottom-block;
  56. table {
  57. width: 100%;
  58. padding: 0px;
  59. margin: 0px;
  60. border-bottom: solid 1px $border-color;
  61. border-right: solid 1px $border-color;
  62. border-collapse: collapse;
  63. td, th {
  64. padding: 2px 5px;
  65. border-top: solid 1px $border-color;
  66. border-left: solid 1px $border-color;
  67. font-family: $font-family;
  68. font-size: 12px;
  69. &.align-left {
  70. text-align: left;
  71. }
  72. &.align-center {
  73. text-align: center;
  74. }
  75. &.align-right {
  76. text-align: right;
  77. }
  78. }
  79. td {
  80. font-size: 11px;
  81. &.column-product {}
  82. &.column-unit-price {
  83. width: 120px;
  84. }
  85. &.column-tax-rate,
  86. &.column-price {
  87. width: 70px;
  88. }
  89. &.column-quantity {
  90. width: 80px;
  91. }
  92. }
  93. }
  94. }
  95. .block-infos {
  96. margin-bottom: $margin-bottom-block;
  97. border: solid 1px $border-color;
  98. padding: $padding-block;
  99. background-color: transparent;
  100. font-size: 11px;
  101. strong {
  102. font-size: 12px;
  103. }
  104. }
  105. }
  106. #footer {
  107. font-family: $font-family;
  108. text-align: center;
  109. padding-top: 10px;
  110. border-top: solid 1px gray;
  111. .infos-bottom {
  112. font-size: 12px;
  113. line-height: 18px;
  114. }
  115. }