Advertisement
coffeeandphotos

MT backup before upgrade 5/19/24

May 19th, 2024
701
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.78 KB | None | 0 0
  1. //custom nav
  2. section[id*="nav"] {
  3.  
  4.   background-color:#00a2dd;
  5.  
  6.   .Index-page-content {
  7.     padding:10px 10px;
  8.     max-width:900px;
  9.     margin:auto;
  10.   }
  11.   .sqs-block {
  12.     padding-bottom:0px;
  13.   }
  14.  
  15.   p {
  16.     color:white;
  17.   }
  18.   @media (max-width:960px) {
  19.   display:none;
  20.  }
  21. }
  22. .Index-page-content {
  23. margin-top:0px !important;
  24. }
  25.  
  26. //moveable blocks
  27. #moveable {
  28. .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img:hover {
  29.    z-index:999999 !important;
  30. }
  31.  
  32. .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
  33.   width:100% !important;
  34. }
  35. img {
  36.     width: 100% !important;
  37.     height: auto !important;
  38.     cursor: move !important;
  39. }
  40.  
  41. .sqs-gallery-design-grid-slide:nth-child(odd) {
  42.   margin-top:-50px !important;//adjust as needed
  43.   margin-left:-2vw !important; //adjust as needed
  44. }
  45.  
  46.  
  47.  .sqs-gallery-design-grid-slide:nth-child(even) {
  48.   margin-top:40px; //adjust as needed
  49.  
  50.   margin-right:-2vw !important; //adjust as needed
  51. }
  52. .sqs-gallery-block-grid {
  53. overflow:visible !important;
  54. }
  55.  
  56. }
  57. //moveable adjust margins
  58. @media screen and (min-width:960px) {
  59. #block-yui_3_17_2_1_1595210178473_4743 {
  60. margin-left:100px;
  61. }
  62. }
  63. //moveable mobile size
  64. #moveable {
  65.  
  66. @media screen and (max-width:640px) {
  67.   .slide {
  68.     width:22% !important;
  69.   }
  70. }
  71. }
  72. /* show home page block dependent on screen size */
  73. @media only screen and (max-width: 780px) { #services-desktop { display: none; } }
  74. @media only screen and (min-width: 781px) { #services-mobile { display: none!important; } }
  75.  
  76. //mobile
  77.  
  78. .Mobile-overlay-nav-item {  
  79.     text-align: center;
  80. }
  81.  
  82. .Mobile-overlay-menu {
  83.     background-image: url(https://static1.squarespace.com/static/5f1138310f6d242673f0c0b6/t/5f152db97423410cc7ddfd11/1595223481898/champagne-beach-wood-lifeproof-vinyl-plank-flooring-i4445101lc-64_1000.jpghttps://static1.squarespace.com/static/5d1d694fef1a470001949e99/t/5d1e7784ae39c800014ed07e/1562277769083/Squarestylist-jfk-mobile-background.png);
  84.     background-color: #fff;
  85.     background-position: center;
  86.     background-repeat: no-repeat;
  87.     background-size: cover;
  88.     width: 100vw !important;
  89. }
  90.  
  91. .Mobile-overlay-close {
  92.     z-index: 999;
  93. background:transparent !important;
  94. }
  95.  
  96. .Mobile-overlay-nav--primary {
  97. padding-top:100px;
  98. }
  99.  
  100.  
  101.  
  102. //hide bottom footer
  103.   #footerBlocksBottom {
  104.  
  105.  display: none !important;
  106.  
  107.  }
  108.  
  109. //no auto hyphens
  110. p, h1, h2, h3 {hyphens: manual !important; -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; }
  111.  
  112. .tweak-mobile-overlay-menu-secondary-style-button:not(.tweak-mobile-overlay-menu-secondary-inherit) .Mobile-overlay-nav--secondary .Mobile-overlay-nav-item {
  113. display:block;
  114. margin: 75px !important;
  115. width: max-content !important;
  116. padding: 12px 20px !important;
  117. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement