Forum - HACKER-TERMINAL Style für das Xobor Forum Business (v4)

/* ==========================================================================
   DAISHI HACKER-TERMINAL v47.0 - MEMBER-DATA CORE UNIFICATION
   PURE CSS - SECURES FORM-TABLES & PROFILES - 100% XOBOR COMPLIANT
   ========================================================================== */
 
/* ==========================================================================
   DAISHI TERMINAL SCROLLBAR ENGINE - ALL BROWSER COMPLIANT
   ========================================================================== */
html {
  scrollbar-color: #00ff33 #050a05 !important;
  scrollbar-width: thin !important;
}
 
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  background: #050a05 !important;
}
 
::-webkit-scrollbar-thumb {
  background: #004411 !important;
  border: 1px solid #00ff33 !important;
  border-radius: 0px !important;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #00ff33 !important;
  box-shadow: 0 0 10px rgba(0, 255, 51, 0.5) !important;
}
 
::-webkit-scrollbar-track {
  background: #050a05 !important;
  border-left: 1px dashed #004411 !important;
}
 
/* HARD LOCK FÜR DEN STATISTIK-HAUPTTITEL */
.box:has(#foverview_stat1) > .boxheader,
.box:has(#foverview_stat1) > h3,
.boxcontent:has(#foverview_stat1) h2,
#wcontainer .box:has(#foverview_stat1) .boxheader,
#wcontainer div:has(#foverview_stat1) > h3 {
  color: #00ff33 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: bold !important;
}
 
.box:has(#foverview_stat1) > .boxheader::before,
.box:has(#foverview_stat1) > h3::before,
.boxcontent:has(#foverview_stat1) h2::before,
#wcontainer .box:has(#foverview_stat1) .boxheader::before,
#wcontainer div:has(#foverview_stat1) > h3::before {
  content: "[le_dernier_clan]:~# " !important;
  color: #ffffff !important;
  font-weight: normal !important;
}
 
/* 1. CORE BACKGROUND & TRANSPARENCY SHIELD */
html, body, #wrapper, .content, #wcontainer, .main, #main-content, .center, 
.ox-wrapper, .ox-main, .content-wrap, .ox-container, .main-content, .ox-body, #ox-html {
  background: transparent !important;
  background-color: transparent !important;
  color: #33ff66 !important;
  font-family: 'Courier New', Courier, monospace !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
 
/* Standard-Forenboxen (Blickdicht vor dem Matrix-Regen) */
.box, .box.cat, #board_stats, #foverview, .boxcontent, .ox-box {
  background: #050a05 !important;
  background-color: #050a05 !important;
  border: 1px solid #004411 !important;
  border-left: 3px solid #00ff33 !important;
  padding: 14px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
 
/* 2. MEMBER-DATA & FORMULAR PROFILE ENGINE (Macht deine Profilseite perfekt sichtbar) */
body[action*="member"], .memberdata_box, table.formtable, .boxcontent form {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #33ff66 !important;
}
 
table.formtable tr td, .boxcontent table tr td, .boxcontent form td {
  background: #050a05 !important;
  background-color: #050a05 !important;
  border: 1px solid #004411 !important;
  color: #33ff66 !important;
  padding: 8px 12px !important;
}
 
/* Beschriftungen der Eingabefelder im leuchtenden Terminal-Style */
table.formtable td:first-child, .boxcontent form td strong, label, .form_label {
  color: #00ff33 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
 
/* 3. GENERAL BOX-HEADER OPTICS */
.boxheader, .box h2, .box h3, th, .boxtitle, .main-title, .ox-box-title {
  color: #00ff33 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border-bottom: 2px dashed #004411 !important;
  padding-bottom: 8px !important;
}
.boxheader a, .boxheader span, .boxheader strong { color: #00ff33 !important; }
 
/* ANTI-DUPLICATE ENGINE */
.boxheader::before, .box h2::before, .box h3::before, .boxtitle::before, .main-title::before, .ox-box-title::before {
  content: "[le_dernier_clan]:~# " !important;
  color: #ffffff !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}
.boxheader *::before, .box h2 *::before, .box h3 *::before, .boxtitle *::before { 
  content: "" !important; 
  display: none !important; 
}
 
/* 4. PRECISION STATS PROMPT INJECTION */
#foverview_stat1 strong, #foverview_stat2 strong, #foverview_stat3 strong, #foverview_legend strong {
  color: #00ff33 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  display: block !important;
  border-bottom: 1px dashed #004411 !important;
  padding-bottom: 4px !important;
  margin-bottom: 6px !important;
}
 
#foverview_stat1 strong::before, #foverview_stat2 strong::before, #foverview_stat3 strong::before, #foverview_legend strong::before {
  content: "[le_dernier_clan]:~# " !important;
  color: #ffffff !important;
  font-weight: normal !important;
}
 
/* 5. TOPNAVIGATION & SEARCH ENGINE */
#obere_leiste, .topnavigation_wrap, #topnavigation-ul {
  background: #000000 !important;
  border-bottom: 2px dashed #004411 !important;
}
#topnavigation-ul li, #topnavigation-ul li a {
  color: #00ff33 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
#topnavigation-ul li a:hover {
  color: #000000 !important;
  background: #00ff33 !important;
  box-shadow: 0 0 10px rgba(0,255,51,0.25) !important;
}
.navigation_wrap, .navigation, #navigation {
  background: #050a05 !important;
  border: 1px solid #004411 !important;
  padding: 6px 12px !important;
}
ul.navigation li a { color: #00ff33 !important; font-weight: bold !important; }
ul.navigation li.currentpage a, ul.navigation li a:hover { background: rgba(0, 255, 51, 0.08) !important; border: 1px solid #00ff33 !important; }
#hpmsearchform input[type="text"] { background:#000000 !important; border:1px solid #004411 !important; color:#33ff66 !important; }
 
/* 6. INPUTS, TEXTAREAS & CONSOLE BUTTONS (Perfekte Formularfelder) */
input[type="text"], input[type="password"], textarea, select {
  background: #000000 !important;
  background-color: #000000 !important;
  border: 1px solid #004411 !important;
  color: #ffffff !important;
  font-family: 'Courier New', Courier, monospace !important;
  padding: 6px 10px !important;
  border-radius: 0px !important;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  border-color: #00ff33 !important;
  box-shadow: 0 0 10px rgba(0,255,51,0.25) !important;
}
.button, button, input[type="submit"], .submit, a.button, .reply_button {
  background: transparent !important;
  border: 1px solid #00ff33 !important;
  color: #00ff33 !important;
  font-family: monospace !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  border-radius: 0px !important;
  cursor: pointer !important;
}
.button:hover, button:hover, input[type="submit"]:hover {
  background: #00ff33 !important;
  color: #000000 !important;
}
 
/* 7. FORUM ELEMENTS & ROWS */
table, tr, td, th, tbody, thead { max-width: 100% !important; box-sizing: border-box !important; }
.boxcontent table, .boxcontent td { max-width: 100% !important; }
td.fnew { width: 50px !important; color: #00ff33 !important; font-weight: bold; }
td.fdesc { width: auto !important; color: #33ff66 !important; }
td.fstat { width: 250px !important; text-align: right !important; border-left: 1px dashed #004411 !important; color: #008822 !important; }
.forumlink, a.forumlink { font-size: 1.1rem !important; color: #ffffff !important; font-weight: bold !important; text-decoration: none !important; }
#wcontainer table.forum-tabelle tr td, #wcontainer table.forum tr td { background: transparent !important; border-bottom: 1px solid rgba(0, 68, 17, 0.3) !important; color: #33ff66 !important; }
.breadcrumb, .nav_path, #wcontainer .nav { color: #008822 !important; }
.breadcrumb a, .nav_path a { color: #00ff33 !important; }
blockquote, pre, code { background: #000000 !important; border: 1px solid #004411 !important; border-left: 3px solid #00ff33 !important; color: #008822 !important; padding: 10px !important; }
 
/* 8. DAISHI HACKER-FOOTER ENGINE v47.0 */
footer, .footer, #footer, .footer_wrap, table:has(.footer), .boxcontent:has(.footer), div[class*="footer"], #wcontainer + div, .ox-footer {
  background: #000000 !important;
  background-color: #000000 !important;
  border-top: 2px dashed #004411 !important;
  padding: 25px 0 !important;
  margin-top: 40px !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
footer a, .footer a, #footer a, .ox-footer a {
  color: #00ff33 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-block !important;
}
footer a:hover, .footer a:hover { color: #000000 !important; background: #00ff33 !important; }
 
/* MOBILE FIX */
@media (max-width: 768px) {
  ul.noimage.forum li td { display: block !important; width: 100% !important; text-align: left !important; border: none !important; }
  .boxcontent table, .boxcontent td { width: 100% !important; display: block !important; border-left: none !important; }
}
 
/* ==========================================================================
   DAISHI OVERFLOW SHIELD - BEHEBT DAUERHAFTE SCROLLBALKEN
   ========================================================================== */
html, body, #wrapper, #wcontainer {
  overflow-x: hidden !important; /* Verhindert das seitliche Scrollen durch unsichtbare Überbreite */
}
 
/* Verhindert, dass Tabellen oder Boxen trotz max-width ausbrechen */
.box, .boxcontent, table, tr, td {
  overflow: hidden; 
}
/* ==========================================================================
   DAISHI VERTICAL SCROLLBAR LOCK
   ========================================================================== */
html {
  overflow-y: auto !important; /* Zeigt die rechte Scrollbar NUR an, wenn die Seite scrollbar ist */
}
 
 

<!-- === DAISHI MATRIX-REGEN GENERATOR START === -->
<canvas id="matrixCanvas" style="position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:-999; pointer-events:none; background:#000000;"></canvas>
<script type="text/javascript">
window.addEventListener('load', function() {
    setTimeout(function() {
        var canvas = document.getElementById('matrixCanvas');
        if (!canvas) return;
        var ctx = canvas.getContext('2d');
 
        // Leinwand-Größe an den Browser anpassen
        function resizeCanvas() {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
        }
        resizeCanvas();
        window.addEventListener('resize', resizeCanvas);
 
        // Matrix-Zeichen (Binärcode, Katakana und Zahlen)
        var matrixChars = "01010101ABCDEFGHIJKLMNOPQRSTUVWXYZｦｧｨｩｪｫｬｭｮｯｰｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜﾝ".split("");
        var fontSize = 14;
        var columns = canvas.width / fontSize;
 
        // Startpositionen für den Regen
        var drops = [];
        for (var x = 0; x < columns; x++) {
            drops[x] = Math.random() * -100; // Unregelmäßiger Start
        }
 
        function drawMatrix() {
            // Erzeugt den klassischen, dezenten Nachleucht-Effekt (Fading)
            ctx.fillStyle = "rgba(0, 0, 0, 0.06)";
            ctx.fillRect(0, 0, canvas.width, canvas.height);
 
            ctx.fillStyle = "#00ff33"; // Farbe des Regens
            ctx.font = fontSize + "px monospace";
 
            for (var i = 0; i < drops.length; i++) {
                // Ein zufälliges Zeichen auswählen
                var text = matrixChars[Math.floor(Math.random() * matrixChars.length)];
                
                // Zeichen zeichnen
                ctx.fillText(text, i * fontSize, drops[i] * fontSize);
 
                // Wenn der Tropfen den Boden erreicht, unregelmäßig zurücksetzen
                if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
                    drops[i] = 0;
                }
 
                // Tropfen nach unten bewegen
                drops[i]++;
            }
        }
 
        // Steuert die Fallgeschwindigkeit (33 Millisekunden)
        setInterval(drawMatrix, 33);
    }, 200);
});
</script>
<!-- === DAISHI MATRIX-REGEN GENERATOR ENDE === -->