computer crd tutorial ©️ fyodorcrds ib disfigureds

<------------------------ topContainer (black) (style codes) ------------------------>

background: linear-gradient(180deg, #e6f3fc, #121212 8%, #121212 40%, #4d4d4d 88%, #4d4d4d 95%, #4d4d4d 96%, #4d4d4d);
border-radius: 8px 8px 0px 0px;

<------------------------ topContainerText (style codes) ------------------------>

font-size: 14px;
right: 2.8em;

<------------------------ middleContainerText (beige) (style codes) ------------------------>

font-family: Pixelated MS Sans Serif;

<------------------------ pfpImage (style codes) ------------------------>

border: 3px inset;
border-radius: 3px;

<------------------------ linksText (style codes) ------------------------>

font-family: Pixelated MS Sans Serif;
box-shadow: 0px 1px 2px 0px rgba(107, 107, 107, 1) inset;
border-radius: 3px;
padding: 5px;
color: #00000;

<------------------------ mainText (style codes) ------------------------>

TEXT:
font-family: Pixelated MS Sans Serif;
box-shadow: 0px 1px 2px 0px rgba(107, 107, 107, 1) inset;
border-radius: 3px;
padding: 5px;
height: 9em;
overflow-y: scroll;

TEXT: HIGHLIGHT:
font-family: Trebuchet MS;
font-size: 16px;
border-radius: 5px;
padding: 2px;
background: linear-gradient(180deg, #e6f3fc, #121212 8%, #121212 40%, #4d4d4d 88%, #4d4d4d 95%, #4d4d4d 96%, #4d4d4d);
color: #fff;
font-weight: 800;

<------------------------ topContainer#2 (black) (position codes) ------------------------>

position: absolute;
left: 43px;
bottom: 182px;

<------------------------ topContainerText#2 (style codes) ------------------------>

font-size: 14px;
right: 1.5em;

<------------------------ middleContainer#2 (beige) (position codes) ------------------------>

position: absolute;
left: 43px;
z-index: 999;
bottom: 162px;

<------------------------ bottomContainer (white) (position codes) ------------------------>

position: absolute;
left: 43px;
bottom: 22px;

<------------------------ allCodes ------------------------>

<script language="javascript" type="text/javascript">
alert("♡ cr @fyodorcrds ib @disfigureds")
</script>

<style>
@font-face { font-family: Pixelated MS Sans Serif; src:url(https://dl.dropbox.com/s/as51v4gboqenc1b/ms-sans-serif.ttf) }

a {
cursor: help;
}

</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style type="text/css">
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:absolute;
bottom:13px;
z-index:99;
right: 4px;
}
#glenplayer02 a {text-decoration:none;}

@media only screen and (max-width: 600px) { #glenplayer02 { bottom: 10px;
right: -5px; } }

#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.music-controls {
user-select:none;
-webkit-user-select:none;
width:30px;
font-size:20px;
cursor:pointer;
}

.playy, .pausee {color:#2d2d2d;} /* color of play & pause buttons */

.pausee {display:none;}

</style>

<------------------------ musicPlayerAndButtons ------------------------>

<a href="#i"><button>rules</button></a> <a href="#ii"><button>chatbox</button></a>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">❚❚</div>
</div><!--end music player-->

<audio id="tune" src="https://cdn.discordapp.com/attachments/833359929754517514/929385585183981648/98971a0abcfc3242.mp3"audio"></audio>

<------------------------ menuBarEmbed ------------------------>

<link rel="stylesheet" href="https://unpkg.com/xp.css"><div class="title-bar-controls"><button aria-label="Minimize"></button><button aria-label="Maximize"></button><a href="#" onclick="clicksound.playclip()"><button aria-label="Close"></button></a></div><style> #menuBar { position: relative; left: 4.5em;
} @media only screen and (max-width: 600px) { #menuBar { left: 3.8em; } } </style>

<------------------------ menuBarEmbedRules ------------------------>

<link rel="stylesheet" href="https://unpkg.com/xp.css"><div class="title-bar-controls"><button aria-label="Minimize"></button><button aria-label="Maximize"></button><a href="#" onclick="clicksound.playclip()"><button aria-label="Close"></button></a></div><style> #menuBarEmbedRules { position: relative; left: 1.8em; } @media only screen and (max-width: 600px) { #menuBarEmbedRules { left: 1.1em; } } </style>

<------------------------ menuBarEmbedChatbox ------------------------>

<link rel="stylesheet" href="https://unpkg.com/xp.css"><div class="title-bar-controls"><button aria-label="Minimize"></button><button aria-label="Maximize"></button><a href="#" onclick="clicksound.playclip()"><button aria-label="Close"></button></a></div><style> #menuBarEmbedChatbox { position: relative; left: 1.8em; } @media only screen and (max-width: 600px) { #menuBarEmbedChatbox { left: 1.1em; } } </style>