
main {
background: #f2f0f000;
color: #fff;
}
div.top {
background: rgba(0, 154, 255, 0.55);
border-top: 4px solid #fff;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
padding: 10px;
margin-top: 10px;
}
.links {
background: rgba(0, 154, 255, 0.55);
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
padding: 2px;
}
.blurbs, .comments-table, .url-info, .table-section, .general-about, .blog-preview, .friends-grid, .mood {
background: rgba(0, 154, 255, 0.55);
border: 4px solid #fff;
padding: 2px;
}
.profile-pic img {
width: 200px;
padding: 10px;
}
.details {
color: #fff;
}
.mood {
color: #fff;
margin-top: 15px;
margin-bottom: 15px;
}
.contact {
background: #000;
}
.contact .inner a img {
filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}
.comments-table {
color: #000;
}
.general-about {
overflow: auto;
}
.profile .url-info {
border: 4px solid #fff;
}
.profile .contact {
border: 4px solid #fff;
}
.profile .table-section {
border: 4px solid #fff;
}
footer {
color: #fff;
background: #00000087;
border: 4px solid #fff;
}
footer .links {
background: rgba(0, 0, 0, 0);
border: 0px;
}
.inner {
color: #fff;
}
button {
color: #fff;
background: #000;
border: 2px solid #fff;
}
button:hover {
color: #fff;
background: #00B7FF;
}
input {
background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
border: 2px solid #fff;
}
.count {
color: #00B7FF;
background: #000;
}
a:hover {
color: #00B7FF;
}
nav .links a:hover {
text-decoration: none;
color: #00B7FF;
}
::selection {
background: #fff;
color: #000
}
.online {
content: url(http://www.coolspacetricks.com/images/myspaceicons/045.gif);
}
h1 {
text-align: center;
color: #fff;
}
.logo {
content: url(https://i.imgur.com/yeRU4Gt.png);
}
:root {
--light-gray: #f2f0f0;
--gray: #e3e3e3;
--dark-gray: #919191;
--darker-gray: #545454;
--logo-blue: #000;
--darker-blue: #fff;
--lighter-blue: #000;
--even-lighter-blue: #000;
--lightest-blue: #00000087;
--red: #00DBFF;
--dark-orange: #00B7FF;
--light-orange: #000;
--even-lighter-orange: #00B7FF;
--strange-yellow: #00abff;
--green: #34D399;
--light-green: #E6F8DD;
--medium-green: #A0C99C;
--dark-green: #059669;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "༺︎☠︎︎༻"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "༺︎☠︎︎༻"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "༺︎☠︎︎༻"
}
.online{content:url("https://64.media.tumblr.com/2e06633939092d3533022195ab919d4a/18efeb11e4220549-7d/s75x75_c1/0391488280c4c10c03bb02db01bbceb665f8fc21.gifv");
}
::-webkit-scrollbar {
width: 3px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 89, 255, 1);
}
::-webkit-scrollbar-track {
background-color: black;
}