Advertisement
desislava_topuzakova

Untitled

Jun 28th, 2022
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.25 KB | None | 0 0
  1. ul,
  2. nav,
  3. body,
  4. h1,
  5. h2,
  6. h4,
  7. h6,
  8. p,
  9. figure {
  10. margin: 0;
  11. padding: 0;
  12. }
  13.  
  14. a {
  15. transition: all 0.3s ease;
  16. }
  17.  
  18. html {
  19. box-sizing: border-box;
  20. }
  21.  
  22. *,
  23. *::before,
  24. *::after {
  25. box-sizing: inherit;
  26. }
  27.  
  28. .container {
  29. width: 100%;
  30. max-width: 1200px;
  31. margin-right: auto;
  32. margin-left: auto;
  33. }
  34.  
  35. .tm-container-inner {
  36. padding-left: 15px;
  37. padding-right: 15px;
  38. }
  39.  
  40. .row {
  41. display: flex;
  42. flex-wrap: wrap;
  43. margin-left: -15px;
  44. margin-right: -15px;
  45. }
  46.  
  47. .col-lg-3,
  48. .col-md-4,
  49. .col-md-6,
  50. .col-sm-6,
  51. .col-12 {
  52. position: relative;
  53. padding-right: 15px;
  54. padding-left: 15px;
  55. }
  56.  
  57. .col-12 {
  58. max-width: 100%;
  59. }
  60.  
  61. .tm-btn {
  62. display: inline-block;
  63. font-size: 1rem;
  64. width: auto;
  65. padding: 10px 30px;
  66. text-decoration: none;
  67. cursor: pointer;
  68. border: 0;
  69. }
  70.  
  71. .tm-btn-default {
  72. border: 1px solid #ccc;
  73. background-color: transparent;
  74. color: #626364;
  75. }
  76.  
  77. .tm-btn-default:hover,
  78. .tm-btn-default:focus {
  79. color: white;
  80. background-color: #98999a;
  81. }
  82.  
  83. .tm-mb-45 {
  84. margin-bottom: 45px;
  85. }
  86.  
  87. .text-center {
  88. text-align: center;
  89. }
  90.  
  91. .hidden {
  92. display: none !important;
  93. }
  94.  
  95. .img-fluid {
  96. max-width: 100%;
  97. height: auto;
  98. }
  99.  
  100. body {
  101. font-family: "Open Sans", Arial, sans-serif;
  102. font-size: 17px;
  103. background-color: #ccc;
  104. overflow-x: hidden;
  105. }
  106.  
  107. .container {
  108. background-color: white;
  109. }
  110.  
  111. p {
  112. color: #626364;
  113. line-height: 1.8;
  114. }
  115.  
  116. .placeholder {
  117. width: 100%;
  118. min-height: 460px;
  119. background-color: #556e5b;
  120. }
  121.  
  122. .parallax-window {
  123. min-height: 460px;
  124. background: transparent;
  125. position: relative;
  126. }
  127.  
  128. .tm-header {
  129. position: absolute;
  130. bottom: 0;
  131. left: 0;
  132. width: 100%;
  133. color: white;
  134. z-index: 1000;
  135. }
  136.  
  137. .tm-header-inner {
  138. padding: 40px 50px;
  139. justify-content: space-between;
  140. }
  141.  
  142. .tm-site-logo {
  143. display: inline-block;
  144. margin-right: 5px;
  145. }
  146.  
  147. .tm-site-text-box {
  148. display: inline-block;
  149. }
  150.  
  151. .tm-site-title {
  152. font-size: 2.2rem;
  153. font-weight: 400;
  154. margin-bottom: 5px;
  155. }
  156.  
  157. .tm-site-description {
  158. font-size: 1.1rem;
  159. font-weight: 400;
  160. }
  161.  
  162. .tm-nav {
  163. text-align: right;
  164. margin-top: 30px;
  165. }
  166.  
  167. .tm-nav-ul {
  168. display: flex;
  169. justify-content: flex-end;
  170. }
  171.  
  172. .tm-nav-li {
  173. list-style: none;
  174. display: block;
  175. margin-bottom: 0;
  176. padding-right: 25px;
  177. padding-left: 25px;
  178. }
  179.  
  180. .tm-nav-link {
  181. color: white;
  182. text-decoration: none;
  183. padding-bottom: 10px;
  184. }
  185.  
  186. .tm-nav-link.active,
  187. .tm-nav-link:hover {
  188. border-bottom: 1px solid white;
  189. }
  190.  
  191. .tm-welcome-section {
  192. margin: 60px auto;
  193. max-width: 655px;
  194. }
  195.  
  196. .tm-section-title {
  197. font-size: 2rem;
  198. font-weight: 400;
  199. margin-bottom: 30px;
  200. text-align: center;
  201. margin-left: 115px;
  202. }
  203.  
  204. .tm-gallery {
  205. margin-bottom: 80px;
  206. margin-left: 80px
  207. }
  208.  
  209. .tm-gallery-page {
  210. margin: 0 300px;
  211. display: flex;
  212. flex-wrap: wrap;
  213. }
  214.  
  215. .tm-gallery-description {
  216. font-size: 0.95rem;
  217. }
  218.  
  219. .tm-section,
  220. .tm-container-inner {
  221. margin-left: auto;
  222. margin-right: auto;
  223. }
  224.  
  225. .tm-gallery-item {
  226. max-width: 280px;
  227. }
  228.  
  229. .tm-gallery-img {
  230. margin-bottom: 20px;
  231. }
  232.  
  233. .tm-gallery-title {
  234. font-size: 1.3rem;
  235. font-weight: 400;
  236. color: #1a6692;
  237. margin-bottom: 15px;
  238. }
  239.  
  240. .tm-gallery-description {
  241. margin-bottom: 20px;
  242. }
  243.  
  244. .tm-gallery-price {
  245. font-size: 1.25rem;
  246. color: #2f956d;
  247. margin-bottom: 60px;
  248. }
  249.  
  250. .tm-paging-links {
  251. text-align: center;
  252. margin-bottom: 40px;
  253. }
  254.  
  255. .tm-paging-item {
  256. list-style: none;
  257. display: inline-block;
  258. border: 1px solid #2f956d;
  259. margin: 7px;
  260. }
  261.  
  262. .tm-paging-link {
  263. padding: 10px 30px;
  264. display: flex;
  265. align-items: center;
  266. justify-content: center;
  267. text-decoration: none;
  268. color: #2f956d;
  269. background-color: transparent;
  270. }
  271.  
  272. .tm-cta-section {
  273. margin: 0 auto;
  274. width: 1200px;
  275. display: flex;
  276. }
  277.  
  278. .tm-paging-link.active,
  279. .tm-paging-link:hover {
  280. background-color: #2f956d;
  281. color: white;
  282. }
  283.  
  284. .tm-description-figure {
  285. text-align: center;
  286. }
  287.  
  288. .tm-description-box {
  289. margin-left: auto;
  290. margin-right: auto;
  291. }
  292.  
  293. .tm-description-box {
  294. padding-left: 0;
  295. padding-right: 0;
  296. display: flex;
  297. flex-direction: column;
  298. margin-top: 30px;
  299. max-width: 530px;
  300. }
  301.  
  302. .tm-right {
  303. align-self: flex-end;
  304. }
  305.  
  306. .tm-footer {
  307. padding: 25px 15px;
  308. margin-top: 40px;
  309. }
  310.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement