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

Smackarino	1773072589 Using!! Report Comment
avli	1771921324 using Report Comment
donn1edark0	1771604734 using ty Report Comment
The cyberpunk shapeshifter	1770997866 Using! Report Comment
43rr0w	1768827626 NEVER FADE AWAY CHOOM Report Comment Where do I put which part? by KainathEvan; 1769027756; Report
CrisisInACan	1761646863 im using it! :3 Report Comment
☆INKSPIT☆	1761605001 using!! <3 Report Comment
<Xxริอิซ101xX>	1760593473 using Report Comment
Sophie	1753742403 using! Report 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
Ann	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