Loving skulls layout

Tags: black, white, teal, skulls, compact, simple, layout

Description:

Hello Everyone! I hope you like this compact layout I created! :) Please let me know in the comments if you decide to use this layout! Enjoy :D (Also if you have any requests feel free to let me know & i'll do my best! or wanna request a personal layout? check out my blog on my profile) also add me if you like,i enjoy having new friends :D

Preview:

Code:

<!-- (c) Layout created by Kristine♡ (https://layouts.spacehey.com/layout?id=37459) --> <style> @import url('https://fonts.cdnfonts.com/css/bakilda-histori?styles=157336'); /* ===== Scrollbar CSS ===== */ /* Firefox */ * { scrollbar-width: auto; scrollbar-color: #ffffff #000000; } /* Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { background: #000000; } *::-webkit-scrollbar-thumb { background-color: #07ccae; border-radius: 10px; border: 3px solid #ffffff; } body{ background-image: url('https://images2.imgbox.com/75/64/8IDEhga5_o.jpg'); background-repeat: repeat; background-position:center; background-attachment: fixed; background-size: 630px; background-color: #ffffff; } main{ background-color: #000000; background-image: url(''); background-repeat: repeat; background-position:undefined; background-attachment: fixed; background-size: auto; border: 1px Solid #000000; } .blurbs{ background-color: #000000; border: 1px Solid #000000; } .contact, .url-info, .table-section, .blurbs, .friends, .comments { background-color: #000000; border: 1px Solid #000000!important; } .top{ background-color: #000000 !important; } .links{ background-color: #000000!important; text-align: Center; a{color: #07ccae !important;} } footer{ background-color: #000000 !important; } footer { border-radius: 15px; color: #fff !important; display: block !important; } .online{ font-size:0 !important; } .online:before{ color:#07ccae; content: "currently"; font-size:.8rem; } .online:after{ color:#07ccae; content: "Online"; font-size:.8rem; font-weight:bold; animation: blinker 1s linear infinite; } .online{ animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } span[itemprop='name'] { color: #ffffff; font-size: 15pt; font-weight: bold; font-family: 'Bakilda Histori', sans-serif; } h4 { color: #ffffff; font-size: 10pt; font-weight: bold; text-align: Center; font-family: 'Bakilda Histori', sans-serif; letter-spacing: -1.0px; padding-bottom:0px; padding-top:0px; padding-right: 3px; text-shadow: 0 0 0px ######; border-radius: 3px; background:#333333; border-radius:15px; border: 2px solid #07ccae; background-image: url('') !important; background-attachment: scroll !important; background-repeat: NO-REPEAT !important; background-position: CENTER !important; background-size:auto !important; } h4::first-letter { color: #ffffff; } .section h4, .details-table td:first-child { color: #07ccae!important; font-size: 13pt; font-weight: bold; font-family: 'Bakilda Histori', sans-serif; text-align: Center; } a, .count { color: #07ccae; font-size: 10pt; font-family: Monospace; } a:hover { color: #333333; font-size: 10pt; font-weight: bold; font-family: Monospace; } body,main { color: #ffffff; font-size: 10pt; font-family: Sans-Serif; } .details-table td, .details-table td:first-child{ background: none!important; } .heading{ background: none!important; } .comments-table td{ background: none!important; } </style> <style> .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 Favorites */ content: "" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* Forward 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 to Group */ content: "" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* Report Profile */ content: "" } .top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important; } </style> <style> /*Hiding codes*/ .blurbs .heading{display: none !important;} .profile-info{display: none !important;} .contact .heading{display: none !important;} .table-section:nth-child(6){display: none;} .table-section:nth-child(7) {display: none;} .friends:not(#comments.friends) {display: none;} .comments-table{display: none !important;} .blog-preview{display: none !important;} </style> "About Me Goes Here" <h4>Make your own header</h4> "Contents here" (Blurb section does scroll & you can use this "h4" "/h4" in your who id like to meet section as well. <h4>Make your own header2</h4> "Contents here" (Make as many of these as you wish)

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.