FV User Profile CSS - Theme #2

/**
______________________________________________

User Profile Template #2 - Ocean Bubbly 2.0
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;
}

a {
color: #4fb3c9;
transition:ease 0.3s;
}

a:hover {
color: #24505a;
}

.content {
color: #6a7878;
background-image: url("http://thumbs.trulia-cdn.com/pictures/thumbs_6/ps.88/3/e/5/c/picture-uh=f7b168561b4c7fed11185c25b3d44c-ps=3e5cc4122b6f84a0a29956e7f4e85de-4800-Highway-A1a-Vero-Beach-FL-32963.jpg");
background-size: contain;
background-position: center;
background-attachment: fixed;
box-shadow: 0 15px 20px 5px;
}

.margin-10px {
margin-bottom: 0;
}

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

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

.left-column h3 {
display: none;
}

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: white;
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;
}

<!--User Info--!>

.village-shield {animation: bob 1.8s linear infinite;}
@keyframes bob {
0% {position: relative; top: -4px;}
50% {position: relative; top: 4px;}
100% {position: relative; top: -4px;}
}

.col-xs-9 {
margin-left: 9px;
border-radius: 7px 35px;
background-color: #e8f2f2;
border-width: 4px;
border-color: #5ac9e1;
border-style: double;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
}

.user-links {
margin: 14px 1px 7px 14px;
padding-left: 8px;
list-style: none;
}


<!--Profile Desc--!>

user-data .user-desc {
margin-top: 20px;
background-color: #e8f2f2;
border-radius: 7px;
border-width: 4px;
border-color: #5ac9e1;
border-style: double;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
}


<!--Villager Info--!>

.counter {
display:none;
}

.villagers-list.clearfix {
margin-top: 0;
background-color: #e8f2f2;
border-style: double;
border-width: 4px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-color: #5ac9e1;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
}

.villagers-list li {
float: left;
width: 20%;
margin-top: 10px;
text-align: center;
height: 180px;
}

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

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

.villager-name a {
margin-bottom: 2px;
padding: 2px 20px;
font-family: Candara;
font-weight: bold;
border-width: 1px;
border-radius: 7px 50px;
border-color: #5ac9e1;
border-style: solid;
color: #fff;
background-color: #5ac9e1;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
}

.villager-name a:hover {
border-width: 1px;
border-radius: 50px 7px;
border-color: #4fb3c9;
border-style: solid;
color: #fff;
background-color: #4fb3c9;
}

.villager-info {
font-family: Candara;
font-weight: bold;
color: #24505a;
}


<!--Comment Box--!>

.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 0 rgba(0,0,0,0.5);
}


<!--Comments --!>

.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;
background-image: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/Profile%20Patterns/beachpatternlight4transparent_zpssv47yfis.png");
border-radius: 50px;
margin-top: 4px;
margin-right: 26px;
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 0 rgba(0,0,0,0.5);
}

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


<!--Buttons--!>

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

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

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

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


<!--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-user {
color: #a94442;
}

<!--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;
}