Personalize and create the best server with ZeroCord. Moderation | Customizable Prefix | Web Dashboard | Unique server counters commands.

ZeroCord

<!DOCTYPE html>
<html>

<iframe id="botiframe" src="https://zerobot.gitbook.io/"><p>ehm, uwu? Your browser does not support iframes, or refresh the browser.</p></iframe>
<script src="//code.tidio.co/pbe6mxtoujtftiflpxmm99uouou2tdi6.js" async></script>

<style>
  
  body {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

  html {
  
  background-color: #23272A;
}
  
.owners a {
    color: #ffb53b;
}

.btn-orange {
    background: #ff9833;
    color: #23272A;
    border-radius: 4px;
    display: block;
    cursor: default;
}

.bot-name {
    font: 600 18px "Karla", sans-serif;
    color: #ffb53b;
}

.bot-description {
    font: 400 14px "Karla", sans-serif;
    color: #FFFFFF;
    line-height: 1.36;
    margin-top: 10px;
}

.btn-like {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    border: solid 1px #ccd6f8;
    border-radius: 2px;
    padding: 2px 10px;
    font: 600 16px "Karla", sans-serif;
    color: #ffb53b;
}

.shapes-background {
  display: none
}


.atag {
    background-color: #e59400 !important;
    color: white !important;
    border: 1px solid #b27300 !important;
    border-radius: 10px !important;
}

.atag {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 23px;
    position: relative;
    margin-bottom: 3px;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    margin-right: 14px !important;
}

.atag:before {
    background: white !important;
}

.atag::before {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.atag:after {
    display: none !important;
    border-left-color: #b27300 !important;
}

.atag::after {
    background: transparent !important;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
}


.blog_card {
    background-color: #ff9833 !important;
    color: white !important;
    border: 1px solid #b27300 !important;
}
code {
    background-color: #23272A;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0.25em 0.5em 0.25em;
    border-radius: 5px;
    color: #ffb53b;
    transition: all 0.5s;
}

::-webkit-scrollbar-thumb {
    background-color: #7289DA;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    background-color: #7289DA;
}

::selection {
    color: #ffb53b;
    background: #7289DA;
}

#bot-details-page #details .container {
    border-bottom: 1px solid #18191c;
    border-top: 1px solid #18191c00;
    padding: 40px 0;
}




.columns .bot-img {
    box-shadow: 1px 1px 1px 1px transparent !important;
    animation: float 6s ease-in-out infinite, pulse 2s infinite;
    border-radius: 50%;
}

.website {
    animation: pulse
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 181, 59);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgb(255, 181, 59);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 0 0 0 0 rgb(255, 181, 59);
    box-shadow: 0 0 0 0 rgb(255, 181, 59);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgb(255, 181, 59);
      box-shadow: 0 0 0 20px rgba(25, 118, 210, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        transform: translatey(0px);
    }
    50% {
        box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
        transform: translatey(-20px);
    }
    100% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        transform: translatey(0px);
    }
}

.website {
    animation: pulse 2s infinite;
    border-radius: 10px;
}
.bot-img img {
  -webkit-animation: mover 1.5s infinite  alternate; 
  animation: mover 1.5s infinite  alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 50%
}


#bot-details-page .btn-like:after {
    background-color: none;
    color: #ffb53b;
    padding-right: 5px;
    content: " Upvotes";
    transition: all .8s;
    white-space: pre;
    border-radius: 5px;
}


#libclick:before  {
    content: '>';
}
  </style>
</html>

I love sofi!! perfect server theme bot and very cute omg <333 thanks so much creators!!! :D

<html><head></head><body><div>


<style>
  
  body {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

  html {
  
  background-color: #23272A;
}
  
.owners a {
    color: #ffb53b;
}

.btn-orange {
    background: #ff9833;
    color: #23272A;
    border-radius: 4px;
    display: block;
    cursor: default;
}

.bot-name {
    font: 600 18px "Karla", sans-serif;
    color: #ffb53b;
}

.bot-description {
    font: 400 14px "Karla", sans-serif;
    color: #FFFFFF;
    line-height: 1.36;
    margin-top: 10px;
}

.btn-like {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    border: solid 1px #ccd6f8;
    border-radius: 2px;
    padding: 2px 10px;
    font: 600 16px "Karla", sans-serif;
    color: #ffb53b;
}

.shapes-background {
  display: none
}


.atag {
    background-color: #e59400 !important;
    color: white !important;
    border: 1px solid #b27300 !important;
    border-radius: 10px !important;
}

.atag {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 23px;
    position: relative;
    margin-bottom: 3px;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    margin-right: 14px !important;
}

.atag:before {
    background: white !important;
}

.atag::before {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.atag:after {
    display: none !important;
    border-left-color: #b27300 !important;
}

.atag::after {
    background: transparent !important;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
}


.blog_card {
    background-color: #ff9833 !important;
    color: white !important;
    border: 1px solid #b27300 !important;
}
code {
    background-color: #23272A;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0.25em 0.5em 0.25em;
    border-radius: 5px;
    color: #ffb53b;
    transition: all 0.5s;
}

::-webkit-scrollbar-thumb {
    background-color: #7289DA;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    background-color: #7289DA;
}

::selection {
    color: #ffb53b;
    background: #7289DA;
}

#bot-details-page #details .container {
    border-bottom: 1px solid #18191c;
    border-top: 1px solid #18191c00;
    padding: 40px 0;
}




.columns .bot-img {
    box-shadow: 1px 1px 1px 1px transparent !important;
    animation: float 6s ease-in-out infinite, pulse 2s infinite;
    border-radius: 50%;
}

.website {
    animation: pulse
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 181, 59);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgb(255, 181, 59);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 0 0 0 0 rgb(255, 181, 59);
    box-shadow: 0 0 0 0 rgb(255, 181, 59);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgb(255, 181, 59);
      box-shadow: 0 0 0 20px rgba(25, 118, 210, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        transform: translatey(0px);
    }
    50% {
        box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
        transform: translatey(-20px);
    }
    100% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        transform: translatey(0px);
    }
}

.website {
    animation: pulse 2s infinite;
    border-radius: 10px;
}
.bot-img img {
  -webkit-animation: mover 1.5s infinite  alternate; 
  animation: mover 1.5s infinite  alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 50%
}


#bot-details-page .btn-like:after {
    background-color: none;
    color: #ffb53b;
    padding-right: 5px;
    content: " Upvotes";
    transition: all .8s;
    white-space: pre;
    border-radius: 5px;
}


#libclick:before  {
    content: '>';
}
  </style>
</div></body></html>

ZeroCord

Mời

Mời

Vote (0)

Mời

Mời

Vote (0)

Tổng quan

Đánh giá & Nhận xét