coffeeandphotos

Mood Final Redesign Final

Jun 16th, 2021
1,030
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //Footer
  2.  
  3. @media only screen and (max-width:896px){ #footer-sections * {text-align:center}}
  4.  
  5.  
  6.  
  7. //Custom Social Links
  8.  
  9. //Default color
  10. .sqs-use--icon {
  11. fill: #e5a5e1 !important;
  12. }
  13.  
  14. //List when one icon is hovered over
  15. .sqs-svg-icon--list:hover .sqs-use--icon {
  16.   fill:purple !important;
  17. }
  18.  
  19. //Icon being hovered
  20. .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover .sqs-use--icon {
  21. fill: #09aef6 !important;
  22. }
  23.  
  24.  
  25. // Emoji Cursor //
  26.  
  27. body, html {
  28.   cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✂️</text></svg>") 16 0,auto !important; /*emojicursor.app*/
  29.   }
  30.  
  31. a:hover {
  32.   cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✂️</text></svg>") 16 0,auto !important; /*emojicursor.app*/
  33.   }
  34.  
  35. input {
  36.   cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✂️</text></svg>") 16 0,auto !important; /*emojicursor.app*/
  37.   }
  38.  
  39. textarea {
  40.   cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✂️</text></svg>") 16 0,auto !important; /*emojicursor.app*/
  41.   }
  42.  
  43. .sqs-system-button {
  44.   cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✂️</text></svg>") 16 0,auto !important; /*emojicursor.app*/
  45.   }
  46.  
  47. .gallery-fullscreen-slideshow-item {
  48.   cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✂️</text></svg>") 16 0,auto !important; /*emojicursor.app*/
  49.   }
  50.  
  51. img.thumb-image.loaded {
  52.   cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>✂️</text></svg>") 16 0,auto !important; /*emojicursor.app*/
  53.   }
  54.  
  55.  
  56.  
  57. //colored text blocks footer//
  58. section[data-section-id="60c967c2b34e4a6e5527185c"]
  59.  {
  60.   .html-block {
  61.   z-index:2;
  62.   margin:0 1em;
  63.   padding:2em !important;
  64. p, h1,h2,h3, a {color:#e5a5e1!important;}
  65. }
  66.  
  67. .sqs-block-content::before {
  68.   content:"";
  69. background-color: #336580;
  70.  
  71.   position:absolute;
  72.   width:100%;
  73.   height:100%;
  74.   z-index:-1;
  75.   top:0px;
  76.   left:0px;
  77.   transition:0.5s;
  78.   }}
  79.  
  80.  
  81.  
  82. /* Colour of Hamburger Button mobile */
  83. .burger-inner > div {
  84.   background-color: #33657E !important;
  85. }
  86.  
  87.  
  88.  
  89.  
  90.  
  91. // Remove Active Nav Line //
  92.  
  93. .header-nav-item--active a {
  94.     background-image: none !important;
  95. }
  96.  
  97.  
  98. //Auto Banner Slideshow Mobile View
  99.  
  100.  
  101. @media screen and (max-width:575px) {
  102.   .slides {
  103.     min-height:70vh !important;
  104.   }
  105.  
  106.   .user-items-list-banner-slideshow .slides {
  107.     padding:0px !important;
  108.   }
  109.  
  110.   .arrow-container {
  111.     display:block !important;
  112.     top:50% !important;
  113.     overflow:visible !important;
  114.  
  115.   }
  116.   .arrow-button {
  117.     width:30px !important;
  118.     height:30px !important;
  119.     border:1px solid #336580 !important;
  120.   }
  121.  
  122.   .user-items-list-banner-slideshow__arrow-icon {
  123.     width:18px !important;
  124.     height:18px !important;
  125.     overflow:visible;
  126.  
  127.  
  128.  
  129.   }
  130.  
  131.   .user-items-list-banner-slideshow__arrow-icon-background {
  132.     background-color:#e5a5e1!important;
  133.  
  134.  
  135.   }
  136.  
  137.   .user-items-list-banner-slideshow__arrow-icon-foreground {
  138.     stroke:#336580 !important;
  139.   }
  140.  
  141. }
  142.  
  143. //end mobile slider
  144.  
  145.  
  146. /***MARQUEE***/
  147.  
  148. section[data-section-id="60c9869edfd573112cd18c77"] {
  149.   min-height:initial !important;
  150.   overflow-x: hidden !important;
  151.   overflow-y:hidden;
  152.  
  153.   .section-background {
  154.     background-color:#e5a5e1; //ADD BACKGROUND COLOR
  155.   }
  156.  
  157. //STYLE THE TEXT
  158. p {
  159.   font-size: 55px;
  160.   white-space:pre !important;
  161.   @media (max-width:640px) {
  162.     font-size:40px;
  163.   }
  164.   min-width: 100%;
  165.   text-align: center;
  166.   line-height:1em;
  167.   color:#336580;
  168.    animation: moveLeft 14s linear infinite;
  169.  
  170. }
  171.  
  172. .html-block.sqs-block-html {
  173.     word-wrap:normal !important;
  174.   }
  175.  
  176. .sqs-block-content {
  177.   display: flex !important;
  178.   min-width: 100%;
  179.  
  180.  }
  181.  
  182.  .content-wrapper {
  183.     max-width:100%;
  184.     padding-top:5px !important;
  185.     padding-bottom:5px !important;
  186.  
  187.   }
  188.  
  189.    
  190.  .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child {
  191.     padding-top:0px !important;
  192.     padding-bottom:0px !important;
  193.   }
  194.  
  195. .sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3) {
  196. word-wrap: initial !important;
  197. }
  198.  
  199. }
  200.  
  201. //DEFINE KEYFRAMES
  202. @keyframes moveLeft {
  203.   from { transform: translateX(-0%) }
  204.  
  205.   to { transform: translateX(-100%) }
  206. }
RAW Paste Data