Oxygen

<html><head><style>
<p>.desc {
display: block;
margin-bottom: 2%;
margin-left: auto;
margin-right: auto;
background: rgba(211,211,211, 0.6) no-repeat center center fixed;
max-width: 520px;
height: auto;
border-radius: 10px;
}</p>
#bot-nav{
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%;
}
.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; margin-top: 1em; border-radius: 50%}@-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}.columns .bot-img{box-shadow: none!important}
@keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-15px);
}
}
.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:#ad91ff;
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:#ad91ff!important
}
.dark .btn-orange:hover{
background:#ad91ff!important
}
#bot-details-page>article>div.container.is-widescreen>div.columns.is-tablet.is-desktop{
display:flex
}.bg{
background:url(https://www.publicdomainpictures.net/pictures/130000/velka/aqua-blue-gradient-background.jpg) no-repeat center center fixed;
background-size:cover;
z-index:-1;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
filter:blur(1px);
opacity:.80
}
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:#ad91ff;
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;
}
.report-btn{
background:#ff0000;
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:#ad91ff!important
}
.bot-btnss{
text-align:center
}
.votebutton btn btn-orange btn-2x {
display: none;
}
@media screen and (min-width:769px){
.reversed{
flex-direction:row-reverse
}
}
</style>
</head><body><div class="columns is-centered">
	<div class="column is-one-quarter">
	</div>
	<div class="column is-half info-text">
		<h1>Interesting</h1>
		<p>Oxygen is just an air bubble.</p>
	</div>
</div>
<div class="columns is-centered reversed">
	<div class="column is-one-quarter">
	</div>
	<div class="column is-half info-text">
		<h1>Addiction</h1>
		<p>Let your members enjoy Oxygen's features!</p>
	</div>
</div>
<div class="columns is-centered">
	<div class="column is-one-quarter">
	</div>
	<div class="column is-half info-text">
		<h1>Moderation</h1>
		<p>Oxygen provides alot of moderation commands to protect your server!</p>
	</div>
</div>
<div class="columns is-centered">
	<div class="column is-full info-text">
		<h1>Getting Started</h1>
		<p>Invite Oxygen by down below button! If you need help there is also a support link to our support server! See ya</p>
		<div>
			<a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" href="https://discord.gg/MQ7bHzT" style="cursor: pointer !important;" rel="nofollow">
				<span class="footer-btn">Join our Discord Server</span>
			</a>
			<a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" href="#" style="cursor: pointer !important;" rel="nofollow">
				<span class="footer-btn">Visit our Website (MAINTENANCE)</span>
              <hr>
            <a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" href="/bot/684805224573042688/report" style="cursor: pointer !important;" rel="nofollow">
              <span class="report-btn">Report</span>
            </a>
		</div>
	</div>
</div>
<div class="bg"></div></body></html>

Oxygen

Запросити

Запросити

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

Запросити

Запросити

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

Огляд

Interesting

Addiction

Moderation

Getting Started

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