Layout CSS
<style>
/* ==========================
ICP CARNIVAL BLOG LAYOUT
========================== */
body {
background:
linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),
url("https://www.image2url.com/r2/default/images/1782105745266-97d67916-6edc-4dc6-a299-47447ee67616.jpeg") fixed center center !important;
background-size: cover !important;
font-family: Verdana, Arial, sans-serif !important;
}
/* Blur Overlay */
body::before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
backdrop-filter: blur(5px);
pointer-events:none;
z-index:-1;
}
/* NAVIGATION */
nav,
.navbar,
.top,
#header {
background: rgba(25,25,25,.95) !important;
border-bottom: 3px solid #5f4cff !important;
box-shadow: 0 0 25px #5f4cff;
}
nav a,
.navbar a{
color:#fff !important;
text-shadow:0 0 10px #7e68ff;
}
/* MAIN BLOG BOX */
main,
.blog-entry,
.profile-info,
.comments-table,
#main {
background: rgba(255,255,255,.92) !important;
backdrop-filter: blur(10px);
color:#111 !important;
border:4px solid #ffffff !important;
box-shadow:
0 0 25px rgba(90,80,255,.8),
0 0 60px rgba(0,0,0,.5);
padding:20px !important;
position:relative;
overflow:visible;
}
/* STICKERS */
main::before,
.blog-entry::before {
content:"★ ☠ 🎪 ★";
position:absolute;
top:-20px;
right:15px;
font-size:30px;
transform:rotate(8deg);
}
main::after,
.blog-entry::after {
content:"🤡 WHOOP WHOOP 🤡";
position:absolute;
bottom:-25px;
left:20px;
font-size:18px;
background:#fff;
padding:4px 10px;
border:2px solid #000;
transform:rotate(-4deg);
}
/* TEXT */
main *,
.blog-entry *,
.comments-table * {
color:#111 !important;
}
h1,
h2,
h3,
.title {
color:#4f3cff !important;
font-family: Georgia, serif;
text-shadow:
0 0 6px rgba(120,100,255,.4);
}
/* COMMENTS */
.comments-table,
.comment {
background:#fff !important;
border:2px solid #cfcfcf !important;
}
/* LINKS */
a{
color:#4f3cff !important;
font-weight:bold;
}
a:hover{
color:#8f6bff !important;
}
/* BUTTONS */
button,
.btn,
input[type="submit"] {
background:#4f3cff !important;
color:#fff !important;
border:none !important;
box-shadow:0 0 10px #7e68ff;
}
button:hover,
.btn:hover{
transform:scale(1.05);
}
/* SIDEBAR */
.col.left,
.sidebar {
background:rgba(255,255,255,.88) !important;
border:2px solid #ddd !important;
color:#111 !important;
}
/* FOOTER */
footer,
.footer {
background:rgba(0,0,0,.9) !important;
color:#fff !important;
border-top:3px solid #5f4cff !important;
}
/* SCROLLBAR */
::-webkit-scrollbar {
width:12px;
}
::-webkit-scrollbar-track {
background:#000;
}
::-webkit-scrollbar-thumb {
background:#5f4cff;
border:2px solid #fff;
}
/* ICP GLOW */
img {
filter:
contrast(1.05)
saturate(1.1);
}
/* BLOG TITLE */
.blog-title,
h1 {
font-size:32px !important;
letter-spacing:2px;
text-transform:uppercase;
}
</style>
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.