Pinterest Glass Pane Theme/Skin by franco

/* ==UserStyle==
@name         Pinterest Glass Pane Theme/Skin
@namespace    USO Archive
@author       franco
@description  The Pinterest Glass Pane Theme/Skin.  The theme includes a unique and stylish glass pane design that adds a touch of class to your Pinterest experience. The glass pane is translucent and provides a smooth and seamless scrolling experience.   The theme also includes an innovative image transition feature that rotates your images 180 degrees scale Y axis at -1, color of text, color of icons, and other elements. This adds a unique and dynamic touch to your Pinterest experience, and is sure to set your boards apart from the rest.  The theme is easy to install and customize. Simply install the extension and you'll be able to start using the theme right away. You can customize the theme to suit your own personal style, and even add your own images and colors to make it truly your own
@version      20230924.12.45
@license      NONE
@preprocessor uso
==/UserStyle== */
/* Pinterest */
/* By: Jednaz Lonestamp */
/* 08/11/2023 */

/* Global */
@-moz-document domain(pinterest.com) {
/* Start */
body, html {
     color: #b816cc;
     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
     font-size: 12px;
  }
body {
/* Modify your Background here */
     background-image: url("https://i.postimg.cc/Y2R5bdX2/2-013.gif");
     /* https://i.pinimg.com/564x/7e/08/c9/7e08c92aa3f656b96bfb7a29490b2821.jpg */
     /* https://i.pinimg.com/564x/2a/4f/cb/2a4fcb34289c3c295c2dba1f8165686a.jpg font-size: ;*/
     object-fit: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center;
     background-size: 1390px 100vh;
  }
/* All text color */
.O2T {
     color: #20ce84;
  }
/* sub text */
.EdS {
    color: #cf1414;
  }
/* Navigation Header background */
.urM {
    /*background-color: #ff0505;*/
    border-radius: 16px;
     background: rgba(255, 255, 255, 0.1);
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
     border: 1px solid rgba(255, 255, 255, 0.3);
  }
/* Home Color */
.P_h {
     background-color: #070A52 !important;
  }
/* Border radius all of header elements */
.fev {
     border-radius: 24px;
  }
/* Create dropdown */
.kFh {
     min-height: 40px;
     min-width: 180px;
  }
  .W6-:focus, .W6-:hover, .bmw:focus, .bmw {
     background: rgba(255, 255, 255, 0.1) !important;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
     border: 1px solid rgba(255, 255, 255, 0.3);
}
  .W6-:focus, .W6-:hover, .bmw:focus, .bmw:hover {
     background: rgba(240, 240, 34, 0.1) !important;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
     border: 1px solid rgba(255, 255, 255, 0.3);
}
.a_A:focus, .a_A {
     background: rgba(240, 240, 34, 0.1) !important;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
     border: 1px solid rgba(255, 255, 255, 0.3);;
}
.a_A:focus, .a_A:hover {
  background-color: #f00;
}
/* Border */
.Dl7 {
     border: 1px solid;
  }
/* Border radius of create dropdown */
.ho- {
     border-radius: 16px;
  }
/* Background-color */
.SpV {
/*background-color: #d31e1e;*/
     background: rgba(91, 178, 172, 0.1);
     border-radius: 16px;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
     border: 1px solid rgba(91, 178, 172, 0.3);
  }
/* Outline */
.m8d {
     color: #4d1717;
  }
/* Header icons color */
.gUZ {
     fill: currentColor;
     stroke-width: 0;
  }
/* Separate style for header icons /Message/Notification/ and Profile */
.ztu {
     color: #CD1818;
  }
/* The search bar */
._HI {
/*background-color: #d06464;*/
     background: rgba(91, 178, 172, 0.19);
     border-radius: 16px;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
     border: 1px solid rgba(91, 178, 172, 0.3);
  }
#search-box-input {
     background-color: /*#ec262600*/ #D89216;
     border: none;
     color: #D89216;
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
     font-size: 16px;
     font-weight: normal;
     height: 100%;
     outline: none;
     padding: 0;
     width: 100%;
  }
/* Image link alt */
.hCL[alt] {
     color: #1fb9abc2;
  }
/* Image */
.Yl- MIw Hb7 {
     top: 0px;
     left: 0px;
     transform: translateX(602px) translateY(0px);
     width: 252px;
     height: 567px;
/* Add */
  }
.Yl- MIw Hb7:hover {
     transform: scale(1.2) rotateX(2deg);
     margin: 0 auto;
     width: 90%;
     box-shadow: 0 15px 30px rgba(0,0,0,0.30), 0 11px 8px rgba(0,0,0,0.22);
     margin-bottom: 20px;
     transition-duration: 1s;
     height: 340;
     text-align: center;
     justify-content: center;
     align-items: center;
  }
.XiG zI7 iyn Hsu {
     background-color: rgb(204, 91, 6);
     padding-bottom: 216.525%;
  }
/* Infinite Shine */
img {
     transform: rotate(180deg) scaleY(-1);
     border-radius: 10px;
     -webkit-mask-image: linear-gradient(45deg,#fff 25%,rgba(255, 255, 255, 0.2) 50%,#fff 75%);
     mask-image: linear-gradient(45deg,#fff 25%,rgba(255, 255, 255, 0.2) 50%,#fff 75%);
     -webkit-mask-size: 800%;
     mask-size: 800%;
     -webkit-mask-position: 0;
     mask-position: 0;
     animation: infinite-scroll 4s linear infinite;
     /* add */
  }
  @keyframes infinite-scroll {
0% {
     -webkit-mask-position: 0;
     mask-position: 0;
    }
100% {
     -webkit-mask-position: -120%;
     mask-position: -120%;
    }
  }
img:hover {
transform: rotate(9deg) scaleY(1.2);
/* border: 1px solid rgba(255, 1, 32, 0.3); */
/* Add */
     transition: mask-position 2s ease,-webkit-mask-position 2s ease;
     -webkit-mask-position: 120%;
     mask-position: 120%;
     opacity: 1;
  }
/* Image Magnify*/
/* Magnifying Glass */
/* Position the container image */
.XiG {
     position: relative;
  }
/* The main */
.mQ8 {
     justify-content: center;
  }
/* View save content-Background */
  .un8 {
     display: flex;
  }
.Hsu {
     box-sizing: border-box;
  }
/* Login-Signup Page */
/* Background */
.urM {
     background-color: none;
  }
/* Login Button */
.Il7:focus, .Il7:hover, .zI8:focus, .zI8:hover {
     background-color: #db005c;
  }
/* Signup Button */
.a_A:focus, .a_A:hover {
     background-color: #f00;
  }
/* Header */
.uCz:focus, .uCz:hover {
     text-decoration: underline;
  }
  /* _______________Update_________________*/
  .ExpandingTextArea__enabled {
  color: #00f104 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
/* sent button */
.Jrn {
  background-color: #0ff !important;
}
.PLa {
  color: #f00 !important;
}
/* pin */
.R19 {
  color: #0800ff !important;
}
/* search bar */
.LJB {
  border-color: #04ffe7 !important;
}
input[type="search"] {
  color: lime !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
/* Business Hub Profile */
/* Header */
.QDA {
background: rgba(255, 255, 255, 0.2) !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
/* analytics */
.CDp {
    background-repeat: no-repeat !important;
    object-fit: cover;
    background-attachment: fixed;
    background-size: 1276px 1054px !important;
    background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3bc4c93f-7d3f-4930-b0b1-b941303cae0c/dg7kyj9-388a9a48-886a-4b70-baec-d83ace69ecc3.png/v1/fill/w_1194,h_669,q_70,strp/wallpaper_by_epicsteps_dg7kyj9-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODE2IiwicGF0aCI6IlwvZlwvM2JjNGM5M2YtN2QzZi00OTMwLWIwYjEtYjk0MTMwM2NhZTBjXC9kZzdreWo5LTM4OGE5YTQ4LTg4NmEtNGI3MC1iYWVjLWQ4M2FjZTY5ZWNjMy5wbmciLCJ3aWR0aCI6Ijw9MTQ1NiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19._s9bFgWYapodBNSuwR_rB4OmPiUtkdYqQ5tiHNyqBbM") !important;
 }
}