FANDOM


Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Chrome - Windows: Hold the Ctrl key and press the F5 key. OS X: Hold both the ⌘ Cmd and ⇧ Shift keys and press the R key.
  • Safari - Hold down the ⇧ Shift key and click the Reload toolbar button.
  • Firefox - Windows: Hold the Ctrl key, and press F5. OS X: Hold the ⌘ Cmd and ⇧ Shift keys, and then press R.
  • Internet Explorer - Hold the Ctrl key, and press F5 (or click the Refresh button).
@font-face {
   font-family:runescape-chat;
   src: /*local("RuneScape Chat"),
        */url("http://www.joeytje50.com/Fonts/runescape_chat.eot"),
        url("http://www.joeytje50.com/Fonts/runescape_chat.svg"),
        url("http://www.joeytje50.com/Fonts/runescape_chat.ttf"),
        url("http://www.joeytje50.com/Fonts/runescape_chat.woff");
}
@font-face {
   font-family:runescape-chat-bold;
   src: /*local("RuneScape Chat Bold 2"),
        local("RuneScape Chat 2"),
        local("RuneScape Chat Bold"),
        */url("http://www.joeytje50.com/Fonts/runescape_chat_bold.eot"),
        url("http://www.joeytje50.com/Fonts/runescape_chat_bold.svg"),
        url("http://www.joeytje50.com/Fonts/runescape_chat_bold.ttf"),
        url("http://www.joeytje50.com/Fonts/runescape_chat_bold.woff");
   font-weight:bold;
}
 
/* Simple hover-over stuff */
#content .show:not(.toc) {display: none !important;}
#content .hover:hover .show:not(.toc) {display: inline !important;}
#content .hover:hover .hide {display:none;}
 
 /***************** making non-JS tabber *****************/
 
 .showtext {display: none !important;}
 .showbutton:hover > .showtext {display: block !important;}
 .showbutton:hover .showtext .showtext {display:none !important;}
 .showbutton:hover + .showtext {display: none !important;}
 .showtext:hover {display: block !important;}
 
/** making a default opened tab **/
 
 .showbutton:hover + .deftext {display:none !important;}
 
/** layout of tab(content)s **/
 
//** Even if some of the code doesn't help in your browser, it might do in other browsers.**//
 
 .tab {}
 .tab {border-top: solid 1px #777788;
  border-right: solid 1px #777788;
  border-left: solid 1px #777788;
  background-color: #DDDDEE;
  cursor: pointer;
  padding-top:-13px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:5px;
  line-height:10px;
  z-index:1 !important;
  -moz-border-radius:2px 2px 0px 0px;
  border-radius:2px 2px 0px 0px;}
 
 .tab:hover {background-color: #FFF;overflow: visible;
  position:relative !important;top:1px !important;}
 
 .tabcontent {border-top: solid 1px #777788 !important;
  border-left: solid 1px #AAAAAA !important;
  border-right: solid 1px #AAAAAA !important;
  border-bottom: solid 1px #AAAAAA !important;
  line-height: 15px;
  z-index:-1 !important;
  -moz-border-radius:2px 2px 0px 0px;
  border-radius:2px 2px 0px 0px;}
 
 .showtext {width: 100% !important;
  position:relative !important;}
 
/*** only coloring selected tab ***/
 
 .tab:hover + .showbutton .tab {background-color: #DDDDEE;}
 
/****** Making non-JS dropdown ******/
 
 .dropdown {border:1px solid #AAAAAA;
  -moz-border-radius:3px 3px 0px 0px;
  border-radius:3px 3px 0px 0px;
  padding:5px;
  color:#0000FF;
  background-color:#EEEEFF;
  margin-right:0px;}
 
 .ddowncont {border:1px solid #AAAAAA;
  line-height:10px;
  text-align:center;
  padding-bottom:5px;
  color:#0000FF;
  background-color:#EEEEFF;
  margin-right:0px;}
 
 .dropdown:hover, .ddowncont:hover {background-color:#CCCCDD;}
 a .dropdown:active, a .ddowncont:active {background-color:#AAAACC;}
 
/* hover st00f xtra */
.sighidden { display: none }
.sigexpand:hover .sighidden { display: inline }
.sigclick:active .sighidden { display: inline }
 
/* clock animation */
 
@-webkit-keyframes minute {to {-webkit-transform:rotate(+360deg);}}
@-webkit-keyframes hour {to {-webkit-transform:rotate(+360deg);}}
 
@-webkit-keyframes second {
  0%     { -webkit-transform: rotate(0deg); }
  1.67%  { -webkit-transform: rotate(6deg); }
  3.33%  { -webkit-transform: rotate(12deg); }
  5%     { -webkit-transform: rotate(18deg); }
  6.67%  { -webkit-transform: rotate(24deg); }
  8.33%  { -webkit-transform: rotate(30deg); }
  10%    { -webkit-transform: rotate(36deg); }
  11.67% { -webkit-transform: rotate(42deg); }
  13.33% { -webkit-transform: rotate(48deg); }
  15%    { -webkit-transform: rotate(54deg); }
  16.67% { -webkit-transform: rotate(60deg); }
  18.33% { -webkit-transform: rotate(66deg); }
  20%    { -webkit-transform: rotate(72deg); }
  21.67% { -webkit-transform: rotate(78deg); }
  23.33% { -webkit-transform: rotate(84deg); }
  25%    { -webkit-transform: rotate(90deg); }
  26.67% { -webkit-transform: rotate(96deg); }
  28.33% { -webkit-transform: rotate(102deg); }
  30%    { -webkit-transform: rotate(108deg); }
  31.67% { -webkit-transform: rotate(114deg); }
  33.33% { -webkit-transform: rotate(120deg); }
  35%    { -webkit-transform: rotate(126deg); }
  36.67% { -webkit-transform: rotate(132deg); }
  38.33% { -webkit-transform: rotate(138deg); }
  40%    { -webkit-transform: rotate(144deg); }
  41.67% { -webkit-transform: rotate(150deg); }
  43.33% { -webkit-transform: rotate(156deg); }
  45%    { -webkit-transform: rotate(162deg); }
  46.67% { -webkit-transform: rotate(168deg); }
  48.33% { -webkit-transform: rotate(174deg); }
  50%    { -webkit-transform: rotate(180deg); }
  51.67% { -webkit-transform: rotate(186deg); }
  53.33% { -webkit-transform: rotate(192deg); }
  55%    { -webkit-transform: rotate(198deg); }
  56.67% { -webkit-transform: rotate(204deg); }
  58.33% { -webkit-transform: rotate(210deg); }
  60%    { -webkit-transform: rotate(216deg); }
  61.67% { -webkit-transform: rotate(222deg); }
  63.33% { -webkit-transform: rotate(228deg); }
  65%    { -webkit-transform: rotate(234deg); }
  66.67% { -webkit-transform: rotate(240deg); }
  68.33% { -webkit-transform: rotate(246deg); }
  70%    { -webkit-transform: rotate(252deg); }
  71.67% { -webkit-transform: rotate(258deg); }
  73.33% { -webkit-transform: rotate(264deg); }
  75%    { -webkit-transform: rotate(270deg); }
  76.67% { -webkit-transform: rotate(276deg); }
  78.33% { -webkit-transform: rotate(282deg); }
  80%    { -webkit-transform: rotate(288deg); }
  81.67% { -webkit-transform: rotate(294deg); }
  83.33% { -webkit-transform: rotate(300deg); }
  85%    { -webkit-transform: rotate(306deg); }
  86.67% { -webkit-transform: rotate(312deg); }
  88.33% { -webkit-transform: rotate(318deg); }
  90%    { -webkit-transform: rotate(324deg); }
  91.67% { -webkit-transform: rotate(330deg); }
  93.33% { -webkit-transform: rotate(336deg); }
  95%    { -webkit-transform: rotate(342deg); }
  96.67% { -webkit-transform: rotate(348deg); }
  98.33% { -webkit-transform: rotate(354deg); }
  100%   { -webkit-transform: rotate(360deg); }
}
 
/* Main page box styles */
.mainpagebox {
padding:2px;
width:100%;
border-radius:0 14px 7px 7px;
-moz-border-radius:0 14px 7px 7px;
margin-top:10px;
}
.mainpagebox .boxcaption {
padding:5px;
font-size:110%;
font-weight:bold;
border-radius:0 7px 0 0;
-moz-border-radius:0 7px 0 0;
}
.mainpagebox .boxcontent {
text-align:justify;
padding:10px;
}
 
/******************
***Choose Option***
******************/
 
.ChooseOption {
   background:#FFF;
   border:3px double black;
   color:#C6B895;
   display:inline-block;
   line-height:1.1;
}
.ChooseOption.bold, .OptionWindow.bold, .OptionHeader.bold {font-weight:bold;}
.OptionHover {
   background:#0d1e25;
   cursor:default;
}
.OptionHeader {
   display:block;
   background:#0b0c05;
   border-bottom:1px solid #223239;
   cursor:default;
   padding:0 5px;
}
.OptionWindow {
   position:absolute;
   margin-top:-3px;
   display:inline-block;
   background:white;
   border:3px double black;
   z-index:3;
   border-radius:3px 3px 1px 1px;
   display:none;
}
.OptionWindow .content {
   background:#0d1e25;
   display:block;
}
.ChooseOption:hover .OptionWindow {display:inline;}
.OptionWindow a {
   display:block;
   color:inherit;
   padding:0 3px;
   white-space:nowrap;
   text-shadow:#000 1px 1px 0px;
}
.OptionWindow a:hover {
   text-decoration:none;
   background:#1D2E55;
}
.OptionWindow .item {color:#FF9040;}
.OptionWindow .NPC {color:#FF0;}
.OptionWindow .player {color:#FFF;}
.OptionWindow .scenery {color:#0FF;}
.OptionWindow .cb-min {color:#0F0;}
.OptionWindow .cb-same {color:#FF0;}
.OptionWindow .cb-max {color:#F00;}
 
 
.inventorytable {
   background-image:url(https://images.wikia.nocookie.net/__cb20120409173923/runescape/images/d/db/Inventory_empty.png);
   background-repeat:no-repeat;
   background-position:top left;
   width:213px;min-width:213px;max-width:213px;
   height:282px;min-height:282px;max-height:282px;
   padding:15px 23px;
   border:none;
   border-spacing:0px;
}
.inventorytable tr {
   border:none;
   border-spacing:0px;
   padding:0px;
   margin:0px;
}
.inventorytable td {
   border:none !important;
   border-spacing:0px;
   padding:0px !important;
   margin:0px;
   width:47px;
   height:35px;
   text-align:center;
}
 
p#GEdataprices, p#GEdatachart {display:none;}
#GEdatachart {min-height:300px !important; min-width:650px !important;}
#GEdatachart.smallChart {min-height:0px !important; min-width:0px !important;}
 
 
body.ChatWindow {background:red;}