/* Fonts */

@font-face {
    font-family: "wingdings";
    src: url("/fonts/wingding.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "pixel basiic";
    src: url("/fonts/basiic.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "pixel heart";
    src: url("/fonts/heartfont.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "pixel romance";
    src: url("/fonts/RomanceA.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "chicago";
    src: url("/fonts/Chicago-Normal.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "cherrybomb";
    src: url("/fonts/Cherrybomb.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "blox";
    src: url("/fonts/Blox2.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "mrs monster";
    src: url("/fonts/mrsmonster.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "trash hand";
    src: url("/fonts/TrashHand.TTF") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "flavors";
    src: url("/fonts/Flavors-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "baby doll";
    src: url("/fonts/Baby-Doll.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "papyrus";
    src: url("/fonts/PAPYRUS.TTF") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Comic Sans MS";
    src: url("/fonts/LDFComicSans.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

/* Elements */

#melonland_floattools {
    float: left;
    position: fixed;
    bottom: 10px;
    left: 2px;
    width: 20px;
}
#melonland_floattools ul {
    list-style: none;
}
#melonland_floattools ul,
#melonland_floattools li {
    margin: 0;
    padding: 0;
}
#melonland_floattools li {
    display: block;
    margin-bottom: 5px;
}

#melonland_floattools img {
    width: 32px;
}

.hideifnoscript {
    display: none;
}

/* Hacks */
#shoutbox_error {
    display: none !important;
}

#shoutbox hr {
    border: 0px !important;
    margin: 4px !important;
}

/* Profiles fix */
#up_buddies img {
    max-width: 100px;
}

#profile_comments .content {
    float: left;
    width: 100%;
}

/* Spoilers */
.sp-wrap-cyan .sp-body {
    color: black !important;
}

/* Advanced Editor */
#quickReplyOptions textarea,
#quickReplyOptions .sceditor-container {
    min-height: 100px !important;
}

/* Posts fix */
.post,
.list_posts,
.signature {
    overflow: hidden !important;
}

/* Animations */
.blink {
    animation-name: blinker;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.spin {
    animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.marquee span {
    width: max-content;
    display: inline-block;
    animation: marquee 25s linear infinite;
    padding-left: 100%;
}

.marquee span:hover {
  animation-play-state: paused
}

@keyframes marquee {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* Dumb Safari Filter for dumb safari being dumb */
@supports (-webkit-backdrop-filter: blur(1px)) {
    .marquee span {
        width: 100%;
        animation: marquee-basic 40s linear infinite;
        padding-left: unset;
    }
    @keyframes marquee-basic {
        0% { transform: translate(100%, 0); }
        100% { transform: translate(-100%, 0); }
    }
}

/* Alerts */
#alerts {
    text-align: left;
    padding: 5px;
    z-index: 10000;
    border-radius: 3px 3px 3px 3px;
    border: 1.5px black dashed;
    background-color: #ffed93;
    font-size: 14px;
    width: 350px;
    color: #000;
    overflow: auto;
    line-height: 17px;
    font-weight: normal;
    position: absolute;
    margin-left: -375px;
}
#alerts, #alerts .smalltext {
  font-family: "pixel basiic" !important;
}
.alerts {
  margin-left: 5px;
  margin-right: 2px;
}
.alerts_hide {
    opacity: 0.4;
  vertical-align: bottom;
}
.alerts_full {
    opacity: 1;
    vertical-align: bottom;
}
#alerts_entries {
    display: none;
    visibility: hidden;
}
#alerts_new_entries {
    display: none;
    visibility: hidden;
}
.alerts_max_avatar {
    width: 30px;
    height: 30px;
}
.alerts_notifications_new {
    background-color: #fff9d7;
}
#header-table .alarm_time {
    color: black;
    font-size: 12px;
}
.alarm_border {
    border-bottom: 1px #000000 dashed;
    padding: 5px 0 5px;
}
.alarm_border_last {
    padding: 5px 0 3px;
}
.alarm_clear {
    /* clear: both; */
}
#header-table .alarm_clear a {
    font-weight: bold;
    color: #000;
}
.alerts_count {
    visibility: hidden;
}
.alerts_count2 {
    visibility: visible;
}
#alerts_counter {
    background-color: #fee500 !important;
    color: black;
    width: 10px;
    height: 10px;
    font-size: 12px;
    padding: 0 5px 0 5px;
    border-radius: 3px;
    vertical-align: middle;
}
#top_alerts {
    /* border-bottom: 1px solid #ececec; */
    padding-bottom: 5px;
    margin-left: 5px;
    color: black;
}
#top_alerts a {
    color: black;
}
#top_alerts a:hover {
    text-decoration: none;
}
.top_alerts {
    font-size: 16px;
}
#alerts_image:hover {
    cursor: pointer;
}
.alerts_va {
    vertical-align: middle;
}
.alerts_avatar_container {
    color: black;
    float: left;
    width: 10%;
}
.alerts_information_container {
    color: black;
    float: right;
    width: 90%;
    text-align: left;
    vertical-align: top;
}

/* Mentions */
.atwho-view {
  font-family: "pixel basiic";
  background-color: #edfeff !important;
  border: none !important;
  color: black;
  font-size: 12px;
  border-radius: 6px !important;
  overflow: hidden;
}

.atwho-view .cur {
  background-color: #007b8f !important;
}
.atwho-view ul li {
  border: none !important;
  padding: 2px 5px !important;
}