Name: Floopy
SKU: 670370985228238878
Availability: OnlineOnly
Rating: 100 (2 reviews)

Floopy

<html><head>
  
  <style>  
#menu{
float:right;
padding:20px;
color:#db563b
}
#bot-details-page>div{
display:none!important
}
#bot-details-page .bot-img{
margin:0 auto!important;
box-shadow: 1px 1px 1px 1px transparent !important;
border-radius: 50%;
}
.columns .bot-img{
box-shadow:unset!important
}
div.container:nth-child(1)>div:nth-child(1){
display:flex;
flex-direction:column;
justify-content:center
}
#bot-details-page #details 
.column,
.left-container{
margin:0 auto
}
#bot-details-page 
.status+p{
justify-content:center;
margin:0}
.bot-name{
font-size:38pt!important
}
p.is-flex>a:nth-child(2)>img:nth-child(1){
transform:translate(8px,2px) scale(1.8)!important
}div#server-count{
text-align:center
}
span.server-count{
font-size:9pt;
user-select:none;
font-weight:700;
display:inline-block;
text-align:center;
margin:0 auto
}
.dark span.server-count{
color:#fff
}
div.container:nth-child(6){
display:flex;
flex-direction:column-reverse;
margin:0;
width:100%;
max-width:100%;
padding:0
}
.btn-orange{
background:#7289da;
color:#ffffff;
padding:12px;
margin:8px 14px;
border-radius:10px;
transition:all .12s!important
}
.dark .btn-orange{
color:#fff
.servershards{
visibility:visible!important
}
}
.btn-orange:hover{
opacity:1;
background:#7289da85!important
}
.dark .btn-orange:hover{
background:#7289da85!important
}
#bot-details-page>article>div.container.is-widescreen>div.columns.is-tablet.is-desktop{
display:flex
}.bg{
background:url(https://i.redd.it/y1ostvqnr4711.jpg) no-repeat center center fixed;
background-size:cover;
z-index:-1;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
filter:blur(12px);
opacity:.23
}
html.dark{
background:linear-gradient(0deg,#222020 40%,#444241)!important
}
#bot-details-page #details .container{
border:none
}
div.container:nth-child(4){
max-width:100%;
width:100%;
padding:0
}
.longdescription{
padding:0;
margin-top:0
}
.longdescription .content{
box-shadow:none!important;
border-radius:0!important;
background:0 0!important;
padding:20px 0 80px!important
}
#bot-details-page>article>div.container.is-widescreen>div.columns.is-tablet.is-desktop>div.column,#bot-details-page>article>div.container.is-widescreen>div.columns.is-tablet.is-desktop>div.left-container>div>p:nth-child(1),#bot-details-page>article>div.container.is-widescreen>div:nth-child(2),#bot-info>p.bot-description,#bot-info>span.lib,#bot-stats,#report,#support,#upvotebutton,#websitelink,.status,span.votebutton:nth-child(2){
display:none!important
}
.info-text{
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
padding:20px
}
.info-text>p{
margin-top:40px;
max-width:600px;
margin:0 auto 40px;
font-size:14pt;
line-height:1.8rem
}
.info-text>h1{
text-align:center;
display:inline-block;
font-weight:700;
border-bottom:2px solid #242424;
margin:0 auto 20px;
padding-bottom:10px;
width:60%!important;
max-width:3000px
}
.content>.columns{
padding:40px 20px;
margin:0;
background:#fff;
background:#ffffffcc
}
.content>.columns.reversed{
color:#fff;
background:#1b1a18;
background:#1b1a18af
}
.reversed .info-text>h1{
color:#fff;
border-bottom:2px solid #fff
}
.content video{
border-radius:6px;
display:inline
}
.content img{
border-radius:6px
}
.is-one-quarter{
max-width:600px
}
.footer-btn{
background:#7289da;
color:#ffffff;
margin:8px 12px;
border-radius:10px;
transition:all .12s!important
display:inline-block;
height:36px;
line-height:36px;
font-size:20px;
padding:12px;
}
.footer-btn:hover{
opacity:1;
background:#7289da85!important
}
.bot-btnss{
text-align:center
}
@media screen and (min-width:769px){
.reversed{
flex-direction:row-reverse
}
}
</style>
  </head><body><center><p><span data-darkreader-inline-color="" > <strong>Floppy</strong>
</span></p>
  <div class="bg"></div>
<ul>
</ul>             
</center>
<div class="columns is-centered">
      <div class="column is-full info-text">
          <h1>Getting Started</h1>
          <p style="color: #000000;">Only Music Bot :D</p>
          <div>
              <a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" style="cursor: pointer !important;" href="https://discord.gg/f3Cvqkj">
                  <span class="footer-btn">Support</span>
              </a>
              <a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" style="cursor: pointer !important;" href="https://discordapp.com/oauth2/authorize?client_id=670370985228238878&scope=bot&permissions=8">
                  <span class="footer-btn">Invite</span>
              </a>
          </div>
      </div>
  </div>

</body></html>

<html><head>
  <style>  
#menu{
float:right;
padding:20px;
color:#db563b
}
#bot-details-page>div{
display:none!important
}
#bot-details-page .bot-img{
margin:0 auto!important;
box-shadow: 1px 1px 1px 1px transparent !important;
border-radius: 50%;
}
.columns .bot-img{
box-shadow:unset!important
}
div.container:nth-child(1)>div:nth-child(1){
display:flex;
flex-direction:column;
justify-content:center
}
#bot-details-page #details 
.column,
.left-container{
margin:0 auto
}
#bot-details-page 
.status+p{
justify-content:center;
margin:0}
.bot-name{
font-size:38pt!important
}
p.is-flex>a:nth-child(2)>img:nth-child(1){
transform:translate(8px,2px) scale(1.8)!important
}div#server-count{
text-align:center
}
span.server-count{
font-size:9pt;
user-select:none;
font-weight:700;
display:inline-block;
text-align:center;
margin:0 auto
}
.dark span.server-count{
color:#fff
}
div.container:nth-child(6){
display:flex;
flex-direction:column-reverse;
margin:0;
width:100%;
max-width:100%;
padding:0
}
.btn-orange{
background:#7289da;
color:#ffffff;
padding:12px;
margin:8px 14px;
border-radius:10px;
transition:all .12s!important
}
.dark .btn-orange{
color:#fff
.servershards{
visibility:visible!important
}
}
.btn-orange:hover{
opacity:1;
background:#7289da85!important
}
.dark .btn-orange:hover{
background:#7289da85!important
}
#bot-details-page>article>div.container.is-widescreen>div.columns.is-tablet.is-desktop{
display:flex
}.bg{
background:url(https://i.redd.it/y1ostvqnr4711.jpg) no-repeat center center fixed;
background-size:cover;
z-index:-1;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
filter:blur(12px);
opacity:.23
}
html.dark{
background:linear-gradient(0deg,#222020 40%,#444241)!important
}
#bot-details-page #details .container{
border:none
}
div.container:nth-child(4){
max-width:100%;
width:100%;
padding:0
}
.longdescription{
padding:0;
margin-top:0
}
.longdescription .content{
box-shadow:none!important;
border-radius:0!important;
background:0 0!important;
padding:20px 0 80px!important
}
#bot-details-page>article>div.container.is-widescreen>div.columns.is-tablet.is-desktop>div.column,#bot-details-page>article>div.container.is-widescreen>div.columns.is-tablet.is-desktop>div.left-container>div>p:nth-child(1),#bot-details-page>article>div.container.is-widescreen>div:nth-child(2),#bot-info>p.bot-description,#bot-info>span.lib,#bot-stats,#report,#support,#upvotebutton,#websitelink,.status,span.votebutton:nth-child(2){
display:none!important
}
.info-text{
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
padding:20px
}
.info-text>p{
margin-top:40px;
max-width:600px;
margin:0 auto 40px;
font-size:14pt;
line-height:1.8rem
}
.info-text>h1{
text-align:center;
display:inline-block;
font-weight:700;
border-bottom:2px solid #242424;
margin:0 auto 20px;
padding-bottom:10px;
width:60%!important;
max-width:3000px
}
.content>.columns{
padding:40px 20px;
margin:0;
background:#fff;
background:#ffffffcc
}
.content>.columns.reversed{
color:#fff;
background:#1b1a18;
background:#1b1a18af
}
.reversed .info-text>h1{
color:#fff;
border-bottom:2px solid #fff
}
.content video{
border-radius:6px;
display:inline
}
.content img{
border-radius:6px
}
.is-one-quarter{
max-width:600px
}
.footer-btn{
background:#7289da;
color:#ffffff;
margin:8px 12px;
border-radius:10px;
transition:all .12s!important
display:inline-block;
height:36px;
line-height:36px;
font-size:20px;
padding:12px;
}
.footer-btn:hover{
opacity:1;
background:#7289da85!important
}
.bot-btnss{
text-align:center
}
@media screen and (min-width:769px){
.reversed{
flex-direction:row-reverse
}
}
</style>
  </head><body><center><p><span data-darkreader-inline-color=""> <strong>Floppy</strong>
</span></p>
  <div class="bg"></div>
<ul>
</ul>             
</center>
<div class="columns is-centered">
      <div class="column is-full info-text">
          <h1>Getting Started</h1>
          <p style="color: #000000;">Only Music Bot :D</p>
          <div>
              <a href="https://discord.gg/f3Cvqkj" style="cursor: pointer !important;" rel="nofollow">
                  <span class="footer-btn">Support</span>
              </a>
              <a href="https://discordapp.com/oauth2/authorize?client_id=670370985228238878&amp;scope=bot&amp;permissions=8" style="cursor: pointer !important;" rel="nofollow">
                  <span class="footer-btn">Invite</span>
              </a>
          </div>
      </div>
  </div>
</body></html>

Floopy

Invite

Vote (0)

Invite

Vote (0)

Overview

Getting Started

Ratings & Reviews