a blue sky

Tags: simple, blue, minimal, cute

Description:

just a simple layout i put together in a few hours . . . ☁

please give credit if using, thank you!

Preview:

click on the image for a larger preview

Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap');

body{
background: url(https://i.pinimg.com/564x/9d/46/10/9d46103f8fad30b40561a1b829215e00.jpg); }

nav .top, nav .links, footer{
background-color: #b0ceff;
text-transform: lowercase;
text-align: center;
font-size: 14px; }

nav .links, footer, footer .links a, p.copyright a{
color: white; }

nav .links a{
text-shadow: 0px 0px transparent; }

nav .links li.active a{
font-weight: normal; }

button{
font-family: 'montserrat alternates', sans-serif;
font-size: 12px;
text-transform: lowercase;
background-color: white;
border: 1px solid grey; 
border-radius: 2px; }

label, nav .top, nav .links, nav .links .special a, footer .links a{
font-family: 'montserrat alternates', sans-serif;
color: white; }

[id='q']{
border: 1px solid grey;
border-radius: 2px;
font-family: 'montserrat alternates', sans-serif; }

button.logout-btn{
text-transform: lowercase;
font-family: 'montserrat alternates', sans-serif; }

nav .top a:hover, nav .links a:hover, footer .links a:hover, a:hover{
color: steelblue; 
text-decoration: initial; }

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
color: white; }

:root{
--darker-blue: black;
--lighter-blue: #b0ceff;
--even-lighter-blue: #fcfcfc;
--lightest-blue: #fcfcfc;
--even-lighter-orange: #f0f0f0; }

.profile .blurbs .heading, .profile .friends .heading{
background-color: #b0ceff;
color: white; }

.details-table td p, .profile .blurbs .section h4, .profile .friends .person p, .profile .contact{
color: black;
font-family: 'montserrat alternates', sans-serif;
text-transform: lowercase; }

.comments-table td:first-child{
background-color: #f0f0f0; }

p,h1,h2,h3,h4,h5{
font-family: 'montserrat alternates', sans-serif;
text-transform: lowercase;
font-size: 14px; }

.count{
color: black; }

a.more{
color: white;
font-family: 'montserrat alternates', sans-serif;
font-weight: bold; }

.contact .inner a img {
font-size: 0; }

.contact .inner a img:before {
font-size: 1em;
display: block; }

.contact .f-col>a:before{
content: url(http://i122.photobucket.com/albums/o260/mhilka/minigifs/fetch_048.gif); }

li.active .icon{
content: url(http://lh5.ggpht.com/_NZJzdRm10Y0/TUbb5YUxsDI/AAAAAAAAAdU/QzSKryOpAcc/marcadores27.gif); }

.report .icon{
visibility: hidden; }

p.report{
background-image: url(https://static.tumblr.com/rltvkjt/3Ddlmr3z3/mini-icone5.gif); 
background-repeat: no-repeat; 
display: inline-block;
font-weight: bold; }

table.comments-table{
overflow-y: scroll;
height: 400px;
display: block; }

.online{
content: url(https://i1.glitter-graphics.org/pub/157/157641b27q8mcaol.gif); }

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1028.ani), url(https://cur.cursors-4u.net/nature/nat-11/nat1028.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/29/sky-blue-bobblehead-bunny.html" target="_blank" title="Sky Blue Bobblehead Bunny"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sky Blue Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;"/></a>

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

lasvegas2	1712257945 using !!! Report Comment aaa thanku so much, it looks great !! <3 by nara; 1712273780; Report your welcome !! it was 2 cute to pass !!! by lasvegas2; 1712333054; Report
Rhy	1711462133 using! Report Comment
berra	1710624323 usingg!!! Report Comment
Drewssy_	1710466456 using!!! Report Comment
Jett	1709596090 using!! Report Comment
Pera♡	1709159060 usandoo :) Report Comment
𝘬𝘺𝘶¡!	1708370937 using!! ^^ Report Comment
イザベラ	1707670179 Using!!! Report Comment
٭˙•rei•˙٭	1706830907 Posiblemente usando! દᵕ̈૩ Report Comment
Sawako<3	1706242124 Usando <3 muy lindo por cierto Report Comment
✩ xan	1706062739 using :p Report Comment
maksi !!	1705866916 using :3 Report Comment
Kai	1705819707 usando! Report Comment
pipes	1705423406 using! Report Comment
capri	1703701697 using Report Comment
kawaiijefe	1703134456 using Report Comment
miya 𝄞	1700056491 using Report Comment
Lu	1700053931 using! Report Comment
Apple	1697404359 using Report Comment
azira	1696135080 using tyty Report Comment