.search-nav{
max-width: 250px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.search-nav ul{
}
.search-nav ul li{
display: inline-block;
background: #cccccc;
}
.search-nav ul li.current{
color: #000;
background: #E1E1E1;
padding: 5px;
text-shadow: 1px 1px 1px #ffffff;
border-bottom: 1px solid #808080;
border-right: 1px solid #808080;
border-top: 1px solid #2d2d2d;
border-left: 1px solid #2d2d2d;
}
.search-nav ul li a{
color: #000000;
text-shadow: 1px 1px 1px #ffffff;
padding: 6px;
display: block;
}
.search-nav ul li a:hover{
background: whitesmoke;
}
#header {
background-color: #2d2d2d;
border-radius: 0px 0px 0px 0px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #202020;
display: block;
max-height: 26px;
}
#header tr {
display: inline-table;
}
.list_view #username {
margin-left: 3px;
width: 108px;
}
.list_view #username a {
font-size: 15px;
display: inline-block;
}
#username a:hover {
text-decoration: underline;
}
.list_view #intro {
padding-left: 4px;
}
.list_view #intro2 {
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:15px;
color: silver;
}
.list_view #user_details {
float: left;
max-width: 640px;
}
#user_details tr {
display: block;
padding: 2px;
}
#user_details td {
text-overflow:ellipsis;
overflow:hidden;
}
.odd {
background-color: #101010;
}
.label {
width: 100px;
}
ul.list_view li {
width: 98%;
float: none;
margin: 0px auto;
/* height: 132px; */
margin-bottom: 15px;
background-color: #000000;
border-bottom: 2px solid #808080;
border-right: 2px solid #808080;
border-top: 2px solid #2d2d2d;
border-left: 2px solid #2d2d2d;
box-shadow: 1px 1px 2px -1px #808080;
overflow: hidden;
}
ul.list_view li.is_online .result_user {
}
ul.list_view .result_user {
}
ul.list_view .result_user h2 {
margin-bottom: 5px;
font-size: 14px;
background: #e1e1e1;
text-align: left;
padding: 0px;
color: #525252;
}
ul.list_view .result_user h2 a {
color: #000000;
padding:10px;
display:block;
}
ul.list_view .result_user h2 a:hover {
background: #e1e1e1;
text-decoration: none;
}
ul.list_view .result_user .po_profile {
display: none;
}
ul.list_view .result_user .user_photo {
float: left;
height: 105px;
margin: 0 5px 0 3px;
width: 105px;
}
.list_view .connect-menu {
float: right;
margin-top: 6px;
margin-right: 5px;
}
.list_view .connect-menu ul li {
width: 109px;
height: 27px;
margin-bottom: 6px;
line-height: 27px;
box-shadow: none;
border: none;
}
.list_view .connect-menu ul li a {
padding:0;
background: #cccccc;
border: 1px solid grey;
display: block;
text-align: center;
}
.list_view .connect-menu ul li a:hover {
background:#FFFFFF;
}
ul.gallery_view {
margin-left: -7px;
}
ul.gallery_view li {
float: left;
margin-left: 10px;
width: 31.7%;
margin-bottom: 15px;
background-color: #000000;
border-bottom: 2px solid #808080;
border-right: 2px solid #808080;
border-top: 2px solid #2d2d2d;
border-left: 2px solid #2d2d2d;
box-shadow: 1px 1px 2px -1px #808080;
overflow: hidden;
}
ul.gallery_view li.is_online .result_user {
background: #E9FFDC;
}
ul.gallery_view li.first {
}
ul.gallery_view li.last {
}
ul.gallery_view li .result_user {
}
ul.gallery_view p {
display: none;
}
ul.gallery_view .result_user h2 {
font-size:14px;
padding: 0px;
background: #e1e1e1;
text-align:center;
color: #525252;
overflow: hidden;
}
ul.gallery_view .result_user h2 a {
display: block;
padding: 10px 0px;
color: #000000;
}
ul.gallery_view .result_user h2 a:hover {
text-decoration: none;
}
ul.gallery_view .result_user .po_profile {
padding-left: 2px;
font-size: 16px;
}
ul.gallery_view .result_user a.po_profile {
margin: 0px;
display: block;
padding: 5px;
background: #e1e1e1;
text-align: center;
}
ul.gallery_view .result_user .user_photo {
float: left;
margin: 0px 1px 0px 0px;
padding-left: 0px;
padding-right: 0px;
width: 75px;
height: 75px;
}
.gallery_view #username {
margin-left: 3px;
width: 91px;
}
.gallery_view #username a {
font-size: 14px;
color: #ffffff;
display: inline-block;
}
.gallery_view #intro {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gallery_view #intro2 {
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:15px;
color: silver;
width: 174px;
}
.gallery_view .member_link {
font-size: 14px;
}
.gallery_view #user_details {
float: left;
width: 73%;
display: block;
overflow: hidden;
max-height: 140px;
min-height: 140px;
}
.gallery_view .label {
width: 70px;
}
.gallery_view #online {
display:none;
}
.gallery_view .connect-menu {
}
.gallery_view .connect-menu ul li {
display: inline;
width: 33.3%;
height: 27px;
text-align: center;
border: none;
margin: 0;
min-height: 27px;
}
.gallery_view .connect-menu ul li a {
display: block;
background: #cccccc;
border: 1px solid grey;
padding: 0;
width: 99%;
height: 25px;
line-height: 25px;
}
.gallery_view .connect-menu ul li a:hover {
background: #FFFFFF;
}
.result_user .info {
padding-top: 7px;
padding-left: 120px;
}
.result_user .info_last {
padding-top: 7px;
padding-left: 120px;
}
.sort_view {
display: block;
width: 201px;
height: 35px;
margin: 10px auto;
background: #FFFFFF;
}
.sort_view a#lview_switch {
width: 100px;
float: left;
text-align: center;
padding: 10px 0px;
background: #B0B0B0;
color: #FFFFFF;
}
.sort_view a#gview_switch {
width: 100px;
text-align: center;
padding: 10px 0px;
float: left;
border-left: 1px solid #DDDDDD;
background: #525252;
color: #FFFFFF;
}
/* LEFT MENU */
a.gview {
background-image: ;
}
a.lview {
background-image: ;
}
.member_only {
min-height: 20px;
padding: 15px;
background: #FF9C9C;
text-align: center;
}
#my_searches ul.menu li {
border: none;
padding: 0;
}
#my_searches ul.menu li#no_result {
padding: 10px 0px;
text-align: center;
background: #FFD5D8;
}
#my_searches ul.menu li.controls {
border-top: 1px dotted #ccc;
padding-top: 10px;
margin-top: 5px;
}
p.no_results {
text-align:center;
padding: 100px 0px;
}
/* Random Members Widget */
#widg_rand_members .list_small_members{
width: unset;
}
#widg_rand_members h2{
display:none;
}
#widg_rand_members .link_more{
bottom: 0;
font-weight: normal;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: unset;
width: 100%;
}
#widg_rand_members .list_small_members li{
background-color: transparent;
border: 1px solid grey;
box-shadow: none;
height: auto;
margin: 2px;
width: 30%;
}
#widg_rand_members .list_small_members li:hover{
border: 1px solid #ffffff;
}
#widg_rand_members #header{
display:none;
}
#widg_rand_members .user_photo.thumb1{
height: 100%;
image-rendering: optimizespeed;
margin: 0;
width: 100%;
}
#widg_rand_members #user_details{
display:none;
}
#widg_rand_members .connect-menu{
display:none;
}
@media only screen and (max-width: 1100px) {
ul.gallery_view li {
width: 48%;
}
.gallery_view #user_details {
min-height: 75px;
}
}
@media only screen and (max-width: 959px) {
.gallery_view #user_details {
width: 72%;
}
.gallery_view #seek{
display:none;
}
ul.gallery_view li {
width: 47%;
}
.gallery_view .label {
width: 55px;
}
}
@media only screen and (max-width: 804px) {
.list_view #user_details {
width: 66%;
}
}
@media only screen and (max-width: 768px) {
.list_view #username {
width: initial;
}
.list_view #username a {
font-size: 12px;
width: initial;
}
ul.list_view .result_user .user_photo {
float: left;
height: 65px;
margin: 0 5px 0 3px;
width: 65px;
}
.list_view #user_details {
width: 66%;
}
.gallery_view #intro {
display:none;
}
ul.gallery_view li {
width: 46%;
}
.gallery_view #user_details {
width: 55%;
}
.gallery_view #online {
display:none;
}
}
@media only screen and (max-width: 600px) {
.list_view #user_details {
width: 77%;
}
.list_view .connect-menu{
float:none!important;
clear:both;
margin:0;
}
.list_view .connect-menu ul li {
display: inline-block;
width: 32.4%!important;
margin: 0;
}
}
@media only screen and (max-width: 520px) {
.list_view .label {
display:none;
}
.gallery_view .label {
display:none;
}
#user_details #seek{
display:none;
}
}
@media only screen and (max-width: 450px) {
.list_view #user_details {
width:75%;
}
}
@media only screen and (max-width: 440px) {
ul.gallery_view li {
width: 95%;
}
ul.gallery_view #user_details {
width: 75%;
}
.gallery_view .label {
width: 55px;
}
.list_view .label {
width: 55px;
}
}
@media only screen and (max-width: 350px) {
ul.gallery_view li {
width: 95%;
}
ul.gallery_view #user_details {
width: 72%;
}
.gallery_view .label {
width: 55px;
}
.list_view .label {
width: 55px;
}
}
@media only screen and (max-width: 320px) {
.list_view #user_details {
width: 72%;
}
}