Halloween CSS Theme for CIO

[yackmaloanonymous_333]

Hi, as the title says. I have no idea what I did but I like it hehe

Loading…

i.ibb.co

Show ContentOpen to see the code: Code:

:root {
--gradient-1: rgb(228 71 0) !important;
--gradient-2: rgb(126 44 6) !important;
--gradient-3: rgb(111 35 0) !important;
}
#content:after {
content: '';
position: absolute;
top: 8px;
right: 0;
left: 0;
bottom: 0;
background-image: url(
https://i.imgur.com/vLnmnj6.png) !important;
background-repeat: no-repeat !important;
background-position: top right !important;
background-size: 250px auto !important;
z-index: -99999999999;
}
.forum .row {
color: #141414;
z-index: 1;
}
.forum .icon:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 2px;
background-image: url(
https://i.imgur.com/aoVLq24.png);
background-repeat: no-repeat;
background-position: center right;
background-size: 92%;
z-index:-1;
}
.footer-back {
background-image: url(
https://i.imgur.com/aYhpCzG.png);
background-repeat: no-repeat;
background-position: right;
background-size: 25%;
}
.header-logo + span {
background-image: url(
width: 525px;
height: 105px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
margin-top: -20px;
margin-bottom: 50px;
}
.header-logo {
display:none;
}
.header-bg {
background-image: url(
https://images7.alphacoders.com/133/1337219.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.header-bg:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: url(
https://images.assets-landingi.com/uc/833881e9-637a-4e38-9026-90c8420a9f33/FlyingBats.gif);
background-repeat: repeat;
background-position: center;
}
.thead {
background-color: #F75F1C;
background-image: linear-gradient(315deg, #F75F1C 0%, #FF9A00 74%);
}
.thead strong {
background-color: rgba(0, 0, 0, 0.0.15);
}
.thead a {
background-color: rgba(0, 0, 0, 0.1.5);
border-radius: 2px;
padding: 4px;
font-weight: bold;
}
.active {
background-color: #F75F1C;
background-image: linear-gradient(315deg, #F75F1C 0%, #FF9A00 74%)!important;
}
.active strong {
background-color: rgba(0, 0, 0, 0.0.15);
}
.active a {
background-color: rgba(0, 0, 0, 0.1.5);
border-radius: 2px;
padding: 4px;
font-weight: bold;
}
.thread-header {
background-color: #F75F1C;
background-image: linear-gradient(315deg, #F75F1C 0%, #FF9A00 74%);
}
.thread-header strong {
background-color: rgba(0, 0, 0, 0.0.15);
}
.thread-header a {
background-color: rgba(0, 0, 0, 0.1.5);
border-radius: 2px;
padding: 4px;
font-weight: bold;
}