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

bldzl2vr	1701707023 USING DISSS :3333 Report Comment
gumball	1701040428 using!! Report Comment
Milk	1700099012 Using!! Thank you smmmmmm Report Comment
Acadian3	1699748944 Will be using!!! :D Report Comment
aqua	1699132268 Using! Report Comment
Bats (Finn)	1697992682 Using!! Report Comment
veinette	1697389269 using!!! Report Comment
4ndy_R0se	1694396111 ¡Usando!! Report Comment
lev	1693037973 using! Report Comment
Camp!	1691895971 Dis is da bomb dawg!!! Using!!! Report Comment
aid xb	1689604579 USINg :) Report Comment
st4rlee	1688936773 using Report Comment
Kerøsene	1688861396 sweeeeeeeet stuff, def using it Report Comment
Saya/Cosette	1686957459 Using!! Report Comment Yay! Thank you! :D by R0gU3_K3y5; 1687005187; Report
☆Zorina☆	1686883381 Using it:)))) thank youuu!!!! Report Comment You're welcome! Thanks for using it! by R0gU3_K3y5; 1687005172; Report No problemmm by ☆Zorina☆; 1687017244; Report
charli	1686693699 very cool! good job :D Report Comment Let's all love Lain! by R0gU3_K3y5; 1687005154; Report let's all love lain!! by charli; 1687036827; Report
foka83	1686598657 using ty ;3 Report Comment
꧁•⊹٭Margo٭⊹•꧂	1686520714 THIS IS PERFECT! using!! Report Comment
sev	1684523738 using! Report Comment THANKS! :D by R0gU3_K3y5; 1687005117; Report
Neo	1682798395 using this, it’s perfect! Report Comment Aww! No you're perfect! :D by R0gU3_K3y5; 1687005090; Report