Advertisement
coffeeandphotos

RMS CSS BACK UP 8.4.24

Aug 4th, 2024
315
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.35 KB | None | 0 0
  1. //Don't Display Portfolio Pagination
  2. .item-pagination--prev-next {
  3. display: none;}
  4.  
  5. /* Change dropdown menu background */
  6. .header-nav-folder-content {
  7. background: #BEBCE6 !important;
  8. }
  9.  
  10. //header nav menu mobile
  11.  
  12. .header-menu-nav-item a {
  13. font-size: 1.9rem;}
  14.  
  15. //remove underline from links
  16. a {
  17. text-decoration: none !important;
  18. }
  19. header a {
  20. background-image: none !important;
  21. }
  22. footer a {
  23. text-decoration: none !important;
  24. }
  25.  
  26. //hide BACK arrow in mobile menu
  27. .header-menu-controls-control span:nth-of-type(2) {
  28. display: none;
  29. }
  30.  
  31. // logo gallery marquee homepage
  32.  
  33. @keyframes moveLeft {
  34. 0% {
  35. transform: translateX(0%);
  36. }
  37.  
  38. 100% {
  39. transform: translateX(-300%);
  40. }
  41. }
  42. //main css
  43. section[data-section-id="63c35bb9b98b7f0d1d647b8d"] {
  44. overflow:hidden;
  45. border-bottom:1px solid;
  46.  
  47. .gallery-grid-item-wrapper img  {
  48. object-fit:contain !important;
  49. }
  50.  
  51. .gallery-grid-wrapper {
  52. display:flex !important;
  53. animation:  moveLeft 65s linear      infinite;
  54. .gallery-grid-item {
  55. min-width:15%;
  56. margin-right:5%;
  57. }
  58. }
  59.  
  60. .gallery-grid-item:not([data-show]) .gallery-grid-item-wrapper {
  61. opacity: 1;
  62.  
  63. }
  64. .gallery-grid-item:not([data-show]) .gallery-grid-item-caption {
  65. opacity: 1;
  66. visibility: visible !important;
  67. }
  68.  
  69. .gallery-grid[data-show-captions="false"] .gallery-grid-item-caption {
  70. display: none
  71. }
  72.  
  73. .gallery-grid[data-show-captions="true"][data-animation="none"] .gallery-grid-item-caption {
  74. transition: none
  75. }
  76.  
  77. }
  78.  
  79. //mobile
  80.  
  81. section[data-section-id="63c35bb9b98b7f0d1d647b8d"] {
  82.  
  83. @media screen and (max-width:767px) {
  84. .gallery-grid-item {
  85. min-width:50% !important;
  86. margin-right:5%;
  87. }
  88.  
  89. }
  90.  
  91. .gallery  {
  92. min-height:initial !important;
  93. }
  94.  
  95. }
  96. //end of gallery marque
  97.  
  98. //list image radius
  99.  
  100. .user-items-list-simple .list-image
  101. {border-radius:40px;}
  102.  
  103. //-- testimonial carosel list shape/radius
  104. .list-item[data-is-card-enabled="true"] {border-radius:40px}
  105.  
  106. //blog image style radius
  107. .blog-basic-grid .image-wrapper img {
  108. border-radius: 40px;}
  109.  
  110. //gallery slideshow container radius homepage
  111. section[data-section-id="663e8090bd16811e3c5ee9b6"]
  112. .sqs-gallery-block-slideshow .sqs-gallery-design-stacked-slide {border-radius:40px;}
  113. //
  114. .sqs-gallery-block-slideshow {
  115. background-color: transparent}
  116. //
  117. //mega menu
  118. .mega {
  119. position: absolute;
  120. width: 100%;
  121. opacity: 0;
  122. left: 0;
  123. bottom: 0px;
  124. visibility: hidden;
  125. pointer-events: none;
  126. transition:transform 1s ease;
  127. transform: translate(0,95%);
  128.  
  129. &:after {
  130. position: absolute;
  131. left: 0;
  132. content: '';
  133. height: 100%;
  134. width: 100%;
  135. z-index: -1;
  136. background: transparent;
  137. top: 5px;
  138. transform: translate(0,-100%);
  139.  
  140. }
  141.  
  142. }
  143.  
  144. .mega:hover {
  145. opacity: 1;
  146. visibility: visible;
  147. pointer-events: auto!important;
  148. -webkit-transition-delay: 0s;
  149. -o-transition-delay: 0s;
  150. transition-delay: 0s;
  151. transform: translate(0,100%);
  152. & * {
  153. pointer-events: auto;
  154. }
  155. }
  156. .folder a {
  157. pointer-events:none;
  158. }
  159. .folder:hover {
  160. & + .mega {
  161. opacity: 1;
  162. pointer-events: auto!important;
  163. visibility: visible;
  164. transform: translate(0,100%);
  165. }
  166. }
  167.  
  168. @media (min-width:991px) {
  169.  
  170. .folder {
  171. z-index:99999 !important;
  172. .header-nav-folder-content {
  173. display: none;
  174. }
  175. }
  176. .header-nav-item,
  177. .header-title,
  178. .header-actions {
  179. z-index: 9;
  180. position: relative !important;
  181. }
  182. .header-background,.header::before,
  183. {
  184. pointer-events: none!important;
  185. }
  186.  
  187. .header-display,
  188. .header-inner {
  189. position: static!important;
  190. }
  191.  
  192. }
  193.  
  194. //LEFT ALIGN TEXT
  195. .mega {
  196. p,h2,h3,h1 {
  197. text-align:left;
  198. }
  199. //remove underlines in links
  200. p a {
  201. border-bottom:0px !important;
  202. }
  203. }
  204.  
  205. .section-background-content img {
  206. visibility:visible !important;
  207. }
  208.  
  209. //background color
  210. //Mega Menu Background color
  211. .mega {
  212.  
  213. .section-background {
  214. background-color: #EBEAEB !important;
  215. }
  216.  
  217. }
  218. //padding
  219. .mega {
  220. .content-wrapper {
  221. padding-top: 5vh !important;
  222. padding-bottom: 5vh !important;
  223. }
  224. }
  225. //typography
  226. .mega {
  227. h3 {
  228. font-size:18px;
  229. font-family: Poppins;
  230. }
  231. h1,h2,h3,h4, p {
  232. text-align:left;
  233. line-height: 1.8;
  234. }
  235.  
  236. }
  237.  
  238. //mobile mega menu
  239. //Hide Default Nav Items
  240. //hide popout menu on mobile, most tablets
  241. @media only screen and (max-width: 1024px) and (pointer: coarse), screen and (max-width: 799px) {
  242. .header-menu-nav-list {
  243. display:none;
  244. }
  245.  
  246. }
  247.  
  248. //basic mobile
  249.  
  250. .header--menu-open .header-menu {
  251. overflow-y:scroll;
  252. background-color:#EBEAEB; //change as needed
  253. .header-menu-bg{
  254. display:none;
  255. }
  256.  
  257. //Fix Background Color
  258. .page-section {
  259. background-color:transparent !important;
  260.  
  261. min-height:initial !important;
  262. }
  263.  
  264. .section-background {
  265. background-color: transparent !important;
  266. }
  267.  
  268. //Define Padding
  269. .content-wrapper {
  270. padding-top:0px  !important;
  271. padding-bottom:0px !important;
  272. }
  273. //Adjust Block Spacing
  274. .sqs-block {
  275. padding-top:10px;
  276. padding-bottom:10px;
  277. }
  278.  
  279. }
  280.  
  281. body:not(.header--menu-open) {
  282. #mobileNav {
  283. opacity:0;
  284. }
  285. }
  286.  
  287. .header--menu-open {
  288. #mobileNav {
  289. opacity:1;
  290. }
  291. }
  292.  
  293. //fix button mobile nav
  294. #block-44f48ad044cd63646853 .sqs-button-element--primary {color: #fff !important}
  295.  
  296. //mobile menu pages font style
  297. [data-section-id="63cf36ffbc1f0240b2998d16"] H3 { line-height: 1.8 !important;
  298. }
  299. [data-section-id="63cf3617e216dc3d3b12e29d"] H3 { line-height: 1.8 !important;
  300. }
  301.  
  302. //gallery radius + instagram block radius
  303. .slide .sqs-video-overlay {border-radius: 40px !important;}
  304.  
  305. //gallery radius + instagram block radius
  306. .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {border-radius: 40px !important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement