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 91 comments ( View all | Add 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
Laimm.qwyz	1730768541 Using!! <33 Report Comment
TOFU!	1726009752 usando!!! Report Comment
mightyboy	1725236933 using!! Report Comment
bowie	1723444699 usingg Report Comment
﹒ꕀ . arcus !	1722693047 usingg !! Report Comment
brea	1721906905 using :3 Report Comment
moka owo	1715822800 usingggg ^_^ Report 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