FV Villager Profile CSS - Theme #2 counterpart

/**
______________________________________________

Villager Profile Template #2 - Ocean Bubbly 2.0 counterpart
Made by Furvilla user Whipptail - ID #60170
http://seasquams.tumblr.com/

I'll do my best to help with questions but I'm still new to coding
so I apologize beforehand if I can't help with something.

______________________________________________

**/


.content:after {
background:url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/Profile%20Patterns/beachpatternlight4_zpsxpix8evq.png") repeat;
position: fixed;
width:100%;
height:100%;
bottom:0;
top:0;
z-index:-1
}

.user-panel.clearfix {
background: #5ac9e1;
}

.content {
color: #6a7878;
background-image: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/oceandomebgfix_zpsjtnty7kw.png");
background-size: cover;
background-position: center bottom;
background-attachment: fixed;
box-shadow: 0 15px 20px 5px;
}

.villager-data-wrapper {
background: none;
}

.content h1 {
font-family: Candara;
font-size: 34px;
font-style: italic;
font-weight: bold;
color: #24505a;
text-shadow: 1px 1.732px 1px rgba(0,0,0,0.25);
}

.breadcrumbs {
padding: 3px 0 3px 0;
margin: 0 0 20px 215px;
width: 310px;
text-align: center;
border-radius: 60px;
background: #5ac9e1;
}

.breadcrumbs li {
color: #fff;
}

.header-right-toolbar-buttons {
float: right;
width: 200px;
font-style: normal;
}

h3 {
background-color: #5ac9e1;
border-radius: 2px;
}

.villager-data-info-wide.villager-data-desc.villager-description h3 {
text-align: center;
}

.content h3 {
text-align: center;
font-family: Candara;
font-size: 18px;
font-weight: bold;
color: #fff;
}

a:link {
color: #48a1b4;
transition:ease 0.3s;
}

a:hover {
color: #24505a;
}

h4.align-center {
color: #647171;
}

.quote {
border: 1px solid #4fb3c9;
margin: 0.5em 3em;
height: auto;
position: relative;
white-space: normal;
}

.quote-user {
background-color: #4fb3c9;
color: #fff;
font-family: Candara;
font-size: 18px;
font-weight: bold;
padding: 0.25em 0.5em;
}


<!--Widgets--!>

.widget-header {
margin-left: -5px;
margin-right: -5px;
border-bottom: none;
}

.widget-header h3 {
text-align: center;
font-family: Candara;
font-size: 17px;
color: #fff;
background: #5ac9e1;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
}

.widget-content .villager-avatar img {
border: 4px solid #5ac9e1;
border-radius: 100%;
opacity: 0.7;
background-color: #fff;
}

.widget-content .villager-avatar img:hover {
border: 4px dashed #e8f2f2;
border-radius: 100%;
background-color: #5ac9e1;
opacity: 1;
}

.widget-content {
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
background: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/Profile%20Patterns/bluegriptrannsparent_zpsu1qagg4z.png");
border-width: 4px;
border-color: #5ac9e1;
border-top-style: none;
border-left-style: double;
border-right-style: double;
border-bottom-style: double;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
}

.widget-content img{
opacity: .7;
}

.widget-content img:hover {
opacity: 1;
}

.text-right {
text-align: center;
margin-top: 15px;
}

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


<!--Buttons--!>

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

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

.btn medium pull-right {
background-image: none;
background: #5ac9e1;
text-shadow: none;
}

.btn:hover {
background-image:none;
background: #4fb3c9;
}


<!--Villager Data--!>

a.red.mute {
color: #ed1c24;
opacity: 1;
}

.villager-data-info-box:nth-child(2n+2) {
background-color: #e8f2f2;
border-radius: 7px;
border-width: 4px;
border-color: #5ac9e1;
border-style: double;
box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
}

.villager-data-desc {
background-color: #e8f2f2;
border-radius: 7px;
border-width: 4px;
border-color: #5ac9e1;
border-style: double;
box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
}


<!--Comment Box--!>

.content h2 {
text-align: center;
font-family: Candara;
font-size: 25px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1.732px 1px rgba(0,0,0,0.25);
padding-bottom: 1px;
background-color: #5ac9e1;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
margin-bottom: 0;
box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
}

.counter{
display: none;
}


<!--Users Comments--!>

.textarea {
color: #6a7878;
background-color: #e8f2f2;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-width: 4px;
border-color: #5ac9e1;
border-top-style: none;
border-left-style: double;
border-right-style: double;
border-bottom-style: double;
box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
}

.user-comments .user-comment:before {
border-right-color: #5ac9e1;
border-width: 9px;
margin-top: -9px;
}

.user-comments .user-avatar-wrapper {
width: 100px;
height: 100px;
float: left;
overflow: hidden;
border-radius: 50px;
margin-right: 25px;
margin-bottom: 5px;
}

.user-comments .user-comment {
background-color: #e8f2f2;
margin-top: 10px;
border-radius: 7px;
border-width: 4px;
border-color: #5ac9e1;
border-style: double;
box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
}

.user-comments .user-comment .footer {
color: #6a7878;
border-top: 2px solid #4fb3c9;
}


<!--Pagination and Report--!>

.pagination li a, .pagination li span {
background-color: #5ac9e1;
color: #24505a;
border-color: #24505a;
}

.pagination li a:hover, .pagination li a:focus, .pagination li span:hover, .pagination li span:focus {
background-color: #48a1b4;
color: #24505a;
border-color: #24505a;
}

.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus, .pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus {
background-color: #5ac9e1;
color: #24505a;
border-color: #24505a;
}

.active span {
z-index:3;
background-color: #24505a !important;
border-color: #48a1b4 !important;
}

a.report-villager {
color: #576668;
}


<!--Notifications--!>

.table tr:nth-child(even) td {
background-color: #ebf4f4  !important;
border-bottom: 0;
}

.table tr:nth-child(odd) td {
background-color: #ebf4f4  !important;
border-bottom: 0;
}

.table tr:hover td {
background-color: #ebf4f4  !important;
border-bottom: 0;
}