html2print-gab.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. :root{
  2. --page-width:148.5mm;
  3. --page-height:210mm;
  4. }
  5. /*RESET*/
  6. *{
  7. box-sizing: border-box;
  8. }
  9. body {
  10. font-family: Mono;
  11. }
  12. /*FONTS*/
  13. @font-face {
  14. font-family: Term-Gro;
  15. src: url(./fonts/terminal-grotesque.ttf);
  16. }
  17. @font-face {
  18. font-family: Mono;
  19. src: url(./fonts/PropCourierSans.otf);
  20. }
  21. /*REGION*/
  22. .log{
  23. -webkit-flow-into: barbapapa;
  24. }
  25. .ff{
  26. -webkit-flow-from: barbapapa;
  27. }
  28. /*COUV*/
  29. [class*="grad"]{
  30. width:100%;
  31. height:20%;
  32. display: block;
  33. }
  34. .grad1{
  35. background: -webkit-linear-gradient(45deg,#1DFF00,#1F0CE8,#0DFFAC);
  36. }
  37. .grad2{
  38. background: -webkit-linear-gradient(-45deg,#1DFF00,#1F0CE8,#0DFFAC);
  39. }
  40. .cover h1{
  41. font-family: Term-Gro;
  42. font-size: 3em;
  43. text-align: right;
  44. vertical-align: bottom;
  45. margin:1em;
  46. bottom: 0;
  47. position: absolute;
  48. }
  49. /*LOG*/
  50. .ff {
  51. width:65%;
  52. height: 100%;
  53. margin: auto;
  54. padding:3mm 0 3mm 0;
  55. }
  56. p {
  57. font-size: 10pt;
  58. }
  59. ul{
  60. list-style:none;
  61. font-size: 6pt;
  62. width: 50mm;
  63. position: relative;
  64. left: 60mm;
  65. }
  66. h4{
  67. width: 50mm;
  68. position: relative;
  69. left: 60mm;
  70. }
  71. /*INTRO*/
  72. .intro{
  73. height: 115mm;
  74. padding-top: 30mm;
  75. }