crystal ice layout ❄

Tags: crystals, ice, blue, simple, layout

Description:

first layout yippee yippee yippee!!!!!!! ^__^

please comment/add if using, i love looking at other ppl's profiles!!!

i'll take any questions or requests below :33

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by jellyfizzism's layouts!! (https://layouts.spacehey.com/layout?id=106483) -->

<style>
@font-face {

font-family: "Crystalcore";

src: url("https://file.garden/ZfSfH_VY1x0rTG3W/fonts/Crystalcore.otf");

}

@font-face {

font-family: "Crystalcore";

src: url("https://file.garden/ZfSfH_VY1x0rTG3W/fonts/Crystalcore.otf");

}

a:hover, a:active, a, p, nav label, .section {

    font-family: var(--mainfont) !important;

}

h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {

    font-family: "Crystalcore"

}

:root { --mainfont: "Crystalcore" }

.container{
	font-family: “Crystalcore”; 
    font-weight: light; 
    letter-spacing: 0.5px; 
    border: 4px solid #544BD6; 
    border-radius: 10px;
}
    
*{cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur686.cur'), auto;
}

a:hover, button{
	cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur683.cur'), auto;
}

.icon, award img{
	content: url(https://64.media.tumblr.com/58aba4ffec1f8244d0683ad2858fd1dc/5ef20762a56ec87e-b0/s75x75_c1/f44bc743a5ae0486417b140b31d3020011235113.gifv); 
    filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%); 
    height: 15px; 
    width: 15px; 
    vertical-align: text-bottom;
}

.count{
	color: #5a8df3;
}

body{
	background-image: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/trianglify-bg.jpg); 
    no-repeat fixed; 
    background-size: cover; 
    background-position: center center;
}

nav .top{
	background-image: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/wU69kCloHA0Q.png); 
    background-size: 100%; 
    color: #F2FFFF; 
    font-size: 12px; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
}
    
.search-wrapper input, button{
	background-color: rgba(84, 75, 214, .25); 
    color: #F2FFFF; 
    border: 2px solid #544BD6;
    border-radius: 5px; 
    font-family: "Crystalcore"; 
    height: 20px;
}
    
.logout-btn{
    box-shadow: none !important; 
    font-family: “Crystalcore” !important;
    font-weight: light;
}

.logout-btn:hover{
	color: #544BD6;
}

nav a:hover{
	color: #544BD6;
}

nav .links{
	background-image: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/mSox4U1QUkul.png); 
    background-size: 100%;
    border-bottom: solid 4px #544BD6; 
    text-align: center; 
    vertical-align: text-bottom; 
    height: 44px; 
    font-size: 12px;
}

nav .links a{
	text-shadow: 0px 0px 0px; 
	color: #F2FFFF;
}

nav .links a:hover{
	color: #544BD6;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
	content: " : "; 
    color: #F2FFFF;
}

main{
	background-color: white; 
	color: #69aff7; 
	font-size: 13.8px;
}

main a{
	color: #5a8df3;
}

main a:hover{
	color: #AAE0FD;
}

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, .profile-info{
	background-color: #0000; 
	border: 3.5px solid #544BD6; 
	border-radius: 5px; 
	margin-top: 20px;
}

.profile .contact .heading, .profile .table-section .heading{
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/trianglify-lowres.png); 
	background-size: 295px; 
	border-bottom: solid 3.5px #544BD6; 
	border-top-left-radius: 1.5px;
	border-top-right-radius: 1.5px; 
	font-size: 14px; 
	color: #F2FFFF; 
	text-align: center;
}

.profile .friends .heading, .profile .blurbs .heading{
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/trianglify-lowres.png); 
	background-size: 455px; 
	border-bottom: solid 3.5px #544BD6;
	border-top-left-radius: 1.5px; 
	border-top-right-radius: 1.5px;
	font-size: 14px; 
	color: #F2FFFF; 
	text-align: center;
}

.profile h1{
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/trianglify-lowres.png); 
	background-size: 295px; 
	font-family: "Crystalcore";
	font-size: 17.5px; 
	border: solid 3.5px #544BD6; 
	border-top-left-radius: 1.5px; 
	border-top-right-radius: 1.5px; 
	color: #F2FFFF; 
	text-align: center; 
	padding-top: 2px; 
	border-radius: 5px;
}

.profile-pic > img{
        filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%); 
	border-radius: 6px;
}

.online{
	color: #AAE0FD; 
	font-style: italic; 
	margin-top: 14px;
	text-transform: lowercase; 
	animation-name: blink; 
	animation-iteration-count: infinite; 
	animation-duration: 1.75s;
}

.online:after{
	content: "!";
}

.online img{
	content: url(https://64.media.tumblr.com/58aba4ffec1f8244d0683ad2858fd1dc/5ef20762a56ec87e-b0/s75x75_c1/f44bc743a5ae0486417b140b31d3020011235113.gifv); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%); 
	height: 15px; 
	width: 15px; 
	vertical-align: text-bottom; 
	animation: none;
}

.contact .inner a{
	font-size: 8px;
}

.contact .inner a img{
	display:none;
}

.contact .inner a img:before {
	font-size: 90px;
	display: block;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	content: url("https://64.media.tumblr.com/c4ca1577baeec46e89c1f2acbf6cae1f/89079b94bee53d33-27/s75x75_c1/aa8f626312fb5e6598deba13db8c25e21d7d7dec.gifv");
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/82041ec2c61bf526ff355bb7b9248114/89079b94bee53d33-6f/s75x75_c1/19d2f779579d42dfbd9e99fa850c74c20649615b.gifv"); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	content: url("https://64.media.tumblr.com/6f734dfc1d71de3ece4336339bcf3cfc/89079b94bee53d33-57/s75x75_c1/479155086ff223aa76e49d0fbd8013ab57af08fb.gifv"); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/52b31319bcdfe8c6eeb7329cae61f010/89079b94bee53d33-ae/s75x75_c1/938ce57ce743d394226126e195114aa63ebeefce.gifv"); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	content: url("https://64.media.tumblr.com/0ebec24ea006258af85d16e1cc733eed/89079b94bee53d33-ac/s75x75_c1/304294b0536b82349415e1f32d9142756169abc9.gifv"); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/d3a78aa06fd4aa87d30822c1f8af0fea/89079b94bee53d33-ba/s75x75_c1/9ecf858c4a5beffdd6d8aa8fc866aec04426501c.gifv"); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	content: url("https://64.media.tumblr.com/e08739ea3156ee4ac3435e7d56e86eff/89079b94bee53d33-58/s75x75_c1/c818ba0c6296e8c0dca3ce0fbdae0c8d30dfa5e7.gifv"); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	content: url("https://64.media.tumblr.com/bdecb3cd2998864e4fcb8f66308e4c4b/89079b94bee53d33-07/s75x75_c1/55a0dd13dcd104422592db6503e5fcc95fffb715.gifv"); 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%);
}

 .profile .url-info{
 	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/interest%20secton%20bg); 
 	background-size: 295px;
 	color: #F2FFFF; 
 	text-align: center;
 }

.profile .table-section .details-table td{
	background-color: #544BD6;
}

.details-table td:first-child{
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/interest%20secton%20bg); 
	no-repeat fixed; 
	background-size: cover; 
	color: #F2FFFF;
}

.profile .table-section .details-table td:nth-last-child(1){
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/interest%20section%202%20bg.png);
	no-repeat fixed; 
	background-size: cover; 
	color: #69aff7;
}

.profile-info, DIV.blog-preview{
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/interest%20secton%20bg); 
	background-size: 455px; 
	border: 3.5px solid #544BD6; 
	border-radius: 5px; 
	color: #F2FFFF; 
	text-align: center;
}

.profile-info a, DIV.blog-preview a{
	color: #F2FFFF;
}

.profile-info a:hover, DIV.blog-preview a:hover{
	color: #AAE0FD;
}

.profile .blurbs .section{
	text-align: center;
}

.profile .blurbs .section h4{
	color: #5a8df3;
}

.profile .friends .heading{
	text-align: left;
}

.profile .friends .heading a{
	color: #F2FFFF; 
	font-size: 7px;
}

.profile .friends .heading a:hover{
	color: #544bd6;
}

.profile .friends .person p{
	color: #5a8df3;
}

.profile .friends .person p:hover{
	color: #AAE0FD;
}

.profile .friends .person img{
        filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%); 
        border-radius: 6px;
}

.profile .friends .person p img{
	border: none; 
	filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%); 
	height: 15px; 
	width: 15px; 
	vertical-align: text-bottom;
}

.profile .friends .comments-table td:first-child a{
	color: #F2FFFF;
}

.profile .friends#comments a:hover{
	color: #AAE0FD;
}

.profile .friends .comments-table{
	border-spacing: 3px;
}

.profile .friends .comments-table td:first-child{
	padding-top: 8px; 
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/interest%20secton%20bg); 
	no-repeat fixed; 
	background-size: cover; 
	color: #F2FFFF;
}

.comments-table td:first-child img{
        filter: saturate(0%) sepia(100%) hue-rotate(180deg) saturate(275%); 
	border: 3px solid #F2FFFF; 
        border-radius: 5px;
}

.comments-table td:nth-last-child(1){
	background: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/interest%20section%202%20bg.png); 
	no-repeat fixed; background-size: cover; 
	color: #69aff7;
}

.comment-replies{
	border: 0px solid white !important;
}
    
.comments-table {
	display: block; 
	height: 200px!important; 
	overflow-y: scroll; 
        outline: none !important;
	border-spacing: 8px; 
	border: transparent;
}

footer{
	margin-top: 0.5px; 
    margin-bottom: 0.1px; 
    background-image: url(https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/trianglify-lowres.png); 
    background-size: 100%;
    height: 125px; 
    border-top: solid 4px #544BD6;  
    color: #F2FFFF; 
    font-size: 11.5px; 
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px; 
    padding-top: 0px;
}

footer a{
	color: #F2FFFF;
}

footer a:hover{
	color: #544BD6;
}

body:before {
	content: " "; 
	display: block; 
	position: fixed; 
	top: 0; 
	left: 0;
	bottom: 0; 
	right: 0; 
	background: linear-gradient(90deg, blue, blue);
	z-index: 2; 
	background-size: 10% 2px 3px 100%; 
	opacity: 5%; 
	pointer-events: none;
}

</style>
<div style="float:  ; max-height: 1000px; position: fixed; left: 0px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191110.1.png" height="170" width="192"/></div>
<div style="float:  ; max-height: 1000px; position: fixed; left: 130px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191750.png" height="170" width="192"/></div>
<div style="float:  ; max-height: 1000px; position: fixed; left: 260px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191110.1.png" height="170" width="192"/></div>
<div style="float:  ; max-height: 1000px; position: fixed; left: 390px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191750.png" height="170" width="192"/></div>

<div style="float:  ; max-height: 1000px; position: fixed; right: 0px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191750.png" height="170" width="192"/></div>
<div style="float:  ; max-height: 1000px; position: fixed; right: 130px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191110.1.png" height="170" width="192"/></div>
<div style="float:  ; max-height: 1000px; position: fixed; right: 260px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191750.png" height="170" width="192"/></div>
<div style="float:  ; max-height: 1000px; position: fixed; right: 390px; bottom: -6px; z-index: 200;">
<img src="https://file.garden/ZfSfH_VY1x0rTG3W/cystal%20layout/Untitled130_20240523191110.1.png" height="170" width="192"/></div>

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

Yono	1729190263 vou usar agr !! Report Comment
edward	1728839793 gonna be usingg....!!!!!! Report Comment
Mark	1728249520 Definitely using this!! ty!! Report Comment
⋆.˚𖦹⋆✮⋆.˚K 1 T T Y . ♡ R G ⋆.˚𖦹⋆✮⋆.˚	1728150769 Using! Report Comment
⋆.˚𖦹⋆✮⋆.˚K 1 T T Y . ♡ R G ⋆.˚𖦹⋆✮⋆.˚	1728150767 Using! Report Comment
Capernia ^_^	1727745804 Using :3 Report Comment
ᶻz﹒saruka	1727387574 using! thank for the lovely layout and i hope u have a awesome day >:) Report Comment
Caroline	1727355637 Using Report Comment
☯︎LN's_Workspace☯︎	1727195509 will useeee! Report Comment
☯︎LN's_Workspace☯︎	1727195508 will useeee! Report Comment
Azzy!	1726976472 using :3 Report Comment
MIKKA	1726368621 Using :3 Report Comment
Burūsu	1725742547 definitely gotta try! Report Comment
Robin! 🐾	1725205656 Using :D Report Comment
noah	1724683829 usingggg Report Comment
₊alix ୨ৎ	1723966921 using Report Comment
Lau	1723953531 using :v Report Comment
Connor RK800	1723778100 usinggg Report Comment
★Zaevi★	1723576842 using! Report Comment
𓏲 ๋࣭ ࣪‧₊🪼 𝔨𝔞𝔫𝔢 𝔰𝔳𝔤𝔞𝔯🪼˚‧ ✧𓍢ִִ໋˚.	1723510200 Using Report Comment