Regretevator cute Miché theme for PicMix by jibanyan11

/* ==UserStyle==
@name         Regretevator cute Miché theme for PicMix
@version      20241212.18.37
@namespace    https://userstyles.world/user/jibanyan11
@description  cute picmix theme, perfect for any fan of the hit roblox game regretevator! (note: this is a wip so some stuff might not be as good)
@author       jibanyan11
@license      No License
==/UserStyle== */

@-moz-document domain("picmix.com") {
/* Import the Google Font */
@import url('https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap');

/* Fixed background CSS */
body {
    background-image: url('https://files.catbox.moe/n28ztd.jpeg'); /* Replace with your image URL */
    background-attachment: fixed; /* Keeps the background fixed while scrolling */
    background-position: center; /* Centers the background */
    background-repeat: no-repeat; /* Prevents the background from repeating */
    background-size: cover; /* Ensures the background covers the entire screen */
    margin: 0; /* Removes default body margin */
    padding: 0; /* Removes default body padding */
}

/* Apply the font to the entire website */
body {
    font-family: 'Delicious Handrawn', cursive !important; /* Use the font and ensure it overrides existing styles */
}

/* Optional: Apply the font to all text elements */
* {
    font-family: 'Delicious Handrawn', cursive !important;
}

/* Cursor customization */
body, a:hover {
    cursor: url('http://cur.cursors-4u.net/smilies/smi-2/smi164.cur'), auto !important; /* Use a valid fallback like 'auto' */
}



#header {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
    background: rgba(255, 255, 255, 0.2); /* Semi-transparent white overlay */
    backdrop-filter: blur(10px); /* Frosted glass effect */
    -webkit-backdrop-filter: blur(10px); /* Ensures compatibility with Safari */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Optional: adds a frosted border */
    border-radius: 8px; /* Optional: rounds the edges */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: soft shadow */
    padding: 10px; /* Optional: adds inner spacing */
}


#logo-header {
  width:123px;
  height:50px;
  background:url('https://files.catbox.moe/6j0i7x.png') top no-repeat;
  background-size:100%;
  margin-left:3px;
  margin-right:10px;
  position:relative;
  top:4px
      
      }

#footer {
    float: left !important;
    width: 100% !important;
    text-align: left !important;
    position: relative !important;
    color: #fff !important;
    background: linear-gradient(-45deg, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .2) 140%), rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 100px 100px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1) !important;
    padding: 10px !important;
    z-index: 1 !important;
}

/* Change the text color to brown */
* {
    color: #271410 !important; /* Use the brown color (#56342b) for all text */
}

/* Optionally, ensure links and headings are also updated */
a, a:visited {
    color: #271410 !important; /* Change link color to brown */
}

h1, h2, h3, h4, h5, h6 {
    color: #271410 !important; /* Change heading colors to brown */
}

/* Hide the VIP promotion banner */
#promote-vip-layer {
    display: none !important; /* Ensures it will be hidden even if other styles try to show it */
}



.nav-menu2 li.select a {
  background: rgba(255, 255, 255, 0.2); /* Semi-transparent white overlay */
  backdrop-filter: blur(10px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(10px); /* For Safari compatibility */
  border-radius: 20px;
  color: #271410; /* brown link color */
  padding: 10px 20px; /* Optional: add padding to make the link look nicer */
  border: 1px solid rgba(255, 255, 255, 0.3); /* Optional: subtle frosted border */
}



#search-member form {
  width: 100%;
  max-width: 400px;
  height: 38px;
  position: relative;
  overflow: hidden;
  margin: auto;
  display: flex;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2); /* Semi-transparent white background */
  backdrop-filter: blur(10px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(10px); /* For Safari compatibility */
}

#search-member input {
  flex: 2;
  height: 100%;
  width: 100%;
  line-height: 100%;
  border: 0;
  padding-left: 20px;
  overflow: hidden;
  outline: 0;
  background: rgba(255, 255, 255, 0.2); /* Same frosted glass background */
  backdrop-filter: blur(10px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(10px); /* For Safari */
}

#search-member select {
  height: 100%;
  border: 0;
  outline: 0;
  width: 100px;
  background: rgba(255, 255, 255, 0.2); /* Same frosted glass background */
  backdrop-filter: blur(10px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(10px); /* For Safari */
}

#search-member button {
  height: 100%;
  border: 0;
  background: rgba(255, 255, 255, 0.2) url('https://files.catbox.moe/sf7p0y.png') center no-repeat; /* Frosted glass with icon */
  background-size: 20px;
  width: 40px;
  overflow: hidden;
  cursor: pointer;
  font-weight: 500;
  color: #333;
  backdrop-filter: blur(10px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(10px); /* For Safari */
}


.button.message-icon,
.button.add-friend-icon,
.button.remove-friend-icon,
.button.music-icon,
.button.ban-user-icon,
.button.remove-icon,
.button.back-icon,
.button.refresh-icon,
.button.favorite-icon,
.button.remove-favorite-icon,
.button.rate-icon,
.button.remove-rate-icon,
.button.abuse-icon,
.button.comment-icon,
.button.remove-comment-icon,
.button.add-icon,
.button.more-icon,
.button.less-icon,
.button.user-icon,
.button.remove-user-icon,
.button.download-icon,
.button.download-white-icon,
.button.facebook-icon,
.button.facebook-white-icon,
.button.edit-icon,
.button.login-icon,
.button.login-white-icon,
.button.register-icon,
.button.create-pic-icon,
.button.pinterest-icon,
.button.export-icon,
.button.send-icon,
.button.send-white-icon,
.button.enable-icon,
.button.disable-icon,
.button.change-icon,
.button.gift-icon,
.button.vip-gift-icon,
.button.help-icon {
  padding-left:42px;
  background-position:16px center;
  background-size:16px;
  background-repeat:no-repeat
}
.button.message-icon {
  background-image:url('https://files.catbox.moe/738oe6.png')
}
.button.add-friend-icon {
  background-image:url('https://files.catbox.moe/6sx0tz.png')
}
.button.remove-friend-icon {
  background-image:url('https://files.catbox.moe/8elv4m.png')
}
.button.music-icon {
  background-image:url('https://files.catbox.moe/ul5vcw.png')
}
.button.ban-user-icon {
  background-image:url('https://files.catbox.moe/5kdfer.gif')
}
.button.remove-icon {
  background-image:url('https://files.catbox.moe/8elv4m.png')
}
.button.back-icon {
  background-image:url('https://files.catbox.moe/f6jq1u.png')
}
.button.refresh-icon {
  background-image:url('https://files.catbox.moe/jnlqa5.png')
}
.button.favorite-icon {
  background-image:url('https://files.catbox.moe/g3rri7.png')
}
.button.remove-favorite-icon {
  background-image:url('https://files.catbox.moe/8elv4m.png')
}
.button.abuse-icon {
  background-image:url('https://files.catbox.moe/bhbgbq.png')
}
.button.comment-icon {
  background-image:url('https://files.catbox.moe/udwn2s.png')
}
.button.remove-comment-icon {
  background-image:url('https://files.catbox.moe/8elv4m.png')
}
.button.add-icon {
  background-image:url('https://files.catbox.moe/bnubeu.png')
}
.button.more-icon {
  background-image:url('https://files.catbox.moe/kq9g2k.png')
}
.button.less-icon {
  background-image:url('https://files.catbox.moe/kq9g2k.png')
}
.button.download-icon {
  background-image:url('https://files.catbox.moe/04axqp.png')
}
.button.download-white-icon {
  background-image:url('https://files.catbox.moe/04axqp.png')
}
.button.user-icon {
  background-image:url('https://files.catbox.moe/c6pk67.png')
}
.button.remove-user-icon {
  background-image:url('https://files.catbox.moe/8elv4m.png')
}
.button.facebook-icon {
  background-image:url('https://files.catbox.moe/0pgdab.png')
}
.button.facebook-white-icon {
  background-image:url('https://files.catbox.moe/0pgdab.png')
}
.button.edit-icon {
  background-image:url('https://files.catbox.moe/camoro.png')
}
.button.rate-icon {
  background-image:url('https://files.catbox.moe/sixw7u.png')
}
.button.remove-rate-icon {
  background-image:url('https://files.catbox.moe/8elv4m.png')
}
.button.login-icon {
  background-image:url('https://files.catbox.moe/bx18qw.png')
}
.button.login-white-icon {
  background-image:url('https://files.catbox.moe/bx18qw.png')
}
.button.register-icon {
  background-image:url('https://files.catbox.moe/7cmai4.png')
}
.button.create-pic-icon {
  background-image:url('https://files.catbox.moe/n5axd5.png')
}
.button.pinterest-icon {
  background-image:url('https://files.catbox.moe/9agt9w.png')
}
.button.export-icon {
  background-image:url('https://files.catbox.moe/04axqp.png')
}
.button.send-icon {
  background-image:url('https://files.catbox.moe/ibi5zz.png')
}
.button.send-white-icon {
  background-image:url('https://files.catbox.moe/ibi5zz.png')
}
.button.enable-icon {
  background-image:url('https://files.catbox.moe/dljn3a.gif')
}
.button.disable-icon {
  background-image:url('https://files.catbox.moe/5kdfer.gif')
}
.button.change-icon {
  background-image:url('https://files.catbox.moe/camoro.png')
}
.button.gift-icon {
  background-image:url('https://files.catbox.moe/6fbxb8.png')
}
.button.help-icon {
  background-image:url('https://files.catbox.moe/l0668w.gif')
}
.button.vip-gift-icon {
  background-image:url('https://files.catbox.moe/6fbxb8.png')
}



.nav-menu ul {
  float: left;
  width: 100%;
  list-style: none;
}

.nav-menu li {
  display: inline-block;
}

.nav-menu li.disabled {
  opacity: 0.50;
}

.nav-menu li a {
  display: block;...