Blue Lightning Layout

Tags: blue, lightning, layout

Description:

Hello Everyone! I hope you like this 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!) 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=36386) --> <style> @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); /* ===== Scrollbar CSS ===== */ /* Firefox */ * { scrollbar-width: auto; scrollbar-color: #0076a8 #000000; } /* Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { background: #000000; } *::-webkit-scrollbar-thumb { background-color: #0076a8; border-radius: 10px; border: 3px solid #ffffff; } body{ background-image: url('https://images2.imgbox.com/41/c0/JrmJEnXV_o.jpg'); background-repeat: repeat; background-position:undefined; background-attachment: fixed; background-size: auto; background-color: #ffffff; border: 0px solid #9200d6; } main{ 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; } footer{ background-color: #000000 !important; } .online{ font-size:0 !important; } .online:before{ color:blue; content: "<3"; font-size:.8rem; } .online:after{ color:blue; content: "Online"; font-size:.8rem; font-weight:bold; animation: blinker 1s linear infinite; } .online{ animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } h1 { font-size: var() !important; line-height: 23px; font-family: arial; font-weight:bold; text-transform: uppercase; letter-spacing: -1.5px; color:#ffffff; text-align:center; padding-bottom:0px; padding-top:0px; padding-right: 3px; text-shadow: 0 0 0px ######; border-bottom: solid 1px #0076a8; border-left: solid 15px #0076a8; border-right: solid 2px #0076a8; border-radius: 3px; background:#222222; background-image:url("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"); background-position: center; margin-top: 5px; } h1::first-letter { color: #0076a8; } h4 { font-size: var() !important; line-height: 23px; font-family: arial; font-weight:bold; text-transform: uppercase; letter-spacing: -1.5px; color:#ffffff; text-align:center; padding-bottom:0px; padding-top:0px; padding-right: 3px; text-shadow: 0 0 0px ######; border-bottom: solid 1px #0076a8; border-left: solid 15px #0076a8; border-right: solid 2px #0076a8; border-radius: 3px; background:#222222; background-image:url("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"); background-position: center; margin-top: 5px; } h4::first-letter { color: #0076a8; } .section h4, .details-table td:first-child { color: #0076a8!important; font-size: 10pt; font-family: Monospace; } a, .count { color: #0076a8; font-size: 10pt; font-family: Monospace; } a:hover { color: #ffffff; font-size: 10pt; font-weight: bold; text-decoration: underline; 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> .comments-table{display: none !important;} .blurbs .heading{display: none !important;} .table-section .heading{display: none !important;} .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: "" } </style> <h1>TO ADD MULTIPLE HEADING'S </h1> Use this HTML to make your own heading,aside from "about me" & "who id like to meet"

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.