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 31 comments ( View all | Add Comment )

Иван 〜	1743595771 Using ^_^ Report Comment
pee girl / mp3-tan	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 ^_^) warmer)	1741028982 Using as a base, thanks a lot! :] Report Comment
KiraKuroo	1739970326 gnugjihiunh Report Comment
Mari Inutil	1738862005 USING AS BASE!! :D Report Comment
glitter	1737999257 using as basee!! thank u :D Report Comment
emio-o	1737947014 IVE SEARCHED FAR AND WIDE FOR SOMETHING LIKE THIS THANK YOU! (can you tell im new here lol) Report Comment
skullsckai	1737299189 using as base! Report Comment
mauragil	1735290471 using as base! <3 Report Comment
asher 🕸️🪰	1729198368 will prob use as a base maybe Report Comment
cambria	1727814833 using as a base :3 Report Comment
gordon / glitter!!!	1726705833 might use as a base ^^ Report Comment
cypherotic	1725700492 using!! Report Comment
kittie	1724851201 > using thank yeww! Report Comment
keisha!	1724340293 def using Report Comment
kara	1723868925 using Report Comment
vannillaAJofficial204	1717883619 am currently making a layout for my page. thank you very much for the resource🙏 Report Comment
Stern	1717167272 hi this doesnt seem to be working anymore :'( Report Comment