Paradaux
Royal
Royal
? Blood Moon — ownd.sh CSS Theme
A custom theme built for ownd.sh. Paste and done.
Rebuilt the whole forum in dark crimson glass. Thread headers pulse and bleed, nav bar sits in near-black with red-glow hover, custom logo slot, animated category rows, the works.
What's covered:
- Animated thread header — gradient bleeds and pulses on a slow loop
- Nav bar in dark crimson glass with red-glow link hover
- Full body, tables, forum rows, shoutbox, footer, scrollbar
- Custom logo image slot (swap in your own image URL)
- Smooth row hover with crimson left-border accent
- Button glow and input focus highlights
- Fade-in table animation
Show ContentPreview:
[/IMG]
Hidden Content
Show ContentBlood Moon — CSS:
Code:
PΛЯΛDΛЦX.
A custom theme built for ownd.sh. Paste and done.
Rebuilt the whole forum in dark crimson glass. Thread headers pulse and bleed, nav bar sits in near-black with red-glow hover, custom logo slot, animated category rows, the works.
What's covered:
- Animated thread header — gradient bleeds and pulses on a slow loop
- Nav bar in dark crimson glass with red-glow link hover
- Full body, tables, forum rows, shoutbox, footer, scrollbar
- Custom logo image slot (swap in your own image URL)
- Smooth row hover with crimson left-border accent
- Button glow and input focus highlights
- Fade-in table animation
Show ContentPreview:
Hidden Content
Show ContentBlood Moon — CSS:
Code:
Code:
/* ownd.sh — Theme CSS */
/* Generated by ownd.sh CSS Editor */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap'); */
:root {
--red-border: #ff2200;
}
body {
background-color: #080202;
color: #ccb8b8;
font-family: 'Inter', Roboto, sans-serif;
font-size: 13px;
}
a {
color: #ff2200;
text-decoration: none;
}
a:hover {
color: #ff6644;
}
#header {
background-color: transparent;
}
#logo {
background-color: #040000;
padding: 70px 0px 24px;
}
.navigation {
background-color: #100404;
border-bottom: 1px solid #2a0808;
}
.navigation a {
color: #5a1010;
}
.navigation a:hover {
color: #ff2200;
}
.navigation .active a {
color: #e8e8f0;
}
.tcat {
background-color: #160404;
color: #ff2200;
font-size: 11px;
padding: 10px 14px;
}
.trow1 {
background-color: #0e0404;
color: #ccb8b8;
padding: 13px 14px;
}
.trow2 {
background-color: #0b0303;
color: #ccb8b8;
}
.tfoot {
background-color: #050000;
color: #3a0a0a;
}
table.tborder {
border-color: #2a0808;
}
table {
border-radius: 6px;
}
.thead, .thread-header {
color: #ffe0dc;
}
.button, input[type=submit], input[type=button] {
background-color: transparent;
color: #ff2200;
border-radius: 4px;
padding: 6px 16px;
}
.button, input[type=submit] {
border-color: #ff2200;
font-size: 12px;
}
.button:hover, input[type=submit]:hover {
background-color: #ff2200;
}
input[type=text], input[type=password], textarea, select {
background-color: #0c0606;
color: #ccb8b8;
border-color: #2a0808;
border: 1px solid #2a0808;
border-radius: 4px;
}
input[type=text], input[type=password], textarea {
padding: 6px 10px;
}
input[type=text]:focus, textarea:focus {
border-color: #ff2200;
}
.shoutbox_header, .scbar_head {
background-color: #160404;
color: #ff2200;
}
#shoutbox .shoutbox-messages {
background-color: #0b0303;
}
#shoutbox .entry .text {
color: #c2aeae;
}
#shoutbox .entry code {
background-color: #0e0808;
}
.binding-menu {
background: #160c0c;
}
#footer {
background-color: #050000;
color: #262020;
border-top: 1px solid #2a0808;
}
::-webkit-scrollbar-track {
background: #0c0606;
}
::-webkit-scrollbar-thumb {
background: #3a1010;
}
::-webkit-scrollbar {
width: 5px;
}
::selection {
background: #ff2200;
color: #ffffff;
}
code, pre {
background-color: #0f0909;
color: #ff2200;
}
.thead, .thread-header {
background: linear-gradient(to right, #500800, #080202);
color: #ffe0dc;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background: #0c0606;
}
::-webkit-scrollbar-thumb {
background: #3a1010;
}
/* ── Animations & Effects ── */
html { scroll-behavior: smooth; }
table.tborder {
box-shadow: 0 4px 28px rgba(0,0,0,0.55), 0 1px 0 rgba(255,34,0,0.06);
overflow: hidden;
}
.tcat {
border-left: 3px solid #ff2200;
}
.trow1, .trow2 {
transition: background-color 0.18s ease, border-left-color 0.18s ease;
border-left: 3px solid transparent;
}
.trow1:hover, .trow2:hover {
border-left-color: #ff2200;
background-color: #180e0e !important;
}
a { transition: color 0.15s ease, opacity 0.15s ease; }
.button, input[type=submit], input[type=button] {
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.button:hover, input[type=submit]:hover, input[type=button]:hover {
box-shadow: 0 0 14px rgba(255,34,0,0.28), 0 0 0 1px rgba(255,34,0,0.15);
letter-spacing: 0.03em;
}
input[type=text], input[type=password], textarea, select {
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
box-shadow: 0 0 0 2px rgba(255,34,0,0.12), 0 0 8px rgba(255,34,0,0.08);
outline: none;
}
.thead, .thread-header {
box-shadow: inset 0 -2px 0 rgba(255,34,0,0.3), 0 2px 12px rgba(0,0,0,0.4);
transition: box-shadow 0.2s ease;
}
.thead:hover, .thread-header:hover {
box-shadow: inset 0 -2px 0 rgba(255,34,0,0.55), 0 4px 20px rgba(0,0,0,0.5);
}
@keyframes _luxFadeIn {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: none; }
}
table.tborder { animation: _luxFadeIn 0.38s ease both; }
@keyframes _luxPulse {
0%, 100% { color: #ff2200; }
50% { color: #ff3412; }
}
.tcat, .tcat a { animation: _luxPulse 5s ease-in-out infinite; }
/* ── Theme FX ── */
/* Blood Moon logo */
#logo img, .logo img, #header .logo img {
content: url('PASTE_YOUR_IMAGE_URL_HERE');
max-height: 90px;
width: auto;
}/* Animated blood flow on thread headers */
@keyframes _bloodFlow {
0% { background-position: 0% }
100% { background-position: 200% }
}
.thead, .thread-header {
background: linear-gradient(to right, #1a0000 0%, #500800 20%, #c41000 45%, #ff2200 65%, #800000 85%, #1a0000 100%) !important;
background-size: 200% !important;
animation: _bloodFlow 14s ease-in-out infinite alternate;
text-shadow: 0 0 8px rgba(255,50,0,0.5), 0 1px 3px rgba(0,0,0,0.7);
color: #ffe8e4 !important;
}
.tcat { text-shadow: 0 0 9px rgba(255,34,0,0.5), 0 0 20px rgba(200,0,0,0.2); }
a { text-shadow: 0 0 4px rgba(255,34,0,0.15); }
table.tborder {
box-shadow: 0 0 0 1px rgba(255,34,0,0.07), 0 4px 34px rgba(80,0,0,0.45), 0 0 70px rgba(200,0,0,0.03);
}
.trow1:hover, .trow2:hover {
box-shadow: inset 0 0 24px rgba(180,0,0,0.06);
}
.button:hover, input[type=submit]:hover, input[type=button]:hover {
box-shadow: 0 0 18px rgba(255,34,0,0.45), 0 0 36px rgba(200,0,0,0.18);
text-shadow: 0 0 8px rgba(255,100,80,0.6);
}
@keyframes _bloodPulse {
0%, 100% { text-shadow: 0 0 9px rgba(255,34,0,0.5), 0 0 20px rgba(200,0,0,0.2); }
50% { text-shadow: 0 0 15px rgba(255,80,50,0.65), 0 0 32px rgba(220,0,0,0.35); }
}
.tcat { animation: _bloodPulse 5s ease-in-out infinite; }
/* Blood Moon nav bar */
#panel .upper {
background: linear-gradient(to bottom, rgba(18,3,3,0.96) 0%, rgba(10,2,2,0.99) 100%) !important;
backdrop-filter: blur(10px) saturate(1.5);
-webkit-backdrop-filter: blur(10px) saturate(1.5);
border-bottom: 1px solid rgba(160,0,0,0.4) !important;
box-shadow: 0 3px 28px rgba(100,0,0,0.55), 0 1px 0 rgba(255,34,0,0.1) !important;
}
#panel .upper li a, #panel .upper li.dropbtn > a, #panel .upper li.dropbtn {
color: #b89e9c !important;
letter-spacing: 0.04em;
font-size: 12.5px;
transition: color 0.22s ease, text-shadow 0.22s ease;
text-decoration: none !important;
}
#panel .upper li a:hover, #panel .upper li.dropbtn:hover > a {
color: #ff5533 !important;
text-shadow: 0 0 10px rgba(255,44,0,0.6), 0 0 28px rgba(200,0,0,0.22);
}
#panel .upper li a:active {
color: #ff2200 !important;
text-shadow: 0 0 16px rgba(255,34,0,0.75);
}PΛЯΛDΛЦX.
Paradaux's signature
