html{
min-width:1040px;
height:100%;
}
body {
background: #000000 url('../img/background-2600.jpg') no-repeat top center;
background-size: cover;
background-attachment: fixed;
color: #ffffff; /* texto general blanco para contraste */
font-family: 'PT Sans', sans-serif;
font-size: 14px;
margin: 0;
height: 100%;
}
/* ENLACES */
a{
color:#00ffff; /* cian brillante */
text-decoration:none;
transition:all .2s ease-in;
}
a:hover{
color:#ffffff; /* blanco al hover */
}
/* IMÁGENES */
img{border:0}
/* CAMPOS INPUT */
input[type=text],
input[type=password],
input[type=number]{
background:#000c06; /* fondo oscuro como logo */
border:1px solid #000c05; /* borde sutil más oscuro */
color:#ffffff;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus{
border:1px solid #00ffff;
}
/* HEADER */
#header{
width:100%;
margin:0 auto;
padding:80px 0 10px 0;
text-align:center;
color:#00ffff; /* cian brillante del logo */
}
/* CONTENEDOR PRINCIPAL */
#container{
background:#000d06; /* fondo oscuro como logo */
width:1040px;
margin:0 auto;
padding:20px 0;
border-radius:5px 5px 0 0;
}
#content{
width:100%;
overflow:auto;
min-height:500px;
padding:10px 20px 0 20px;
}
/* FOOTER */
.footer{
background:#000d07;
font-family:'Segoe UI','Tahoma',sans-serif;
width:1040px;
font-size:12px;
color:#ffffff;
padding:40px;
margin:0 auto 100px auto;
border-radius:0 0 5px 5px;
}
.footer>.footer-container{width:100%;margin:0 auto;}
.footer>.footer-container a:hover{text-decoration:underline!important;}
.footer hr{border-top:1px solid #00ffff20;}
.footer .footer-social-link{opacity:.5;transition:.3s;}
.footer .footer-social-link:hover{opacity:1;}
/* NAVBAR */
#navbar{
width:100%;
backdrop-filter:blur(5px);
border-bottom:1px solid rgba(0,255,255,.2);
background:rgba(0,15,22,.6);
}
#navbar ul{text-align:center;margin:0;padding-left:0;}
#navbar ul li{list-style:none;display:inline-block;font-size:16px;}
#navbar ul li a{
display:inline-block;
color:#00ffffcc!important;
padding:20px 30px;
transition:.3s;
text-transform:uppercase;
}
#navbar ul li a:focus,
#navbar ul li a:hover{
color:#ffffff!important;
}
/* BOTÓN ADMIN */
.admincp-button{
position:absolute;top:10px;right:10px;
background:#00ffff!important;
border:2px solid #000!important;
color:#000!important;
font-weight:bold!important;
}
/* TITULOS */
.page-title{
color:#00ffff;
font-family:'PT Sans',sans-serif;
font-size:32px;
margin-bottom:10px;
font-weight:bold;
}
/* NEWS MODULE */
.panel-news{
margin-bottom:30px;
color:#1f1f1f;
border:1px solid #000c05;
background:#1f1f1f;
transition:.2s;
}
.panel-news:hover{box-shadow:0 0 10px #00ffff38;}
.panel-news .panel-heading{padding:15px;}
.panel-news .panel-title{
color:#00ffff;
font-size:24px;
font-weight:bold;
}
.panel-news .panel-body{padding:15px;}
.panel-news .panel-footer{
border-top:0;background:#000d06;
font-style:italic;font-size:11px;height:40px;
color:#1f1f1f;
}
/* RANKINGS */
.rankings-table{width:100%;border-collapse:collapse;}
.rankings-class-image{
width:30px;height:auto;border-radius:50%;
box-shadow:0 0 5px #0000003b;
}
.rankings-table tr td{
border-bottom:1px solid #12485b;
padding:10px;font-size:18px;text-align:center;
color:#a7d4de;
}
.rankings-table-place{
font-weight:bold;font-size:24px;color:#ff6a00;
}
.rankings-table tr:first-child td{
color:#00d2ff;border-bottom:3px solid #00b4d8;
}
.rankings-update-time{text-align:right;font-size:11px;color:#7eb1bc;padding:10px 0;}
.rankings_menu{width:100%;text-align:center;margin-bottom:10px;}
.rankings_menu span{
display:inline-block;width:100%;padding:10px 0;
color:#00d2ff;font-size:24px;
}
.rankings_menu a{
display:inline-block;width:150px;border:1px solid #12485b;
text-align:center;padding:2px 0;margin:2px;
background:#0f2730;border-radius:2px;color:#00e0ff;
}
.rankings_menu a.active{color:#00d2ff;border-color:#00b4d8;}
.rankings_guild_logo tr td{border:0!important;padding:0!important;margin:0!important;}
.rankings-gens-img{width:auto!important;height:30px!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
/* MI CUENTA */
.myaccount-table{width:100%;background:#151d19;border:1px solid #12485b;}
.myaccount-table tr td:first-child{color:#00d2ff;font-weight:bold;}
.myaccount-table tr td{border-bottom:1px solid #12485b;padding:15px;color:#a7d4de;}
.myaccount-table tr:last-child td{border:0;}
/* TABLAS GENERALES */
.general-table-ui{
width:100%;table-layout:fixed;background:#151d19;
border:1px solid #12485b;padding:10px;margin:10px 0;
color:#a7d4de;
}
.general-table-ui tr td{text-align:center;padding:5px;}
.general-table-ui tr:first-child td{color:#00e0ff;}
.general-table-ui tr:nth-child(2n+2) td{background:#112934;}
.general-table-ui img{width:50px;height:auto;border-radius:50%;box-shadow:0 0 5px #00000078;}
/* TOS */
.tos_list li{
color:#ff3b00;font-weight:bold;font-size:18px;margin-bottom:40px;
}
.tos_list li p{
color:#c0e0e8;text-align:justify;text-transform:none;
padding-right:35px;font-size:14px;font-weight:normal;
}
/* PAYPAL */
.paypal-gateway-container{width:100%;}
.paypal-gateway-content{
background:#112934;border:3px solid #ff6a00;
padding:15px;border-radius:5px;font-weight:bold;color:#ffa34d;
}
.paypal-gateway-logo{
width:100%;height:100px;background:#12485b url('../img/paypal-logo-200-68.png') no-repeat center;
background-size:contain;margin-bottom:15px;border-radius:5px;
}
.paypal-gateway-conversion-rate{
text-align:center;color:#00d2ff;font-size:18px;padding:10px 0;
}
.paypal-gateway-form{width:100%;margin:20px auto;text-align:center;}
.paypal-gateway-form div{display:inline-block;padding:0 10px;color:#00d2ff;font-size:24px;}
.paypal-gateway-form input[type=text]{
width:60px;font-size:24px;border:3px solid #ff6a00;border-radius:5px;
color:#ff6a00;background:#0f252d;
}
.paypal-gateway-continue{text-align:center;}
.paypal-gateway-continue input[type=submit]{
background:url('../img/paypal-submit.jpg') no-repeat;width:200px;height:40px;border:0;
}
.module-requirements{font-size:12px;margin-top:20px;color:#ffa34d;}
/* SIDEBAR */
.panel-sidebar{
background:#151d19;border:0;border-radius:0;box-shadow:0 0 10px #00000029;
}
.panel-sidebar>.panel-heading{
background:#0f2730;color:#00d2ff;font-family:'PT Sans',sans-serif;
border:0;border-radius:0;border-bottom:3px solid #00b4d8;
}
.panel-usercp ul{list-style:none;padding:0;margin:0;}
.panel-usercp ul li{display:table;width:100%;line-height:30px;}
.panel-usercp ul li a{color:#a7d4de!important;font-weight:bold;}
.panel-usercp ul li a:hover{color:#00d2ff!important;}
.panel-usercp ul li img{width:25px;height:25px;margin-right:5px;position:relative;top:-2px;}
.sidebar-banner{margin:20px 0;border:0;}
.sidebar-banner img{box-shadow:0 0 10px #00000029;border-radius:5px;border:0;}
/* GENERAL PANELS */
.panel-general{
margin-bottom:30px;background:#151d19;border:1px solid #12485b;border-radius:0;
}
.panel-body .panel-title{
color:#ff6a00;font-family:'PT Sans',sans-serif;font-size:14px;
border-bottom:1px solid #12485b;margin-bottom:20px!important;
font-weight:bold;padding:0 0 10px 0;
}
/* ADD STATS */
.panel-addstats{
margin-bottom:30px;background:#151d19;border:1px solid #12485b;border-radius:0;
}
.panel-addstats .character-avatar img{width:100px;height:auto;border-radius:50%;box-shadow:0 0 20px #00000036;}
.panel-addstats .character-name{
color:#00d2ff;font-size:18px;font-family:'PT Sans',sans-serif;
border-bottom:1px solid #00b4d822;padding:20px 0;margin-bottom:20px!important;font-weight:bold;
}
/* DOWNLOADS */
.panel-downloads{
margin-bottom:30px;background:#151d19;border:1px solid #12485b;border-radius:0;
}
.download-description{font-size:11px;color:#ffa34d;position:relative;top:-7px;}
/* ONLINE STATUS */
.online-status-indicator{margin-left:5px;}
/* WEBENGINE FOOTER */
.webengine-powered{color:#ff6a00!important;}
.webengine-powered:hover{color:#ffa34d!important;}
/* GLOBAL TOP BAR */
.global-top-bar{
width:100%;background:#151d19;color:#a7d4de;padding:7px 0 2px 0;
text-transform:uppercase;font-size:12px;
}
.global-top-bar .global-top-bar-content{width:1040px;margin:0 auto;}
.global-top-bar .row{margin:0;padding:0;}
.global-top-bar a.logout{color:#ff3b00!important;}
.global-top-bar a{color:#00e0ff!important;}
.global-top-bar a:hover{color:#ffffff!important;}
.global-top-bar-nopadding{padding:0!important;}
.global-top-bar-separator{padding:0 5px;}
/* LANGUAGE PICKER */
.webengine-language-switcher {
display: inline-block;
list-style: none;
width: 400px !important; /* ancho siempre expandido */
height: 19px;
overflow: visible !important; /* se muestra completo */
transition: none !important; /* sin animación */
}
.webengine-language-switcher:hover{width:400px;}
.webengine-language-switcher li{
display:inline-block;background:#0f2730;padding:0 5px 2px;border-radius:3px;transition:.3s;
}
.webengine-language-switcher li:hover{filter:brightness(120%);}
.webengine-language-switcher li a{color:#ffa34d;}
.webengine-language-switcher li a:hover{color:#ffffff!important;}
.webengine-language-switcher:hover {
width: 400px;
}
/* LOGO */
.webengine-mu-logo{transition:.3s;}
.webengine-mu-logo:hover{filter:brightness(120%);}
/* HEADER INFO */
.header-info-container{width:1040px;margin:0 auto;text-align:right;}
.header-info-container .header-info{
display:inline-block;width:350px;background:rgba(0,15,22,.3);
backdrop-filter:blur(5px);padding:20px;border-radius:5px;
box-shadow:0 0 15px rgba(0,0,0,.7);text-shadow:1px 1px 3px #000;
color:#00d2ff;border:1px solid rgba(255,255,255,.1);font-size:12px;
}
.header-info-container .header-info-block{padding:0;color:#ffa34d;}
.header-info-container .header-info-block #tServerTime,
.header-info-container .header-info-block #tLocalTime{color:#ffffff;}
.header-info-container .header-info-block #tServerDate,
.header-info-container .header-info-block #tLocalDate{color:#dddddd;}
.header-info-container .header-info-block .online-count{color:#00ff00;}
/* ONLINE BAR */
.webengine-online-bar{
width:100%;background:#000;border:1px solid #12485b;height:8px;
margin:10px 0;border-radius:4px;overflow:hidden;transition:.3s;
}
.webengine-online-bar .webengine-online-bar-progress{
height:8px;background:#ff6a00 url('../img/online_progress_bar.jpg') no-repeat left center;
border-radius:0 1px 1px 0;
}
.webengine-online-bar:hover{filter:brightness(120%);}
/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block{
background:#112934;border:1px solid #12485b;padding:5px;border-radius:3px;
display:inline-block;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,.5);
}
.myaccount-character-block img{
width:100px;height:auto;border-radius:3px;box-shadow:0 0 5px #000;transition:.3s;
}
.myaccount-character-block img:hover{filter:brightness(120%);}
.myaccount-character-block-location{
font-size:12px;margin:2px 0 20px;line-height:1.2;color:#ffa34d;
}
.myaccount-character-block-level{
position:relative;top:-77px;display:inline-block;background:rgba(0,0,0,.5);
padding:0 5px;border-radius:3px;color:#fff;font-size:10px;
}
.myaccount-character-name a{font-weight:bold;font-size:16px;color:#00d2ff;}
/* RANKINGS CLASS FILTER */
.rankings-class-filter{
display:inline-block;list-style:none;margin:20px auto;padding:10px 20px;border-radius:10px;
}
.rankings-class-filter li{display:inline-block;transition:.3s;margin-bottom:10px;}
.rankings-class-filter li:hover{filter:grayscale(0%);}
.rankings-class-filter-selection{
display:inline-block;width:75px;text-align:center;color:#ffa34d;font-size:11px;cursor:pointer;
}
.rankings-class-filter-selection:hover{color:#ff6a00!important;}
.rankings-class-filter-selection:hover img{filter:brightness(120%);}
.rankings-class-filter-selection img{
width:40px;height:auto;border-radius:50%;margin-bottom:5px;transition:.3s;
box-shadow:0 0 10px rgba(0,0,0,.45);
}
.rankings-class-filter-grayscale{opacity:.4;}
/* HOME NEWS */
.home-news-block .home-news-block-header h2{
margin:0 0 20px!important;color:#00d2ff;padding:0!important;font-style:italic;
}
.home-news-block .home-news-block-header a{
display:inline-block;padding-top:5px;font-style:italic;font-size:16px;color:#ff6a00;
}
.home-news-block-article{margin-top:10px;}
.home-news-block-article .home-news-block-article-type{
display:block;border:1px solid #ff6a00;padding:5px;text-align:center;color:#ff6a00;
}
.home-news-block-article .home-news-block-article-title-container{
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.home-news-block-article .home-news-block-article-title,
.home-news-block-article .home-news-block-article-date{
line-height:30px;color:#ffa34d;
}
/* EVENT TIMER */
.event-schedule-open{color:#00ff00;}
.event-schedule-inprogress{color:#ff6a00;}
.panel-sidebar-events .smalltext{font-size:11px;top:-5px;position:relative;color:#ffa34d;}