Cyberpunk 2077

Tags: cyberpunk, cyberpunk2077, city, night, blue, night city

Description:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⁅sock⁆ (https://layouts.spacehey.com/layout?id=18265) -->

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

<style>


/*Intro GIF Animation (fade out)*/
  body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('https://media4.giphy.com/media/SUcnmocyRKkfSil9xd/giphy.gif?cid=ecf05e47bicdnczhkj5svdug5pbyoevwi9tszzejk2z5eidy&rid=giphy.gif&ct=g'); /*gif link here*/
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 2s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

/*whole body changes*/ 
  body {    
    background-image: url(https://i.pinimg.com/564x/a8/c8/e9/a8c8e929af0d0f44f11386705b635a22.jpg);/*background for whole page*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Courier New', monospace;
    height: 100%;
    color: #1ff4ff;
    h1: #1ff4ff;
    h2: #1ff4ff;
    h3: #1ff4ff;
    h4: #1ff4ff;
    li: #1ff4ff;
  }

/*top search bar customisation*/
  .search-wrapper input[type=text] {
    background-color: rgba(194, 0, 0, 0.52) !important;
    border: 1px dotted var(--headers) !important;
    color:var(--names) !important;
    border-radius: 10px !important;
  }
  button{
    border-radius: 10px !important;
    border: 1px dotted var(--headers) !important;
    font-family: var(--font-family) !important;
    background-color:rgba(194, 0, 0, 0.52) !important;
    color:var(--headers) !important;
  }

/*top header customisation*/
  nav{
    background-color:var(--box_color_and_seethru); !important;
    border-radius: 0px 0px var(--curve) var(--curve); !important;
  }
  nav ul{
    background:none !important;
    font-size: 10px;
  }
  nav ul a img, .mood a img{
    display:none !important;
  }
  .top{
    background-image:url("https://media0.giphy.com/media/JTheOT8fz6vMzQeFmB/giphy.gif?cid=ecf05e470z82w50e4eu101dyzru76e46q6u9ivcgel8v6yh4&rid=giphy.gif&ct=g") !important;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.8); !important;
  }

/*gets rid of URL info box*/
  .url-info{
    display:none !important;
  }

/*changing color of links in mood box*/
  .mood a{
    color:#1ff4ff;
  }

/*gets rid of white background behind center of page*/
  main{
    background: rgba(0, 0, 0, 0) !important;
  }

/*changing background of profile & changing general text to white*/
  .profile {
    background:rgba(21, 23, 26, 0.95);
    color: #1ff4ff;
  }

/*customising contact box*/
  .profile .contact .heading{
    background:#c20000;
    text-align: center;
  }
  .profile .contact {
    border-radius: 15px;
    border:2px solid rgba(0, 0, 0, 0);
    background-image: url(https://media0.giphy.com/media/Eqz8ZFUScPHH2/giphy.gif?cid=ecf05e476x7gwsiscw886je2u8lb7yiu0yzbxat7s0zng12h&rid=giphy.gif&ct=g);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    Height:180px;
    color: #1ff4ff;
    text-shadow: 1px 1px 2px black, 0 0 25px Blue, 0 0 3px Darkblue;
  }
  .contact a{
    color: #1ff4ff;
  }
  .contact a:hover{
    color: #c20000;
  }

/*customising interests box*/
  .profile .table-section{
    border:2px solid #1ff4ff;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#1ff4ff;
    border: 1px solid #1ff4ff;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
  .profile .table-section .details-table td:first-child{
    background: rgba(0, 0, 0, 0);
    width: 10%; /*gets rid of interest category column*/
  }
  .profile .table-section .details-table td:first-child p{
    color: rgba(0, 0, 0, 0);
    font-size: 1px; /*gets rid of interest category text*/
  }

/*customising header text for interest titles*/
  .list-heading{
    color:#8d36ff;;
    font-family: 'Courier New', monospace;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    text-align:center;
  }

/*getting rid of the blurbs headings cause I dont like them*/
  .profile .blurbs .heading{
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    text-size: 1px;
    height: 2px;
  }
  .col.right .heading h4{
    color:  rgba(0, 0, 0, 0);
    text-size: 1px;
  }
  .profile .blurbs .section h4 {
    display: none;
  }

/*changing font size and centering it for stuff on right side of page*/
  .profile .blurbs .section p {
    font-size: 15px;
    text-align: center;
  }

/*changing color of links on the right side of the page*/
  .col.right a{
    color: #c20000;
  }    

/*customising friend space heading*/
  .profile .friends .heading{
    background: #1ff4ff;
    color: #1ff4ff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #ffff;
    text-shadow: 1px 1px 2px black
  }

/*making the comments section have a scroller*/
  .comments-table{
    display: block;
    height: 380px;
    overflow-y: scroll;
    Border-radius: 15px;
    background-color: rgba(21, 23, 26, 1);
  }

/*customising comments section*/
  .comments-table td:first-child{
    background-color: rgba(21, 23, 26, 1);
  }
  .comments-table td:first-child a{
    color: #c20000;
  }
  .comments-table td:first-child a:hover{
    color: #ffffff;
  }
  .comments-table td{
    background-color: rgba(21, 23, 26, 1);
  }
  .comments-table td a{
    color: #8d36ff;
  }
  .comments-table td a:hover{
    color: #ffffff;
  }
  

/*customising the footer of the page*/
  footer{
    background:rgba(21, 23, 26, 0.6);
    a: #ffffff;
    color: #ffffff;
  }
   .online {
        content: url("http://img3.coolspacetricks.com/images/myspaceicons/114.gif");
}
</style>


<p> <!--main about me text-->
<br/> <!--line break for space--></p>

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

☆SwagRaccooon☆	1713790994 Using! I give my thanks! Report Comment
PixelCarbon1997	1711028912 using :) Report Comment
Hyerein	1709324758 Using! Report Comment
Hyerein	1709324758 Using! Report Comment
Aphrevanux	1708505867 God this is my favorite layout Report Comment
dalia	1705629435 Using!!!!!!!!!! Report Comment
Reece	1703451945 Using! Report Comment
Space Technician	1703412056 usingggggggg Report Comment
un❕k⨂rn	1701295873 USING Report Comment
PASSPORT?	1700855286 using :33 Report Comment
JR5 <3	1700671879 Using! :3 Report Comment
-.-cryptic-.-	1695409028 using! Report Comment
Seiya	1683779371 Based. Report Comment
PliosOne	1683305473 This looks awesome! I'm using it. Thank you. Report Comment
_Matcha_	1680865884 IM USING THIS Report Comment
tay	1670948447 fuck yeah! im so using this Report Comment
Kaaayyy	1642655271 Very clean and legible layout while also being a cool cyberpunk look! Report Comment thx! by ⁅sock⁆; 1642689177; Report