Sunset Layout

Tags: sunset, orange, red, sun, aesthetic

Description:

Created a sunset layout, second attempt at making my own! If you use it PLEASE CREDIT ME. THE BG PHOTO WAS TAKEN BY ME. THANK YOU.

Preview:

click on the image for a larger preview

Code:

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

<style>

Main, footer {
background-style: transparent;
background-color: #823c23;
border-radius: 25px;
}

body {border-style:solid; border-top-width:5px; border-bottom-width:5px; border-left-width:2px; border-right-width:5px; border-color:#651a1b; padding: 10px; border-radius: 25px;}


body {
	background-color:#651a1b;
	background-image: url(https://cdn.discordapp.com/attachments/1139405706810888192/1151921614154379304/IMG_5829.JPG);
		background-position: top;
	background-position: right;
	background-repeat: repeat;
	opacity: .85;
	background-size: 570px 760px;
	}

img {
	border: 2px #9e220a;
	padding: 10px;
	border-radius: 25px;
	}

td, tr, div {
	background-color: transparent;
		border: 2px;
	border-color: #9e220a;
	border-radius: 25px;
	empty-cells: hide;}

table table {
	background-color: transparent;
		border: 2px;
	border-color: #9e220a;
	width: 500px;
	padding: 5px;
	border-radius: 25px;
	empty-cells: hide;}


table, .contact{
	background-color: #9e220a;
		border: 3px solid;
	border-color: #CB3613;
	width: 500px;
	margin: 10px;
	border-radius: 25px;
	empty-cells: hide;}

table td {
	border-color: dark-red;
	width: auto;
	empty-cells: hide;
	}

table table table table {
	background-color: dark-red;
	border: 0;
	width: auto;
	}

body, div, span, td, p, strong, b, u, .redtext, .redbtext, .text, .nametext, .blacktext10 , .blacktext12 {
	font: normal 15px American Typewriter, serif;
	color: #390d00;
	font-weight: lighter;
	text-transform: none;
	text-decoration: none;
	empty-cells: hide;
	}
p {
	padding-left: 10px;
	margin-top: 0;
	line-height: 1.4;
	}

a, a:link, a:active, a:visited,  a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
	font: 20px 'Brush Script MT’;
	color: #390d00;
	text-decoration: underline;
	text-transform: none;
	}
	

	
	 a:hover {
		 font: bold 20px American Typewriter, serif;
	color: #390d00;
	text-decoration:line-through;}

:root {
        --logo-blue: #984e38;
        --darker-blue: #641711;
        --lighter-blue: #732e28;
        --even-lighter-blue: #884632;
        --lightest-blue: #902118;
        --dark-orange: #a5261c;
        --light-orange: #942219;
        --even-lighter-orange: #631610;
        --green: #da653b;}

.comment-replies { 
        border: 2px solid black;
        border-radius: 25px;}


</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 1 of 1 comments ( View all | Add Comment )

Wubsbian

1694742709

Adding this to my favourites! It's so beautiful :]

Report Comment