Guest User

Untitled

a guest
May 27th, 2017
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.73 KB | None | 0 0
  1. /* ----------------------------------------------------------------------------
  2. responsive settings
  3. */
  4. /* responsive landscape tablet */
  5. /* responsive portrait tablet */
  6. /* responsive portrait phone */
  7. /* Travel demo */
  8. .td-travel .td-travel-header {
  9. margin-top: -48px !important;
  10. margin-bottom: 48px !important;
  11. height: 540px;
  12. z-index: 0;
  13. /* responsive portrait tablet */
  14. }
  15. @media (min-width: 768px) and (max-width: 1018px) {
  16. .td-travel .td-travel-header {
  17. height: 350px;
  18. }
  19. }
  20. .td-travel .td-travel-header:before {
  21. width: 140% !important;
  22. }
  23. .td-travel .td-travel-header:after {
  24. content: '';
  25. width: 100%;
  26. height: 100%;
  27. position: absolute;
  28. top: 0;
  29. left: 0;
  30. z-index: 1 !important;
  31. opacity: 0.2;
  32. background: #ffffff;
  33. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  34. /* FF3.6+ */
  35. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  36. /* Chrome,Safari4+ */
  37. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  38. /* Chrome10+,Safari5.1+ */
  39. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  40. /* Opera 11.10+ */
  41. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  42. /* IE10+ */
  43. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  44. /* W3C */
  45. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  46. /* IE6-8 */
  47. }
  48. .td-travel .td-header-style-5 .sf-menu > li > a:hover,
  49. .td-travel .td-header-style-5 .sf-menu > .sfHover > a,
  50. .td-travel .td-header-style-5 .sf-menu > .current-menu-item > a,
  51. .td-travel .td-header-style-5 .sf-menu > .current-menu-ancestor > a,
  52. .td-travel .td-header-style-5 .sf-menu > .current-category-ancestor > a {
  53. color: #1AA4CE;
  54. }
  55. .td-travel .td-travel-features .td_block_wrap {
  56. margin-top: -278px;
  57. margin-bottom: 26px;
  58. /* responsive landscape tablet */
  59. /* responsive portrait tablet */
  60. /* responsive portrait phone */
  61. }
  62. @media (min-width: 1019px) and (max-width: 1140px) {
  63. .td-travel .td-travel-features .td_block_wrap {
  64. margin-top: -261px;
  65. }
  66. }
  67. @media (min-width: 768px) and (max-width: 1018px) {
  68. .td-travel .td-travel-features .td_block_wrap {
  69. margin-top: -209px;
  70. }
  71. }
  72. @media (max-width: 767px) {
  73. .td-travel .td-travel-features .td_block_wrap {
  74. margin-bottom: 0;
  75. }
  76. }
  77. .td-travel .td-travel-features .td_module_3 {
  78. padding: 10px !important;
  79. background-color: white;
  80. box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  81. overflow: hidden;
  82. /* responsive portrait phone */
  83. }
  84. @media (max-width: 767px) {
  85. .td-travel .td-travel-features .td_module_3 {
  86. margin-bottom: 20px;
  87. }
  88. }
  89. .td-travel .td-travel-features .td_module_3 .td-module-thumb {
  90. height: 220px;
  91. /* responsive landscape tablet */
  92. /* responsive portrait tablet */
  93. /* responsive portrait phone */
  94. }
  95. @media (min-width: 1019px) and (max-width: 1140px) {
  96. .td-travel .td-travel-features .td_module_3 .td-module-thumb {
  97. height: 200px;
  98. }
  99. }
  100. @media (min-width: 768px) and (max-width: 1018px) {
  101. .td-travel .td-travel-features .td_module_3 .td-module-thumb {
  102. height: 150px;
  103. }
  104. }
  105. @media (max-width: 767px) {
  106. .td-travel .td-travel-features .td_module_3 .td-module-thumb {
  107. height: auto;
  108. }
  109. }
  110. .td-travel .td-header-style-5 .td-main-menu-logo a {
  111. line-height: 66px;
  112. }
  113. .td-travel .td-header-style-5 .black-menu .sf-menu > li > a {
  114. background-color: transparent !important;
  115. }
  116. .td-travel .td-header-style-5 ul.sf-menu > .td-menu-item > a {
  117. /* responsive portrait tablet */
  118. }
  119. @media (min-width: 768px) and (max-width: 1018px) {
  120. .td-travel .td-header-style-5 ul.sf-menu > .td-menu-item > a {
  121. font-size: 15px;
  122. }
  123. }
  124. .td-travel .block-title a,
  125. .td-travel .block-title span,
  126. .td-travel .block-title label {
  127. padding-top: 8px;
  128. padding-bottom: 2px;
  129. }
  130. .td-travel .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more {
  131. background-color: #222;
  132. }
  133. .td-travel .td_block_wrap .td-subcat-filter {
  134. top: 5px;
  135. }
  136. .td-travel .td_module_11 .td-read-more {
  137. display: none;
  138. }
  139. .td-travel .block-title,
  140. .td-travel .td-related-title {
  141. margin-bottom: 16px;
  142. }
  143. .td-travel .td-related-title > .td-related-left:hover,
  144. .td-travel .td-related-title > .td-related-right:hover {
  145. color: #757575;
  146. }
  147. .td-travel .td-subcat-filter .td-subcat-dropdown ul {
  148. border-width: 1px 1px 1px;
  149. }
  150. .td-travel #td-theme-settings .td-skin-buy a {
  151. background-color: #1AA4CE ;
  152. }
  153. .td-travel .td_block_template_1 .td-related-title .td-cur-simple-item {
  154. background-color: #1aa4ce;
  155. color: #fff;
  156. }
  157. .td-travel .td_block_template_1 .td-related-title {
  158. border-bottom: 2px solid #1aa4ce;
  159. }
Advertisement
Add Comment
Please, Sign In to add comment