You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

142 lines
3.7 KiB

  1. @import (reference) "../include/infopages.less";
  2. @import (reference) "../include/colortheme-all.less";
  3. @import (reference) "../include/alertify.less";
  4. @import (reference) "../include/checkmark.less";
  5. &.cp-page-register {
  6. .infopages_main();
  7. .alertify_main();
  8. .checkmark_main(20px);
  9. .cp-container {
  10. .form-group {
  11. .checkbox-container {
  12. &:nth-of-type(1) {
  13. margin-top: 2em;
  14. }
  15. &:last-of-type {
  16. margin-bottom: 1em;
  17. }
  18. }
  19. #register {
  20. &.btn {
  21. padding: .5rem .5rem;
  22. }
  23. margin-top: 16px;
  24. font-size: 1.25em;
  25. min-width: 30%;
  26. }
  27. }
  28. padding-bottom: 3em;
  29. min-height: 5vh;
  30. }
  31. .alertify {
  32. // workaround for alertify making empty p
  33. p:empty {
  34. display: none;
  35. }
  36. }
  37. .cp-register-wel {
  38. padding-top: 6em;
  39. padding-bottom: 20em;
  40. background-image: url(/customize/bkregister.jpg);
  41. background-size: cover;
  42. background-repeat: no-repeat;
  43. background-position: center;
  44. h1 {
  45. font-weight: 700;
  46. color: #fff;
  47. text-shadow: 0 1px 5px rgba(0,0,0,.2);
  48. }
  49. }
  50. .cp-register-det {
  51. margin-top: -7em;
  52. background: #fff;
  53. box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
  54. #data {
  55. // Old browsers
  56. background: #4591C4;
  57. // Chrome 10-25, Safari 5.1-6
  58. background: -webkit-linear-gradient(to right, #FF7C4F, #4592C4); // lesshint duplicateProperty: false
  59. // W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+
  60. background: linear-gradient(to right, #FF7C4F, #4592C4); // lesshint duplicateProperty: false
  61. padding-top: 3em;
  62. padding-bottom: 7em;
  63. padding-left: 30px;
  64. padding-right: 30px;
  65. p {
  66. color: #fff;
  67. li {
  68. margin-bottom: 1em;
  69. }
  70. .fa {
  71. font-size: 1.5em;
  72. padding-right: 10px;
  73. color: #000;
  74. }
  75. }
  76. h3 {
  77. font-weight: 700;
  78. margin-bottom: 1em;
  79. }
  80. }
  81. #userForm {
  82. padding-top: 3em;
  83. padding-bottom: 2em;
  84. .form-control {
  85. border-radius: 0;
  86. color: @cryptpad_text_col;
  87. margin-top: 1em;
  88. &:focus {
  89. border-color: @cryptpad_color_blue;
  90. }
  91. }
  92. .checkbox-container {
  93. color: @cryptpad_text_col;
  94. }
  95. }
  96. .cp-login-register {
  97. color: @cryptpad_color_blue;
  98. background: #fff;
  99. border: 2px solid @cryptpad_color_blue;
  100. border-radius: 0;
  101. &:hover {
  102. transform: scale(1.05);
  103. }
  104. }
  105. }
  106. .cp-register-test {
  107. margin-top: 3em;
  108. hr {
  109. width: 15rem;
  110. border-top: 2px solid @cryptpad_color_blue;
  111. margin-top: 0;
  112. margin-bottom: 2em;
  113. }
  114. p {
  115. margin-bottom: 0;
  116. }
  117. .cp-test-source {
  118. font-style: italic;
  119. }
  120. .test-details {
  121. padding-left: 4em;
  122. background-image: url(/customize/testimonial.svg);
  123. background-repeat: no-repeat;
  124. background-position: left top;
  125. background-size: 3em;
  126. color: @cryptpad_text_col;
  127. }
  128. }
  129. #cp-main {
  130. background: #fff;
  131. }
  132. }