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.

92 lines
3.0 KiB

  1. @import (reference) "../include/infopages.less";
  2. @import (reference) "../include/colortheme-all.less";
  3. &.cp-page-contact {
  4. .infopages_main();
  5. .fa {
  6. padding-right: 0.25em;
  7. }
  8. #cp-main {
  9. background-color: #fff;
  10. }
  11. .cp-container {
  12. background: #fff;
  13. .cp-iconCont {
  14. h4 {
  15. margin-top: 1.5em;
  16. margin-bottom: 1.5em;
  17. }
  18. div {
  19. .card {
  20. padding: 4em 1em 0.5em 1em;
  21. box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
  22. border-color: #fff;
  23. text-align: center;
  24. margin-bottom: 1em;
  25. &:hover, &:focus {
  26. text-decoration: none;
  27. transform: scale(1.05);
  28. }
  29. @media (max-width: 1200px) and (min-width: 769px) {
  30. min-height: 139px;
  31. }
  32. @media (max-width: 768px) and (min-width: 576px) {
  33. min-height: 164px;
  34. }
  35. @media (max-width: 496px) {
  36. min-height: 140px;
  37. }
  38. @media (max-width: 335px) {
  39. min-height: 162px;
  40. }
  41. }
  42. &:nth-child(2) {
  43. .card {
  44. background-image: url(/customize/images/twitter.svg);
  45. background-repeat: no-repeat;
  46. background-position: 50% 10%;
  47. background-size: 3rem;
  48. }
  49. }
  50. &:nth-child(3) {
  51. .card {
  52. background-image: url(/customize/images/issue.svg);
  53. background-repeat: no-repeat;
  54. background-position: 50% 10%;
  55. background-size: 3rem;
  56. }
  57. }
  58. &:nth-child(4) {
  59. .card {
  60. background-image: url(/customize/images/sayhi.svg);
  61. background-repeat: no-repeat;
  62. background-position: 50% 10%;
  63. background-size: 3rem;
  64. }
  65. }
  66. &:nth-child(5) {
  67. .card {
  68. background-image: url(/customize/images/email.svg);
  69. background-repeat: no-repeat;
  70. background-position: 50% 10%;
  71. background-size: 3rem;
  72. }
  73. }
  74. }
  75. }
  76. }
  77. .cp-contdet {
  78. padding-top: 3em;
  79. padding-bottom: 3em;
  80. background-image: url(/customize/images/bkcontact.jpg);
  81. background-size: cover;
  82. background-repeat: no-repeat;
  83. background-position: center;
  84. h1 {
  85. font-weight: 700;
  86. color: #fff;
  87. }
  88. }
  89. }