Layout CSS
<style>
/* === FRIENDREWIND: TOTAL SPACE CONVERSION === */
/* 1. NUKE THE DEFAULT UI */
body, html, .container, .main-content, #wrap, .content {
background: #000 fixed !important;
background-size: cover !important;
color: #fff !important;
}
/* FORCE ALL TEXT WHITE */
* {
color: #FA006C !important
}
/* 2. THE TOP NAV - "COCKPIT GLASS" EFFECT */
nav, .navbar, #header, .top {
background: #FA006C !important;
border-bottom: 2px solid #FA006C !important;
backdrop-filter: blur(10px);
box-shadow: 0 0 20px #FA006C;
}
nav a, .navbar a {
color: #fff !important;
text-shadow: 0 0 5px #FA006C;
}
/* 3. THE MAIN CONTENT BOX - STARSHIP HULL */
main, .blog-entry, .profile-info, .comments-table, #main {
background-image: url('https://i.pinimg.com/1200x/c7/89/28/c78928f963dcec50e73e772ea9934895.jpg') !important;
border: 3px solid #FA006C !important;
border-radius: 0px !important;
box-shadow: 0 0 5px #FA006C, inset 0 0 20px #FA006C !important;
padding: 0.1px !important;
position: relative;
overflow: visible;
}
/* kudos box background
.blog-entry .kudos-container, {
background: #000 !important;
}
/* 4. HEADERS - "TACTICAL DISPLAY" */
h1, h2, h3, .title {
color: #fff !important;
font-family: 'Times New Roman', serif;
text-shadow: 1px 1px #FA006C !important;
}
/* KEEP TEXT DARK INSIDE LIGHT/PINK BOXES */
.col.left *,
.user-info *,
nav *,
.navbar *,
#header *,
.top * {
color: #000 !important;
}
/* 6. BUTTONS & KUDOS */
.kudos-btn, .btn, button, input[type="submit"] {
background: #000 !important;
border: 2px solid #FA006C !important;
color: #FA006C !important;
transition: 0.2s;
box-shadow: 1px 1px 0px #FA006C;
}
.kudos-btn:hover, .btn:hover {
background: #FA006C !important;
color: #000 !important;
box-shadow: 0 0 10px #FA006C;
}
/* 7. FOOTER */
footer, .footer, .bottom {
background: #000 !important;
border-top: 2px solid #FA006C !important;
color: #fff !important;
}
/* Scrollbar from Hell */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #000;
}
::-webkit-scrollbar-thumb {
background: #FA006C;
border: 1px solid #fff;
}
</style>
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.