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.

118 lines
2.9 KiB

  1. @import (reference) "../include/infopages.less";
  2. @import (reference) "../include/colortheme-all.less";
  3. &.cp-page-about {
  4. .infopages_main();
  5. #cp-main {
  6. background: #fff;
  7. }
  8. .cp-about-intro {
  9. padding-top: 3em;
  10. padding-bottom: 3em;
  11. background-image: url(/customize/bkabout.jpg);
  12. background-size: cover;
  13. background-repeat: no-repeat;
  14. background-position: center;
  15. .container {
  16. color: #fff;
  17. font-family: "Open Sans";
  18. h1 {
  19. font-weight: 700;
  20. }
  21. a {
  22. color: #fff;
  23. text-decoration: underline;
  24. }
  25. p {
  26. padding-top: 1em;
  27. }
  28. }
  29. }
  30. .cp-container {
  31. .row {
  32. background: #fff;
  33. }
  34. .cp-bio-avatar {
  35. padding-right: 0;
  36. @media (max-width: 991px) {
  37. padding-right: 15px;
  38. }
  39. img {
  40. @media (max-width: 991px) {
  41. margin: 0 auto;
  42. display: block;
  43. }
  44. }
  45. }
  46. .cp-bio-avatar-right {
  47. padding-right: 15px;
  48. padding-left: 0;
  49. @media (max-width: 991px) {
  50. padding-left: 15px;
  51. }
  52. }
  53. }
  54. .cp-develop-about {
  55. .cp-icon-cent {
  56. width: 6rem;
  57. background: #fff;
  58. border-radius: 50%;
  59. height: 6rem;
  60. box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
  61. margin: 0 auto;
  62. background-image: url(/customize/code.svg);
  63. background-repeat: no-repeat;
  64. margin-top: 1em;
  65. margin-bottom: 1.5em;
  66. background-position: 50%;
  67. background-size: 4rem;
  68. }
  69. h2 {
  70. margin-top: 0;
  71. font-weight: 600;
  72. color: #1E1F1F;
  73. margin-bottom: 1.5em;
  74. }
  75. }
  76. .cp-profile-det {
  77. padding-left: 30px;
  78. h3 {
  79. color: #1E1F1F;
  80. font-weight: 700;
  81. }
  82. p {
  83. color: #3F4141;
  84. margin-bottom: 1em;
  85. }
  86. hr {
  87. margin-left: 0;
  88. width: 15rem;
  89. border-top: 2px solid @cryptpad_color_blue;
  90. }
  91. margin-bottom: 1em;
  92. }
  93. .cp-soc-media {
  94. font-size: 1.5em;
  95. color: @cryptpad_color_blue;
  96. padding-right: 1em;
  97. display: inline-block;
  98. &:hover {
  99. transform: scale(1.1);
  100. }
  101. &:visited {
  102. color: @cryptpad_color_blue;
  103. }
  104. }
  105. .cp-contrib {
  106. margin-top: 3em;
  107. .cp-icon-cent {
  108. background-image: url(/customize/source-branch.svg);
  109. background-position: 60%;
  110. }
  111. }
  112. .cp-margin-bot {
  113. margin-bottom: 1.5em;
  114. }
  115. }