R0gU3_N3t

Tags: retro, cyber, hacker, r0gu3, simple, blue, black, grey, purple, pink

Description:

This is a design I ported over from my Neocities page. I really hope you enjoy it!
PS: You can also take the code and use it across the entire website if you have a browser plugin that supports custom CSS.

Preview:

click on the image for a larger preview

Code:

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

<style>
* {
    cursor: url(https://r0gu3.neocities.org/img/utility/r0gu3_net-cursor.cur), auto !important;
}
body {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 14px;
    background: url(https://r0gu3.neocities.org/img/utility/crossgrid.png) fixed repeat top #000000;
}

h1 {
    color: #b266ff !important;
}

h2 {
    color: #E6DB74 !important;
}

h3 {
    color: #61ce3c !important;
}

h4 {
    color: #E6DB74 !important;
}

p {
    color: #29bcf2 !important;
}

em {
    color: #E6DB74 !important;
}

b {
    color: #E6DB74 !important;
}

.edit-blog-entry label,
.edit-group label {
    color: #337ab7;
}

.edit-info {
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #c80b63 !important;
}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}
.logo {
    filter: sepia(100%) hue-rotate(0deg) saturate(20);
}
#q,
button {
    color: #F92672 !important;
    background-color: black;
    border: 1px solid #F92672 !important;
    font-family: inherit;
}
p,
i,
.count {
    color: #008080 !important;
}
a,
.profile .friends .person p,
.logout-btn {
    color: #7b68ee !important;
    text-decoration: underline !important;
}
.container {
    margin: 0 auto 0;
}
.icon {
    display: none;
}
nav,
nav .links a {
    color: #c80b63;
}
nav .top {
    margin-top: 2px;
    background: none;
    background-color: #1A1A1A;
    border: solid 1px #2B9BC5;
    border-radius: 0px !important;
    box-shadow: 3px 7px #2b9bc5;
    border-bottom: none;
}
nav .links {
    background-color: #1A1A1A;
    border: solid 1px #2B9BC5;
    border-radius: 0px !important;
    box-shadow: 3px 7px #2b9bc5;
    margin-bottom: 20px;
}
main {
    background-color: #1A1A1A;
    border: solid 1px #2B9BC5;
    border-radius: 0px !important;
    box-shadow: 3px 7px #2b9bc5;
}
.heading,
.url-info {
    color: #61ce3c !important;
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #c80b63 !important;
}
.inner {
    color: #61ce3c !important;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #c80b63 !important;
}
.profile-info {
    border: 2px solid #008080;
}
.profile-info .inner {
    border: none;
}
.friends .inner {
    border-bottom: none;
}
#comments {
    border-bottom: 2px dotted #008080;
}
.profile .contact,
.profile .table-section,
.home-actions {
    border: none !important;
}
.profile .contact .f-row:first-of-type {
    margin-top: 0px;
    padding-top: 7px;
}
.profile .blurbs .section h4 {
    color: #b266ff !important;
}
.details-table {
    margin: 2px;
    border-spacing: 10px;
}
.details-table,
td {
    background-color: #1A1A1A !important;
    border: solid 1px #008080 !important;
    border-radius: 0px !important;
    box-shadow: 3px 5px #008080 !important;
}
.forum-table th,
.forum-table td,
.groups-table th,
.groups-table td,
.bulletin-table th,
.bulletin-table td {
    background-color: #1A1A1A !important;
    border: solid 1px #008080 !important;
    border-radius: 0px !important;
    box-shadow: 3px 5px #008080 !important;
    color: #E6DB74 !important;
}
.new-people {
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #c80b63 !important;
}
.new-people .top {
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #c80b63 !important;
}
p.success {
    background-color: #1A1A1A;
    border: solid 1px #2B9BC5;
    border-radius: 0px !important;
    box-shadow: 3px 7px #2b9bc5;
    margin-bottom: 15px;
    margin-top: 15px;
}
td {
    color: #61ce3c !important;
    background: none;
    background-color: #1A1A1A !important;
}
table.details-table {
    max-width: 98%;
}
.profile h1 {
    font-size: 2em;
}
footer {
    background-color: #1A1A1A !important;
    box-shadow: 3px 5px #008080 !important;
    border: solid 1px #008080 !important;
}
footer p {
    color: #61ce3c !important;
}
.comments-table {
    border: none;
    border-collapse: collapse;
}
.comment-replies {
    border: 1px solid #61ce3c;
    margin: 2px;
}
nav .info {
    background: none;
}
div .topic-box {
    color: #008080 !important;
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #c80b63 !important;
}
.topic-info,
.reply-info {
    border: none;
}
.reply-box {
    color: #008080 !important;
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #f9c56c !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #f9c56c !important;
    margin-bottom: 20px;
}
ul.group-actions {
    border: none;
}
ul.group-actions li {
    color: #008080 !important;
    background: none;
    background-color: #1A1A1A !important;
    box-shadow: 3px 5px #61ce3c;
    border: solid 1px #61CE3C;
    margin-bottom: 10px;
    text-decoration: none !important;
}
ul.group-actions li:hover {
    color: #E6DB74 !important;
    text-decoration: underline;
}
div {
    color: #008080 !important;
}
div .blog-entries {
    color: #008080 !important;
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #E6DB74;
    box-shadow: 3px 5px #E6DB74;
}
.blog-entries .entry {
    background: none;
    background-color: #1A1A1A !important;
}
/*div .blog-preview h4{
  font-size: 16px;
}
div .blog-preview p{
    font-size: 12px;
    font-weight: bold;
}*/
.chat-container {
    color: #008080 !important;
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    box-shadow: 3px 7px #c80b63 !important;
}
.chat-container .top-bar {
    background-color: #2b2b2b !important;
}
.chat-container .message {
    background-color: #1A1A1A !important;
    box-shadow: 3px 5px #008080 !important;
    border: solid 1px #008080 !important;
    color: #E6DB74 !important;
    margin-bottom: 5px;
}
.chat-container .self .message:before {
    display: none;
}
.chat-container .bottom-bar {
    background-color: #2b2b2b !important;
}
.conversation-entry {
    color: #008080 !important;
    background: none;
    background-color: #1A1A1A !important;
    border: solid 1px #c80b63 !important;
    border-radius: 0px !important;
    margin-bottom: 5px
}
.conversation-entry p {
    border: none;
}
.conversation-entry.active p {
    background-color: #E6DB74 !important;
}
.chat-container .other .message {
    color: #61ce3c !important
}
.chat-container .other .message:before {
    display: none;
}
.chat-container .newchat-info {
background: none;
}
.home .col.left {
background-image: none;
}
.box {
text-align: center;
color: #008080 !important;
background: none;
background-color: #1A1A1A !important;
border: solid 1px #039 !important;
border-radius: 0px !important;
box-shadow: 3px 7px #039 !important;
}
.box label {
color: #E6DB74 !important;
}
.input input{
color: #F92672 !important;
background-color: black !important;
border: 1px solid #F92672 !important;
font-family: inherit;
}
.box form table tbody tr td {
box-shadow: none !important;
}
.login_btn {
background-color: black !important;    
}
.signup_btn, .login_btn.standalone {
background-color: black !important;    
}
.info-box{
color: #008080 !important;
background: none;
background-color: #1A1A1A !important;
border: solid 1px #039 !important;
border-radius: 0px !important;
box-shadow: 3px 7px #039 !important;    
}
</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 20 of 97 comments ( View all | Add Comment )

jowyy💤	1732292828 using!!^^ Report Comment
miles	1731797492 using! Report Comment
Meloncholi	1722395944 Using this!! Thank you so much Report Comment
Nex	1721544431 using Report Comment
frog.wav	1721440208 using!! Report Comment
W8F	1720807419 using Report Comment
Aj	1720397292 Love it Report Comment
.NET	1720082287 using! Report Comment
s3w3rwolf	1718944705 using!!!!!!!!! Report Comment
junebug ! !	1717579734 Using Report Comment
75un4m1	1717521719 using! Report Comment
PainterFight	1714207925 Definitely using!! Yahoo! Report Comment
Skating_stars	1713685802 using Report Comment
NEVERMORE	1712745088 Using!! Report Comment
RORY! ♡	1712260453 using ::::3 Report Comment
ghirardelli ♪	1712111716 question, what piece of code is it that gives the layout the old TV lines kind of effect? ive been looking but i don't know Report Comment
sonotjay	1712007524 def using, this is tuff asl Report Comment
toni	1711863357 using!!!! it's peak frfr, u cooked Report Comment
CallMeSiren	1709932645 USINGGGG :3 >_< Report Comment
atouuu	1709771438 using !! Report Comment