/* @Author      : E.  13px;Darksider @Description : to be written @Version     : 1.0 @License     : Proprietary software License @License URI : https://en.wikipedia.org/wiki/Proprietary_software  -------------------------------------------------------------------------  1.	Font Face + Browser Reset 2.	Globally Applied Styles 3.	Containers 4.	Sticky navigation 5.	Social icons 6.	Header 7.	Slider 8.	Mainside 9.	Sidebar 10.	Footer 11.	Buttons 12.	Query medias 13.	Overwrite - Global - Comments - News pagination - Membership - Server status - Top PvP - Shoutbox - Donation goal - Account panel - Private message - Store - Teleporter - Donate - Changelog - Guild */  /*-------------------------------------------------------------------------*/ /*	1.	Font Face + Browser Reset /*-------------------------------------------------------------------------*/ @font-face { font-family: 'calibri'; src: url('../fonts/calibri/calibri.eot'); src: url('../fonts/calibri/calibri.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri/calibri.woff') format('woff'), url('../fonts/calibri/calibri.ttf') format('truetype'), url('../fonts/calibri/calibri.svg#calibri') format('svg'); font-style: normal; font-weight: normal; }  @font-face { font-family: 'calibrib'; src: url('../fonts/calibri/calibrib.eot'); src: url('../fonts/calibri/calibrib.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri/calibrib.woff') format('woff'), url('../fonts/calibri/calibrib.ttf') format('truetype'), url('../fonts/calibri/calibrib.svg#calibrib') format('svg'); font-style: normal; font-weight: normal; }  * { margin: 0; padding: 0; outline: none; position: relative; list-style: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }  *, ul, li, h1, h2, p, b { margin: 0; padding: 0; list-style: none; line-height: 1.5; font-weight: normal; }  *:focus { outline: none; }  /*-------------------------------------------------------------------------*/ /*	2.	Globally Applied Styles /*-------------------------------------------------------------------------*/ * {cursor:url(../images/cursor.gif),auto}input{cursor:url(../images/cursor-link-new.gif),auto} html{cursor:url(../images/cursor.gif),auto;overflow-x:hidden;}input{cursor:url(../images/cursor-link-new.gif),auto} a,button,select,textarea{cursor:url(../images/cursor-link-new.gif),auto} body { color: #c1b575; font-size: 10pt; font-family: 'Calibri', 'Arial';
  background-color: #060301;
  /*
   * The main_container has 1220px centered.
   * The body background is visible on the SIDES and TOP/FOOTER of the page.
   * Cinematic forge atmosphere: golden pillar from top, amber embers on edges,
   * smouldering base glow, and deep vignette for dramatic depth.
   */
  background-image:
    /* Divine golden pillar — blazing light from the top, above the header */
    radial-gradient(ellipse 55% 50% at 50% -3%, rgba(220, 145, 5, 0.75) 0%, rgba(175, 88, 5, 0.38) 28%, transparent 58%),
    /* Forge embers — bottom wide sweep */
    radial-gradient(ellipse 85% 38% at 50% 108%, rgba(110, 38, 3, 0.60) 0%, rgba(70, 22, 3, 0.28) 48%, transparent 68%),
    /* Amber forge column — left edge */
    radial-gradient(ellipse 32% 85% at -3% 50%, rgba(145, 58, 4, 0.45) 0%, rgba(85, 28, 4, 0.18) 48%, transparent 70%),
    /* Amber forge column — right edge */
    radial-gradient(ellipse 32% 85% at 103% 50%, rgba(145, 58, 4, 0.45) 0%, rgba(85, 28, 4, 0.18) 48%, transparent 70%),
    /* Smouldering top corners — darken the extremes */
    radial-gradient(ellipse 50% 30% at 0% 0%, rgba(0, 0, 0, 0.70) 0%, transparent 65%),
    radial-gradient(ellipse 50% 30% at 100% 0%, rgba(0, 0, 0, 0.70) 0%, transparent 65%),
    /* Deep cinematic vignette */
    radial-gradient(ellipse 82% 82% at 50% 50%, transparent 28%, rgba(0, 0, 0, 0.70) 100%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center top, center bottom, left center, right center, left top, right top, center center;
  background-attachment: fixed;
}  a { color: #d79602; text-decoration: none; }  a:hover { color: #FFBD26; }  img { border: none; background-color: transparent; }  input, select, textarea { box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }  .clear { clear: both; } ::-webkit-scrollbar-track { background-color: #011016; z-index:2; } ::-webkit-scrollbar { width: .5rem!important; background: #011016; z-index:2; border-radius: 7px!important; } ::-webkit-scrollbar-thumb { background: #827602; z-index:2;border-radius:7px!important; }  /* Border box /*----------------------------------------------------------*/ .border_box { box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }  /* Self clear /*----------------------------------------------------------*/ .self_clear:after { height: 0; clear: both; content: ""; display: block; font-size: 0; visibility: hidden; }  /* Vertical center /*----------------------------------------------------------*/ .vertical_center { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }  /* Global closer /*----------------------------------------------------------*/ .globalcloser { width: 100%; height: 15px; clear: both; background-color: transparent; background-image: url(../images/misc/global_bottom.jpg); background-repeat: repeat-x; background-position: center center; }