riddler layout

Tags: dc

Description:

i made this to copy the rata alada website but i guess it kinda looks like any retro theme oops!!!! still have fun hohoho

Preview:

click on the image for a larger preview

Code:

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

<style>

/* Gen Body Settings */

.container {
  border: 1px #2EFA03; 
}

main {
    text-transform: uppercase;
    background-color: black;
    color: #2EFA03;
}

body {
 background: #0c0c0c; 
}

.icon {
    height: 1em;
    width: 1em;
}
/* Profile Settings */

.details-table td {
  background-color: black;
  color: #2EFA03;
} 

.details-table td p {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color: #2EFA03;
} 

.details-table td:first-child {
  background: black;
  text-align: center;
  text-shadow: #2EFA03 0px 1px 2px;
  width: 30%;
  box-shadow: #2EFA03 0px 1px 2px 2px inset;
  color: #2EFA03;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
}

.profile .contact .heading h4, .profile .table-section h4 {
  font-weight: bold;
}

.profile .contact, .profile .table-section, .profile .url-info {
    border: 0;
}

.profile .contact .inner, .profile .table-section .inner {
    border: #2EFA03 1px solid;
    
}

.profile-info {
  border: 0;
  margin: 0;
  padding: 0;
}

.profile-info h3 {
  font-weight: bold;
  font-size: 11px;
  color: #2EFA03;
  margin: 0;
}

.profile h1 {
  letter-spacing: 0.3px;
  font-size: 14px;
  margin: 0;
}

.general-about .profile-pic {
 height: 100px;
 border: 1px solid #2EFA03;
 box-shadow: #2EFA03 0px 2px 2px;
}

.mood p, .profile .url-info  {
 font-size: 13px;
 font-family: Arial;
}

.mood b, .profile .url-info b{
  font-weight: bold;
  font-family: Arial;
  font-size: 0.875em;
}

.general-about .profile-pic img {
 height: 100px; 
 width: 100px;
}
/* Link Settings */
.mood a, .inner a, .friends a {
 color: #2EFA03;
 font-weight: bold;
 font-size: 13px;
 font-family: Arial;
}

.blog-preview a {
 color: #2EFA03;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial;
}

/* Nav Bar */

nav .links {
 background: black; 
 box-shadow: #2EFA03 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
}

nav .links a {
  color: #2EFA03;
  text-shadow: #2EFA03 0px 2px 4px;
  padding: 1px
}

nav .links a:hover {
  color: blue;
  background: linear-gradient(black, #2EFA03);
  text-decoration: none;
  padding-top: 0;
}

nav .links li.active a {
  color: purple; 
  font-weight: bold;
}

nav .links li:not(:last-child)::after {
  color: #2EFA03;
  text-shadow: deeppink 1px 0px 1px;
}

/* Nav Top */

nav .top {
 background: black; 
 box-shadow: #2EFA03 0px 0px 2px 3px inset;
}

/* Blurbs and Headings Settings */

.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
  border: 1px solid #2EFA03;
  border-bottom: 0;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: black; 
  box-shadow: #2EFA03 0 1px 1px 1px inset;
  color: #2EFA03;
  font-size: 11px;
  font-weight: bold;
  text-shadow: #2EFA03 0px 2px 5px;
  border: 1px solid #2EFA03;
  border-bottom: 0;
  border-radius: 2px;
}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: bold; 
}

.profile .blurbs .section h4 {
 color: #2EFA03;
 font-weight: bold;
 font-size: 13px;
 font-family: Arial;
}

.profile .blurbs .section {
 font-size: 11px; 
 font-family: Arial;
 color: #2EFA03;
}

/* Friends */
.profile .friends .person img:not(.icon){
  width: 50px;
  height: 50px;
}

.profile .inner b {
 font-size: 11px; 
 font-family: Arial;
 color: #2EFA03;
}

.profile .inner span.count {
 color: #2EFA03; 
}

.profile .friends .person p {
 font-size: 11px;
 font-family: Arial;
 color: #2EFA03;
}

.comments-table td:first-child {
  background: black;
  text-align: center;
  text-shadow: #2EFA03 0px 1px 2px;
  width: 30%;
  box-shadow: #2EFA03 0px 1px 2px 2px inset;
}
.comments-table img:not(.icon){
    border: 1px solid #2EFA03;
    box-shadow: 0px 1px 2px #2EFA03;
}

.comments-table td {
 background-color: black; 
}

button:not(.logout-btn) {
 background: black; 
 box-shadow:  0 1px 1px 1px inset;
 color: #2EFA03;
 font-size: 11px;
 font-weight: bold;
 text-shadow: #2EFA03 0px 2px 5px;
 border: 1px solid #2EFA03;
 border-radius: 2px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: black; 
 box-shadow: #2EFA03 0 1px 1px 1px inset;
 color: #2EFA03;
 font-size: 11px;
 font-weight: bold;
 text-shadow: #2EFA03 0px 2px 5px;
 border: 1px solid #2EFA03;
 border-radius: 2px;
 padding: 2px;
} 

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

JJ	1760162840 using!! super cool btw >:D Report Comment
Kiwi	1749668236 using love itttt <3 Report Comment
Aldo	1745789984 using Report Comment
appalled_user	1740338132 using B) Report Comment
Bagelbugz.exe	1734748470 USING!! ^^ Report Comment
>>truculentAnomaly	1731723986 >>using, love this sm!!!!! Report Comment
Lain !!	1731200692 using !! Report Comment
📼Charlies-Atrocities📼	1724789504 gonna try thiss!! Report Comment
kaden o_o	1723440841 using Report Comment
gloomnd00m	1721307873 I'm like two years late but!! using! It looks awesome Report Comment
angelic	1706244589 IM GOING TO USE THIS SM TYSM Report Comment
MaxxHasAComputer	1654369884 IL BE USING THIS THANKS YOU Report Comment
Skid	1650425389 MARRY ME/j Report Comment
kris	1650250822 THSI IS AWESOME IM TOTALLY USING THIS THANK YOU SO MUCH Report Comment UR WRLCOME OMG :-)))) by violet; 1651690504; Report
ectoBiologistt	1649703538 100% USING THIS Report Comment
Rigby	1648618401 OMG THIS LOOKS SO COOL WILL DEF BE USING THIS THANK YOU! Report Comment