style.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. @font-face {
  2. font-family: 'reglo';
  3. src: url('fonts/Reglo/reglo-bold-webfont.eot');
  4. src: url('fonts/Reglo/reglo-bold-webfont.eot?#iefix') format('embedded-opentype'),
  5. url('fonts/Reglo/reglo-bold-webfont.woff2') format('woff2'),
  6. url('fonts/Reglo/reglo-bold-webfont.woff') format('woff'),
  7. url('fonts/Reglo/reglo-bold-webfont.ttf') format('truetype'),
  8. url('fonts/Reglo/reglo-bold-webfont.svg#reglobold') format('svg');
  9. font-weight: normal;
  10. font-style: normal;
  11. }
  12. @font-face {
  13. font-family: 'vollkorn';
  14. src: url('fonts/volkorn/vollkorn-bold-webfont.woff2') format('woff2'),
  15. url('fonts/volkorn/vollkorn-bold-webfont.woff') format('woff');
  16. font-weight: bold;
  17. font-style: normal;
  18. }
  19. @font-face {
  20. font-family: 'vollkorn';
  21. src: url('fonts/volkorn/vollkorn-bolditalic-webfont.woff2') format('woff2'),
  22. url('fonts/volkorn/vollkorn-bolditalic-webfont.woff') format('woff');
  23. font-weight: bold;
  24. font-style: italic;
  25. }
  26. @font-face {
  27. font-family: 'vollkorn';
  28. src: url('fonts/volkorn/vollkorn-italic-webfont.woff2') format('woff2'),
  29. url('fonts/volkorn/vollkorn-italic-webfont.woff') format('woff');
  30. font-weight: normal;
  31. font-style: italic;
  32. }
  33. @font-face {
  34. font-family: 'vollkorn';
  35. src: url('fonts/volkorn/vollkorn-regular-webfont.woff2') format('woff2'),
  36. url('fonts/volkorn/vollkorn-regular-webfont.woff') format('woff');
  37. font-weight: normal;
  38. font-style: normal;
  39. }
  40. body{
  41. width: 100%;
  42. margin:0;
  43. color:#000;
  44. }
  45. h1, h2, h3, h4, h5, h6{ }
  46. a{color:#000;}
  47. ul{margin:0;}
  48. li{list-style:none;}
  49. img{width:100%;}
  50. .toPrint header{
  51. page-break-after: always;
  52. }
  53. .toPrint header .randomWord{
  54. font-family: "reglo", sans-serif;
  55. font-size: 280px;
  56. color: rgb(255, 0, 0);
  57. position: absolute;
  58. word-break: break-all;
  59. word-wrap: break-word;
  60. top:-1.5cm;
  61. text-transform: uppercase;
  62. font-weight: bold;
  63. text-align: center;
  64. left:50%;
  65. transform: translateX(-50%);
  66. width: 16cm;
  67. z-index: -1;
  68. line-height: 0.9;
  69. }
  70. .toPrint header .title{
  71. font-family: "reglo", sans-serif;
  72. color: rgb(0, 0, 255);
  73. border: 3px solid blue;
  74. padding: 0.5cm;
  75. background-color: #FFF;
  76. margin-top: 1cm;
  77. width: 5.5cm;
  78. }
  79. .toPrint header h1,h2,h3, h4{
  80. font-family: "reglo", sans-serif;
  81. font-weight: normal;
  82. margin:0;
  83. /* text-align: center;*/
  84. }
  85. .toPrint header h1{
  86. font-size: 38px;
  87. line-height: 1;
  88. margin: 0.5cm 0 2cm 0;
  89. /* margin-top:1cm;
  90. text-transform: uppercase;*/
  91. }
  92. .toPrint header h2{
  93. /*//font-size: 20px;*/
  94. }
  95. .toPrint .page-titre{
  96. padding-top: 1cm;
  97. width: 5.5cm;
  98. page-break-before: always;
  99. page-break-after: always;
  100. }
  101. .toPrint .page-titre h1{
  102. font-family: "reglo", sans-serif ;
  103. font-size: 38px;
  104. line-height: 1;
  105. }
  106. .toPrint .k{
  107. page-break-after: avoid;
  108. margin-top: 1cm;
  109. }
  110. .toPrint .k h3{
  111. font-family: "reglo", sans-serif;
  112. text-align: left;
  113. text-transform: uppercase;
  114. font-size: 15px;
  115. width: 3cm;
  116. margin-left: 6cm;
  117. }
  118. .toPrint .v{
  119. page-break-after: always;
  120. width: 6cm;
  121. margin-top: 0.5cm;
  122. /*border-left: 3px solid yellow;*/
  123. /* padding-left: 0.2cm;
  124. margin-left: 0.2cm;*/
  125. }
  126. .toPrint .v p{
  127. font-size: 11px
  128. }
  129. .toPrint p{
  130. font-family: 'vollkorn', Georgia, serif;
  131. margin: 0;
  132. margin-bottom: 1cm;
  133. padding:0;
  134. line-height: 1;
  135. font-size: 11px;
  136. }
  137. footer, .last-page{
  138. page-break-before: always;
  139. }
  140. footer {
  141. width: 6cm;
  142. padding-top: 1cm;
  143. }
  144. .toPrint footer p{
  145. font-family: "reglo", sans-serif !important;
  146. line-height: 1.3 ;
  147. font-size: 11pt;
  148. }
  149. .last-page{
  150. position: absolute;
  151. top:-1.5cm;
  152. left:-1.5cm;
  153. height: 16cm;
  154. width: 12cm;
  155. background: rgb(252,0,0);
  156. }
  157. .blank-page{
  158. /*page-break-before: always;*/
  159. page-break-after: always;
  160. }
  161. /*.last-page .image-wrapper{
  162. }
  163. .last-page .image-wrapper:before{
  164. content: "";
  165. display: block;
  166. position: absolute;
  167. top:0cm;
  168. left:0cm;
  169. height: 16cm;
  170. width: 12cm;
  171. opacity: 0.5;
  172. background: rgb(252,0,0);
  173. }*/
  174. /*.last-page img{
  175. width: 100%;
  176. }*/