NerdyAliCat CSS

/* Custom Profile for NerdyAliCat by Vii */

* { box-sizing: border-box; cursor: url(http://aldonydh.elementfx.com/src/cursor_ali.cur), auto !important;}

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: rgba(4, 191, 75, 0.25);
}

::-webkit-scrollbar-thumb {
background: rgb(4, 191, 75);
}

#content:before, #content:after, #friendlist, #logo, #bio h2 { display: none; }

/* Custom Fonts */
@font-face {
  font-family: Philosopher;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/philosopher/v9/OttjxgcoEsufOGSINYBGLY4P5ICox8Kq3LLUNMylGO4.woff2);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: Righteous;
  font-style: normal;
  src: url(https://fonts.gstatic.com/s/righteous/v6/w5P-SI7QJQSDqB3GziL8XVtXRa8TVwTICgirnJhmVJw.woff2);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

ul.navigation {
position: absolute;
margin: auto;
left: 0;
right: 0;
width: 700px;
background: transparent;
border: none;
}

ul.navigation li {
width: 25%;
transition: all 0.5s ease;
border-bottom: 1px solid transparent;
}

ul.navigation li:hover {
border-bottom-color: #FFF;
background: rgba(4, 191, 75, 0.25);
}

ul.navigation li a {
color: #FFF;
}

ul.navigation li a:hover {
background: transparent;
}


a {
transition: all 0.5s ease;
font-family: Righteous;
}

a:hover {
text-decoration-color: #FFF;
text-shadow: 0 0 1px;
}

h2 {
font: 26px Righteous;
color: #04BF4B;
}

body {
background: url(https://i.imgur.com/6zzQrg7.png) center no-repeat;
background-size: cover;
overflow-x: hidden;
}

#wrap {
width: 700px;
border: none;
background: transparent;
border-radius: 0;
padding: 0;
}

#sidebar {
width: 400px;
height: 300px;
margin: 0 5px 5px 0;
float: none;
text-align: center;
}

#sidebar h2 {
position: relative;
width: 700px;
color: #04BF4B;
z-index: 9;
border-bottom:  1px solid;
text-shadow: -1px 1px 0px #FFF;
}

#sidebar img {
margin-top: 5px;
z-index: 8;
}

ul#actions {
float: left;
clear: left;
width: 200px;
height: calc(100% - 30px);
margin: 5px auto;
background: rgba(4, 191, 75, 0.25);
z-index: 8;
border: 1px solid #04BF4B;
font: 13px Philosopher;
}

ul#actions a { color: #04BF4B; }

li#send-message {
background: rgba(255, 255, 255, 0.5);
padding: 2px;
margin: 5px;
border: 1px solid rgba(255, 255, 255, 0.5);
}

ul#actions li { color: #FFF; }

li#view-posts, li#view-topics {
float: left;
width: 50%;
color: #FFF;
margin: 5px 0;
}

li#send-message a {
color: rgba(255, 255, 255, 0.8);
}

li#likes strong, li#dislikes strong, li#hobbies strong {
float: left;
width: 100%;
text-align: left;
padding: 5px;
padding-bottom: 0;
color: #04BF4B;
border-bottom: 1px solid;
}

#content {
background: transparent;
border: none;
padding: 0;
margin: 0;
width: 300px;
margin-top: -266px;
}

#bio, #comments { background: rgba(4, 191, 75, 0.25); border: 1px solid #04BF4B; }

#bio {
height: 270px;
width: 300px;
padding: 5px;
font: 13px Philosopher;
color: #FFF;
}

#comments {
width: 700px;
height: 300px;
float: right;
margin: 0;
color: transparent;
}

#comments h2 {
text-align: center;
border-bottom: 1px solid;
text-shadow: -1px 1px 0 #FFF;
}

#load-more {
float: left;
width: 25%;
font: 14px Righteous;
margin: 0 0 9px;
}

#load-more, #comment-button {
border: none;
background: rgb(4, 191, 75);
color: #FFF;
}

#comment_list {
width: calc(75% - 5px);
height: calc(100% - 29px);
float: right;
overflow-y: auto;
}

#comment_list li a {
transition: all 0.5s ease;
}

#comment_list li a:hover {
color: #FFF !important;
}

#comment_list li {
margin: 5px auto;
padding-left: 5px;
}

#comment_list li > p {
color: #FFF;
font: 12px Philosopher;
}

#comment_list li:nth-child(even) {
background: rgba(0, 0, 0, 0.25);
border-top: 1px solid;
border-bottom: 1px solid;
}

#comment_list li p > small {
visibility: hidden;
}

#comment_list li p > small > small {
visibility: visible;
padding: 5px 0;
width: 100%;
float: right;
text-align: right;
padding-right: 5px;
}

img.avatar_thumb {
width: 50px;
height: 50px;
-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

a.delete.small {
float: right;
font: 10px Philosopher;
text-transform: lowercase;
letter-spacing: 1px;
text-align: center;
width: 100%;
}

#comments form {
width: 25%;
height: calc(100% - 60px);
text-align: center;
}

#comment-button {
width: 100%;
font: 14px Righteous;
margin-top: 4px;
}

#comments form > textarea {
width: calc(100% - 5px);
height: 90%;
background: rgba(0, 0, 0, 0.5);
border: 1px solid #04BF4B;
border-right: hidden;
border-left: hidden;
margin: auto;
font: 13px Philosopher;
color: #04BF4B;
}

#generic_5 {
width: 284px;
height: 320px;
position: fixed;
bottom: 0;
right: 0;
background: url(https://i.imgur.com/14qDBV0.gif) center no-repeat;
z-index: -1;
}

#generic_4 {
width: 393px;
height: 281px;
background: url(https://i.imgur.com/EAYh8An.png) center no-repeat;
position: fixed;
left: 0;
bottom: 0;
background-size: cover;
z-index: -1;
}

/* End Profile Code */