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.

89 lines
2.3 KiB

  1. @import (reference) "../include/infopages.less";
  2. @import (reference) "../include/colortheme-all.less";
  3. &.cp-page-features {
  4. .infopages_main();
  5. #cp-main {
  6. background-color: #fff;
  7. }
  8. .cp_cont_features {
  9. padding-top: 3em;
  10. padding-bottom: 3em;
  11. background-image: url('/customize/images/cover-features.jpg');
  12. background-size: cover;
  13. background-repeat: no-repeat;
  14. background-position: center;
  15. h1 {
  16. font-weight: 700;
  17. color: #fff;
  18. }
  19. }
  20. #cp-features-register {
  21. text-align: center;
  22. padding: 20px;
  23. }
  24. .cp-features-register-button {
  25. font-size: 20px;
  26. color: #fff;
  27. background: @cryptpad_color_blue;
  28. border: 2px solid @cryptpad_color_blue;
  29. border-radius: 0;
  30. &:hover {
  31. transform: scale(1.05);
  32. cursor: pointer;
  33. }
  34. padding: 0.5em 1em;
  35. }
  36. .cp-features-web {
  37. .card {
  38. box-shadow: 0 5px 15px rgba(69, 145, 196, 0.3);
  39. border: none;
  40. }
  41. h3 {
  42. color: #fff;
  43. }
  44. .list-group {
  45. li {
  46. &:before {
  47. content: "\f00c";
  48. font-family: "FontAwesome";
  49. font-size: 14px;
  50. color: @cryptpad_color_blue;
  51. padding-right: 10px;
  52. }
  53. }
  54. div {
  55. display: inline;
  56. }
  57. }
  58. a.voted {
  59. opacity: 0.6;
  60. margin-left: 15px;
  61. &:hover {
  62. opacity: 1;
  63. }
  64. }
  65. .list-group-item {
  66. border-color: rgba(69, 145, 196, 0.125);
  67. }
  68. }
  69. .cp-anon-user {
  70. .card-body {
  71. background-color: @cryptpad_color_blue;
  72. }
  73. }
  74. .cp-regis-user {
  75. @media (max-width:575px) {
  76. margin-top: 3em;
  77. }
  78. .card-body {
  79. &:first-of-type {
  80. background: #4591C4;
  81. background: -webkit-linear-gradient(to right, #FF7C4F, #4592C4); // lesshint duplicateProperty: false
  82. background: linear-gradient(to right, #FF7C4F, #4592C4); // lesshint duplicateProperty: false
  83. }
  84. }
  85. }
  86. }