Guest User

Untitled

a guest
Jun 19th, 2018
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.15 KB | None | 0 0
  1. <head>
  2. <style type="text/css" media="print">
  3. @page {
  4. margin-top: 20%;
  5. margin-bottom:13%;
  6. margin-right: 10%;
  7. margin-left:7%;
  8. size: A4;
  9. background-image:url({!$Resource.Voorblad}) ;
  10. background-repeat:no-repeat;
  11. background-size: 120% 120% !important;
  12.  
  13. @top-right {
  14. content: element(header);
  15. }
  16. @bottom-right{
  17. content: element(footer);
  18. }
  19. }
  20. div.header {
  21. align:left;
  22. padding: 0px;
  23. position: running(header);
  24. }
  25. body{
  26. margin-left:0%;
  27. font-family:Arial, Verdana, sans-serif;
  28. font-size:90%;
  29. }
  30. div.footer {
  31. height: 250px;
  32. display: block;
  33. padding: 5px;
  34. position: running(footer);
  35. margin:-2em -1em -12em;
  36. font-size:60%;
  37. color:#21789e;
  38. text-align: right;
  39. line-height:120%;
  40. }
  41. div.header {
  42. position: running(header);
  43. }
  44. .pagenumber:before {
  45. content: counter(page);
  46. }
  47. .pagecount:before {
  48. content: counter(pages);
  49. }
  50. table {border-collapse: collapse;
  51. padding: 0;
  52. margin-top:5px;
  53. margin-bottom:20px;
  54. }
  55. td{vertical-align:top;
  56. padding-left:
  57. 0px;
  58. }
  59. table.details td {
  60. border: 2px solid #000;
  61. padding-left:5px;
  62. }
  63. .backgroundimg {
  64. background-image:url({!$Resource.backgroundtable}) ;
  65. background-size: 300px 100px;
  66. background-repeat:no-repeat;
  67. }
  68. </style>
  69. </head>
  70.  
  71. <style type="text/css" media="print">
  72. @page {
  73. margin-top: 20%;
  74. margin-bottom:13%;
  75. margin-right: 10%;
  76. margin-left:7%;
  77. size: A4;
  78.  
  79. @top-right {
  80. content: element(header);
  81. }
  82. @bottom-right{
  83. content: element(footer);
  84. }
  85. }
  86. div.header {
  87. align:left;
  88. padding: 0px;
  89. position: running(header);
  90. }
  91. body{
  92. margin-left:0%;
  93. font-family:Arial, Verdana, sans-serif;
  94. font-size:90%;
  95. }
  96. div.footer {
  97. height: 250px;
  98. display: block;
  99. padding: 5px;
  100. position: running(footer);
  101. margin:-2em -1em -12em;
  102. font-size:100%;
  103. color:#000000;
  104. text-align: right;
  105. line-height:120%;
  106. }
  107. div.header {
  108. position: running(header);
  109. }
  110. .pagenumber:before {
  111. content: counter(page);
  112. }
  113. .pagecount:before {
  114. content: counter(pages);
  115. }
  116. table {border-collapse: collapse;
  117. padding: 0;
  118. margin-top:5px;
  119. margin-bottom:20px;
  120. }
  121. td{vertical-align:top;
  122. padding-left:
  123. 0px;
  124. }
  125. table.details td {
  126. border: 2px solid #000;
  127. padding-left:5px;
  128. }
  129. .backgroundimg {
  130. background-image:url({!$Resource.backgroundtable}) ;
  131. background-size: 300px 100px;
  132. background-repeat:no-repeat;
  133. }
  134. @page :first {
  135. background-image:url({!$Resource.youresource}) ;
  136. background-repeat:no-repeat;
  137. background-size: 120% 120% !important;
  138. @bottom-right {
  139. }
  140. @top-right {
  141. }
  142. }
  143. </style>
Add Comment
Please, Sign In to add comment