pink minecraft layout

Tags: pink, white, aesthetic, cute, minecraft

Description:

cn you tell i like mc lmao
includes a cuustom cursor & online icon, scrollboxes and it all floats :3
comment if you're gonna use! and keep the credits in pls

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=84409) -->

<marquee><h1> <a href="https://spacehey.com/gods_worst_angel">layout by valerie</a> </h1></marquee>

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

  @import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');


  @import url('https://fonts.googleapis.com/css2?family=Dosis&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

body{
  background: url(https://i.pinimg.com/originals/2b/48/f4/2b48f4b842418b2a76a88ff62b4ebd70.gif) center;
  background-size: cover;
}

main{
  background: rgba(255, 181, 199, 0.7);
  color: white;
  border-left: white dashed 5px;
  border-right: white dashed 5px;
  border-bottom: white dashed 5px;
  height: 300px;
  overflow-y: scroll;
}

main:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background: url(https://pagedeco.carrd.co/assets/images/gallery02/74cac0ee.gif?v=1cb5da6d) center;
  background-repeat: repeat;
  background-size: 600px;
}

main:after{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background: url(https://pagedeco.carrd.co/assets/images/gallery14/c7f3b041.gif?v=1cb5da6d) center;
  background-repeat: repeat;
  background-size: 600px;
}

.profile h1{
  text-align: center;
  font-family: 'Kaushan Script', cursive;
  font-size: 30px;
}

.profile-pic img, .friends img{
  filter: saturate(190%);
}

.general-about img, .friends img{ 
 -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png); 
 -webkit-mask-size: 100%; 
 -webkit-mask-repeat: no-repeat; 
 -webkit-mask-position: center; 
}

.profile-info{
  background: url(https://i.ibb.co/Vp3nP0B/image.png) center;
  background-size: cover;
  opacity: 70%;
  height: 100px;
  border: white dashed 5px;
  font-family: 'Kaushan Script', cursive;
  font-size: 30px;
}

.heading{
  background: white !important;
  color: pink !important;
  text-align: center;
  border-radius: 3px;
  font-family: 'Patua One', serif;
  font-size: 20px;
}

.blog-preview{
  text-align: center;
}

.blog-preview h4{
  font-family: 'Patua One', serif;
  font-size: 20px;
}

.blog-preview p{
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
}

#comments{
  height: 300px;
  overflow-y: scroll;
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
}

table.comments-table, .comments-table td{
  border: none;
}

.table-section:not(.table-section + .table-section){
  height: 200px;
  overflow-y: scroll;
}

.table-section{
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
}

.friends a p:not(#comments a p){
  font-family: 'Lilita One', sans-serif;
  font-size: 17px;
  letter-spacing: 3px;
  color: white !important;
}

#comments a p{
  font-family: 'Lilita One', sans-serif;
  font-size: 17px;
  letter-spacing: 3px;
}

.blurbs{
  height: 200px;
  overflow-y: scroll;
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
  text-align: center;
}

.mood, .contact, .general-about{
  text-align: center;
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
}

.url-info{
  display: none;
}

.icon:not(.contact img){
  content: url(https://external-media.spacehey.net/media/sfKttinH4mleAFJoObaYobycPYFEnaI8-__L6yXVztsg=/https://pixels.crd.co/assets/images/gallery15/1509b4e6.gif?v=b496e8e4);
}

.logo {
content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");
filter: invert(100%);
}

.contact img{
  content: url(https://external-media.spacehey.net/media/sPVQZb7KBhhtPApWwMAMQULebYJ6w7mBwwMaQ-ZdNb9w=/https://pixels.crd.co/assets/images/gallery15/e073bfda.gif?v=b496e8e4);
}

.online{
  content: url(https://i.ibb.co/tB8b6Ps/ezgif-2-50db08f058.gif);
}

nav .links li:not(:last-child)::after{
  content: "𖦹";
  color: hotpink;
  font-size: 17px;
}

.count{
  color: hotpink;
}

a:hover, nav .top a:hover, .nav links a:hover, footer a:hover, .friends a p:not(#comments):hover{
  font-style: italic;
  color: hotpink !important;
}

nav .top{
  margin-top: 20px;
  background: rgba(255, 181, 199, 0.7);
  border-left: white dashed 5px;
  border-right: white dashed 5px;
  border-top: white dashed 5px;
}

nav .links{
  background: rgba(255, 181, 199, 0.7);
  border-left: white dashed 5px;
  border-right: white dashed 5px;
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
  text-align: center;
}

nav .links a{
  text-shadow: none;
}

footer{
  background: rgba(255, 181, 199, 0.7);
  margin-top: 25px;
  border: white dashed 5px;
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
  color: white
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;
}

body, body a:hover{
  cursor: url(https://external-media.spacehey.net/media/sd1QW-Mq1jO8qLEPl_2QgeCxtzBlusQ0A8FMsin0NR7Y=/https://pixels.crd.co/assets/images/gallery15/97ca2cc1.gif?v=b496e8e4), auto;
}

main, nav .top, nav .links, footer{
  animation-name: floating;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 0px
}

  @keyframes floating {
  0% { transform: translate(0,  0px); }
  50% { transform: translate(0, 5px); }
  100% { transform: translate(0, -0px);
}
}

::-webkit-scrollbar {
width: 16px
}
 
::-webkit-scrollbar:horizontal {
height: 17px
}
 
::-webkit-scrollbar-corner {
background: #eee
}
 
::-webkit-scrollbar-track:vertical {
background: none
}
 
::-webkit-scrollbar-track:horizontal {
background: none
}
 
::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}
 
::-webkit-scrollbar-thumb:vertical {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}
 
::-webkit-scrollbar-thumb:horizontal {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}
 
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: none
}
 
::-webkit-scrollbar-button:vertical {
height: 17px
}
 
::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background-image: url("https://external-media.spacehey.net/media/s74PwxCNkBm2f4nZTT-DZvNBI5IpW9hWwtRkd5L4tv7U=/https://cdn.discordapp.com/attachments/904308736712138793/1001299199633141851/download.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 
::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}
 
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}
 
::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background-image: url("https://external-media.spacehey.net/media/s_cjtMhXJPtjFfoBNvG1fcw4gOrNdUO7Ua5eXI8YTj4U=/https://cdn.discordapp.com/attachments/904308736712138793/1001299200052576387/87ae92e1-3894-4469-b1b9-aedf5f04975c.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</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 7 of 7 comments ( View all | Add Comment )

🌸Meownikitta🌸	1711263133 may I use? o3o Report Comment
Jedidiah	1702015069 Most likely will use :D (hopefully if I figure it out lo) Report Comment
★Marcy!! ★	1699501233 using!! Report Comment
jess	1698886696 using!! so so cute Report Comment omg thx >_< by ⨂ valerie vengeance ⨂; 1698886767; Report
Liyah^_< -★	1698854517 might use! Report Comment
Sylio	1698767164 Using Report Comment
JUPITER!! <3	1698725030 using! Report Comment