Bucciarati layout

Tags: bucciarati, jojo, jjba, blue, light

Description:

i started making this but never finished. feel free to use as base or edit to ur liking. no credit needed.

Preview:

click on the image for a larger preview

Code:

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

<style>

main {
   background: url(https://i.pinimg.com/236x/51/f0/16/51f016313855509612769606f7ec5695.jpg);
   background-attachment: fixed;
   color: #fff;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border-left: 5px solid #fff;
   border-right: 5px solid #fff;
   border-bottom: 5px solid #fff;
}
body {
   background: #000 url(https://i.pinimg.com/564x/bf/c7/42/bfc74297bcf2c30a9e8612a521f7e690.jpg);
   background-position: center;
   font-family: "Courier";
}
div.top {
   background: url(https://i.pinimg.com/236x/ab/b9/b7/abb9b78c5d38be2ccb0c383c0a5fc753.jpg);
   margin-top: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-left: 5px solid #fff;
   border-right: 5px solid #fff;
   border-top: 5px solid #fff;

}
.links {
   background: linear-gradient(, rgba(255,122,195,1) 50%, rgba(255,146,214,1) 50%, rgba(255,241,253,1) 100%);
   font-size: 7px;
   text-align: center;
   font-weight: bold;
   border-left: 5px solid #fff;
   border-right: 5px solid #fff;
}
.links li:not(:last-child)::after {
  content: "   " !important;
  font-size: 6px;
  color: black;
}
.links li {
   margin: 3px;
}

nav .links a:hover {
  text-decoration: none;
  color: #00d9ff;
}
.blurbs, .comments-table, .url-info, .table-section, .general-about, .blog-preview {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #fff;
   border-radius: 20px;
   box-shadow: inset 0px #000;
   padding: 8px;
}
.contact {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #fff;
   border-radius: 20px;
   box-shadow: inset 0px, 5px #000;
   overflow: hidden;
}
.general-about {
   overflow: auto;
}
.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: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);

}
.profile-info {
   border: 0;
   margin: 5px;
   padding: 5px;
   font-style: italic;
}
.profile-pic {
   animation: floating 3s;    
   animation-iteration-count: 1;
   animation-iteration-count: infinite;
}
.friends-grid {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #fff;
   border-radius: 20px;
   box-shadow: inset() 5px #000;
   margin-top: 10px;
   padding: 8px;
}
.person:hover {
   animation: floating 1s;    
   animation-iteration-count: 1;
   animation-iteration-count: infinite;
}
h1 {
   font-size: 20px;
   text-align: center;
   text-shadow: black 0px 0px 5px, black 0px 0px 10px, black 0px 0px 15px, black 0px 0px 20px, black 0px 0px 30px, blue 0px 0px 40px, blue 0px 0px 50px, blue 0px 0px 75px;
}

.profile .url-info {
border: 7px double #fff;   
}
.profile .contact {
    border: 7px double #fff;   
}
.profile .table-section {
border: 7px double #fff;   
}
.heading {
   text-align: center;
   font-size: 14.5px;
   margin: 10px;
   text-shadow: 0 0 15px black, 0 0 10px blue;
}
button {
   background: linear-gradient(0deg, grey 0%, lightblue 50%, white 50%, white 100%);
   border: 1px solid #fff;
}
button:hover {
   background: #00d9ff; 
   box-shadow: inset 0px 0px 9px 1px rgba(0, 0, 0, 0, 0.5);
   border: 1px solid #fff;
}
input {
   background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
   border: 1px solid #fff; 
}
.count {
   color: black;
}

a:hover {
   color: black;
   font-weight: bold;
}
::selection {
   background: rgba(255,122,195,0.6);
   color: #000
}
.online {
   content: url(https://i10.glitter-graphics.org/pub/2115/2115990hjhdyc6bpf.gif);
}

.logout-btn {
   font-family: "Courier";
}



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