Transparent Lite

Tags: transparent, light, background, twilight

Description:

a good base to add other fun stuff to, affects very little but makes the header look better and gives you a background. black/dark background recommended

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Twilight Sparkle (https://layouts.spacehey.com/layout?id=151) -->

<style>
/* Transparent Lite by Twilight Sparkle! https://spacehey.com/twilight */
/* Please keep the credit and don't take credit yourself! Even if you change it, leave a mention of the base you used, all I ask (and politely, I can't stop you anyway) */
body{
  background-image:url(https://derpicdn.net/img/view/2019/6/11/2062725.png); /* put your background URL here */
  background-attachment:fixed;background-size:cover; /* remove this line if you want it to tile */
}

:root {
    --logo-blue: rgba(29, 78, 216, 0.4); /* Change some stuff so it's transparent or works on transparency */
    --light-orange: transparent;
    --dark-orange: black;
    font-size-adjust: .6; /* slightly bigger/better font */
}

nav .links {
    background-color: rgba(96, 165, 250, .4); /* navbar transparency */
}

#q,
footer {
    background: 0 0; /* footer transparency */
    color: #fff;
}

footer {
    padding: 0; /* closer footer */
}

footer .links li:not(:last-child)::after,
nav .links li:not(:last-child)::after {
    color: #fff; /* make the bars between nav items white */
}

#q {
    border: 0;
    outline: 0;
    border-bottom: 1px solid #000; /* better search bar */
}

button {
    border: none; /* more better search bar */
}

.comments-table td:first-child {
    width: 20%; /* authors do not need to be that big, goodnight */
}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 10 of 10 comments ( View all | Add Comment )

3xc4l1bur	1701323407 usinggg thank you ♡⸜(˶˃ ᵕ ˂˶)⸝♡ Report Comment
MONSTERLOVR	1699401735 USING!! Report Comment
brick/biz	1684675951 USINGUSINGUSBNG Report Comment
3Y3_S0R3_CH@RL!3	1678410524 USING!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Report Comment
BuzzKill	1674350297 Ooooo pretty. using Report Comment
charlie	1631664337 using!!!! ^_^ Report Comment
Bruno	1615682268 Thank you, liked it and using! Report Comment
melissa♡	1612372744 Thank you! I'm using this one Report Comment
Harper <3	1611953869 Thank you! Report Comment
Rainstorm Moonbow	1611503881 THANKS! Using this as part of my profile code. I will be leaving credit. Borrowed because I'm new to CSS and right now I'm a bit lazy xD Report Comment