Dreamy Hippie

Tags: hippie, hippy, dreamy, 70s, 60s

Description:

Lowkey I fucked this code up (bad) but it was originally just for me someone just asked that I share so enjoy

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🕊️Hatti🕊️ (https://layouts.spacehey.com/layout?id=27945) -->

* <style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAoABwDoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAA////AOhmkQCcmZUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAiIiIiIgAAAAAAAAAAAAACIzMzMzIgAAAAAAAAAAAAIjERERETIgAAAAAAAAAAACMRERETMzIAAAAAAAAAAAIjERERExMyIAAAAAAAAAACMRExETMRMyAAAAAAAAAAAjETERMRMRMgAAAAAAAAAAIxEzMzETETIAAAAAAAAAACIxERMTETEyAAAAAAAAAAACIzMzExEzIgAAAAAAAAAAACIxExMxMiAAAAAAAAAAAAAiMTMRMyIAAAAAAAAAAAAAIxEyMTIgAAAAAAAAAAAAACMTIjEyAAAAAAAAAAAAAAIjEyIxMgAAAAAAAAAAAAACMRMiMTIAAAAAAAAAAAAAAjEyIjEyAAAAAAAAAAAAAAIxMgIxMgAAAAAAAAAAAAACMTICMTIAAAAAAAAAAAAAAjMyAjMyAAAAAAAAAAAAAAIiIgIiIgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////////////////wA///4AH//8AA///AAP//gAB//4AAf/+AAH//gAB//4AAf//AAH//4AD//+AB///gA///4Af//8AH///AB///wAf//8EH///BB///wQf//8EH////////////////////////////w=='), auto; }</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
</style>

<style>

.blurbs {
border: 1px dashed #FFFFFF!important; 
background: rgba(190, 190, 190);
background: #f6dfd3;
border-radius: 10px;
box-shadow: 1px 1px 2px rgba(190, 190, 190,);
height: 300px!important;


}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: ;
  color: #f0bf9c;
}

.heading {
  padding: 3px 0px !important;
  margin-bottom: 5px;
  border-bottom: 2px solid ;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}


.online{content: url("https://dl.glitter-graphics.com/pub/1304/1304506azdi5re95a.gif");


</style>

<style>


  table, tr, td { 
  background-color:transparent; 
 } 

  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px; 
 } 

  table table table { 
  width:80%; max-width:600px; } table table table table { width:100%;; 
 } 

  body, .bodyContent  { 
  background-image:url(https://i.pinimg.com/564x/51/45/f1/5145f105673d0412fb02b789a15e242b.jpg); 
 background-position:fulltile; 
 background-attachment:fixed; 
 border-color:#00000000; 
 border-width:30px; 
 border-style:dotted; 
 scrollbar-face-color:#00000000; 
 scrollbar-highlight-color:#aaaaaa; 
 scrollbar-3dlight-color:000000; 
 scrollbar-shadow-color:#aaaaaa; 
 scrollbar-darkshadow-color:000000; 
 scrollbar-arrow-color:#aaaaaa; 
 scrollbar-track-color:000000; 

 } 

  table table { 
  border:0px; 
 } 

  table table table table { 
  border: #f5c3a9; 
 background-image: none; 
 background-color:transparent; 
 } 

  table table table { 
  border-style: #f5c3a9; 
 border-width:none; 
 border-color: transparent; 
 background-attachment:fixed; 
 } 

  table table table td { 
  background-color: #eb611e; 
 } 

  table, tr, td, li,.text,.redtext, .blacktext12  { 
  color:#f5c3a9; 

 } 
Table, p {
color:#f78457;
}
   .whitetext12, .orangetext15 { 
  color: #f5c3a9; 
font-family: Arial Black;
 } 

   .lightbluetext8, .blacktext10, .redbtext,.btext  { 
  color: #f5c3a9; 
font-family: Arial Black;
 
 } 

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link{ 
     color: ;
text-shadow: 0 0 8px; #FFF600;
font-family:  'Amatic SC', cursive;
font-size: 22px;
line-height: 18px;

 } 

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 
  color:e9621f; 
 } 



h1 {
font-size: 40px !important;
line-height: 45px;
font-family: 'Dancing Script', cursive;
font-weight:bold;
text-transform: uppercase;
letter-spacing: -1.5px;
color:white;
text-align:center;
padding-bottom:0px;
padding-top:0px;
padding-right: 3px;
text-shadow: 0 0 5px #fff;

border-radius: 3px;
background:#f6dfd3;
background-image:url("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX");
background-position: center;
margin-top: 5px;
}


 </style>

 







<style>

nav img.logo{filter: brightness(0) saturate(100%) invert(19%) sepia(30%) saturate(102%) hue-rotate(100deg) brightness(90%) contrast(50%) !important;}

}


nav {
  overflow-x: hidden;
  position: relative;

}

nav .top {
  background: url(https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fimg1.picmix.com%2Foutput%2Fstamp%2Fnormal%2F8%2F9%2F1%2F4%2F264198_d6166.gif&f=1&nofb=1);
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image:transparent; }

body {
  /* sets background */
    background-image: transparent;
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: 60% ;
   
    

  }


:root {
        --logo-blue: #F0F8FF;
        --darker-blue: #f2ddc7;
        --lighter-blue: ;
        --even-lighter-blue: #f6dfd3;
        --lightest-blue:url(https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fimg1.picmix.com%2Foutput%2Fstamp%2Fnormal%2F8%2F9%2F1%2F4%2F264198_d6166.gif&f=1&nofb=1);
        --dark-orange:  #e9621f;
        --light-orange:url(https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fimg1.picmix.com%2Foutput%2Fstamp%2Fnormal%2F8%2F9%2F1%2F4%2F264198_d6166.gif&f=1&nofb=1);
        --even-lighter-orange:url(https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fimg1.picmix.com%2Foutput%2Fstamp%2Fnormal%2F8%2F9%2F1%2F4%2F264198_d6166.gif&f=1&nofb=1);!important;
 opacity: 1.0;
        --green: #fff;
    }

main {
  /* changes made to stuff outside of columns */
    background: #ffffff;
    padding: 0;
    font-size: 100%;
    color: var(--light-orange);
  }

img {
  opacity: none;
}



main {
  background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.gifer.com%2FYTiF.gif&f=1&nofb=1);
  opacity: 0.9;
  
  color: #f2693f;
}


}

.profile h1 {color: #e9621f;}
text-align:right;

body { 

font-family: monospace;

      }
    .profile-pic {
        border-radius: 500px;
        border: #90d1c7 solid 2px;
        overflow: hidden;
        margin-top: -10px!important;
        margin-left: 0px!important;
        filter:;
    }

</style>


<style>
/* profile-info */

.profile-info {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    border: 0;
    z-index: 20;
    -webkit-backdrop-filter: blur(20px);
}
.profile-info a {
    color: #1e0424;
}


.profile-info { border:double 0px #Ffd1dc88;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(http://dl8.glitter-graphics.net/pub/1314/1314668f7r536cjyu.gif) no-repeat center center;
background-size: contain;

    </style>








<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
</style>

<style>
.contact {

  border-radius: 25px;
  background: url(https://i.pinimg.com/564x/ba/5e/2b/ba5e2bf485ba49445f868208cbb70db3.jpg);
  background-position: bottom;
  background-repeat: repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}

.blurbs {
border: 1px dashed #FFFFFF!important; 
background: rgba(190, 190, 190);
background: #f6dfd3;
border-radius: 10px;
box-shadow: 1px 1px 2px rgba(190, 190, 190,);
height: 300px!important;



}

.heading {
  padding: 3px 0px !important;
  margin-bottom: 5px;
  border-bottom: 2px solid ;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.online{content:url("http://dl5.glitter-graphics.net/pub/2369/2369525kcxz1j0mf7.gif");

</style>


<style> 
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "🧿"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🌿"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "⭐️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "☀️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🌎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🌙"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🌈"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "☮️"
}
</style>
<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: 
url('https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExYmU2OTdmZWJhZmY3M2EwYmEwYTE0ZDNlYThjODk4NDBmNGRhZDllYyZjdD1n/xeabwYCaXlJfkIH87B/giphy.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 4s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
footer::after {
    bottom: 0;
    font-size: 0;
    left: 70%;
    position: fixed;
    pointer-events: none;
    content: url(http://dl6.glitter-graphics.net/pub/3580/3580976or4qna2h93.gif);

}
</style>
<style>
html:before {
  animation: grain 50s steps(10) infinite;
  background-image: url('http://dl5.glitter-graphics.net/pub/602/602355k2suf9v03y.gif');
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} 
{
nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
</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 20 of 27 comments ( View all | Add Comment )

Elio	1728180110 Using, ty 🙏 Report Comment
🐭pipir :3	1727359522 using :3 Report Comment
Meredith	1723663514 Using, tysm darling 🙏🙏 Report Comment
Demi Devil⋆𐙚₊˚⊹♡	1722837712 Using! Report Comment
Morggy	1721752156 Using Report Comment
D4yDr34m3rz	1721087766 Using Report Comment
Fiddle	1720123087 Using Report Comment
Shoko Akimaru	1718522115 using bro Report Comment
Rachel	1718316395 thanks, I'm using! Report Comment
❀ 𝐭𝐡𝐞𝐚𝐚𝐚 ❀	1718283311 trying/using! super cute!!! Report Comment
rebelfckinblaze	1717967161 using this! Report Comment
weyii	1717594677 im tryyy it Report Comment
♡Max☮	1712459059 Gonna use/try! <3 Report Comment
CedarsSanity.	1709047555 trying this one!! (maybe using) Report Comment
Eddie	1708524545 Using :) I <3 thisss Report Comment
Juany	1705978175 uuusinggggg, i love Report Comment
f33rchiitRasHyYy2k	1705636297 jouli chet, kreo q lo voy a usarrrrrrrrrrrrr Report Comment
mac	1701404852 using!!! Report Comment
KawaiiMushroomLovur420	1699686538 Using! :) Report Comment
mika <3	1698991467 uuuuuuuusing! Report Comment