You're Lit? Add our Lit Bot to your Server and start the party!

Lit Bot

<html><head><style>
.columns .bot-img {
     border-radius: 4px !important;
     overflow: visible !important;
     box-shadow: none !important;
     background: none !important;
     box-shadow: none !important;
}

.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-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;
}
     @-webkit-keyframes mover {
     0% { transform: translateY(0); }
     100% { transform: translateY(-20px); }
}    
@keyframes mover {
     0% { transform: translateY(0); }
     100% { transform: translateY(-20px); }
}
.columns .bot-img {
     border-radius: 4px !important;
     overflow: visible !important;
     box-shadow: none !important;
     background: none !important;
     box-shadow: none !important;
}
.bot-name {
     font: 600 18px "Lit Bot", sans-serif;
     color: #000000;
}
body {
    color: black;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-image: url("https://wallpaper.wiki/wp-content/uploads/2017/06/Gradient-Backgrounds.jpg");
}
.lib a {
     color: #000000 !important;
     transition: all 0.8s;
}
.lib a:hover {
     color: white !important;
     transition: all 0.8s;
}
.bot-description {
     color: #000000 !important; 
     transition: all 0.8s;
}
.btn-orange {	
     background-color: #ffffff3d !important;
     color: black;
    
}
.btn-orange:hover {
     background-color: #ffffff6e;
     color: black;
     transition: all 0.2s ease-in-out;
     border-left-style: solid;
}
.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: #ffffff3d !important;
    color: black;
    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;
    transition: all 0.5s;
    font-weight: 450;
}
.atag:hover {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: black;
    color: black;
    transition: all 0.5s;
    font-weight: 450;;
}
.atag:after {
    border-bottom: 13px solid transparent;
    border-left: 10px solid #ffffff6e;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: -10px;
    transition: all 0.4s;
    top: 0;
}
.atag:hover:after {
    background: transparent !important;
    border-bottom: 13px solid transparent;
    border-left: 10px solid white;     
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: -10px;
    transition: all 0.4s;
    top: 0;
}
.bot-tags-title {
      color: #000000;
}
code {
    background-color: #ffffff3d !important;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0.25em 0.5em 0.25em;
    border-radius: 5px;
    color: black;
    transition: all 0.5s;
}
code:hover {
    background-color: #ffffff6e !important;
    color: black;
    border: none;
    transition: all 0.5s;
}
::-moz-selection { /* Code for Firefox */
    color: black;
    background: #ffffff3d !important;
    border-radius: 15px !important;
}

::selection {
    color: black;
    background: #ffffff3d !important;
    border-radius: 15px !important;
}
::-webkit-scrollbar {
	width: 9px;
}
::-webkit-scrollbar-thumb {
    background-color: #ffffff6e;
    border-radius: 8px;
}
::-webkit-scrollbar-track {
    background-color: #232741;
}
#menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background: #23274100;
    transition: all 0.5s;
    font-weight: 450;
}
#menu:hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background: #232741;
    transition: all 0.5s;
    font-weight: 450;
    box-shadow: 1px 1px 1px white;
}
#menu ul li a:not(.btn) {
    color: none !important;
    background-color: none !important;
    border-radius: 5px !important;
    transition: all 0.3s !important;
}
#menu ul li a:not(.btn):hover {
    color: white !important;
    background-color: #585b6e !important;
    border-radius: 5px !important;
    transition: all 0.3s !important;
}
#bot-details-page #details .container {
    border-bottom: 1px solid #18191c;
    border-top: 1px solid #18191c00;
    padding: 40px 0;
}
#bot-details-page .btn-like:after {
    background-color: none;
    color: black;
    padding-right: 5px;
    content: " Upvotes to the Party!";
    transition: all 0.8s;
    white-space: pre;
    border-radius: 5px;
}
.btn-like {
    background-color: #ffffff3d !important;
    color: #000000;
    border: none;
    border-radius: 5px;
    transition: all 0.8s;
}
.btn-like:hover {
    background-color: #ffffff6e !important;
    color: black;
    padding-right: 5px;
    transition: all 0.8s;
    border-radius: 5px;
    border-left-style: solid;
}
#upvotebutton img {
    display: none;
}
.owners a {
    color: #000000;
}
#createdby b {
    background-color: #ffffff3d !important;
    display: inline-block;
    height: 25px;
    border-radius: 30px;
    vertical-align: middle;
    transform: translate(0px, -2px);
    margin-left: 3px;
    text-decoration: none !important;
    transition: all 0.8s;
    color:#000000;
}
#createdby b:hover {
    background-color: #ffffff6e !important;
    display: inline-block;
    height: 25px;
    border-radius: 30px;
    vertical-align: middle;
    transform: translate(0px, -2px);
    margin-left: 3px;
    text-decoration: none !important;
    transition: all 0.8s;
    color: black;
}
.status.green {
    color: #000000 !important;
}
.status.green::before {
    background-color: black !important;
}
#edit {
    background-color: #ffffff3d !important;
    border-radius: 5px !important;
    color: #000000 !important;
    transition: all 0.8s !important;
}
#edit:hover {
    background-color: #ffffff6e !important;
    border-radius: 5px !important;
    color: white !important;
    transition: all 0.8s !important;
}
#delete {
    background-color: #ffffff3d !important;
    border-radius: 5px !important;
    color: #000000 !important;
    transition: all 0.8s !important;
}
#delete:hover {
    background-color: #ffffff6e !important;
    border-radius: 5px !important;
    color: white !important;
    transition: all 0.8s !important;
}
#report {
    background-color: #ffffff3d !important;
    border-radius: 5px !important;
    color: #000000 !important;
    transition: all 0.8s !important;
}
#websitelink {
    background-color: #ffffff3d !important;
    border-radius: 5px !important;
    color: #000000 !important;
    transition: all 0.8s !important;
}
#websitelink:hover {
    background-color: #ffffff6e !important;
    border-radius: 5px !important;
    color: white !important;
    transition: all 0.8s !important;
}
#report:hover {
    background-color: #ffffff6e !important;
    border-radius: 5px !important;
    color: white !important;
    transition: all 0.8s !important;
}
#support {
    background-color: #ffffff3d !important;
    border-radius: 5px !important;
    color: #000000 !important;
    transition: all 0.8s !important;
}
#support:hover {
    background-color: #ffffff6e !important;
    border-radius: 5px !important;
    color: white !important;
    transition: all 0.8s !important;
}
#bot-details-page #details {
    margin-top: 1px; 
    padding: 0 20px;
}
html {
    background-image: url("https://wallpaper.wiki/wp-content/uploads/2017/06/Gradient-Backgrounds.jpg");
}
#createdby {
    color: #000000 !important;
}
.blog_card {
    display: inline-block;
    margin: 10px;
    pointer-events: all;
    background-color: #ffffff3d !important;
    max-width: 350px;
    max-height: 90px;
    overflow: hidden;
    border-radius: 5px;
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #ff9f00;
    animation-name: topFadeOut;
    animation-duration: 3.5s;
    color: #0E285D;
    border-color: white;
}
.blog_card:hover {
    background-color: trasparent !important;
    color: white !important;
}  
.blog_card:after {
    content: "Join the Server...";
    background-color: #ffffff6e !important;
    color: white !important;
}
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: black;
    font-weight: bold;
}
.shapes-background {
    visibility: hidden;
}
li {
    color: black !important;
}
.longdescription .content {
    min-height: 50px;
    box-shadow: 1px 1px 10px #585b6e;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left !important;
    padding: 20px;
    background: #232741;
    font: 600 16px Karla, sans-serif;
    transition: all 1s !important;
}
.longdescription .content:hover {
    min-height: 50px;
    box-shadow: 1px 1px 10px #ad3806;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left !important;
    padding: 20px;
    background: #912a2a;
    font: 600 16px Karla, sans-serif;
    transform: scale(1.03);
    transition: all 1s !important;
    
}
.content h1 {
    font-size: 50px;
    margin-bottom: 0.5em;
    font-weight: bold !important;
    color: white;
}
.content h1:not(:first-child) {
    margin-top: 10px;
}
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 3;
    padding: 0;
    color: white;
    font-weight: bold;
}
h3 {
    margin: auto;
    padding-top: 15px;
    color: white !important;
    font-size: 35px !important;
}
.content h5{
    color: white !important;
    border-left-style: solid;
    padding-left: 7px;
    font-size: 23px;
    transition: all 0.5s !important;
}
.content h5:hover{
    color: white !important;
    border-left-style: solid;
    padding-left: 17px;
    cursor: context-menu;
    transition: all 0.5s !important;
}
.content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) {
    margin-bottom: 0em;
    padding-top: 15px;
    font-size: 18px;
}
.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
hr {
    background-color: black;
}

</style></head><body></body></html>

Lit Bot

Запросити

Запросити

Проголосувати (0)

Запросити

Запросити

Проголосувати (0)

Огляд

Оцінки та відгуки