/*-------------------------------------------------------+ | PHP-Fusion Content Management System | Copyright (C) PHP-Fusion Inc | https://www.php-fusion.co.uk/ +--------------------------------------------------------+ | Filename:Arise/styles.css | Author:J. Falk (Falk) | Author:RobiNN | Restyled:Radio Mystic Energy Dark Neon Theme +--------------------------------------------------------+ | This program is released as free software under the | Affero GPL license. You can redistribute it and/or | modify it under the terms of this license which you | can read by viewing the included agpl.txt or online | at www.gnu.org/licenses/agpl.html. Removal of this | copyright header is strictly prohibited without | written permission from the original author(s). +--------------------------------------------------------*/ /* ============================================================ CSS VARIABLES - RME NEON DARK PALETTE ============================================================ */:root{--rme-bg:#0a0a0f;--rme-bg2:#0f0f1a;--rme-bg3:#13131f;--rme-panel:rgba(20,15,35,0.85);--rme-panel-border:rgba(138,43,226,0.35);--rme-purple:#8a2be2;--rme-purple-light:#b44fff;--rme-purple-glow:rgba(138,43,226,0.6);--rme-pink:#ff2d78;--rme-cyan:#00d4ff;--rme-text:#d0c8e8;--rme-text-muted:#7a6d9a;--rme-heading:#f0eaff;--rme-nav-bg:rgba(10,8,20,0.95);--rme-nav-border:rgba(138,43,226,0.5);--rme-radius:10px;--rme-transition:0.25s ease;}/* ============================================================ GOOGLE FONTS IMPORT ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800&family=Exo+2:wght@300;400;600&display=swap');/* ============================================================ BASE ============================================================ */ *,*::before,*::after{box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Exo 2','Segoe UI',Tahoma,sans-serif;font-size:14px;font-weight:400;color:var(--rme-text);margin:0 auto;background-color:var(--rme-bg);background-image:radial-gradient(ellipse at 20% 10%,rgba(138,43,226,0.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(180,79,255,0.08) 0%,transparent 50%),url("images/gradientbg.png");background-repeat:no-repeat,no-repeat,repeat-x;background-attachment:fixed,fixed,scroll;min-height:100vh;}/* ============================================================ TYPOGRAPHY ============================================================ */ h1,h2,h3,h4,h5,h6{font-family:'Orbitron',sans-serif;color:var(--rme-heading);letter-spacing:0.04em;font-weight:600;}a{color:var(--rme-purple-light);text-decoration:none;transition:color var(--rme-transition),text-shadow var(--rme-transition);}a:hover,a:focus,a:active{color:var(--rme-cyan);text-decoration:none;text-shadow:0 0 10px rgba(0,212,255,0.5);}/* ============================================================ HEADER AREA ============================================================ */ #header{background:transparent;position:relative;z-index:100;}#header .logo{padding:12px 0;}#header .logo img{filter:drop-shadow(0 0 12px var(--rme-purple-glow));max-height:80px;transition:filter var(--rme-transition);}#header .logo img:hover{filter:drop-shadow(0 0 20px rgba(180,79,255,0.9));}#header-links{padding:12px 0;}#header-links .link{float:left;text-align:center;margin:0 4px;padding:8px 10px;color:var(--rme-text-muted);font-family:'Exo 2',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;border:1px solid transparent;border-radius:6px;transition:all var(--rme-transition);background:rgba(138,43,226,0.05);}#header-links .link:hover,#header-links .link:focus,#header-links .link:active{color:var(--rme-purple-light);border-color:var(--rme-panel-border);background:rgba(138,43,226,0.15);box-shadow:0 0 12px rgba(138,43,226,0.3);text-shadow:0 0 8px var(--rme-purple-glow);}#header-links .link img{display:block;margin:0 auto 4px auto;width:32px;height:32px;filter:grayscale(0.4) brightness(0.8);transition:filter var(--rme-transition);}#header-links .link:hover img{filter:grayscale(0) brightness(1.2) drop-shadow(0 0 6px var(--rme-purple-glow));}/* ============================================================ NAVIGATION ============================================================ */ #main-nav{margin:0;padding:0;border:0;border-radius:0;background:var(--rme-nav-bg);border-top:1px solid var(--rme-nav-border);border-bottom:1px solid var(--rme-nav-border);min-height:48px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 30px rgba(138,43,226,0.2),inset 0 1px 0 rgba(180,79,255,0.1);position:sticky;top:0;z-index:200;}#main-nav .nav:not(.secondary) > li{border-right:1px solid rgba(138,43,226,0.2);}#main-nav .nav > li > a{color:var(--rme-text);font-family:'Exo 2',sans-serif;font-weight:600;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;line-height:1;padding:14px 16px;position:relative;transition:all var(--rme-transition);}#main-nav .nav > li > a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--rme-purple),var(--rme-pink));transition:width var(--rme-transition);border-radius:2px;box-shadow:0 0 6px var(--rme-purple-glow);}#main-nav .nav > li > a:hover,#main-nav .nav > li > a:focus{background:rgba(138,43,226,0.12);color:var(--rme-purple-light);text-shadow:0 0 10px var(--rme-purple-glow);}#main-nav .nav > li > a:hover::after,#main-nav .nav > li > a:focus::after{width:80%;}#main-nav .nav > .active > a,#main-nav .nav > .active > a:hover,#main-nav .nav > .active > a:focus,#main-nav .nav > li.open > a,#main-nav .nav > li.open > a:hover,#main-nav .nav > li.open > a:focus{background:rgba(138,43,226,0.18);color:var(--rme-purple-light);text-shadow:0 0 12px var(--rme-purple-glow);box-shadow:inset 0 -2px 0 var(--rme-purple);}#main-nav .nav > .active > a::after,#main-nav .nav > li.open > a::after{width:80%;}#main-nav .dropdown-menu{background:rgba(15,10,30,0.97);border:1px solid var(--rme-panel-border);border-radius:0 0 var(--rme-radius) var(--rme-radius);box-shadow:0 8px 32px rgba(0,0,0,0.6),0 0 20px rgba(138,43,226,0.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}#main-nav .dropdown-menu > li > a{color:var(--rme-text);font-size:12px;padding:9px 18px;transition:all var(--rme-transition);}#main-nav .dropdown-menu > li > a:hover,#main-nav .dropdown-menu > li > a:focus{background:rgba(138,43,226,0.2);color:var(--rme-purple-light);text-shadow:0 0 8px var(--rme-purple-glow);}#main-nav .navbar-brand{color:var(--rme-purple-light);font-family:'Orbitron',sans-serif;font-weight:800;letter-spacing:0.1em;text-shadow:0 0 14px var(--rme-purple-glow);}#main-nav .navbar-brand:hover,#main-nav .navbar-brand:focus{color:var(--rme-cyan);text-shadow:0 0 14px rgba(0,212,255,0.6);}#main-nav .navbar-toggle{border-color:var(--rme-panel-border);background:rgba(138,43,226,0.1);}#main-nav .navbar-toggle:hover,#main-nav .navbar-toggle:focus{background:rgba(138,43,226,0.25);border-color:var(--rme-purple-light);}#main-nav .navbar-toggle .icon-bar{background-color:var(--rme-purple-light);}#header .navbar-collapse{border-color:var(--rme-panel-border);background:rgba(10,8,20,0.97);}#main-nav .navbar-form .form-control{background:rgba(138,43,226,0.1);border:1px solid var(--rme-panel-border);color:var(--rme-text);border-radius:6px;transition:all var(--rme-transition);}#main-nav .navbar-form .form-control:focus{background:rgba(138,43,226,0.18);border-color:var(--rme-purple-light);box-shadow:0 0 10px rgba(138,43,226,0.4);color:var(--rme-heading);}#main-nav .navbar-form .btn{background:linear-gradient(135deg,var(--rme-purple),var(--rme-pink));border:none;color:#fff;border-radius:6px;font-family:'Exo 2',sans-serif;font-weight:600;transition:all var(--rme-transition);}#main-nav .navbar-form .btn:hover{box-shadow:0 0 14px var(--rme-purple-glow);opacity:0.9;}/* ============================================================ MAIN CONTENT BOX ============================================================ */ #main-box{background:transparent;padding:20px 10px;border-left:none;border-right:none;}/* ============================================================ PANELS / BOXES ============================================================ */ .box{border:1px solid var(--rme-panel-border);border-radius:var(--rme-radius);background:var(--rme-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,0.5),0 0 0 1px rgba(180,79,255,0.05),inset 0 1px 0 rgba(255,255,255,0.04);transition:box-shadow var(--rme-transition),border-color var(--rme-transition);overflow:hidden;}.box:hover{border-color:rgba(138,43,226,0.55);box-shadow:0 6px 32px rgba(0,0,0,0.6),0 0 20px rgba(138,43,226,0.15);}.box > .panel-heading{color:var(--rme-purple-light);font-family:'Orbitron',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin:0;padding:10px 14px;border-radius:var(--rme-radius) var(--rme-radius) 0 0;background:linear-gradient(135deg,rgba(138,43,226,0.3) 0%,rgba(20,15,35,0.6) 100%);border-bottom:1px solid var(--rme-panel-border);text-shadow:0 0 10px var(--rme-purple-glow);}.box > .panel-body{padding:14px;color:var(--rme-text);}.opentable{border-bottom:2px solid var(--rme-pink);box-shadow:0 4px 24px rgba(0,0,0,0.5),0 0 30px rgba(255,45,120,0.08),inset 0 1px 0 rgba(255,255,255,0.04);}.opentable > .panel-heading{background:linear-gradient(135deg,rgba(255,45,120,0.2) 0%,rgba(138,43,226,0.25) 100%);color:var(--rme-pink);text-shadow:0 0 10px rgba(255,45,120,0.5);border-bottom-color:rgba(255,45,120,0.3);}.openside{border-bottom:2px solid var(--rme-purple);box-shadow:0 4px 20px rgba(0,0,0,0.4),0 0 20px rgba(138,43,226,0.1);}.openside > .panel-heading{text-align:center;background:linear-gradient(135deg,rgba(138,43,226,0.35) 0%,rgba(20,15,35,0.6) 100%);color:var(--rme-purple-light);text-shadow:0 0 10px var(--rme-purple-glow);}.panel-default{background:var(--rme-panel) !important;border-color:var(--rme-panel-border) !important;}.panel-default > .panel-heading{background:linear-gradient(135deg,rgba(138,43,226,0.25) 0%,rgba(20,15,35,0.5) 100%) !important;border-color:var(--rme-panel-border) !important;color:var(--rme-purple-light) !important;}/* ============================================================ FORMS & INPUTS ============================================================ */ .form-control{background:rgba(138,43,226,0.07);border:1px solid var(--rme-panel-border);color:var(--rme-text);border-radius:6px;transition:all var(--rme-transition);}.form-control:focus{background:rgba(138,43,226,0.14);border-color:var(--rme-purple-light);box-shadow:0 0 0 3px rgba(138,43,226,0.2);color:var(--rme-heading);outline:none;}.form-control::placeholder{color:var(--rme-text-muted);}/* ============================================================ BUTTONS ============================================================ */ .btn-primary,.btn-default{font-family:'Exo 2',sans-serif;font-weight:600;letter-spacing:0.05em;border-radius:6px;transition:all var(--rme-transition);}.btn-primary{background:linear-gradient(135deg,var(--rme-purple),var(--rme-pink));border:none;color:#fff;box-shadow:0 4px 15px rgba(138,43,226,0.3);}.btn-primary:hover,.btn-primary:focus{box-shadow:0 4px 20px rgba(138,43,226,0.5),0 0 15px rgba(255,45,120,0.3);transform:translateY(-1px);color:#fff;background:linear-gradient(135deg,var(--rme-purple-light),var(--rme-pink));}.btn-default{background:rgba(138,43,226,0.1);border:1px solid var(--rme-panel-border);color:var(--rme-text);}.btn-default:hover,.btn-default:focus{background:rgba(138,43,226,0.2);border-color:var(--rme-purple-light);color:var(--rme-purple-light);box-shadow:0 0 10px rgba(138,43,226,0.3);}/* ============================================================ TABLES ============================================================ */ .table{color:var(--rme-text);}.table > thead > tr > th{border-bottom:1px solid var(--rme-panel-border);color:var(--rme-purple-light);font-family:'Exo 2',sans-serif;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;font-size:11px;background:rgba(138,43,226,0.1);}.table > tbody > tr > td,.table > tbody > tr > th{border-top:1px solid rgba(138,43,226,0.1);color:var(--rme-text);}.table-striped > tbody > tr:nth-of-type(odd){background-color:rgba(138,43,226,0.06);}.table-hover > tbody > tr:hover{background-color:rgba(138,43,226,0.12);}/* ============================================================ ALERTS / NOTICES ============================================================ */ .alert{border-radius:var(--rme-radius);border:1px solid;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.alert-success{background:rgba(0,180,100,0.12);border-color:rgba(0,180,100,0.35);color:#4de8a0;}.alert-danger,.alert-error{background:rgba(255,45,120,0.12);border-color:rgba(255,45,120,0.35);color:#ff7aaa;}.alert-warning{background:rgba(255,165,0,0.12);border-color:rgba(255,165,0,0.35);color:#ffc966;}.alert-info{background:rgba(0,212,255,0.10);border-color:rgba(0,212,255,0.3);color:#5ddfff;}/* ============================================================ PAGINATION ============================================================ */ .pagination > li > a,.pagination > li > span{background:var(--rme-panel);border-color:var(--rme-panel-border);color:var(--rme-text);transition:all var(--rme-transition);}.pagination > li > a:hover,.pagination > li > span:hover{background:rgba(138,43,226,0.2);border-color:var(--rme-purple-light);color:var(--rme-purple-light);}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover{background:linear-gradient(135deg,var(--rme-purple),var(--rme-pink));border-color:transparent;color:#fff;box-shadow:0 0 12px var(--rme-purple-glow);}/* ============================================================ USER INFO / PROFILE ELEMENTS ============================================================ */ .user-avatar img,img.img-circle{border:2px solid var(--rme-panel-border);box-shadow:0 0 10px rgba(138,43,226,0.3);transition:all var(--rme-transition);}.user-avatar img:hover,img.img-circle:hover{border-color:var(--rme-purple-light);box-shadow:0 0 18px var(--rme-purple-glow);}/* ============================================================ FOOTER ============================================================ */ #main-footer{color:var(--rme-text-muted);margin-top:20px;position:relative;}#main-footer::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,var(--rme-purple),var(--rme-pink),var(--rme-purple),transparent);box-shadow:0 0 10px var(--rme-purple-glow);}#main-footer .footer{background:rgba(10,8,20,0.95);border-bottom:1px solid rgba(138,43,226,0.2);padding:16px 20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}#main-footer .footer a{color:var(--rme-purple-light);transition:color var(--rme-transition),text-shadow var(--rme-transition);}#main-footer .footer a:hover{color:var(--rme-cyan);text-shadow:0 0 8px rgba(0,212,255,0.5);}#main-footer .copyright{padding:14px;background:rgba(5,4,12,0.98);color:var(--rme-text-muted);font-size:12px;letter-spacing:0.03em;}#main-footer .copyright a{color:var(--rme-text-muted);transition:color var(--rme-transition);}#main-footer .copyright a:hover{color:var(--rme-purple-light);}/* ============================================================ SIDEBAR - LEFT / RIGHT ============================================================ */ #left-side,#right-side{position:relative;}/* ============================================================ TEXT COLOR UTILITIES (overriding Bootstrap) ============================================================ */ .text-primary,.text-primary:hover{color:var(--rme-purple-light) !important;}.text-success,.text-success:hover{color:#4de8a0 !important;}.text-danger,.text-danger:hover{color:var(--rme-pink) !important;}.text-warning,.text-warning:hover{color:#ffc966 !important;}.text-info,.text-info:hover{color:var(--rme-cyan) !important;}.text-muted{color:var(--rme-text-muted) !important;}/* ============================================================ BOOTSTRAP PANEL OVERRIDES ============================================================ */ .panel{background:var(--rme-panel);border-color:var(--rme-panel-border);box-shadow:0 4px 20px rgba(0,0,0,0.4);border-radius:var(--rme-radius);}.panel-heading{background:rgba(138,43,226,0.2) !important;border-color:var(--rme-panel-border) !important;color:var(--rme-purple-light) !important;font-family:'Orbitron',sans-serif;font-size:12px;letter-spacing:0.06em;}.panel-footer{background:rgba(138,43,226,0.08) !important;border-color:var(--rme-panel-border) !important;color:var(--rme-text-muted) !important;}/* ============================================================ WELL ============================================================ */ .well{background:rgba(138,43,226,0.08);border:1px solid var(--rme-panel-border);border-radius:var(--rme-radius);box-shadow:inset 0 2px 8px rgba(0,0,0,0.3);}/* ============================================================ LABEL & BADGE ============================================================ */ .label-primary,.badge{background:linear-gradient(135deg,var(--rme-purple),var(--rme-pink));font-family:'Exo 2',sans-serif;font-weight:600;}.label-success{background:rgba(0,180,100,0.7);}.label-danger{background:rgba(255,45,120,0.7);}.label-warning{background:rgba(255,165,0,0.7);}.label-info{background:rgba(0,212,255,0.3);color:var(--rme-cyan);}/* ============================================================ SCROLLBAR STYLING ============================================================ */::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:var(--rme-bg2);}::-webkit-scrollbar-thumb{background:var(--rme-purple);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:var(--rme-purple-light);}/* ============================================================ BBCODE EDITOR / TEXTAREA PANELS ============================================================ */ .panel-txtarea > .panel-heading{border-radius:0;}.panel-txtarea > .panel-heading .bbcode{margin:5px 1px;}.panel-txtarea > .panel-footer{border-radius:0;}.panel-txtarea .editor-wrapper > .nav > li a:active,.panel-txtarea .editor-wrapper > .nav > li.active > a{box-shadow:inset 0 3px 5px rgba(0,0,0,0.3);background:rgba(138,43,226,0.2);}.panel-txtarea .editor-wrapper > .nav > li > a{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:4px;color:var(--rme-text);}/* ============================================================ MISC ============================================================ */ .select2-offscreen{display:none;}#error_logform{margin-bottom:20px !important;}#error_logform #delete_entries{font-size:13px;line-height:1.5;border-radius:4px;padding:3px 10px;background:linear-gradient(135deg,var(--rme-purple),var(--rme-pink));border:none;color:#fff;}#error_logform #delete_status-field{margin-top:1.5px;}/* ============================================================ CONTAINER WIDTH ============================================================ */ .container{max-width:1280px;}/* ============================================================ GLOW PULSE ANIMATION (dekorativ) ============================================================ */ @keyframes glowPulse{0%,100%{box-shadow:0 0 8px var(--rme-purple-glow);}50%{box-shadow:0 0 22px var(--rme-purple-glow),0 0 40px rgba(138,43,226,0.2);}}.openside{animation:glowPulse 4s ease-in-out infinite;}/* ============================================================ RESPONSIVE ============================================================ */ @media (max-width:767px){#header .logo,#header-links{float:inherit !important;}#header .logo img{margin:0 auto;display:block;}#header-links .link img{width:36px;height:36px;}#main-nav .nav:not(.secondary) > li{border-right:none;border-bottom:1px solid rgba(138,43,226,0.15);}#main-nav .nav:not(.secondary) > li:first-child > a,#main-nav .nav:not(.primary) > li:last-child > a{border-radius:0;}#main-nav .nav .open .dropdown-menu > li > a{color:var(--rme-text);background:rgba(138,43,226,0.05);}#main-nav .nav .open .dropdown-menu > li > a:hover,#main-nav .nav .open .dropdown-menu > li > a:focus{color:var(--rme-purple-light);background:rgba(138,43,226,0.15);}#main-nav .nav .open .dropdown-menu > .active > a{color:var(--rme-purple-light);}body{background-attachment:scroll,scroll,scroll;}}@media (max-width:480px){.container{padding-left:10px;padding-right:10px;}#main-box{padding:10px 5px;}}