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

🌐 K-41	1771707675 Using! Report Comment
martutu	1765486977 using prob!! Report Comment
# 🥩 ᴊɴʏ 𓂃	1763045228 Using Report Comment
zallieee	1761506189 using! <3 Report Comment
࣪ Star	1753134258 Using :pp Report Comment
Jay	1752705397 using! Report Comment
xandra	1752333749 Usando Report Comment
penny ⁷	1750822248 using! Report Comment
yves	1750738778 using!! Report Comment
𓈒may	1750341023 usingg!! Report Comment
꒰ ୨୧ ﾉ Dan ໒ . . .꒱	1745114985 Using! Report Comment
Chim	1743488553 using Report Comment
˚₊‧꒰ა Holly ໒꒱ ‧₊˚	1741738361 using!! edited a little Report Comment
evelyn 🍀	1740630179 Using <33 thank you!! Report Comment
Vanilla	1737823885 Thank you and I will be using the font Report Comment
Phoenix	1737223843 using!! modified it a little but it's so cute Report Comment
beny 🪼	1736032442 using! Report Comment
parker	1734372232 usingg Report Comment
maria	1733586172 using!! changing some of the colors around but will still give credit and everything ofc Report Comment tysm!! it looks great! by nara; 1733588889; Report
Hayley	1731225939 Love this so much, will be using!! Thank you :) Report Comment