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 20 of 43 comments ( View all | Add Comment )

e.whateverrr	1768921098 Using :D Report Comment
Izzy	1768615479 using as a base! Report Comment
Gummybearperson	1764474731 .Using Report Comment
Beelzebubblegum	1760133447 Using code to add background Report Comment
TRASHER VICOUS	1758837487 I only used the footer code but thank you so much!! Report Comment
Ash720p	1758504090 using as base!! Report Comment
MissXen୨ৎ	1755583219 using as a base, thank you! Report Comment
glitter	1755310578 using Report Comment
Sickgirlfawted	1751161690 Using Report Comment
97io	1747020362 using as a base!! thankz Report Comment
Lin	1746577381 using as a base, thank you! Report Comment
Bismuth	1743981719 Using it as a base :D Thank you Report Comment
Иван	1743595771 Using ^_^ Report Comment
vic 🌒 dagger (sebsol #1 fan)	1742216642 USiNG BACKGROUND CODE.!! Report Comment
•.¸♡ 𝑭𝒂𝒊𝒓𝒚 𝕤𝕜𝕦𝕝𝕝 ♡¸.•	1741991095 using itt!! Report Comment
Dobyki	1741479232 Graciaaas funciona super bienn para alguien que no sabe programar ^_____^ Report Comment
Piko✮(Autoplay ^_^) OSC and PRECURE ver	1741028982 Using as a base, thanks a lot! :] Report Comment
KiraKuroo	1739970326 gnugjihiunh Report Comment
Ash Inutil	1738862005 USING AS BASE!! :D Report Comment
𝐿𝓊𝓃𝒶	1737999257 using as basee!! thank u :D Report Comment