/* BODY RELATED */
main {
border-radius: 30px;
border: 12px solid black;
background-color: rgb(227, 50, 148);
}
main .left, main .right {
color: white;
text-shadow: 0px 0px 4px black;
}
body{
background: url(https://64.media.tumblr.com/acc3003c2530c666dfb5dd58f8d50554/0272bd6774f950e4-a5/s400x600/552fd847ba9244c0908e814c382e445879569715.gifv);
background-attachment: fixed;
}
footer {
background-color: transparent;
color: #ffffff;
}
nav {
background-image: url(https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
background-attachment: fixed;
color: #ffffff;
font-family: 'potta one' cursive;
border-radius: 12px;
}
nav .links {
background-color: rgba(0, 0, 0, 0.3);
font-family: 'Potta One' cursive;
color: #ffffff;
text-shadow: 0 0 5px #000000 !important;
font-size: max(11px) !important;
}
nav .links a {
text-shadow: 0 0 5px #000000 !important;
font-size: max(11px) !important;
}
.edit-info {
background-image: url(https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
background-attachment: fixed;
border: 2px solid rgb(227, 50, 148);
border-radius: 12px;
box-shadow: 0px 0px 10px white;
}
.general-about {
background-image: url(https://external-media.spacehey.net/media/sGlv3F9LhayzbgM1AQZq9OUt1VWC-LCjnmWwX-0S4QZA=/https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
background-attachment: fixed;
padding: 20px 0px 20px 20px;
border-radius: 10px;
box-shadow: 0 0 10px #ffffff;
margin-bottom: 12px;
text-align: center;
border: 2px solid rgb(227, 50, 148);
}
.profile .contact, .profile .url-info, .profile .table-section, .profile-info, .profile .blurbs .section :nth-child(2), .profile .friends .inner, .as {
background-image: url(https://external-media.spacehey.net/media/sGlv3F9LhayzbgM1AQZq9OUt1VWC-LCjnmWwX-0S4QZA=/https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
background-attachment: fixed;
border: 2px solid rgb(227, 50, 148);
border-radius: 10px;
box-shadow: 0 0 10px #ffffff;
}
.profile .contact .heading, .profile .table-section .heading {
padding: 2px 2px 6px 2px;
text-align: center;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.profile .blurbs .section :nth-child(2){
padding: 20px;
}
.profile .friends .inner {
margin-bottom: 12px;
}
/* COMMENTS RELATED */
.comments-table{
display: block;
max-height: 600px;
overflow: scroll;
Border-radius: 15px;
border: 2px solid rgb(227, 50, 148);
text-shadow: 0px 0px 4px #000000, 0 0 25px #000000, 0 0 3px #000000;
box-shadow: 0px 0px 15px #ffffff;
background: #ff4fb0;
}
.comments-table td, .comments-table td:first-child {
padding: 10px;
}
.comment-replies {
border: 2px solid rgb(227, 50, 148);
border-radius: 12px;
margin: 0px 0px 10px 0px;
}
.comments-table .pinned{
color: white;
text-shadow: 0px 0px 4px black;
font-family: 'potta one';
}
/* IMAGE RELATED */
img {
border-radius: 12px;
border: 2px solid rgb(227 50 148);
box-shadow: 0px 0px 10px white;
}
.general-about .profile-pic img, .profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
border-radius: 12px;
border: 2px solid rgb(227 50 148);
box-shadow: 0px 0px 10px white;
}
.online {
color: transparent;
font-size: 0px;
}
.online img {
content: url("https://files.catbox.moe/p7cwwk.gif");
animation-name: none;
visibility: visible;
height: 53px;
width: 110px;
img-align: left;
border: 0px;
box-shadow: 0px 0px 0px;
}
.icon {
width: 0em;
border: 0px;
}
nav .top .left .logo {
border: 0px;
box-shadow: 0px 0px 0px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://i.imgur.com/mTrHS0l.png");
}
/* CURSOR RELATED */
/* resting (normal cursor) */
* {
cursor: url(http://www.rw-designer.com/cursor-view/167433.png), auto;
}
/* i-beam (interacting with text) */
input {
cursor: url(http://www.rw-designer.com/cursor-view/167430.png), auto;
}
/* (links) */
a {
cursor: url(http://www.rw-designer.com/cursor-view/167427.png), auto;
}
button {
cursor: url(http://www.rw-designer.com/cursor-view/167427.png), auto;
}
.logout-btn {
cursor: url(http://www.rw-designer.com/cursor-view/167427.png), auto;
}
/* INTERESTS TABLE LABELS */
.details-table tr td:first-child p::after{
color: white !important;
letter-spacing:normal !important;
text-shadow: 0px 0px 6px black !important;
filter: brightness(100%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p::after{
content: var(--topic7);
}
.w-40 .table-section:last-child .heading::after{
content: var(--mylinks); color:black !important; text-shadow: 0px 0px 6px white !important; font-family: 'potta one' !important;}
.w-40 .table-section:nth-last-child(2) .heading::after{
content: var(--mytopics); color:black !important; text-shadow: 0px 0px 6px white !important; font-family: 'potta one' !important;
}
.w-40 .contact .heading::after{
content: var(--myactions); color:black !important; text-shadow: 0px 0px 6px white !important; font-family: 'potta one' !important;}
.w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -1000px; font-family: 'potta one';}
.w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -1000px; font-family: 'potta one';}
.w-40 .contact .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -1000px; font-family: 'potta one';}
/* ROOT RELATED */
:root {
--logo-blue: transparent;
--darker-blue: white;
--lighter-blue: rgb(227, 50, 148);
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: black;
--light-orange: rgb(227, 50, 148) !important;
--even-lighter-orange: #ff4fb0;
--green: white;
--table-header: #white;
--table-color: white;
--link-text: white;
--main-text: white;
}
/*Change the words in the " " to change the labels on your profile*/
:root {
--topic1: "General";
--topic2: "Music";
--topic3: "Movies";
--topic4: "Television";
--topic5: "Books";
--topic6: "Heroes";
--myactions: "Contact";
--mytopics: "Interests";
--mylinks: "Links";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}