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.

174 lines
2.9KB

  1. #app_homepage {
  2. .bloc-futur {
  3. color: #FFF;
  4. background-color: $green;
  5. font-family: dinbold;
  6. .row-futur {
  7. min-height: 800px;
  8. h1 {
  9. font-family: FranklinGothic;
  10. width: 70%;
  11. font-size: 80px;
  12. margin-top: 70px;
  13. }
  14. h2 {
  15. font-family: FranklinGothic;
  16. width: 50%;
  17. margin-top: 55px;
  18. font-size: 27px;
  19. line-height: 38px;
  20. }
  21. .discover {
  22. background-color: $yellow;
  23. color: $green;
  24. font-size: 30px;
  25. padding: 13px 50px;
  26. margin-top: 150px;
  27. display: inline-block;
  28. font-weight: bold;
  29. }
  30. .perso-aac {
  31. position: absolute;
  32. bottom: 0;
  33. right: 0;
  34. max-width: 900px;
  35. }
  36. .startup {
  37. position: absolute;
  38. top: 10%;
  39. right: 7%;
  40. max-width: 250px;
  41. }
  42. }
  43. }
  44. .bloc-cartographie {
  45. background-color: $green;
  46. color: $green;
  47. .frame-yellow {
  48. background-color: $yellow;
  49. }
  50. .cartographie {
  51. max-width: 90%;
  52. margin-top: 50px;
  53. margin-bottom: 50px;
  54. }
  55. h2 {
  56. margin-top: 100px;
  57. margin-bottom: 40px;
  58. font-weight: bold;
  59. span {
  60. color: $orange;
  61. }
  62. }
  63. .link-carto {
  64. font-size: 20px;
  65. display: inline-block;
  66. margin-top: 20px;
  67. margin-bottom: 30px;
  68. color: $green;
  69. font-weight: bold;
  70. text-decoration: none;
  71. }
  72. .link-concert {
  73. color: $yellow;
  74. background-color: $green;
  75. padding: 20px 10px;
  76. position: absolute;
  77. bottom: 5%;
  78. left: 15px;
  79. font-family: dinbold;
  80. font-size: 20px;
  81. font-weight: bold;
  82. }
  83. }
  84. .bloc-planisphere {
  85. min-height: 700px;
  86. color: $green;
  87. padding-bottom: 100px;
  88. padding-top: 100px;
  89. img {
  90. max-width: 70%;
  91. }
  92. h2 {
  93. text-align: center;
  94. font-size: 40px;
  95. font-weight: bold;
  96. margin-bottom: 70px;
  97. span {
  98. color: $orange;
  99. }
  100. }
  101. .col-text {
  102. padding: 3%;
  103. }
  104. .subscribe {
  105. border: 1px solid $green;
  106. padding: 10px 40px;
  107. position: absolute;
  108. bottom: 0;
  109. font-size: 23px;
  110. a {
  111. color: $green;
  112. }
  113. &:hover {
  114. border-color: $yellow;
  115. }
  116. }
  117. }
  118. .bloc-ressourcerie {
  119. background-color: $green;
  120. color: #FFF;
  121. font-weight: bold;
  122. padding-top: 100px;
  123. padding-bottom: 100px;
  124. h2 {
  125. margin-bottom: 50px;
  126. font-size: 40px;
  127. font-weight: bold;
  128. }
  129. .contribuate {
  130. display: inline-block;
  131. padding: 15px 15px;
  132. border: 2px solid $yellow;
  133. margin-top: 40px;
  134. font-size: 23px;
  135. a {
  136. color: #FFF;
  137. }
  138. }
  139. .ressourcerie {
  140. max-width: 80%;
  141. position: absolute;
  142. top: 50%;
  143. transform: translate(-50%, -50%);
  144. left: 50%;
  145. }
  146. }
  147. }