FV04U Wood Planks User CSS

/* Free to use user profile code by snowflakeartist. If you need any help, don't be afraid to send me a private message. Please do not attempt to resell any part of my code. */

.adsbygoogle {
    display:none!important;
}

.margin-10px.text-center {
    display:none!important;
}

#logo + :nth-child(2) {
    background:#CDBFB1;
    position:fixed;
    top:0;
    right:0;
    width:100%;
    z-index:99;
    border-radius:0;
    font-family:'Trebuchet MS',sans-serif;
    letter-spacing:1.5px;
}

#logo + :nth-child(2) a:hover {
    text-decoration:none;
}

#logo a {
    position:fixed;
    background:url("https://orig01.deviantart.net/1c8b/f/2017/212/1/7/untitled_by_teacupinfinity-dbie60u.png") no-repeat;
    background-size:contain;
    height:40px;
    margin-top:-71px;
    left:13;
    z-index:98;
}

.user-panel.clearfix {
    position:fixed;
    font-family:'Trebuchet MS',sans-serif;
    top:44px;
    width:100%;
    z-index:97;
}

.user-panel {
    background:#d7cbc0!important
}

.user-panel a:hover {
    text-decoration:none;
}

.search-form .input {
    width:200px;
    position:fixed;
    color: #ffffff;
    background:none;
    z-index:1;
    box-shadow:none!important;
    font-family:'Trebuchet MS',sans-serif;
}

.search-form {
    margin-top:-128px!important;
    margin-right:-200px!important;
    z-index:101;
}

.content:after {
    background:url("http://img09.deviantart.net/1508/i/2011/172/c/2/tileable_wood_texture_by_ftourini-d3jkpsh.jpg") repeat;
    height:100%;
    width:100%;
    position: fixed;
    top:0;
    padding:none;
    z-index:-999;
}

.content {
    background:rgba(239,228,212,0.9);
    width:1400px;
    color:#cca195;
    margin-top:-175px!important;
    font-family:'Trebuchet MS',sans-serif;
    border-radius:0 0 35px 35px;
    overflow:auto;
}

.content a:hover {
    color:#d2a38a;
}

.content strong {
    color:#c69086;
}

a {
    font-weight:normal;
    transition:1.5s
    color:#d2a38a;
}

a:hover {
    text-decoration:none;
    letter-spacing:1px;
    transition:1.2s;
}

u {
    text-decoration:none;
    border-bottom:1px dotted #cca195;
}

.quote {
    border:none;
}

.quote-body {
    background:#efe4d4;
    border-radius:23px 0 23px 0;
}

.quote a {
    color:#d2a38a;
}

.quote-user {
    background:none;
    color:#cca195;
    font-weight:normal;
    margin-left:20px;
}

span.tooltipster {
    border:none;
}

.content .fa {
    color:#d2a38a!important;
}

.content h1 {
    color:#c69086;
    text-align:center;
    font-family:'Trebuchet MS',sans-serif;
    text-transform:lowercase;
}

.content h2 {
    display:none;
}

.content h3 {
    display:none;
}

.left-column {
    margin-left:320px;
}

.village-shield {
    animation: bob 1.5s ease-out infinite;
    border-radius:0;
}

.user-data .village-shield {
    margin-left: 250px;
}

.col-xs-7 {
    margin-top:-150px;
}

.col-xs-5 {
    margin-left: 500px;
    margin-top:-170px!important;
}

/* Please either hide your trophies or remove the code for .user-links. I have moved the .user-links to where the trophies would go. */

.user-links {
    margin-left: 450px;
    margin-top:-100px;
    width:100px;
}

.user-links li:hover {
    animation: spin2 ease-in-out 4s;
}

.villager-avatar:hover {
    animation: spin ease-in-out 4.5s;
    z-index:1;
}

.villagers-list {
    width:500px;
    margin-left:-280px;
    margin-top:-2500px!important;
}

/* The following lines of .villagers-list li:nth-child(x) may need to be edited depending on how many villagers you have. I have the code for up to 26 villagers. */

.villagers-list li:first-child {
    margin-top:-150px;
}

.villagers-list li:nth-child(2) {
    margin-top:-150px;
}

.villagers-list li:nth-child(3) {
    margin-top:-50px;
    margin-left:-200px;
}

.villagers-list li:nth-child(4) {
    margin-top:-50px;
    margin-left:-100px;
}

.villagers-list li:nth-child(5) {
    margin-top:50px;
    margin-left:-200px;
}

.villagers-list li:nth-child(6) {
    margin-top:50px;
    margin-left:-100px;
}

.villagers-list li:nth-child(7) {
    margin-top:150px;
    margin-left:-200px;
}

.villagers-list li:nth-child(8) {
    margin-top:150px;
    margin-left:-100px;
}

.villagers-list li:nth-child(9) {
    margin-top:250px;
    margin-left:-200px;
}

.villagers-list li:nth-child(10) {
    margin-top:250px;
    margin-left:-100px;
}

.villagers-list li:nth-child(11) {
    margin-top:350px;
    margin-left:-200px;
}

.villagers-list li:nth-child(12) {
    margin-top:350px;
    margin-left:-100px;
}

.villagers-list li:nth-child(13) {
    margin-top:450px;
    margin-left:-200px;
}

.villagers-list li:nth-child(14) {
    margin-top:450px;
    margin-left:-100px;
}

.villagers-list li:nth-child(15) {
    margin-top:550px;
    margin-left:-200px;
}

.villagers-list li:nth-child(16) {
    margin-top:550px;
    margin-left:-100px;
}

.villagers-list li:nth-child(17) {
    margin-top:650px;
    margin-left:-200px;
}

.villagers-list li:nth-child(18) {
    margin-top:650px;
    margin-left:-100px;
}

.villagers-list li:nth-child(19) {
    margin-top:750px;
    margin-left:-200px;
}

.villagers-list li:nth-child(20) {
    margin-top:750px;
    margin-left:-100px;
}

.villagers-list li:nth-child(21) {
    margin-top:850px;
    margin-left:-200px;
}

.villagers-list li:nth-child(22) {
    margin-top:850px;
    margin-left:-100px;
}

.villagers-list li:nth-child(23) {
    margin-top:950px;
    margin-left:-200px;
}

.villagers-list li:nth-child(24) {
    margin-top:950px;
    margin-left:-100px;
}

.villagers-list li:nth-child(25) {
    margin-top:1050px;
    margin-left:-200px;
}

.villagers-list li:nth-child(26) {
    margin-top:1050px;
    margin-left:-100px;
}

.villager-info {
    display:none;
}

.villager-name a {
    display:none;
}

.gallery .name b {
    display:none;
}

.panel {
    width:150px;
    background:none;
    border:none;
    box-shadow:none;
}

.panel:hover {
    animation: spin ease-in-out 4.5s;
}

/* The next few lines of .gallery .col-xs-3:nth-child(x) may need to be edited depending on how many items you have in your gallery. I have the code for up to 4 items. */

.gallery .col-xs-3:first-child {
    margin-top:-80px;
    margin-left:-310px;
}

.gallery .col-xs-3:nth-child(2) {
    margin-top:-80px;
    margin-left:-210px;
}

.gallery .col-xs-3:nth-child(3) {
    margin-top:10px;
    margin-left:-310px;
}

.gallery .col-xs-3:nth-child(4) {
    margin-top:15px;
    margin-left:-210px;
}

.user-info h4 {
    color:#c69086;
}

.widget-header {
    border:none;
}

.widget-content {
    background:#efe4d4;
    border-radius:23px 0 23px 0;
}

.widget-content strong {
    font-weight:normal;
}

.widget:first-child .widget-content a {
    font-weight:normal;
}

.widget:first-child img {
    border-radius:60px;
}

.widget:first-child img:hover {
    animation: spin2 ease-in-out 4.5s;
}

.widget .forum-posts li:nth-child(odd) {
    background: none;
    border:none;
}

.widget .forum-posts li:nth-child(odd):hover {
    background:none;
}

.widget .forum-posts li:nth-child(even) {
    background: none;
    border:none;
}

.widget .forum-posts li:nth-child(even):hover {
    background:none;
}

.widget .forum-posts p {
    color:#CDBFB1;
}

.widget .forum-posts p a {
    color:#d2a38a;
}

.notifications-widget b {
    font-weight:normal;
}

.notifications-widget {
    width:300px;
    max-height:32px;
    top:0;
    right:10px;
    margin-top:-30px;
    margin-left:-330px;
    overflow:hidden;
    transition:all 3.5s ease-out;
}

.notifications-widget:hover {
    width:716px;
    max-height:316px;
    margin-left:-330px;
    transition:all 3.5s ease-in;
}

.table tr:nth-child(odd) td {
    background:none;
    border:none;
}

.table tr:nth-child(even) td {
    background:none;
    border:none;
}

.table tr:hover td {
    background:none!important;
}

.counter {
    display:none;
}

/* margin-top for .textarea and .btn.medium may need to be adjusted depending on the length of your profile description. */

.textarea {
    width:611px;
    background:#efe4d4;
    color:#cca195;
    margin-top:-540px;
    border:none;
    border-radius:23px 0 0 0;
}

.btn.medium {
    background:#d2a38a;
    width:105px;
    height:95px;
    margin-top:-540px;
    border-radius: 0 0 23px 0;
}

.btn.small {
    background:none;
    color:#000!important;
}

.btn-link {
    color:#d2a38a!important;
}

.btn-link:hover {
    text-decoration:none!important;
    color:#d2a38a!important;
}

.user-avatar-wrapper {
    width:40px!important;
    margin-top:-27px;
    padding-left:15px;
    position:relative;
    z-index:2;
}

.user-avatar-wrapper img {
    width:58px;
    border-radius:60px;
    padding:5px
    z-index:2;
}

.user-comments .user-avatar-wrapper img:hover {
    animation: spin2 ease-in-out 4.5s;
}

.user-comments .clearfix {
    margin-top:-450px;
    margin-left:-20px;
}

.user-comments .user-comment:before, .user-comments .user-comment:after {
    display:none;
}

.user-comments .user-comment {
    background:#efe4d4;
    border:none;
    border-radius:23px 0 23px 0;
    width:693px;
    margin-bottom:30px;
    padding:15px;
}

.user-comments .profanity-filter {
    padding-left:10px;
}

.user-comments .user-comment .footer {
    width:660px;
    color:#CDBFB1;
    border:none;
}

.user-comments .user-comment .footer a {
    color:#d2a38a;
}

.user-comment span.tooltipster {
    display: none;
}

.content .pagination .disabled {
    display: none;
}

.pagination li.active span {
    background:none;
    color:#d2a38a;
    border:none;
    border-radius:60px;
    font-size:15px;
    padding:5px!important;
}

.pagination li.active span:hover {
    background:none;
    color:#d2a38a;
    border:none;
    border-radius:60px;
}

.pagination a {
    background:none!important;
    color:#d2a38a!important;
    font-weight:normal;
    border:none!important;
    padding:5px!important;
}

.report {
    margin-top:-55px;
}

a.report-user {
    color:#d2a38a;
}

.bottom {
    color:#fff!important;
    margin-top: -165px;
    z-index: 2;
    position: relative;
}

.bottom a {
    color:#fff;
}

.bottom ul li {
    border-right:1px solid #fff!important;
}

.bottom ul li:nth-child(6) {
    border:none!important;
}

.pets {
    display:none;
}

.logo-small img {
    height:50px;
    width:auto;
}

.logo-small {
    margin-top:-50px;
    padding:none;
}

.social {
    margin-top:-55px;
    z-index:3;
    padding:none;
}

@keyframes bob {
0% {position: relative; top: -4px;}
30% {position: relative; top: 2px;}
100% {position: relative; top: -4px;}
}

@keyframes spin {
0% { transform: rotate(0deg) scale(1, 1); }
40% { transform: rotate(360deg) scale(1.1, 1.1); }
60% { transform: rotate(360deg) scale(1.1, 1.1); }
100% { transform: rotate(0deg) scale(1, 1); }
}

@keyframes spin2 {
0% { transform: rotate(0deg) scale(1, 1); }
40% { transform: rotate(360deg) scale(1, 1); }
60% { transform: rotate(360deg) scale(1, 1); }
100% { transform: rotate(0deg) scale(1, 1); }
}