Nav apraksta
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

allinone14inch.css 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. font-family: "Satoshi", sans-serif;
  6. }
  7. .config_tab_active {
  8. background: #edf1ff;
  9. }
  10. .zeno_section_wrapper {
  11. background-size: cover;
  12. background-repeat: no-repeat;
  13. background: black;
  14. }
  15. .zeno_feature {
  16. background: url(../assets/imgs/allinone14inch/zeno-specs-bg.png);
  17. border: 2px solid #c1b6b6;
  18. border-radius: 25px;
  19. background-size: cover
  20. }
  21. .zeno_feature img {
  22. border: 2px solid #877e7e;
  23. }
  24. .zeno_feature p {
  25. color: #e2e2e2;
  26. font-size: 1.1rem;
  27. font-weight: 500;
  28. }
  29. .zeno_sleekbook_wrapper {
  30. background: url(../assets/imgs/allinone14inch/zeno_sleekbook.png);
  31. background-repeat: no-repeat;
  32. background-size: cover;
  33. background-repeat: no-repeat;
  34. background-position: center;
  35. padding-bottom: 5rem;
  36. }
  37. .zeno_sleekbook_content_sec h2 {
  38. line-height: 3rem;
  39. }
  40. .zeno_services_sec_wrapper {
  41. background-color: #808080;
  42. }
  43. .zeno_main_features .feature_box {
  44. border-radius: 40px;
  45. box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.171) inset;
  46. }
  47. .stunning_visuals_wrapper {
  48. background: radial-gradient(white, #a2d9d9);
  49. background-position: center;
  50. background-size: cover;
  51. height: 100%;
  52. }
  53. .effortless_id_wrapper .container.position-absolute{
  54. top:40%;
  55. left:12%
  56. }
  57. .stunning_visuals_wrapper{
  58. background: url(../assets/imgs/allinone14inch/stunningvisual.png);
  59. background-size: 100% 100%;
  60. background-position: center;
  61. height: 100vh;
  62. }
  63. .processor_bg_wrapper {
  64. background: url(../assets/imgs/allinone14inch/processor_bg.png);
  65. background-size: cover;
  66. background-position: center;
  67. height: 100vh;
  68. }
  69. .processor_content h2 {
  70. line-height: 2rem;
  71. }
  72. .powerful_performance_wrapper {
  73. background: url(../assets/imgs/allinone14inch/powerful_performance_bg.png);
  74. background-size: cover;
  75. background-position: center;
  76. }
  77. .all_metal_construction_wrapper {
  78. background: url(../assets/imgs/allinone14inch/all_metal_construction_bg.png);
  79. background-size: cover;
  80. background-position: center;
  81. }
  82. .all_metal_content {
  83. line-height: 4rem;
  84. }
  85. .maximum-portability_wrapper {
  86. background: url(../assets/imgs/allinone14inch/maximum_portability_bg.png);
  87. background-size: cover;
  88. background-position: center;
  89. }
  90. .keyboard_wrapper {
  91. background: url(../assets/imgs/allinone14inch/keyboard_bg.png);
  92. background-size: cover;
  93. background-position: center;
  94. }
  95. .make_connection_in_more_ways_wrapper {
  96. background: url(..//assets/imgs/allinone14inch/make_connection_in_more_ways_wrapper_bg.png);
  97. background-size: cover;
  98. background-position: center;
  99. }
  100. .video_camera_wrapper {
  101. background: url(../assets/imgs/allinone14inch/video_camera_bg.png);
  102. background-size: cover;
  103. background-position: center;
  104. }
  105. .video_camera_wrapper h4,
  106. .os_wrapper h4 {
  107. line-height: 2.5rem;
  108. }
  109. .os_wrapper {
  110. background: url(../assets/imgs/allinone14inch/os_sec_bg.png);
  111. background-size: cover;
  112. background-position: center;
  113. }
  114. .one_year_warrenty_wrapper .oneyear_warrenty_main_container {
  115. background: #000;
  116. }
  117. .banner_content h1 {
  118. margin-left: 15%;
  119. font-size: 3.6rem;
  120. }
  121. .warrenty_sec {
  122. bottom: 15%;
  123. left: -10%;
  124. }
  125. .sec_spacing {
  126. padding-top: 3rem !important;
  127. padding-bottom: 3rem !important;
  128. }
  129. .processor_content_2 .content_sec {
  130. position: absolute;
  131. bottom: 15px;
  132. text-align: center;
  133. margin-left: 5%;
  134. }
  135. .processor_bg_wrapper {
  136. position: relative;
  137. }
  138. @media (max-width: 1200px) {
  139. .main_head,
  140. #configure_right_side .main-section .sub_head {
  141. font-size: 1.3rem !important;
  142. text-align: center;
  143. }
  144. .content_sec {
  145. font-size: 0.9rem;
  146. line-height: 1.2rem !important;
  147. text-align: center;
  148. }
  149. .small_content_2 {
  150. font-size: 0.5rem !important;
  151. }
  152. .zeno_feature img {
  153. width: 55px !important;
  154. border: none;
  155. flex-direction: column;
  156. }
  157. .zeno_feature {
  158. padding: 0 !important;
  159. }
  160. .zeno_feature p {
  161. margin-bottom: 0;
  162. }
  163. .lighting_content_sec {
  164. margin-left: 0 !important;
  165. margin-top: 15px;
  166. }
  167. .sec_spacing {
  168. padding-top: 1rem !important;
  169. padding-bottom: 1rem !important;
  170. }
  171. .zeno_sleekbook_wrapper .row.pb-5 {
  172. padding-bottom: 0 !important;
  173. }
  174. .zeno_services_img_sec img {
  175. width: 30px;
  176. height: 30px;
  177. }
  178. .make_more_connections h5 {
  179. font-size: 0.7rem;
  180. margin-top: 10px;
  181. }
  182. .processor_bg_wrapper {
  183. display: none !important;
  184. }
  185. .zeno_services_sec_wrapper .row {
  186. display: flex !important;
  187. justify-content: space-evenly !important;
  188. }
  189. .zeno_features_img {
  190. text-align: center;
  191. }
  192. .zeno_features_img img {
  193. width: 50% !important;
  194. }
  195. .stunning_visuals_wrapper .position-absolute {
  196. position: inherit !important;
  197. color: #000 !important;
  198. }
  199. .processor_bg_wrapper,
  200. .processor_bg_wrapper .h-100 {
  201. height: auto !important;
  202. }
  203. .make_connection_in_more_ways_wrapper .row {
  204. padding: 0 !important;
  205. }
  206. .make_connection_in_more_ways_wrapper .row .col-md-4 img {
  207. width: 50px;
  208. }
  209. .os_wrapper .main_head {
  210. margin-bottom: 0 !important;
  211. }
  212. .banner_content h1 {
  213. margin-left: 0 !important;
  214. font-size: 1.2rem;
  215. text-align: center;
  216. }
  217. .warrenty_sec {
  218. bottom: 20%;
  219. left: 0;
  220. }
  221. .warrenty_sec img {
  222. width: 50px;
  223. }
  224. }