street layout

Tags: personal, orange, gray, grey, garbage
Description:

mainly published for preserving reasons
no idea how to describe the theming of the layout
Preview:

click on the image for a larger preview
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
p{
font-family: 'Black Ops One', cursive;
font-size: 14px;
color: black;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
h1,h2,h3,h4{
font-family: 'Black Ops One', cursive;
font-size: 17px;
-webkit-font-smoothing: none !important;
font-smooth: never;
}  
* {cursor: url(http://www.rw-designer.com/cursor-view/11983.png), url(http://www.rw-designer.com/cursor-view/11983.png), auto !important;  image-rendering: pixelated;
}
body {

background-image: url(https://i.ibb.co/CWgPJpb/1672312590-kalix-club-p-tekstura-deformatsii-oboi-59-1.jpg); 
}

img { filter:  brightness(93%); image-rendering: pixelated;} 

main{
     
background-image: url('https://st3.depositphotos.com/11082504/14769/i/450/depositphotos_147692881-stock-photo-metallic-old-wall-garage-door.jpg') !important;
border: 5px solid DimGray;
}
.container{
   
width: 1000px !important;
box-shadow: 3px 1px 20px black !important;       
}
::-webkit-scrollbar {
width: 20px;
height: 6px;
}
::-webkit-scrollbar-thumb {
background: DimGray;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);   
}
a:link {
font-weight: 900;
color: black;
background-color: transparent;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
a:visited {

font-weight: 900;
color: black;
background-color: transparent;
text-decoration: none;
-webkit-font-smoothing: none !important;
font-smooth: never;
}

a:hover {
font-weight: 900;
text-transform: uppercase;
color: black;
text-decoration: underline wavy;
background-color: transparent;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
a:active {

font-weight: 900;
color: white;
background-color: transparent;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
.profile .blurbs .section h4{
        
background-color: #cf8817 !important;
color: black !important;
border: 5px DimGray !important;
font-smooth: never;       
}
footer{
background: silver;       
}
li.active .icon { 
content:url("https://supplies.ju.mp/assets/images/tiny1/24796272.gif?v=73b3273e"); 
width: 20px;
height: 10x;
image-rendering: pixelated;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background-color: DimGray;
}
.table-section .heading{

color: black !important;
-webkit-font-smoothing: none !important;
}
.table-section{
border: 5px solid DimGray !important;
background-color: silver;
}
.special-icon{
 filter: brightness(0);
height: 42px !important;
}
.logo {
   filter: brightness(0);
  content: url(https://i.ibb.co/f1gcmwQ/logo-optimized.png);width: 165px !important;height: 42px !important;}
image-rendering: pixelated;
}
table.details-table{       
border: 5px solid DimGray !important;          
}
:root {
--lightest-blue: silver;
--even-lighter-blue: #cf8817;
--light-orange: DimGray;
--even-lighter-orange: silver;
}
.profile .details-table td{

border: 0px solid DimGray!important;   
}
footer{
border: 5px solid DimGray!important;   
}
button {
color: black;
background-color: silver;
font-family: 'Black Ops One', cursive;
-webkit-font-smoothing: none !important;
font-smooth: never;
border: 3px solid black;
}
h1{
font-size: 40px !important;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
::selection {
color: rgba(0, 0, 0, 0.7);
background: rgba(207, 136, 23, 0.7);
}
.url-info{
        
border: 5px solid DimGray !important;       
}
.blog-preview{

background: silver;
border: 5px solid DimGray;
}
.blog-preview h4 {

background-color: DimGray;
padding-left: 5px;
margin: 0px;
}
.blog-preview a{
        
color: black !important;
-webkit-font-smoothing: none !important;
font-smooth: never;       
}
.blurbs{

background: silver;
  border: 5px solid DimGray;
  border-top: 0px solid DimGray;
}
.blurbs .heading{

background-color: DimGray !important;
border: 5px DimGray!important;
color: black !important;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
.friends{
border: 5px solid DimGray;
border-top: 0px solid DimGray;
background-color: silver;
}
.friends .heading{

vertical-align: bottom;
background-color: DimGray !important;
color: black !important;
  -webkit-font-smoothing: none !important;
font-smooth: never;
}
.friends .heading .more{

text-align: center;
font-family: 'Black Ops One', cursive;
font-weight: bold;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
.friends-grid{
background: silver;
}
.friends-grid img{
border: 3px solid black;
}
.friends b{
        
color: black !important;
background-color: #cf8817;
}
.profile .friends .person p{
 color: black!important;
  -webkit-font-smoothing: none !important;
font-smooth: never;
}

 .count, .friends a p {
     color: black;
  -webkit-font-smoothing: none !important;
font-smooth: never;
} 
.url-info{
display: none !important;
}
.online{filter: brightness(0);
}
nav .top{
background-color: silver;
}
.top{
background-color: silver;
font-family: 'Black Ops One', cursive;
color: black;
font-weight: bold;
-webkit-font-smoothing: none !important;
font-smooth: never;
border: 5px solid DimGray !important;       
    }
.top a{

  font-family: 'Black Ops One', cursive !important;
  color: black;
  -webkit-font-smoothing: none !important;
font-smooth: never;
}
    .top input{        

background-color: black !important; 
color: white;
border: 3px solid black;
-webkit-font-smoothing: none !important;
font-smooth: never;

    }
a{
text-shadow: 0 0 0 !important;
}
.logout-btn{
  font-family: 'Black Ops One', cursive !important;
  color:black;
font-weight: bold;
  -webkit-font-smoothing: none !important;
font-smooth: never;
}
.links{
background-color: #cf8817 !important;
border-left: 5px solid DimGray !important;   
border-right: 5px solid DimGray !important;   
}
.links a{

font-family: 'Black Ops One', cursive;
color: black !important;
font-size: 14px !important;        
-webkit-font-smoothing: none !important;
font-smooth: never;
}
.links a:hover{
        
color: black !important;
font-size: 14px !important;
text-decoration: underline;
text-decoration-style: wavy!important;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
.contact .heading {
background: DimGray !important;
text-align: center; text-decoration: italic;
color: black!important;
font-size: medium;
font-family: 'Black Ops One', cursive;
border: 5px DimGray!important;
border-top: 0px solid DimGray;
-webkit-font-smoothing: none !important;
font-smooth: never;
}
.contact {
background-color: silver;
background-repeat: repeat;
Width: 360px;
Height:100px;
border: 5px solid DimGray!important;
border-top: 0px solid DimGray;
}
.contact a {
  color: black;
  font-family: 'Black Ops One', cursive;
  text-decoration: italic;
  font-size: 11px;
  -webkit-font-smoothing: none !important;
font-smooth: never;
}
.contact .inner a img {margin-right: -2px;
        font-size: 0;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* add to friends */
    content: url("https://www.allsmileys.com/files/kolobok/fool/2.gif");
image-rendering: pixelated;
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* add to favorites */
    content: url("https://www.kolobok.us/smiles/artists/fool/shy2.gif");
image-rendering: pixelated;
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* send Message */
    content: url("https://www.kolobok.us/smiles/artists/fool/shy.gif");
image-rendering: pixelated;
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* forward to friend */
    content: url("https://www.allsmileys.com/files/kolobok/fool/7.gif");
image-rendering: pixelated;
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    /* instant message */
    content: url("https://www.allsmileys.com/files/kolobok/fool/1.gif");
image-rendering: pixelated;
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
    content: url("https://www.allsmileys.com/files/kolobok/fool/16.gif");
image-rendering: pixelated;
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
    content: url("https://www.allsmileys.com/files/kolobok/fool/24.gif");
image-rendering: pixelated;
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
    content: url("http://pics.wikireality.ru/upload/c/c8/Fool-zzz.gif");
image-rendering: pixelated;
    } 
.pinned{content: url(https://biscuit.crd.co/assets/images/gallery01/2b835bdf.gif?v=532faf5f);
image-rendering: pixelated;
width: 16px;
height: 16x;
}
.comment-replies{
border: 3px solid black !important;
}
.profile .friends .comments-table td {

border: 3px solid DimGray!important;  
}
.comments-table td*{
}
.profile .comments-table{

border: 5px solid DimGray!important;
}
.comments-table td:first-child img{
border: 3px solid black;
}
    .profile-info{
         
background-color: DimGray !important;
border: 0px red;   
        
    }
    .profile-info a{

color: black !important;
  -webkit-font-smoothing: none !important;
font-smooth: never;  
}
.details-table, td {
border: 0px solid red;
border-collapse: collapse;
}  
.comments-table .report .icon{ content: url(https://xyz.crd.co/assets/images/gallery03/a1cc553c.gif?v=b8c10f81) !important;
}
time.ago {
color: black;
}
.pfp-fallback{
border: 3px solid black;
}
.table-section .inner .details-table tr:nth-child(2) td:nth-child(1) img {
content: url(https://i.ibb.co/WcQnM39/image-1.png);
</style>
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 3 of 3 comments ( View all | Add Comment )
sophie୨ৎ
1718746171
this layout actually slaps
Report Comment
SIVIUS
1704828817
This shit is iconic man
Report Comment