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

𝙎𝙞𝙡𝙫𝙚𝙧	1749365218 Usingg Report Comment
saelfish	1747671595 using xD Report Comment
saelfish	1747671592 using xD Report Comment
Yami	1745548676 using!! :3c Report Comment
doom	1745098970 this is lowk good is there a chance u make a edgerunners one? Report Comment
アン	1744254189 Using! Report Comment
FizzySweet	1740523112 usingg Report Comment
★~✮Rocky✮~★	1738571335 Using Report Comment
Axon_mp3	1737883316 using Report Comment
_CharlieCantCook_	1725315489 using! Report Comment
San	1724274507 this is the coolest thing ever usingg Report Comment
Aethers Stan acc	1721810411 usingg Report Comment
madmax101901	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
Space Technician	1703412056 usingggggggg Report Comment