body{ background: url(https://i.pinimg.com/474x/7f/55/e0/7f55e05582f43fb1740de3cdb737571a.jpg);
}
nav .top{ background: transparent;
}
nav .links{ background: transparent;
text-align: center;
}
nav{ background: url(https://t3.ftcdn.net/jpg/04/93/79/12/360_F_493791245_waiXds52n9dtKPltPkWOZJ4PYRlDV6rB.jpg);
filter: hue-rotate(45deg);
margin-top: 20px;
margin-bottom: 10px;
box-shadow: 6px 6px #c09f9f52, -6px -6px white;
color: #867288;
}
.logo {
filter: sepia(1) saturate(46.5) hue-rotate(266deg) brightness(1.2) drop-shadow(0px 0px 6px white);
}
button, input {
overflow: visible;
background: white;
border: 2px solid #f7c3ff;
color: #f7c3ff;
}
.logout-btn, .logout-form {
color: #867288;
display: inline-block;
font-size: 100%;
}
nav .links a {
text-decoration: none;
color: #867288;
text-shadow: 0 0 7px white;
font-size: 0.98em;
font-size: max(0.98em, 12px);
font-weight: bold;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " โ
";
color: #867288;
}
main {
background: transparent;
padding: 6px 0px;
font-size: 80%;
color: #8d7179;
font-weight: bold;
}
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background: url(https://t3.ftcdn.net/jpg/04/93/79/12/360_F_493791245_waiXds52n9dtKPltPkWOZJ4PYRlDV6rB.jpg);
box-shadow: 6px 6px #c09f9f52, -6px -6px white;
color: #867288;
padding: 2px 7px;
filter: hue-rotate(45deg);
text-align: center;
}
.general-about .profile-pic img {
max-width: 160px;
max-height: 160px;
border-radius: 100px;
border: 4px solid pink;
}
.profile .blurbs .section, .friends .inner, .contact .inner {
margin-bottom: 14px;
background: #f9f3ee;
padding: 7px;
box-shadow: 6px 6px #bead9142, -6px -6px white;
margin-top: 16px;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions{ border: none; }
.details-table td:first-child {
background: #f9f3ee;
color: #efb7c6;
font-weight: bold;
width: 33%;
box-shadow: 3px 3px #bead9142, -3px -3px white;
margin-top: 10px;
padding: 5px;
}
.details-table td {
background: #f9f3ee;
color: #efb7c6;
box-shadow: 3px 3px #bead9142, -3px -3px white;
vertical-align: top;
margin-top: 10px;
padding: 5px;
}
table.details-table {
width: 100%;
margin-top: 10px;
}
.url-info{
background: url(https://i.pinimg.com/564x/5d/eb/2c/5deb2c10521cdc0a08f3dfe2e69757fe.jpg);
height: 200px;
font-size: 0;
background-size: cover;
filter: brightness(1.2);
box-shadow: 6px 6px #bead9142, -6px -6px white;
}
.profile .mood {
width: 100%;
display: inline-block;
text-align: center;
background: #f9f3ee;
padding: 13px;
box-shadow: 6px 6px #bead9142, -6px -6px white;
margin-top: 19px;
margin-bottom: 20px;
}
.general-about {
background: #f9f3ee;
padding: 10px;
box-shadow: 6px 6px #bead9142, -6px -6px white;
}
.profile-info{
background: url(https://i.pinimg.com/564x/22/ba/0c/22ba0c0388b48304329538f7d694a478.jpg);
border: none;
filter: brightness(1.1);
font-size: 0;
height: 100px;
box-shadow: 6px 6px #bead9142, -6px -6px white;
}
.comments-table td:first-child, .music-table td:first-child {
background: #f9f3ee;
text-align: center;
font-weight: bold;
width: 38%;
}
.comments-table td, .music-table td {
background: #f9f3ee;
vertical-align: top;
}
.comment-replies {
padding: 0 5px;
border: 2px solid pink;
margin-top: 10px;
}
table.comments-table {
border: pink;
}
.comments-table td button, .comments-table td input {
border: 2px solid pink;
color: pink;
}
a {
color: pink;
text-decoration: none;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
color: #916767;
text-decoration: underline wavy;
}
nav .links a:hover {
text-decoration: underline wavy;
color: #eac0ff;
}
.award a {
color: pink;
text-decoration: none;
}
.
}
.f-col:before{ content: "โ
"; }
html {
filter: hue-rotate(344deg) sepia(0.1) brightness(1);
}
.profile .blurbs .section h4, .count {
margin: 0;
color: pink!important;
text-align: center;
}
.profile .friends .person img:not(.icon) {
filter: sepia(0.6) blur(1px) contrast(0.5) brightness(1.2);
}
.profile .friends .person p {
color: pink;
font-weight: bold;
width: 100%;
overflow-wrap: break-word;
word-break: break-word;
font-size: 100%;
text-align: center;
}
.profile .friends .person p:hover {
color: #806971;
}
footer {
text-align: center;
font-size: 70%;
margin: 10px 0 10px;
padding: 10px 5px;
background-color: transparent;
color: grey;
}
::-webkit-scrollbar {
width: 12px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: pink;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #fff;
}
HTML,BODY{cursor:
url(http://www.rw-designer.com/cursor-view/181420.png),
auto;}
A:hover{cursor:
url(http://www.rw-designer.com/cursor-view/181420.png),
auto;}