cr femcel2006

--- TOP CONTAINER ---

background: linear-gradient(180deg, #0997ff, #0053ee 8%, #0050ee 40%, #06f 88%, #06f 93%, #005bff 95%, #003dd7 96%, #003dd7);
border-top: 1px solid #0831d9;
border-left: 1px solid #0831d9;
border-right: 1px solid #001ea0;
border-radius: 8px 8px 0px 0px;
text-shadow: 1px 1px #0f1089;
padding-left: 3px;
padding-top: 3px;
height: 28px;

--- 'File Edit & etc' TEXTS ---

background: #E8E8D8;
padding: 4px;

--- SOUND EFFECT ---

clicksound.playclip()

--- CONTAINER with MUSIC PLAYER ---

padding-top: 0.15em;
padding-left: 0.15em;
padding-right: 0.15em;

--- CONTAINER with TYPEWRITER ---

padding-bottom: 0.15em;

--- TEXTS with BLACK BACKGROUND ---

background: #000;
padding: 4px;
border-bottom: 1px solid #ffffff;

--- SCROLLBOX ---

padding: 5px;
padding-top: 10px;
background: #fff;
box-shadow: 0px 1px 2px 0px rgba(107,107,107,1) inset;
-webkit-box-shadow: 0px 1px 2px 0px rgba(107,107,107,1) inset;
-moz-box-shadow: 0px 1px 2px 0px rgba(107,107,107,1) inset;
height: 16em;
overflow-y: scroll;


--- FONT ---

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

--- THREE BUTTONS ---

<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="#home" onclick="clicksound.playclip()">
<button aria-label="Close"></button></a>
</div>

--- 'X' BUTTON ---

<div class="title-bar-controls">
<a href="#home" onclick="clicksound.playclip()"><button aria-label="Close"></button></a></div>

--- POSITIONING for BUTTONS ---

('My Computer' CONTAINER)

<style>
#elementID {
position: relative;
left: 6.5em;
}

@media only screen and (max-width: 600px) {
#elementID {
left: 4.5em;
}
}
</style>

('Windows Media Player' CONTAINER)

<style>
#elementID {
position: relative;
left: -1.5em;
}

@media only screen and (max-width: 600px) {
#elementID {
left: -2.3em;
}
}
</style>

('abt me.txt' CONTAINER)

<style>
#elementID {
position: relative;
left: 5.5em;
}
</style>