Room v1 Code

<html>
<body>
<script defer>
window.onload = function() {
var isCtrl = false;
document.onkeyup=function(e)
{
    if(e.which == 17)
    isCtrl=false;
}
document.onkeydown=function(e)
{
    if(e.which == 17)
    isCtrl=true;
    if((e.which == 85) || (e.which == 67) && (isCtrl == true))
    {
        return false;
    }
}
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
    return false;
}
function mousehandler(e){
    var myevent = (isNS) ? e : event;
    var eventbutton = (isNS) ? myevent.which : myevent.button;
    if((eventbutton==2)||(eventbutton==3)) return false;
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;

 if (document.addEventListener) { // IE >= 9; other browsers
        document.addEventListener('contextmenu', function(e) {
            alert(" Try asking RageQxeen for her codes instead."); //here you draw your own menu
            e.preventDefault();
        }, false);
    } else { // IE < 9
        document.attachEvent('oncontextmenu', function() {
            alert("O sun, abide to death.");
            window.event.returnValue = false;
        });
    }
};
</script>
<style type="text/css">

@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&family=Lora&family=Style+Script&display=swap');

html, body {
      /* This is the gradient background on the main page, you can go to https://cssgradient.io/ to make your own gradient background or you may request the alternative singular color background.  Do not touch the overflow portion. */
 overflow: auto;
background: #1F1C2C;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #928DAB, #1F1C2C);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #928DAB, #1F1C2C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

::-webkit-scrollbar-button:vertical:{
background-color: #transparent;}

::-webkit-scrollbar-thumb:vertical {
background-color:#transparent;
height:0px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#transparent;
height:0px;}

::-webkit-scrollbar {
height:0px;
width:0px;
background-color:#transparent;}

/* The only adjustment needed is the color of the background on the container, you can leave the rest alone. You can change the font on the content, just look for Lora after you've imported your fonts from Google Fonts and pasted the import code at the top where you see @import. Afterwards just make sure to use the font family name only with no special characters. */

#container {
background-color:#372d52;
width: 70vw;
height: 100vw;
margin:auto;
position: absolute;
padding: 5px;
left: 15vw;
top: 2vw;
z-index:1;
box-shadow: 0px 5px 10px #000;
border-top: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-radius: 20px 20px 0px 0px;
z-index: 1;
}

#content {
background-color: transparent;
width: 69vw;
height: 75vw;
margin:auto;
position: absolute;
padding: 10px;
font-size: 18px;
font-family: 'Lora', cursive;
color:#fff;
left: .25vw;
bottom:  0vw;
z-index:1;
}

/* Now the image was personally edited by RageQxeen to get that look that you see, if you want something similar please reach out and request such, otherwise the image will cut off at the bottom. If you prefer no special effects on the image, add border-bottom: 1px solid #000; directly below border-radius. */

#image {
width: 70vw;
padding: 5px;
margin: 0px;
height: 25vw;
background-color:transparent;
position: absolute;
right: 0vw;
top: 0vw;
background-image:url("LINK");
background-repeat:no-repeat;
background-position: bottom;
background-size: 100%;
border-radius: 20px 20px 0px 0px;
z-index: 2;
}

/* Once again only touch the font family, same directions as above with the content. */

.title {position: absolute;
font-family: 'Cinzel Decorative';
color: #fff;
font-size: 6vw;
top: 17vw;
right: 8vw;
width: 53vw;
height: 7vw;
text-align: center;
text-shadow: -2px 0 #000, 0 2px #000,2px 0 #000, 0 -2px #000;
font-weight: bold;
overflow: hidden;
padding:5px 5px 5px 5px;
z-index: 7;}

i {color: #747484;}
b{color: #CBC3E3;}
a {text-decoration: none; color: #b4b6bc;}
h1{text-align: center; font-size: 35px; font-family: 'Style Script', cursive; color: #000;}

ol {
  list-style-type: upper-roman;
}
</style>

<div id="container">
<div id="image"></div>

<div class="title">TITLE</div>

<div id="content">
<div style="width: 69vw; height: 75vw; overflow-y: hidden;">

<div style="width: 69vw; height: 75vw; overflow: auto;" align="left">
<h1>INTRO</h1>

<img src="LINK" width="120" height="120" style="float:left; border-radius: 100px; border: 1px solid #000; margin: 10px;">

BLANK
<br><br>

<img src="LINK" width="120" height="120" style="float:right; border-radius: 100px; border: 1px solid #000; margin: 10px;">

BLANK
<br><br>

<img src="LINK" width="120" height="120" style="float:left; border-radius: 100px; border: 1px solid #000; margin: 10px;">

BLANK
<br><br>

<h1>Room Rules</h1>

<ol>
<li> BLANK
</ol>

<h1>Character Rules</h1>

<ol>
<li> BLANK
</ol>

<h1>Staff</h1>

<a target="_blank" href="PROFILE LINK HERE"><img src="https://cdn2.iconfinder.com/data/icons/gaming-and-beyond-part-2-1/80/User_gray-512.png" height="100" width="100" align="center" border="5" title="The Admin"></a>
<a target="_blank" href="PROFILE LINK HERE"><img src="https://cdn2.iconfinder.com/data/icons/gaming-and-beyond-part-2-1/80/User_gray-512.png" height="100" width="100" align="center" border="5" title="The Moderator"></a>

<br><br>
<br><br>
<h1>Credits</h1>
<center>Code made by <a target="_blank" href="https://rageqxeen.neocities.org/vw_codes/rageqxeen.html">RageQxeen</a>, do not steal.</center><br>
</div>
</div>
</div>
</div>
</body>
</html>