SidneyBot

<html><head><style>
body{
	overflow: hidden;
	margin: 10px;
	background: white;
  margin: 0;
}
*{
  font-weight: normal !important;
}
#titleTop{
	font-family: 'Thicc';
	border-bottom: 1px solid #e6e6e6;
	z-index: 3;
  text-transform: uppercase; 
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
}
#titleTop span:not(#bot){
	z-index: 4;
	position: absolute;
	background: -webkit-linear-gradient(#5EC3E3,#1C81F6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
#mainBody{
  margin-top: 80px;
  padding: 10px;
}
#bot{
	background: -webkit-linear-gradient(#3cb7dd,#096cdc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#shadow{
	z-index: 2;
	position: relative;
	background: transparent;
	text-shadow: 1px 1px 0 #e6e6e6,2px 2px 0 #e6e6e6,3px 3px 0 #e6e6e6,4px 4px 0 #e6e6e6;
	color: transparent;
}
#titleTop{
	text-transform: uppercase;
	position: absolute;
	display: block;
    font-weight: 700;
    left: 0;
	width: calc(100%);
	font-size: 45px;
    font-family: 'Titillium Web', sans-serif;
}
#main{
	width: 380px;
	height: 280px;
	background: #ededed;
	padding: 10px;
}
h1{
	font-family: 'Titillium Web', sans-serif;
	margin: 0;
    font-weight: 600;
	text-transform: uppercase;
    color: black;
}
strong{
	font-family: 'Titillium Web', sans-serif;
}
p{
	margin: 0;
    font-family: 'Titillium Web', sans-serif;
}
.command{
  font-family: "Whitney Medium", 'Titillium Web', sans-serif;
  background: #36393F;
  padding: 5px 10px;
  font-size: 15px;
  color: hsla(0,0%,100%,.7);
  border-radius: 5px;
  display: inline-block;
  line-height: 30px;
}
.result{
  border-top: 1px solid gray;
}
.request::before{
  content: 'command:';
  color: rgb(255,255,255,0.3);
  width: 70px;
  display: inline-block;
}
.result::before{
  content: 'response:';
  color: rgb(255,255,255,0.3);
  width: 70px;
  display: inline-block;
}
.mention{
  background: #3C414E;
  color: #7289da;
}
.mention:hover{
  color: rgb(255,255,255);
  background: #6072AA;
  cursor: pointer;
}
.holder{
	width: 380px;
	height: 5px;
	background: #d9d9d9;
}
.holder div{
	height: 5px;
	background: #a6a6a6;
}
.link{
  color: #3BA0EE;
  text-decoration: none;
  transition: 0.4s;
  background: rgba(59, 160, 238,0);
  padding: 0 5px;
  border-radius: 3px;
}
.link:hover{
  color: white;
  background: rgba(59, 160, 238,1);
}
.low{
	color: #4bc322;
}
.medium{
	color: #c37322;
}
.high{
	color: #c32222;
}
</style>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700">
  </head><body><div class="nosel" id="titleTop">
		<span>Sidney<span id="bot">bot</span></span><a id="shadow">SidneyBot</a>
  </div>
  <div id="mainBody">
    <h1 class="h1">
		Cool stuff
	</h1>
	<p>
		SidneyBot offers a lot of cool commands (mostly memes) plus an entire economy system.
	</p>
  <div class="command">
     <div class="request">
       sid kek <span class="mention">@MasterPtato</span>
     </div>
     <div class="result">
       get keked <span class="mention">@MasterPtato</span>
     </div>
  </div>
	<h1>
		More cool stuff
	</h1>
	<p>
		The money commands provde users with a fake sense of wealth (it feels great so who cares?). You can spend your money on things like pets, properties, and soon your own customizable character. Oh also you can go broke by betting all your money on blackjack or wasting it on the lottery. You do you kid.
	</p>
	<h1>
		More info
	</h1>
	<p>
		visit <a href="http://sidneybot.com" class="link">SidneyBot.com</a> for even more cool stuff :o
	</p>
  </div></body></html>

SidneyBot

Invite

Vote (1)

Invite

Vote (1)

Overview

Cool stuff

More cool stuff

More info

Ratings & Reviews