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

Beelzebubblegum	1760133447 Using code to add background Report Comment
Travis	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
˗ˏˋ ૮꒰◞ ˕ ◟⋆˚꒱ა ˎˊ˗	1755310578 using Report Comment
Kirbytoofawted	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
rory/john	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
g̶l̶i̶t̶t̶e̶r̶	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