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 href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet">
  </head><body><div id="titleTop" class="nosel">
		<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 class="link" href="http://sidneybot.com">SidneyBot.com</a> for even more cool stuff :o
	</p>
  </div></body></html>

SidneyBot

Запросити

Запросити

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

Запросити

Запросити

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

Огляд

Cool stuff

More cool stuff

More info

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