beefcake

avatar
unknown
plain_text
3 years ago
10 kB
8
Indexable
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
 
<script src="//static.tumblr.com/gtjt4bo/oEQpu602h/glenplayer05-right.js"></script>
 
<style>
@font-face {
	font-family: "rotters";
	src: url('https://dl.dropbox.com/s/n5eagm9wp1ylbaf/Rotters.otf');
}
 
body {
	color: #585586;
	background-color: #A9D8D1;
	font-family:arial;
	font-size: 11px;
	line-height: 140%;
}
 
small {
	font-family: work sans;
	font-size: 11px;
	line-height: 160%;
}
 
sup, sub {
	font-family: work sans;
	font-size: 11px;
	line-height: 160%;
}
 
a {
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}
 
a:hover {
	color: #b3bec6;
}
 
b, strong {
	color: #585586;
}
 
i, em {
	color: blue;
}
 
::-webkit-scrollbar-thumb {
	display: none;
}
 
::-webkit-scrollbar {
	display: none;
}
 
#cont {
	background-color: #918fb4;
	border-radius: 10px;
	position: absolute;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 700px;
	height: 600px;
	overflow: none;
	z-index: 1;
	-webkit-box-shadow: -9px 10px 22px -21px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -9px 10px 22px -21px rgba(0, 0, 0, 0.75);
	box-shadow: -9px 10px 22px -21px rgba(0, 0, 0, 0.75);
}
 
 
#image {
	background-color: transparent;
	position: absolute;
	margin: auto;
	top: 0px;
	left: 320px;
	width: 380px;
	height: 560px;
	padding: 10px;
	overflow: none;
	border: 10px solid #b0afca;
	border-radius: 0px 10px 10px 0px;
	z-index: 1;
	background: url('https://cdn.discordapp.com/attachments/792533730853781515/951078792103886888/IMG_2387.png');
	background-size: cover;
	background-position: center center;
		background-repeat: no-repeat;
	-webkit-transition: all 1.8s ease-in-out;
	-moz-transition: all 1.8s ease-in-out;
	-o-transition: all 1.8s ease-in-out;}
 
#sidebar {
	position: absolute;
	left: 20px;
	top: 20px;
	height: 560px;
	width: 280px;
	background-color: #cfcfdf;
	z-index: 2;
	border-radius: 5px;
	-webkit-box-shadow: -9px 10px 22px -21px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -9px 10px 22px -21px rgba(0, 0, 0, 0.75);
	box-shadow: -9px 10px 22px -21px rgba(0, 0, 0, 0.75);
}
 
.sbimage {
	width: 260px;
	height: 280px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #b67575;
	background-image: url('https://cdn.discordapp.com/attachments/862775329030668329/951064431503233025/IMG_2386.jpg');
	background-size: 137%;
	background-position: center center;
	border-radius: 5px 5px 0px 0px;
}
 
.sbicon {
	width: 65px;
	height: 65px;
	background-color: #cfcfdf;
	border-radius: 100%;
	border: 3px solid #cfcfdf;
	margin-top: -35px;
	margin-left: 100px;
	-webkit-filter: grayscale(40);
}
 
.sbiconimg {
	width: 65px;
	height: 65px;
	border-radius: 100%;
	transition-timing-function: ease-in-out;
	transition-duration: 0.5s;
	background: url('https://cdn.discordapp.com/attachments/792533730853781515/951081801126932501/2022-03-09_12h39_25.png');
	background-size: cover;
	background-position: center center;
}
 
.sbiconimg:hover {
	-ms-transform: scaleY(1.9) scaleX(1.9);
	/* IE 9 */
	transform: scaleY(1.9) scaleX(1.9);
	/* Standard syntax */
-webkit-filter: grayscale(0);}
 
.sbaccent {
	width: 260px;
	height: 40px;
	background-color: #716f9f;
	border-radius: 0px 0px 5px 5px;
	margin-left: 10px;
	margin-top: -32px;
}
 
#sbline {
	width: 100px;
	height: 2px;
	background-color: #585586;
	margin-top: 25px;
	margin-left: 15px;
}
 
#sbtitle {
	font-family: rotters;
	font-size: 45px;
	text-align: right;
	margin-top: -20px;
	margin-left: 113px;
	width: 135px;
	height: 20px;
}
 
#sbline2 {
	width: 100px;
	height: 2px;
	background-color: #585586;
	margin-top: 45px;
	margin-left: 15px;
}
 
#sbtitle2 {
	font-family: arial;
	font-size: 25px;
	text-align: right;
	margin-top: 10px;
	margin-left: 113px;
	width: 135px;
	height: 20px;
}
 
#description {
	font-size: 10px;
	color: #555555;
	text-align: justify;
	line-height: 15px;
	letter-spacing: 0.5px;
	width: 105px;
	margin-top: 5px;
	margin-left: 15px;
	border-right: 1px solid #000;
	padding-right: 10px;
}
 
.text {
	margin-top: 5px;
	font-family: abril fatface;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 10px;
	color: #b3bec6;
	position: absolute;
	margin-left: 140px;
	width: 125px;
	color: #555555;
	overflow: auto;
	height: 175px;
}
 
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
:root {
 --Music-Player-Position-From-Bottom:30px;
 --Music-Player-Background:#a6839e;
 --Music-Player-Padding:5px;
 --Music-Player-Roundness:3px;
 --Music-Title-Font-Size:11px;
 --Music-Title-Color:#fff;
 --Play-Pause-Buttons-Size:17px;
 --Play-Pause-Buttons-Color:#fff;
 --Headphones-Icon-Size:15px;
 --Headphones-Icon-Color:#fff;
}
 
#glenjams-05 {
 position:fixed;
 bottom:0;margin-bottom:calc(var(--Music-Player-Position-From-Bottom) - 5px);
 right:0;margin-right:0px;
 z-index:99;
}
 
.nebula {
 padding:5px 0;
 cursor:default;
}
 
.suns {
 padding:calc(var(--Music-Player-Padding) * 1.1) var(--Music-Player-Padding);
 background:var(--Music-Player-Background);
 border-radius:var(--Music-Player-Roundness) 0 0 var(--Music-Player-Roundness);
 line-height:1em;
}
 
.suns, .m-txt {display:flex;}
 
.suns > *, .m-txt > * {
 align-self:center;
 -webkit-align-self:center;
}
 
.headphones {
 margin-right:-1px;
 padding:0 calc(var(--Music-Player-Padding) / 2);
}
 
.headphones svg {
 width:var(--Headphones-Icon-Size);
 height:var(--Headphones-Icon-Size);
 color:var(--Headphones-Icon-Color);
}
 
.mm {display:none;}
 
.music-controls {
 margin-left:calc((var(--Music-Player-Padding) / 2) - 1px);
 margin-right:.5px;
 user-select:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 cursor:pointer;
color:#fff;}
 
.music-controls .material-icons {
 margin:0 1px;
 font-size:var(--Play-Pause-Buttons-Size);
 color:var(--Play-Pause-Buttons-Color);
 cursor:pointer;
}
 
.pausee {display:none;}
 
.beff {display:none;}
.aff {display:block;}
 
.music-name {
 padding:0 calc(var(--Music-Player-Padding) / 2);
 font-family:work sans;
 font-size:var(--Music-Title-Font-Size);
 color:var(--Music-Title-Color);}
 
#credits{
position:fixed;
bottom:10px;
left:10px;
width:40px;
height:40px;
text-align:center;
}
 
#credits a{
font-weight:bold;
padding:0px;
border-radius:50%;
 
}
 
</style>
 
 
 
<div id="cont">
	<div id="shape1"></div>
	<div id="sidebar">
		<div class="sbimage"></div>
		<div class="sbicon">
			<div class="sbiconimg"></div>
		</div>
		<div class="sbaccent"></div>
		<div id="sbline"></div>
		<div id="sbtitle">
			Beefcake
		</div>
		<div class="text">
Born on April 13th, 1998. His mother had passed due to complications during the birth, and his father giving him up for adoption the big guy was an orphan from the start of his life, bouncing around foster homes til the age of fifteen when a kind man took him in and gave him a steady three years while he attended and struggle during school. He was never the smartest, and usually chose his strength over his smarts since he never excelled being an all around C student. Once he was eighteen he finished highschool just barely, and went out to find odd jobs here and there, and eventually found being a life guard was the most steady. While he still does jobs here and there, that is his primary job for the time. Still living with his adopted father, he tends to stray from home and stay with other people. People he considers friends, even if they only met once. Due to the lack of a mother he is automatically attracted to motherly tendencies, where he finds comfort and security in that setting. A big loveable guy, just looking to make it through. But least he’s smiling while he does.
<br>
Addition: Usually has to be lead and directed to understand certain things. But always tries his best!
			<p></p>
			<hr>
 			DM's r 👍 | Golden | Snowball | smut+story | Dark/light | 
		</div>
		<div id="description">
			<font style="float:left"><b>Name</b></font> <font style="float:right">Caleb</font><br>
			<font style="float:left"><b>Moniker</b></font> <font style="float:right">BeefCake, Bully</font><br>
			<font style="float:left"><b>Gender</b></font> <font style="float:right">male</font><br><br>
			<font style="float:left"><b>Height</b></font> <font style="float:right">6'5"</font><br>
			<font style="float:left"><b>Weight</b></font> <font style="float:right">280 lbs</font><br>
			<font style="float:left"><b>Eyes</b></font> <font style="float:right">Blue</font><br>
			<font style="float:left"><b>Hair</b></font> <font style="float:right">Brown</font><br>
			<font style="float:left"><b>Orientation</b></font> <font style="float:right">Pan</font><br>
			<font style="float:left"><b>Position</b></font> <font style="float:right">70 Bottom/30 Top</font><br>
			
			<font style="float:left"><b>Occupation</b></font> <font style="float:right">Waterpark Lifeuard</font>

		</div>
		<div id="sbline2"></div>

	</div>
	<div id="image"></div>
</div>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenjams-05">
<div class="nebula">
 <div class="suns">
 <div class="headphones">♫</i></div>
 <div class="mm">
 <div class="m-txt">
 <div class="music-controls">
 <a class="fire">
 <i class="playy">►</i>
 <i class="pausee">❚❚</i>
 </a>
 </div><!--music-controls-->
 <div class="music-name">Gotta be a reason</div>
 </div><!--m-txt-->
 </div><!--mm-->
 </div><!--suns-->
</div><!--nebula-->
</div><!--glenjams-05-->
 
<audio id="audio" src="https://www.dropbox.com/s/qxkrzczhwi9p35p/Alec%20Benjamin%20-%20Gotta%20Be%20A%20Reason.mp3?dl=1" type="audio"></audio>
 
 <div id="credits">
<a target="_blank" href="https://roleplay.chat/profile.php?user=Diva" title="made by Diva"><img src="https://i.imgur.com/BbhiJbI.png" width="40px" height="40px"></div>
Editor is loading...