blueprint.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. @font-face {
  2. font-family: Architect;
  3. src: url(../fonts/ProvArchitect.woff);
  4. }
  5. .architect {
  6. /*font-family: Architect;*/
  7. font-family: Montserrat', sans-serif;
  8. }
  9. /* Company Colours */
  10. body {
  11. background-color: #D9CCC1;
  12. }
  13. .brown-dark {
  14. color: #635A4A;
  15. }
  16. .brown-two {
  17. color: #BFAA92;
  18. }
  19. .brown-three {
  20. color: #97846E;
  21. }
  22. .brown-light {
  23. color: #D9CCC1;
  24. }
  25. .brown-five {
  26. color: #28261E;
  27. }
  28. .bg-brown-dark {
  29. background-color: #635A4A;
  30. }
  31. .bg-brown-two {
  32. background-color: #BFAA92;
  33. }
  34. .bg-brown-three {
  35. background-color: #97846E;
  36. }
  37. .bg-brown-light {
  38. background-color: #D9CCC1;
  39. }
  40. .bg-brown-five {
  41. background-color: #28261E;
  42. }
  43. .bd-brown-dark {
  44. border-color: #635A4A;
  45. }
  46. .bd-brown-two {
  47. border-color: #BFAA92;
  48. }
  49. .bd-brown-three {
  50. border-color: #97846E;
  51. }
  52. .bd-brown-light {
  53. border-color: #D9CCC1;
  54. }
  55. .bd-brown-five {
  56. border-color: #28261E;
  57. }
  58. hr {
  59. color: #635A4A;
  60. border: 0;
  61. border-top: 1.1px solid;
  62. opacity: 100;
  63. }
  64. .extra-light {
  65. font-weight:300;
  66. }
  67. canvas {
  68. width: 100%;
  69. height: 100%;
  70. display: block;
  71. /* this is IMPORTANT! */
  72. position: relative;
  73. border: 1px solid;
  74. }
  75. .signature-pad {
  76. img {
  77. position: absolute;
  78. left: 0;
  79. top: 0;
  80. }
  81. }
  82. .form-check-input {
  83. border-color: #28261E;
  84. }
  85. .form-check-input:checked {
  86. background-color: #635A4A;
  87. border-color: #28261E;
  88. }
  89. .btn {
  90. border-radius: 0;
  91. }