So you've used Rythm, Mee6, Dyno and Groovy? Now it's time for the sleek combination of Simplicity and Sophistication!

iPod

<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); }
}
#menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background: #2c2f33;
    transition: all 0.5s;
    font-weight: 450;
    transition: all 0.8s;
    box-shadow: 1px 1px 10px black;
}
#menu:hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background: #2c2f33 !important;
    transition: all 0.5s;
    font-weight: 450;
    box-shadow: 1px 1px 10px white;
    transition: all 0.8s;
}
#menu ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 80px;
    margin: 0 auto;
}
#menu ul li a:not(.btn) {
    color: white !important;
    background-color: none !important;
    border-radius: 5px !important;
    transition: all 0.2s;
}
#menu ul li a:not(.btn):hover {
    color: #e2e2e2 !important;
    background-color: none !important;
    border-radius: 5px !important;
    transition: all 0.2s;
}
.columns .bot-img {
     border-radius: 4px !important;
     overflow: visible !important;
     box-shadow: none !important;
     background: none !important;
     box-shadow: none !important;
}
#bot-details-page .btn-like:after {
    background-color: none;
    color: #e2e2e2;
    padding-right: 5px;
    content: " UPVOTES";
    transition: all 0.8s;
    white-space: pre;
    border-radius: 5px;
}
.btn-like {
    background-color: #2C2F33;
    color: #e2e2e2;
    border: none;
    border-radius: 5px;
    transition: all 0.8s;
}
.btn-like:hover {
    background-color: #2c2f33;
    color: #e2e2e2;
    padding-right: 5px;
    transition: all 0.8s;
    border-radius: 5px;
}
#upvotebutton img {
    display: none;
}
span#points {
    color: #e2e2e2;
}
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-thumb {
    background-color: #e2e2e2;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    background-color: #2c2f33;
}
.btn-orange {
    background-color: #e2e2e2;
    color: #2C2F33;
    border: none;
    border-radius: 5px;
    transition: all 0.4s;
}
.btn-orange:hover {
    background-color: #2C2F33;
    color: #e2e2e2;
    transition: all 0.4s;
    border-radius: 5px;
}
#bot-details-page #details .container {
    border-bottom: none;
    border-top: none;
    padding: 40px 0;
}
.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: #e2e2e2;
    border-radius: 3px 0 0 3px;
    color: #2C2F33;
    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;
    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: #2C2F33;
    color: #e2e2e2;
    transition: all 0.5s;
    font-weight: 450;
}
.atag:after {
    border-bottom: 13px solid transparent;
    border-left: 10px solid #2C2F33;
    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 #e2e2e2;     
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: -10px;
    transition: all 0.4s;
    top: 0;
}
code {
    background-color: #2c2f33;
    color: #e2e2e2;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0.25em 0.5em 0.25em;
    border-radius: 5px;
    transition: all 0.3s;
}
code:hover {
    background-color: #2c2f33;
    color: #e2e2e2;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0.25em 0.5em 0.25em;
    border-radius: 5px;
    border-left-style: solid;
    transition: all 0.3s;
}
.bot-description {
    color: #212121;
}
#bot-details-page #details {
    margin-top: -50px;
    padding: 0 20px;
}
#edit {
    background-color: #e2e2e2;
    transition: all 0.8s;
    color: #2c2f33;
    border-radius: 5px;
}
#edit:hover {
    background-color: #2C2F33;
    color: #e2e2e2;
    transition: all 0.4s;
    border-radius: 5px;
}
#delete {
    background-color: #e2e2e2 !important;
    transition: all 0.8s !important;
    color: #2c2f33 !important;
    border-radius: 5px !important;
}
#delete:hover {
    background-color: #2C2F33 !important;
    color: #e2e2e2 !important;
    transition: all 0.4s !important;
    border-radius: 5px !important;
}
#report {
    background-color: #e2e2e2 !important;
    color: #2C2F33 !important;
    transition: all 0.4s !important;
    border-radius: 5px !important;
}
#websitelink {
    background-color: #e2e2e2 !important;
    transition: all 0.8s !important;
    color: #2c2f33 !important;
    border-radius: 5px !important;
}
#websitelink:hover {
    background-color: #2C2F33 !important;
    color: #e2e2e2 !important;
    transition: all 0.4s !important;
    border-radius: 5px !important;
}
#report:hover {
    background-color: #2C2F33 !important;
    color: #e2e2e2 !important;
    transition: all 0.4s !important;
    border-radius: 5px !important;
}
#support {
    background-color: #e2e2e2 !important;
    transition: all 0.8s !important;
    color: #2c2f33 !important;
    border-radius: 5px !important;
}
#support:hover {
    background-color: #2C2F33 !important;
    color: #e2e2e2 !important;
    transition: all 0.4s !important;
    border-radius: 5px !important;
}
.lib a {
    color: #2c2f33 !important;
    transition: all 0.4s !important;
}
.lib a:hover {
    color: #2c2f33 !important;
    transition: all 0.4s !important;
}
::-moz-selection { /* Code for Firefox */
    color: #2C2F33;
    background: #e2e2e2;
    border-radius: 15px;
}

::selection {
    color: #2C2F33;
    background: #e2e2e2;
}
.blog_card {
    display: inline-block;
    margin: 10px;
    pointer-events: all;
    background: #2C2F33;
    max-width: 350px;
    max-height: 90px;
    overflow: hidden;
    border-radius: 5px;
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    animation-name: topFadeOut;
    animation-duration: 3.5s;
    color: #e2e2e2;
    border-color: #e2e2e2;
}
.blog_card:hover {
    background-color: #2C2F33 !important;
    color: #e2e2e2 !important;
}  
.blog_card:after {
    content: "Join the Server...";
    background-color: #2C2F33 !important;
    color: #e2e2e2 !important;
}
#createdby b {
    background-color: #2C2F33;
    display: inline-block;
    height: 25px;
    border-radius: 20px;
    vertical-align: middle;
    transform: translate(0px, -2px);
    margin-left: 3px;
    text-decoration: none !important;
    color: white !important;
    transition: all 0.8s;
}
#createdby b:hover {
    background-color: #e2e2e2 !important;
    color: #2C2F33;
    border-right-style: solid !important;
    transition: all 0.8s;
    display: inline-block;
    height: 25px;
    border-radius: 20px;
    vertical-align: middle;
    transform: translate(0px, -2px);
    margin-left: 3px;
    text-decoration: none !important;
    transition: all 0.8s;
}
.owners a {
    color: white;
}
h1 {
    font-weight: bold !important;
}
.longdescription .content {
    min-height: 50px;
    box-shadow: 4px 4px 0 0 #e2e2e200, inset 4px 4px 0 0 rgb(226, 226, 226), inset -4px -4px 0 0 #e2e2e2;
    position: relative;
    padding: 20px;
    background: #2c2f33;
    font: 600 16px "Karla", sans-serif;
    text-align: left !important;
    flex-direction: column;
    flex-wrap: nowrap;
}
.content h1 {
    color: #e2e2e2;
    font-weight: 400;
    line-height: 1.125;
    padding-left: 10px;
    font-size: 40px;
}
.content h3 {
    color: #e2e2e2;
    font-weight: 400;
    line-height: 1.125;
    padding-left: 7px;
    padding-top: 5px;
    border-left-style: double;
}
.content h2 {
    color: #e2e2e2;
    font-weight: 400;
    line-height: 1.125;
    padding-left: 7px;
	padding-top: 5px;
    border-left-style: double;
}
.content p {
    padding-top: 15px;
}
  </style>
  </head><body><center><h1>iPod Bot</h1></center>
  <h2>Experience Simplicity</h2>
  <h3>With YouTube, SoundCloud and LastFM to back iPod Bot up, there's no need to worry that your favourite song can't be played by iPod Bot! iPod Bot has plently of ways to play your music, the way you like it.</h3>
  <p></p>
  <h2>Realise The Advanced</h2>
  <h3>Genius, GUI Controls, Smart Play command, and more. Those are things that sets iPod Bot apart from Rythm, FredBoat and the like. Find your new favourite songs with the Genius feature, or let the bot decide what you hear if you so happen to forget!</h3>
  <iframe src="https://ipodbot.co" sandbox="allow-scripts"></iframe></body></html>

iPod

Mời

Mời

Vote (0)

Mời

Mời

Vote (0)

Tổng quan

iPod Bot

Experience Simplicity

With YouTube, SoundCloud and LastFM to back iPod Bot up, there's no need to worry that your favourite song can't be played by iPod Bot! iPod Bot has plently of ways to play your music, the way you like it.

Realise The Advanced

Genius, GUI Controls, Smart Play command, and more. Those are things that sets iPod Bot apart from Rythm, FredBoat and the like. Find your new favourite songs with the Genius feature, or let the bot decide what you hear if you so happen to forget!

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