Файл: themes/peeptheme/common.css
Строк: 7747
@font-face {
font-family: 'Raleway';
src:
url(images/Raleway-Regular.ttf);
src:
url(images/Raleway-Regular.ttf?#iefix) format('embedded-opentype'),
url(images/Raleway-Regular.ttf) format('truetype'),
}
html,
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em,
font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt,
var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:
0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align:
baseline;
background: transparent;
}
body {
line-height: 1; /* TODO
delete */
}
.peep_edit_profile_link {
position: absolute;
right:
0px;
top: -48px !important;
line-height:35px;
width:50px;
background: url(images/edit_prof.png) no-repeat right 4px;;
}
ol, ul
{
list-style: none; /* TODO delete */
}
blockquote, q {
quotes:
none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:
'';
content: none;
}
table {
border-collapse: collapse;
border-spacing:
0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/*
remember to highlight inserts somehow! */
ins {
text-decoration:
none;
}
del {
text-decoration: line-through;
}
body {
background-color:
#EEE;
}
body, html {
font-family: "Tahoma","Lucida
Grande", "Verdana";
color: #333;
font-size:
13px;
line-height: 18px;
height: 100%;
min-width: 100%;
}
a {
color:
#d76243;
text-decoration: none;
}
a:hover {
text-decoration:
underline;
}
a:hover img {
text-decoration: none;
}
p {
text-indent:
0;
margin-bottom: 4px;
}
h1, h2, h3, h4, h5 {
color: #666;
margin:
0;
padding: 0;
font-weight: bold;
}
h1 {
font-size: 18px;
line-height:
17px;
margin-bottom: 20px;
padding-bottom:10px;
padding-left:
0px;
color: #494949;
text-shadow: 1px 1px 0
#FFFFFF;
width:100%;
border-bottom:1px solid
#cdcdcd;
text-transform:none;
margin-left: 0px;
background-repeat:
no-repeat;
}
.member_home h1{
display:none;
}
h2 {
font-size: 18px;
}
h3
{
font-size: 13px;
}
h4 {
font-size: 13px;
margin-bottom: 10px;
text-transform: none;
}
table {
border: none;
}
img {
border:
0;
vertical-align: middle;
}
th, td {
padding: 2px 5px;
vertical-align:
top;
}
th {
border-bottom-width: 1px;
border-bottom-style:
solid;
padding: 10px;
vertical-align: middle;
}
th {
background-color: #e9e9e9;
}
hr {
background-color: #ccc;
border:
none;
height: 1px;
margin: 5px 5px 15px 5px;
}
body:before
{
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
html
body div .peep_page h1 {
background: none;
}
.maintenance_cont h1
{
padding-left: 23px;
background-position: left center;
}
.verify_mail_img .peep_avatar{
width:70px;
height:70px;
}
.verify_mail_img .peep_avatar img {
filter:blur(3px);
width:70px;
height:70px;
}
.verify_mail_cont{
width:280px;
padding: 10px;
border:2px solid #ccc;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-oborder-radius:4px;
-ms-border-radius:4px;
margin:50px auto;
}
.verify_mail_img{
width:80px;
height:80px;
margin:10px auto;
}
#menubtnmobile
{
display:none;
}
.visitor_header{
position:relative;
top:-5px;
width:100%;
padding:0 0px;
height:65px;
background:#eaeaea;
-webkit-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.3);
box-shadow: 0 3px 10px
3px rgba(0,0,0,0.3);
}
.join_signin_button a{
padding:10px 20px;
color:#fff
!important;
background:#d76243;
top:15px;
right:15px;
position:relative;
float:right;
font-size:15px;
text-decoration:none;
}
.registration_page
.page_container .main_page {
padding: 100px 0px
0px;
}
.registration_page .peep_menu_wrap, .registration_page
.peep_console_button {
display:none;
}
.registration_page
.left_fixed_side{
width:100%;
z-index:99;
background:#eaeaea;/**
PEEP_Control type:color, section: Change site backgrounds,
key:registerheaderbackgrounds, label:- Register page header background
color**/
left:0px;
top:0px;
padding:0 0px;
height:65px;
-webkit-box-shadow: 0 1px 8px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0
1px 8px 1px rgba(0,0,0,0.3);
box-shadow: 0 1px 8px 1px
rgba(0,0,0,0.3);
}
.registration_page .site_logo{
left:10px;
margin:0
10px;
}
.registration_page
.peep_console{
position:fixed;
z-index:105;
margin-right:0px;
right:30px;
height:40px;
margin-top:0px;
top:0px;
float:right;
width:auto;
}
.registration_page
.peep_console_dropdown_hover{
top:0px;
width:auto;
right:0px;
}
.registration_page
.change_lang_button{
margin-right:0px;
padding:0px
30px;
height:35px;
line-height:34px;
border:1px solid
#777;
background-position:5px center;
color:#777;
}
.registration_page
.change_lang_button:hover
{
background-color:#434343;
color:#fff;
}
.registration_page .peep_console
.peep_tooltip_body {
right:0px;
margin-top:15px;
}
.registration_page
.peep_signin_label{
margin: -22px 3px;
border:1px solid
#777;
width:100px;
height:35px;
line-height:34px;
color:#777;
}
.registration_page
.peep_console_body{
text-align:right;
}
.registration_page
.page_full{
background:#fff;/** PEEP_Control type:color, section: Change
site backgrounds, key:registerbackgrounds, label:- Register page body
background color**/
}
.registration_page .main_page {
margin: 0 0px 0px
0px;
}
.registration_page .bg_color{
background:none
!important;
}
.registration_page
.join_right_section{
width:38%;
background:none;
padding-top:10px;
-webkit-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0
3px 10px 3px rgba(0,0,0,0.3);
box-shadow: 0 3px 10px 3px
rgba(0,0,0,0.3);
}
.registration_page .join_left_section{
background:none;
width:55%; border:none; color:#777; font-size:22px;
margin-top:40px;
}
.registration_page .peep_table_3
.peep_form{
background:none;
color:#777;
}
.join_prom {
margin:40px
10px;
}
.join_prom h3{
padding:10px
0;
color:#777;
font-size:18px;
font-weight:normal;
line-height:28px;
}
.registration_page
.peep_form input{
background:none;
border:0px solid
#777;
color:#777;
font-size:15px;
height:30px;
line-height:30px;
}
.registration_page
.peep_form textarea{
background:none;
border:0px solid
#777;
color:#777;
}
.registration_page .peep_form
select{
background:none;
color:#777;
border-bottom:none;
border-top:none;
border-right:none;
border-left:1px
solid #cdcdcd;
color:#777;
height:30px;
width:31%;
}
.registration_page
table.peep_form
td{
line-height:30px;
color:#777;
height:30px;
text-align:left
!important;
border-bottom:1px solid
rgba(0,0,0,0.2);
border-top:none;
border-right:none;
border-left:none;
color:#777;
font-size:13px;
}
.registration_page
input[type=submit],
.registration_page
input[type=button]{
color:#fff;
background:#d76243;
position:relative;
width:250px;
padding:10px
10px;
height:35px;
}
.registration_page
span.peep_button{
border:none;
padding:0px 0px;
}
.registration_page
span.peep_button:hover{
background-color:none;
border:none;
}
div
.peep_avatar_field:before {
content: '';
position: relative;
left: 0;
right: 0;
text-align: center;
height:70px;
cursor: pointer;
}
div
.peep_avatar_field {
width: 100%;
height: 70px;
background:
url(images/photo_upload.png) no-repeat center center;
border:0px solid
#777;
background-size:50px;
-webkit-background-size:50px;
-moz-background-size:50px;
-ms-background-size:50px;
-o-background-size:50px;
margin:10px auto;
display: block;
position: relative;
overflow:
hidden;
cursor: pointer;
font-weight: bold;
color: #FFF;
text-align:
center;
padding-top: 0px;
margin-top:0px;
}
div
.peep_avatar_field input {
position: relative;
height: 70px;
width: 100%;
display: block;
cursor: pointer;
opacity:
0;
}
.index_landing_header{
position:fixed;
z-index:100;
top:-5px;
left:0px;
width:100%;
height:55px;
background:rgba(0,0,0,0.1);
}
.index_page
.index_landing_header
.peep_console{
position:relative;
width:auto;
top:0px;
float:right;
right:20px;
margin-top:0px;
margin-right:20px;
background:none;
}
.index_page
.index_landing_header
.peep_console_dropdown_hover{
top:0px;
width:auto;
right:0px;
}
.index_page
.index_landing_header .change_lang_button{
margin-right:0px;
padding:0px
30px;
height:30px;
line-height:29px;
border:1px solid
#cdcdcd;
background-position:3px center;
color:#fff;
}
.index_page
.index_landing_header .change_lang_button:hover
{
background-color:#434343;
color:#fff;
}
.index_page .index_landing_header
.peep_console .peep_tooltip_body {
right:5px;
margin-top:15px;
}
.index_page .index_landing_header .peep_signin_label{
top:0px;
margin:
-20px 0px;
border:1px solid
#cdcdcd;
width:100px;
height:30px;
line-height:29px;
color:#fff;
}
.index_page
.index_landing_header .peep_console_body{
text-align:right;
}
.index_page
.index_landing_header .peep_console_button
{
display:none
}
.index_visitor_top{
width:100%;
height:650px;
background:url(images/visitor_top1.jpg) no-repeat 0px 0px;/** PEEP_Control
type:image, section: Change site backgrounds, key:landingbackgroundimages,
label:- Index Landing page Pic**/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
top:0px;
left:0px;
}
.visitor_top_cover{
width:100%;
height:650px;
z-index:86;
background:rgba(0,0,0,0.5);
left:0px;
top:0px;
}
.welcome-slideshow {
width: 100%;
height: 40px;
text-align:center;
position:relative;
z-index: 99;
display:block;
}
.typing_slider{
top:135px;
text-align:center;
width:100%;
position:absolute;
color:#fff;
text-shadow: 0 1px 3px #111;
font-size:22px;
line-height:48px;
font-family: 'Raleway',
sans-serif;
font-weight:300;
}
.index_visitor_join{
margin-top:110px;
z-index:99;
}
.corevisitor_register{
position:relative;
top:80px;
width:300px;
margin:100px
auto;
padding:20px;
border-radius:6px;
background:rgba(255,255,255,0.9);
}
.corevisitor_register_txt{
margin-bottom:20px;
width:100%;
color:#777;
font-size:15px;
padding-bottom:15px;
border-bottom:
1px solid rgba(0,0,0,0.25);
}
.corevisitor_register
input[type=submit]{
width:180px;
color:#777;
font-size:16px;
text-align:center;
text-transform:lowercase;
}
.corevisitor_signin_txt{
color:#fafafa;
position:relative;
top:10px;
font-size:16px;
}
.corevisitor_register
span.peep_button {
padding: 5px 10px;
border: 1px solid
#777;
border-radius:3px;
text-align:center;
}
.corevisitor_signin_button
.peep_button{
position:relative;
padding:8px
120px;
top:40px;
color:#fff;
font-size:16px;
border:1px solid
transparent;
background:#d76243;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
transition: all 0.7s
ease;
}
.corevisitor_signin_button
a:hover{
background:transparent;
border:1px solid
#777;
color:#777;
text-decoration:none;
}
.corevisitor_register_mail{
}
.corevisitor_register_mail
input[type=text]:focus{
border-top: 0px solid #111;
border-left: 0px solid
#111;
border-right: 0px solid #111;
border-bottom: 1px solid
#d76243;
}
.corevisitor_register_mail
input[type=text]{
width:100%;
height:40px;
line-height:39px;
padding-top:7px;
border:
1px solid
rgba(0,0,0,0.25);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
color:#777
!important;
font-weight:400;
padding-left:10px;
background:transparent;
font-size:15px;
text-align:center;
}
.corevisitor_register_looking{
width:100%;
height:35px;
padding-top:7px;
}
.corevisitor_register_looking
select{
border:0px;
border-radius:0px;
height:35px;
border: 1px solid
rgba(0,0,0,0.25);
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#777;
padding-left:5px;
top:2px;
right:0px;
float:right;
background:transparent;
width:69%;
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAfRJREFUKBVjZACCtPJyflZmvoypbb+7GRga/oHEiAVpVa2S7EwMy3/9/Z01s73hGiNYgJFhBwMjg97///9XXjn6J+bAgYY/xBiYUtUqzsHIcICRkUGDgeH/m99//rkxW9o5rWdkZLQEGQCkdcRlmQyFDbTX3Tl16i8+QxMrK0W5mdj2Aw3ThKhj5GJiZJRjYvj9J/4/w//rcM2MjL7KfOJb0tIauOBiaIzsykphbmbuvUBfaSFJHfz3/k8YI0gAYhv3LqALDWAK/jMwHH3/8bfX0skNn2BiIDqzokKQmZlnH7Jahv//d7349jZgdX//d7CBIIUJBQ0CvNws24H+tgDxoeDsv79f3Ke2t78F8cFqeFj3AJnGUHlg0P3ffOfTy9Dtkyf/BInBDQRxsrIaeJgFWTcBRR1BfDD4z3Dl76/frh9/MHwT5GPZDXSZGVzq///Vv14/ip41a9ZvmBiKgSDBhIQGDh5plnVAjZ4wRUBn3P7PwPgOqNgcLvb//+IXty4mrl69GiXyMAwEaUhLS2NlE5VbDjQ0GG4AEgOYvGZNaf2TiS3NMiOpgzPPnj37T15CeC2PsLgiMEz14RJAxr///ydNba3JZmA4AIw3TIDVhUjKGHOqW6YBXZoBEgO6rGNKa00lkjx5zOya1p7s6pY6YnQDAJtNqEix3qoOAAAAAElFTkSuQmCC);
background-position:
right 10px center;
background-repeat: no-repeat;
background-size:
15px;
-webkit-appearance: none !important;
-moz-appearance: none
!important;
-o-appearance: none !important;
-ms-appearance: none
!important;
appearance: none !important;
}
.corevisitor_register_looking
label{
float:left;
height:41px;
line-height:28px;
padding-left:10px;
border-right:0px
solid
#777;
color:#777;
}
.corevisitor_register_birthdate{
width:100%;
height:35px;
padding-top:7px;
border:1px
solid
#777;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.corevisitor_register_birthdate
select{
border:0px;
border-radius:0px;
border-left:1px solid
#777;
color:#777;
padding-left:5px;
top:2px;
background:transparent;
right:0px;
float:right;
width:23%;
}
.corevisitor_register_birthdate
label{
float:left;
height:35px;
line-height:28px;
padding-left:10px;
color:#777;
}
.index_page
.footer{
background-color:#d17862;/** PEEP_Control type:color, section:
Change site backgrounds, key:indexfooterbackgrounds, label:- Index Landing
Page Footer background color**/
color:#fff;
}
.index_page .footer
a{
color:#fff;
}
.registration_page .canvas, .registration_page
.page_container {
right:0px;
}
.base_sign_in .canvas, .base_sign_in
.page_container {
right:0px;
}
.bg_color{
background-color:
#fff;
}
.page_full {
position: relative;
background:#EEE ;
background-repeat: repeat;
}
body > .page_full {
min-height:
100%;
}
.page_fill {
/*overflow: auto;*/
padding-bottom: 99px;
}
.canvas
{
margin: 0 auto;
width: 924px;
word-wrap:
break-word;
right:45px;
position:relative;
}
.main_page {
margin: 0 auto
0px 227px;
padding: 0 18px;
}
.page_container {
width:
924px;
margin: 0px auto 16px
auto;
right:45px;
position:relative;
}
.page_container .main_page {
padding: 10px 8px 0px;
min-height: 500px;
color: #333;
}
.content
{
float: none;
width: 100%;
}
.content a {
color: #d76243;
}
.footer{
color: #777;
padding:1px 0px;
border-top: 1px solid
#d4d4d4;
background: #fff;
height: 96px;
position:
relative;
margin-top: -99px;
clear: both;
z-index:88;
}
.footer
.site_copyright{
font-size:11px;
line-height: 1;
}
h1.page_title{
background: none;
margin-bottom: 20px;
padding-left:
22px;
}
.peep_column {
width: 48%;
overflow: hidden;
}
.peep_narrow
{
width: 48%;
overflow: hidden;
}
.peep_wide {
width: 49%;
overflow: hidden;
}
.peep_superwide {
width: 65%;
overflow:
hidden;
}
.peep_supernarrow {
width: 33%;
font-size: 11px;
overflow: hidden;
}
.peep_left {
float: left;
}
td.peep_left {
float:
none;
}
.peep_right {
float: right;
}
.peep_center {
text-align:
center;
}
.peep_txtleft,
table td.peep_txtleft {
text-align:
left;
}
.peep_txtcenter {
text-align: center;
}
.peep_txtright {
text-align: right;
}
html body .peep_hidden{
display:
none;
}
.peep_visible {
display: block;
}
.peep_nocontent {
padding: 20px 0px;
text-align:
center;
}
table.peep_nomargin,
div.peep_nomargin {
margin-bottom:0px;
}
.peep_nowrap {
white-space:
nowrap;
}
ul.peep_regular {
margin-bottom: 12px;
}
ul.peep_regular
li{
line-height: 24px;
background: #ededed;
margin: 0 0 3px
0px;
padding: 0px 5px 0px 16px;
background-repeat:
no-repeat;
background-image:
url(images/miniic_li.png);
background-position: -8px
-5px;
}
ul.peep_regular li:hover {
background:#fff;
}
.peep_preloader{
background: url(images/loader_circ.gif) no-repeat center
center;
}
.peep_preloader_content{
background:
url(images/loader_circ.gif) no-repeat center
center;
}
.peep_page_layout_scheme {
width:
580px;
}
.peep_page_layout_scheme a {
background-position: center
center;
background-repeat: no-repeat;
border: 1px solid #FFFFFF;
display: block;
float: left;
height: 103px;
margin: 2px;
padding:
5px;
width: 100px;
}
.peep_page_layout_scheme
a.active,
.peep_page_layout_scheme a:hover {
background-color:
#CCFFCC;
border: 1px solid #CCCCCC;
}
.peep_item_set2 {
width: 49%;
}
.peep_item_set3 {
width: 33%;
}
.peep_item_set4 {
width: 25%;
}
.peep_item_set5 {
width: 20%;
}
.site_logo {
width: 190px;
margin:
0px auto;
padding: 0px 0px 5px 10px ;
position:relative
;
height:65px;
line-height:65px;
border-bottom:1px solid #cdcdcd
;
}
.site_logo a {
background-repeat:no-repeat;
background-position:center
center ;
display: block ;
font-size: 0px ;
background-image:
url('images/site_logo.png');/** PEEP_Control type:image, section: Change
site logos, key:sitelogo, label:- Inside site wide Logo **/
}
.site_logo
a:hover {
text-decoration: none ;
}
.index_page
.visitor_site_logo{
width:100%;
position:absolute;
top:60px;
}
.index_page
.visitor_site_logo a{
margin:0 auto;
}
.visitor_site_logo
a{
background-repeat:no-repeat;
background-position:center center;
display:
block;
font-size: 0px;
background-image: url('images/site_logo.png');/**
PEEP_Control type:image, section: Change site logos, key:sitelogo1, label:-
Logo in visitor index page **/
width:210px;
height:65px;
}
.peep_console
.common_shortcuts a{
background-position:50% 50%;
background-repeat: no-repeat;
display:inline-block;
height:30px;
width:25px;
}
.peep_console .common_shortcuts a:hover{
text-decoration:none;
}
.peep_console .notification_shortcut{
padding:0
7px;
}
.peep_console .notification_shortcut a{
background-position:0
50%;
background-repeat:no-repeat;
display:block;
padding: 5px 0
5px 20px;
text-decoration:none;
}
.header_avatar{
top:-5px;
margin-right:5px;
position:relative;
background-size:100%;
width:38px
!important;
height:38px !important;
float:left;
}
.header_avatar
img{
background-size:100%;
width:38px !important;
height:38px
!important;
}
.peep_console {
font-size: 11px;
height: auto;
position:
fixed;
margin-top:80px;
margin-left: 0px;
margin-right:719px;
width:190px;
z-index:99;
color: #666;
}
.peep_console_body
{
padding: 0px 4px 0px 0px;
text-align:
left;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft:
2px;
-webkit-bottom-left-border-radius: 2px;
}
.peep_console_block
{
display: inline-block;
text-align: left;
vertical-align:
top;
}
.peep_console_item {
display: inline-block;
position:relative;
line-height: 28px;
height:29px;
margin:0 0px 0
8px;
padding:0 0px;
}
.peep_console_button{
width:190px;
text-align:center;
top:120px;
border:1px
solid #d76243;
font-size:15px
!important;
line-height:40px;
height:40px;
-webkit-transition: all 0.5s
ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s
ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s
ease;
}
.peep_console_button a{
font-size:15px
!important;
}
.peep_console_button:hover{
background:#d76243;
border-color:#d76243
!important;
color:#fff !important;
}
.peep_console_button
a:hover{
color:#fff
!important;
}
.peep_console_dropdown_click{
top:100px;
width:190px;
}
.peep_console_dropdown_click
.peep_console_item_link{
padding-left:25px;
}
.peep_console_item:hover
{
border-color: #999;
cursor:
pointer;
}
.peep_console_dropdown_hover{
top:-65px;
width:190px;
left:0px;
}
.peep_console_dropdown_hover:hover
{
cursor: pointer;
}
.peep_console_dropdown_pressed {
border-color:
#ccc;
}
.peep_console_item a {
color: #4D4D4D;
}
.peep_console_item
a:hover {
text-decoration: none;
color: #434343;
}
.peep_console_more {
background: url("images/console_arr.png") no-repeat scroll right
14px transparent;
display: inline-block;
height: 22px;
min-width: 8px;
padding: 0 0px 0 3px;
vertical-align:
top;
float:right;
right:0px;
}
.peep_console_item:hover .peep_console_more
{
background: url("images/console_arr_hover.png") no-repeat
scroll right 14px transparent;
}
/*Console select language
styles*/
.peep_console_lang_item {
text-transform:
normal;
}
.change_lang_button{
margin-left:0px;
margin-top:15px;
background:
url(images/lang_ico.png) no-repeat -5px center;
}
li.peep_console_lang_item
{
padding: 5px 8px;
border: 1px solid transparent;
border-radius:
2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom:
1px;
}
li.peep_console_lang_item:hover {
border: 1px solid
#ccc;
background: #fff url(images/console_item_bg.png) repeat-x center
0px;
}
.peep_console_lang_item span {
display:
inline-block;
padding-left: 23px;
}
/*End Console select language
styles*/
.peep_console .peep_tooltip_top_right {
top: 10px;
padding-top:
2px;
}
.peep_console .peep_tooltip_top_right .peep_tooltip_tail span
{
display:none;
}
.peep_console span.peep_count_wrap {
padding: 4px 0px
0px;
margin: 3px 0px 0px 2px;
display:inline-block
!important;
float:right;
right:0px;
}
.peep_console span.peep_count_bg
{
display:inline-block !important;
float:right;
right:0px;
margin:0px
0;
}
.peep_console span.peep_count {
top: 0px;
line-height:
13px;
display:inline-block !important;
}
.peep_console .peep_tooltip_body
{
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.4);
-moz-box-shadow: 0 2px
8px rgba(0,0,0,0.4);
box-shadow: 0 2px 8px
rgba(0,0,0,0.4);
margin-left:0px;
margin-top:-15px;
position:absolute;
}
.peep_console_list_wrapper {
width: 330px;
overflow-y: auto;
word-wrap:
break-word;
min-height: 60px;
}
.peep_console_list {
cursor:
default;
}
.peep_console_list li {
padding: 3px;
margin: 0px 0px
4px;
height: auto;
overflow: hidden;
border: 1px solid #ececec;
}
.peep_console_list li:hover {
border-color: #ccc;
}
.peep_console_list
li.peep_console_new_message {
background: #fff;
border-color:
#ccc;
}
.peep_console_list li:last-child {
margin-bottom:
0px;
}
.peep_console .peep_avatar {
float: left;
margin-right:
-40px;
height: 40px;
width: 40px;
padding: 0px;
background-image:
none;
}
.peep_console .peep_avatar img {
height: 40px;
width:
40px;
}
.peep_console_ntf_txt, .peep_console_invt_txt {
display:
block;
line-height: 16px;
color: #666;
}
.peep_console_invt_txt a
{
color: #2A80AE;
}
.peep_console_view_all_btn_wrap {
padding-top:
4px;
}
.peep_console_view_all_btn {
text-decoration: none;
display:
block;
line-height: 24px;
padding: 8px 0px;
text-align: center;
border:
1px solid #434343;
font-size:14px !important;
-webkit-transition: all 0.5s
ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s
ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s
ease;
}
.peep_console_view_all_btn:hover {
background:#434343;
color:#fff
!important;
}
ul.peep_console_dropdown {
min-width: 200px;
text-align:
left;
overflow-x: auto;
cursor: default;
}
ul.peep_console_dropdown
.peep_console_dropdown_cont {
white-space: nowrap;
margin-bottom:
1px;
}
ul.peep_console_dropdown .peep_console_dropdown_cont a {
padding:
3px 8px;
border: 1px solid transparent;
display:
block;
color:#666;
}
ul.peep_console_dropdown .peep_console_dropdown_cont
a:hover {
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #fff
url(images/console_item_bg.png) repeat-x center
0px;
}
ul.peep_console_dropdown li:last-child .peep_console_dropdown_cont
{
margin-bottom: 0px;
}
.peep_console .peep_tooltip .peep_tooltip_body
{
max-width: 340px;
}
.peep_console_ntf_cont, .peep_console_invt_cont
{
display: block;
margin: 0px 57px 0px 45px;
line-height: 16px;
color:
#666;
}
.peep_console_ntf_txt, .peep_console_invt_txt {
min-height:
19px;
padding: 0px 0px 3px 0px;
}
.peep_console_invt_txt {
width:
211px;
word-wrap: break-word;
}
.peep_console_invt_cont a {
color:
#2A80AE;
}
.peep_console_invt_cont a:hover {
color:
#666;
text-decoration: underline;
}
.peep_console_invt_cont
.peep_lbutton:hover {
text-decoration: none;
}
.peep_console_invt_img
{
float: right;
margin-left: -54px;
width: 40px;
height:
40px;
text-align: right;
}
.peep_console_invt_img img {
max-height:
100%;
max-width: 100%;
}
.peep_console_invt_no_img .peep_console_invt_txt
{
width: 100%;
}
.peep_console_invt_no_img {
margin-right:
0px;
}
.peep_console_divider {
line-height: 1px;
height:
1px;
background: #dcdcdc;
border-bottom: 1px solid #fff;
margin: 3px 0px
2px;
}
.peep_cursor_pointer {
cursor: pointer;
}
.peep_cursor_default
{
cursor: default;
}
.peep_friend_request_list {
background:
url(images/cons_reqico.png) no-repeat -6px
center;
}
.peep_mailbox_items_list {
background:
url(images/cons_chatico.png) no-repeat -6px
center;
}
.peep_notification_list {
background: url(images/cons_notico.png)
no-repeat -6px center;
}
.peep_console .peep_tooltip_body .peep_nocontent
{
background:url(images/console_nocontent.png) no-repeat center
top;
height:200px;
width:100%;
line-height:180px;
color:#ccc;
font-size:14px
!important;
font-weight:bold !important;
}
.peep_friend_request_list
.peep_tooltip_body .list_header
.console_list_title{
background:url(images/console_list_req.png) no-repeat
left
center;
width:auto;
height:40px;
color:#fff;
font-size:12px;
font-weight:bold;
padding:0
40px;
}
.peep_notification_list .peep_tooltip_body .list_header
.console_list_title{
background:url(images/console_list_notify.png)
no-repeat left
center;
width:auto;
height:40px;
color:#fff;
font-size:12px;
font-weight:bold;
padding:0
45px;
}
.peep_mailbox_items_list .peep_tooltip_body .list_header
.console_list_title{
background:url(images/console_list_chat.png) no-repeat
left
center;
width:auto;
height:40px;
color:#fff;
font-size:12px;
font-weight:bold;
padding:0
40px;
}
.peep_console_mailbox_txt {
font-size:
12px;
}
.peep_console_mailbox_title {
font-size: 12px;
font-weight:
bold;
padding-right: 52px;
}
.peep_console_mailbox_title
.peep_mailbox_convers_info_date {
font-size: 10px;
font-weight:
normal;
margin-right: -49px;
}
.peep_chat_request_item
.console_list_ipc_item {
padding-left: 16px;
background:
url(images/miniic_buble.png) 2px 12px
no-repeat;
}
.peep_mailbox_request_item .console_list_ipc_item
{
padding-left: 16px;
background: url(images/miniic_envelope.png) 2px
12px no-repeat;
}
.peep_chat_request_item .peep_console_mailbox_txt
{
font-size: 11px;
font-weight: normal;
line-height:
13px;
}
.peep_console_messages_btns,
.peep_console_messages_btn
{
margin-top:
4px;
}
.console_list_title{
float:left;
line-height:40px;
padding-left:8px;
display:block;
}
.list_header{
width:100%;
height:40px;
line-height:39px;
background:#d76243;
margin-bottom:10px;
}
.peep_console_messages_viewall,
.peep_console_messages_send
{
width: 50%;
float: right;
box-sizing: border-box;
-moz-box-sizing:
border-box;
-wenkit-box-sizing: border-box;
}
.peep_console_messages_btn
.peep_console_messages_send {
display: none;
}
.peep_console_messages_btn
.peep_console_messages_viewall {
width: 100%;
padding-right:
0;
}
.peep_console_messages_viewall {
padding-right:
2px;
}
.peep_console_messages_send {
padding-left:
2px;
}
.peep_console_messages_send a {
display: inline-block;
line-height:
39px;
color:#fff;
text-align:
right;
right:40px;
width:150px;
}
.peep_console_messages_viewall
a{
display: inline-block;
width: 100%;
line-height: 40px;
text-align:
center;
border: 1px solid #434343;
box-sizing:
border-box;
-moz-box-sizing: border-box;
-wenkit-box-sizing:
border-box;
font-size: 14px !important;
-webkit-transition: all 0.5s
ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s
ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s
ease;
}
.peep_console_messages_viewall
a:hover{
background:#434343;
color:#fff;
}
.peep_console
li.peep_chat_request_item .peep_avatar,
.peep_console
li.peep_mailbox_request_item .peep_avatar {
width: 32px;
height:
32px;
margin-right: -32px;
}
.peep_console li.peep_chat_request_item
.peep_avatar img,
.peep_console li.peep_mailbox_request_item .peep_avatar
img {
height: 32px;
width: 32px;
}
.peep_console
li.peep_chat_request_item .peep_console_invt_cont,
.peep_console
li.peep_mailbox_request_item .peep_console_invt_cont {
margin-left:
38px;
}
/*End of Messages notifications*/
/* ---- End of Console styles
---- */
/* ---- Form Elements styles ----
*/
input[type=text],
input[type=password],
textarea,
select,
div.jhtmlarea,
.peep_photo_upload_description,
.peep_photo_preview_edit
.CodeMirror{
background-image:
url(images/inputbg.gif);
background-repeat:
repeat-x;
background-position: 0px 0px;
background-color: #fff;
border: 1px solid #ccc;
color: #585858;
font-family: "Lucida
Grande", "Verdana";
font-size: 13px;
padding: 4px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
body form div.jhtmlarea {
padding:
0px;
background: #fff;
width: 100% !important;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body
.toolbar {
padding: 2px 2px 0px;
height: 24px;
background:
#fafafa;
border-bottom: 1px solid #e8e8e8;
border-radius: 3px 3px 0px
0px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius:
3px 3px 0px 0px;
}
body .toolbar ul li a {
background-image:
url(images/wysiwyg.png);
}
body .jhtmlarea .toolbar ul {
height:
24px;
}
.jhtmlarea .input_ws_cont {
padding: 8px;
}
body.htmlarea_styles
{
margin: 0px;
}
html body .peep_sidebar *,
html body .peep_console
*{
font-size: 11px;
}
select{
background-image: none;
}
textarea{
height: 100px;
width: 100%;
resize: vertical;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text],
input[type=password]{
width: 100%;
height:
30px;
line-height: 22px;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*.peep_supernarrow input[type=text],
.peep_supernarrow
input[type=password]{
width:
95%;
}*/
input[type=submit],
input[type=button]{
background-color:
transparent;
background-image: none !important;
padding: 1px 1px
1px 1px;
color: #494949;
font-weight: normal;
cursor: pointer;
height: 30px;
font-family: 'UbuntuBold', "Trebuchet MS",
"Helvetica CY", sans-serif;
text-transform:
uppercase;
font-size: 13px;
border:
none;
}
input[type=submit]:hover,
input[type=button]:hover{
color:#777;
}
/*
temp hack for decorating buttons in FF */
body:not(:-moz-handler-blocked)
input[type=submit],
body:not(:-moz-handler-blocked) input[type=button]{
padding-top: 0px;
padding-right: 31px;
}
/* End of temp hack for
decorating buttons in FF */
html body div span.peep_button
input[type=submit],
html body div span.peep_button
input[type=button]{
padding: 4px 15px;
}
html body.peep
input[type=submit],
html body.peep input[type=button]{
margin:
0px;
}
span.peep_button {
display: inline-block;
background-color:
none;
padding: 0px 0px;
border: 1px solid #777;
-webkit-transition: all
0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all
0.7s ease;
-ms-transition: all 0.7s ease;
transition: all
0.7s ease;
}
span.peep_button:hover {
border-color: #d76243;
background-color:#d76243;
}
span.peep_button span.peep_button {
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
border: none;
background-image:
none;
background-position: right center;
background-repeat:
no-repeat;
background-color: transparent;
}
span.peep_button span
{
display: inline-block;
padding: 0px 0px 0px 0px;
background-position:
center center;
background-repeat: no-repeat;
background-color:
transparent;
}
.peep_btn_delimiter span.peep_button:first-child
{
margin-right: 16px;
}
.peep_btn_delimiter span.peep_button
span.peep_button {
margin: 0px;
}
html body.peep span.peep_button
{
}
body.peep input.peep_inprogress,
body.peep .peep_inprogress {
background-image: url(images/loader_circ.gif);
}
*+html
input[type=submit],
*+html input[type=button]{
overflow:
visible;
}
input[type=submit]:hover,
input[type=button]:hover{
/*
empty */
}
input[type=submit].submit{
background-color: #00aa00;
color: #fff;
}
input[type=submit].alert{
background-color: #ff6666;
color: #fff;
}
input[type=submit].submit:hover{
/* empty
*/
}
input[type=submit].alert:hover{
/* empty
*/
}
ul.peep_radio_group li{
float:left;
}
ul.peep_checkbox_group
li{
float:left;
}
textarea.invitation,
input[type=text].invitation,
input[type=password].invitation{
color:#999;
}
.form_auto_click
textarea.invitation{
height:50px;
}
form .error{
color:red;
}
form
input[type=text].hasDatepicker{
width: 87%;
}
form br.peep_no_height{
line-height: 0;
}
.color_input input[type=text]{
width:70%;
}
.peep_multiselect select{
width: 120px;
padding:
2px;
}
.peep_multiselect input[type=button]{
padding-left:
20px;
}
.form_auto_click .peep_submit_auto_click{
display:none;
}
/*
---- Positive and Negative buttons ---- */
html body div .peep_positive
input[type=submit],
html body div .peep_positive
input[type=button]{
color: #494949;
}
html body div .peep_positive
input[type=submit]:hover,
html body div .peep_positive
input[type=button]:hover{
color: #fff;
}
.peep_negative
input[type=submit],
.peep_negative input[type=button]{
background:
url(images/btn_grad_negative.png) repeat-x;
padding-right:
2px;
}
body:not(:-moz-handler-blocked) .peep_negative
input[type=submit],
body:not(:-moz-handler-blocked) .peep_negative
input[type=button] {
padding-right: 2px;
}
/* ---- End of Positive and
Negative buttons ---- */
html body div .peep_green {
color:
#089634;
}
html body div .peep_red{
color: #d60e0e;
}
html body div
.peep_mild_red,
.peep_navbox.peep_mild_red a.move{
color:
#bf0a03;
}
html body div .peep_mild_green,
.peep_navbox.peep_mild_green
a.move{
color: #44ba12;
}
html body .peep_button.peep_red,
html body
.peep_button.peep_mild_red,
html body .peep_button.peep_green,
html body
.peep_button.peep_mild_green,
.peep_button .peep_mild_red,
.peep_button
.peep_red,
.peep_button .peep_green,
.peep_button .peep_mild_green
{
background-color: transparent;
border-color: transparent;
color:
#626060;
}
input[type=submit].peep_green,
input[type=button].peep_green,
input[type=submit].peep_mild_green,
input[type=button].peep_mild_green,
input[type=submit].peep_red,
input[type=button].peep_red,
input[type=submit].peep_mild_red,
input[type=button].peep_mild_red
{
background-color: transparent;
}
/*share
buttons*/
.home_share_btns{
display:none;
position:fixed;
z-index:101;
bottom:20px;
left:-2px;
width:40px;
padding:5px;
height:auto;
background:#fff;
border-radius:3px;
border:1px solid
rgba(0,0,0,0.2);
}
/*share buttons end*/
/* wysiwyg styles
*/
body.htmlarea_styles{
font-family: "Lucida Grande",
"Verdana", "Tahoma"; /** key:commonFontFamily **/
color: #333;
font-size: 13px; /** key:commonFontSize **/
line-height: 18px;
}
body.htmlarea_styles a{
color:
#2a80ae;
}
body.htmlarea_styles p{
margin:0;
}
/* wysiwyg styles end
*/
/* tag styles */
div.tagsinput {
background-image:
url(images/inputbg.gif);
background-color: #fff;
}
/* tag styles end
*/
/* ---- End of Form Elements styles ---- */
/* ---- End of Form Table
styles ---- */
/* -------Attachments
styles----------*/
.peep_side_preloader{
background:
url(images/loader_circ.gif) no-repeat center
center;
width:24px;
height:24px;
margin-right:10px;
}
.peep_attachment_btn
{
float: right;
margin: 0 0 0 4px;
padding: 0;
}
a.image
input{
position:absolute;
z-index: 2;
cursor: pointer;
float:
left;
opacity: 0;
filter:
alpha(opacity=0);
width:100%;
height:50px;
}
a.image{
display:
inline-block;
opacity: 9;
font-size:13px;
color:#111;
background: #cdcdcd
url(images/photo_upload.png) no-repeat center
center;
background-size:40px;
-webkit-background-size:40px;
-moz-background-size:40px;
-o-background-size:40px;
-ms-background-size:40px;
width:90%;
height:50px;
position:relative;
}
.peep_attachments
input[type="file"] {
cursor: pointer;
float: right;
opacity: 0;
}
.peep_attachment_icons {
float:
right;
}
.peep_attachments a {
background: url(images/pic_attach.png)
no-repeat center center;
cursor: pointer;
float: left;
height:
22px;
overflow: hidden;
text-decoration: none;
width: 22px;
margin-top:-2px;
padding-left:5px;
}
.peep_attachments a.video{
background:url(images/wysiwyg.png) -197px 1px
no-repeat;
}
.peep_attachments a.attach {
background:
url(images/wysiwyg.png) no-repeat scroll -241px 1px rgba(0, 0, 0, 0);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
}
.peep_attachments a.attach.uploading {
background:
url(images/loader_circ.gif) no-repeat center
center;
}
.peep_attachment_delete {
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 4px;
right:
4px;
}
.peep_ajax_oembed_attachment {
width:
100%;
}
.peep_attachment_btn span.peep_button {
background-color:
#f5f5f5;
background-image: none;
background-repeat: repeat-x;
background-position: center left;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-color:
#ebebeb;
display: inline-block;
padding: 1px;
text-align:
center;
}
.peep_attachment_btn span.peep_button span
{
}
.peep_attachment_btn span.peep_button input[type=submit],
.peep_attachment_btn span.peep_button input[type="button"]
{
padding: 1px 8px 4px;
height: 22px;
color: #777;
background:
none;
}
/*Video, links embed*/
body .peep_oembed_attachment_preview {
height: 60px;
position: relative;
padding: 6px 20px 0 88px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-width: 1px;
background-color: #fafafa;
}
.peep_mailbox_log
.peep_oembed_attachment_preview {
border: none;
padding: 0 0 0
88px;
background-color: transparent;
margin-top:
12px;
}
.peep_mailbox_log .peep_oembed_attachment_preview
.peep_attachment_delete {
display: none;
}
.peep_oembed_attachment_pic
.attachment_other_images_btn {
position: absolute;
left: 4px;
bottom:
4px;
display: none;
}
.peep_oembed_attachment_pic:hover
.attachment_other_images_btn {
display: inline-block;
}
body
.peep_oembed_attachment_pic {
width: 80px;
height: 60px;
position: absolute;
top: -1px;
left: -1px;
border-width: 0 1px
0 0;
background-color: #ececec;
}
.peep_oembed_atachment_pic_nopic
{
background-image: url(images/no-picture.png);
background-position:
center center;
background-repeat: no-repeat;
background-size:
100%;
}
.peep_oembed_attachment_pic img {
width: 80px;
height:
60px;
}
.peep_oembed_attachment_url {
position:
relative;
}
.peep_oembed_attachment_url a {
position: absolute;
bottom:
4px;
left: 4px;
}
.peep_attachment_title {
margin-bottom: 4px;
line-height: 13.5px;
font-size: 11px;
display:
inline-block;
}
.peep_attachment_description {
line-height: 13.5px;
height: 27px;
overflow: hidden;
font-size: 11px;
display:
block;
}
.peep_attachment_title a {
display: block;
height:
13px;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
font-size: 11px;
}
.peep_oembed_attachment_preview.loading_content
.peep_oembed_attachment_pic,
.peep_oembed_attachment_preview.loading_content
.peep_attachment_title,
.peep_oembed_attachment_preview.loading_content
.peep_attachment_description {
display:
none;
}
.peep_oembed_attachment_preview.loading_content {
background:
url(images/loader_circ.gif) center center
no-repeat;
}
.attachment_image_item {
border-width: 1px;
cursor:
pointer;
float: left;
height: 85px;
margin: 2px;
padding:
3px;
text-align: center;
width: 85px;
}
.attachment_image_item img
{
max-width: 100%;
max-height: 100%;
}
/*Photo
attachment*/
.peep_photo_attachment_preview {
height: auto;
padding: 8px 0;
border-width: 0 0 1px 0;
border-style: solid;
margin-left: 0;
}
.peep_comments_mipc
.peep_photo_attachment_preview,
.peep_comments_mipc
.peep_oembed_attachment_preview {
margin-left: 48px;
}
.peep_comments_ipc
.peep_photo_attachment_preview,
.peep_comments_ipc
.peep_oembed_attachment_preview {
margin-left:
57px;
}
.peep_feed_comments_input_sticky
.peep_photo_attachment_preview,
.peep_feed_comments_input_sticky
.peep_oembed_attachment_preview,
.peep_feed_comments_input_sticky
.comments_hidden_btn{
margin: 0 12px 8px
22px;
}
.peep_photo_attachment_pic {
display: inline-block;
background-color: #ececec;
width: 120px;
height: 120px;
border:
1px solid #e6e6e6;
border-top-color: #dbdbdb;
position: relative;
background-size: cover;
background-repeat:
no-repeat;
}
.peep_photo_attachment_pic.loading {
background-size:
auto;
background-image:
url(images/loader_circ_content.gif);
background-position: center
center;
}
.peep_photo_attachment_stage {
width: 150px;
height:
150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
/*File
attachments*/
.peep_file_attachment_preview {
width: 100%;
height:
auto;
margin-top: -2px;
margin-bottom:
6px;
}
.peep_file_attachment_block1, .peep_file_attachment_block2 {
float: left;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 2px 0;
}
.peep_file_attachment_block1 {
padding-right:
4px;
}
.peep_file_attachment_block2 {
padding-left:
4px;
}
.peep_dialog_items_wrap
.peep_file_attachment_block1,
.peep_dialog_items_wrap
.peep_file_attachment_block2 {
width: auto;
float: none;
padding-right:
0;
padding-left: 0;
padding-top: 4px;
}
.peep_dialog_items_wrap
.peep_file_attachment_info,
.peep_mailbox_log .peep_file_attachment_info
{
padding-right: 4px;
}
.peep_dialog_item_mailchat
.peep_mailbox_message_content_attach {
padding-top:
0px;
}
.peep_dialog_items_wrap
.peep_file_attachment_name,
.peep_mailbox_log .peep_file_attachment_name
{
font-weight: normal;
padding-right: 4px;
}
.peep_file_attachment_info
{
border: 1px solid #DCDCDC;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding-right:
50px;
position: relative;
height: 22px;
overflow:
hidden;
}
.peep_file_attachment_info a {
line-height: 22px;
padding-left:
8px;
}
.peep_dialog_in_item.fileattach {
padding-top:
1px;
padding-bottom: 1px;
}
.peep_dialog_in_item.fileattach
.peep_file_attachment_info {
border: none;
}
.peep_file_attachment_name {
width: 100%;
line-height: 22px;
height: 22px;
overflow:
hidden;
padding-left: 8px;
font-size: 11px;
font-weight:
bold;
}
.peep_file_attachment_size {
font-weight: normal;
display:
none;
}
.peep_file_attachment_close {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 22px;
border-left: 1px solid
#DCDCDC;
background-image: url(images/tag_close_btn.png);
background-repeat: no-repeat;
background-position: center center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.peep_file_attachment_preload {
position: absolute;
top: 0;
right: 25px;
width: 25px;
height: 27px;
background: url(images/loader_circ.gif) center center
no-repeat;
display: none;
}
.peep_dialog_in_item.errormessage
p,
.peep_mailbox_log_message.errormessage
.peep_mailbox_message_content,
.peep_dialog_item_mailchat.errormessage
.peep_dialog_item_mailchat_text {
color: #b1b1b1;
}
.peep_errormessage_not
{
display: block;
padding-bottom: 4px;
padding-left:
4px;
}
.peep_dialog_in_item.errormessage .peep_errormessage_not
{
padding-left: 0;
}
/* -------End of attachments styles----------*/
/*
----------- Comments styles---------- */
body .peep_attachments .buttons
{
padding: 1px;
background: #f5f5f5;
border: 1px solid #ebebeb;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
}
body .peep_attachments a {
border-left: 1px solid
#ccc;
border-radius: 2px;
-moz-border-radius:
2px;
-webkit-border-radius: 2px;
}
body .peep_attachments a.video {
border-radius: 0 2px 2px 0;
margin: 0 0 0 -1px;
}
.base_cmnts_temp_cont
.peep_ipc_info {
border: none;
padding-bottom:
1px;
}
.peep_comments_item,
.peep_feed_comments_viewall,
.peep_feed_comments_input_sticky,
.peep_photo_attachment_preview,
.peep_oembed_attachment_preview,
.peep_oembed_attachment_pic,
.peep_comments_form_wrap,
.peep_cnews_features
.peep_tooltip .peep_tooltip_body,
.peep_cnews_item .peep_comments_no_form
.peep_comments_msg {
background-color: #fafafa;
border-color:
#ededed;
border-style: solid;
}
.peep_comments_item {
position:
relative;
padding: 0px 0px 4px;
padding: 6px 6px 4px 6px;
border-width:
1px 1px 0 1px;
}
.peep_comments_form_top .peep_comments_item
{
border-width: 0 1px 1px 1px;
}
.peep_comments_form_top .peep_paging {
margin-bottom: 0;
margin-top: 8px;
}
.peep_cnews_features
.peep_comments_item {
border-width: 1px 0 0
0;
}
.peep_photoview_info_wrap.sticked .peep_comments_item:last-child
{
border-width: 1px;
margin-bottom: 12px;
}
.peep_comments_form_top
.peep_comments_list .peep_comments_item:last-child {
border-radius: 0px
0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-webkit-border-radius:
0px 0px 2px 2px;
}
.peep_comments_list .peep_comments_item:first-child
{
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0
0;
-webkit-border-radius: 2px 2px 0 0;
}
.peep_comments_form_top
.peep_comments_list .peep_comments_item:first-child {
border-radius:
0;
-moz-border-radius: 0;
-webkit-border-radius:
0;
}
.peep_comments_no_form .peep_comments_list
.peep_comments_item:last-child {
border-bottom-left-radius:
2px;
-webkit-border-bottom-left-radius:
2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius:
2px;
-webkti-border-bottom-right-radius:
2px;
-moz-border-radius-bottomright: 2px;
border-width: 0 1px 1px
1px;
}
.peep_cnews_item .peep_comments_no_form .peep_comments_list
.peep_comments_item:last-child {
border-width: 1px 0 0
0;
}
.peep_cnews_item .peep_comments_no_form .peep_comments_msg
{
border-top-width: 1px;
}
.peep_comments_form_top.peep_comments_no_form
.peep_comments_list .peep_comments_item:first-child
{
border-top-left-radius: 2px;
-webkit-border-top-left-radius:
2px;
-moz-border-radius-topleft: 2px;
border-top-right-radius:
2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright:
2px;
border-width: 1px;
}
.peep_cnews_features .peep_comments_list div
.peep_context_action_block .peep_context_action {
border-top-width:
1px;
}
.peep_comments_form_wrap {
padding: 6px 6px 4px
6px;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px
2px;
-webkit-border-radius: 0 0 2px 2px;
border-width: 1px;
min-height:
42px;
}
.peep_comments_ipc .peep_comments_form_wrap {
min-height:
50px;
}
.peep_cnews_features .peep_comments_form_wrap,
.peep_cnews_features
.peep_feed_comments_viewall {
border-width: 1px 0 0
0;
}
.peep_comments_form_top .peep_comments_form_wrap {
border-radius: 2px
2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px
0 0;
}
.cnews_update_status{
display:none
!important;
}
.peep_feed_comments_viewall {
text-align: right;
padding:
8px 8px 8px 0;
border-width: 1px 1px 0 1px;
border-radius: 2px 2px 0
0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0
0;
min-height: 14px;
}
.peep_feed_comments_input_sticky {
position:
absolute;
bottom: 0;
left: 0;
width:
100%;
}
.peep_feed_comments_input_sticky .peep_comments_input_wrap
{
padding: 6px 12px 4px 22px;
}
.peep_feed_comments_input_sticky
.peep_comments_form_wrap {
border-top-width:
1px;
}
.peep_comments_item_picture{
float: left;
margin-right:
-50px;
width: 50px;
}
.peep_comments_item_info {
margin-left:
57px;
}
.peep_comments_item_info textarea.peep_smallmargin
{
margin-bottom: 6px;
width: 100%;
margin-top:
4px;
}
.peep_comments_item_info .comments_fake_autoclick {
width:
100%;
height: 28px;
margin-top: 4px;
}
.peep_comments_item_header
{
margin-bottom: 2px;
}
.peep_comments_item_header a {
font-size:
11px;
font-weight: bold;
}
.peep_comments_item_toolbar {
float:
left;
font-size:10px;
width: 100%;
}
.peep_comments_item_info .clearfix
.peep_comments_item_toolbar {
white-space:
normal;
}
.peep_comments_date {
float: right;
font-size:
10px;
}
.peep_comments_list .peep_tooltip .peep_tooltip_body {
padding:
4px 0px;
}
.peep_comments_list .peep_context_action_list a {
padding: 4px
12px;
}
.peep_comments_item_info .mipc_url{
font-weight:
bold;
}
.comment_add_arr {
float: left;
display: block;
position:
relative;
z-index: 1;
left: 1px;
width: 5px;
height: 9px;
margin: 14px
0px 0px -5px;
background: url(images/comment_arr.png) no-repeat 0px
0px;
}
.peep_comments_list .comments_view_all {
padding-bottom:
5px;
}
body .peep_comments_list .peep_attachment {
padding-top:
4px;
}
body .peep_comments_content.peep_smallmargin {
margin-bottom:
0px;
}
.peep_comments_content img {
max-width:
100%;
}
.peep_comments_btn_block {
padding: 0 0px 0px
0;
}
.peep_comments_item .cnx_action {
position: absolute;
right:
4px;
top: 4px;
}
.peep_comments_msg {
padding-top: 4px;
color:
#666;
}
body .item_loaded {
margin: 0px 3px 8px 57px;
}
body
textarea.peep_cnews_status_input {
height:40px;
margin-top:10px;
border:none;
}
body textarea.peep_cnews_status_input.invitation
{
width: 100%;
height:40px;
margin-top:10px;
border:0px;
}
.peep_comments_mipc.peep_comments_paging
.peep_comments_list {
margin-bottom: 8px;
}
.peep_comments_mipc
.peep_comments_item_picture,
.peep_feed_comments_input_sticky
.peep_comments_item_picture {
width: 42px;
margin-right: -42px;
float:
left;
}
.peep_comments_mipc .peep_comments_item_picture
.peep_avatar,
.peep_feed_comments_input_sticky .peep_comments_item_picture
.peep_avatar {
height: 32px;
width: 32px;
background:
url(images/avatar_mini_bg.png) no-repeat scroll 0 0 rgba(0, 0, 0,
0);
}
.peep_comments_mipc .peep_comments_item_picture .peep_avatar
img,
.peep_feed_comments_input_sticky .peep_comments_item_picture
.peep_avatar img {
width: 32px;
height: 32px;
}
.peep_comments_mipc
.peep_comments_item_info,
.peep_feed_comments_input_sticky
.peep_comments_item_info {
margin-left: 48px;
}
.peep_comments_mipc
.peep_comments_list {
margin-bottom: 1px;
}
.peep_comments_item_info
.peep_comments_content {
padding: 2px 0;
width: 100%;
word-wrap:
break-word;
}
.peep_comments_input_wrap textarea.comments_fake_autoclick
{
resize: none;
height: 30px;
padding-right:
28px;
}
.peep_comments_input_wrap .peep_comments_input {
padding-top:
4px;
position: relative;
}
.peep_comments_input_wrap .peep_comments_input
.comments_fake_autoclick {
margin-top: 0;
}
.peep_comments_input
.peep_attachment_icons {
position: absolute;
top: 8px;
right:
4px;
}
.peep_comments_input .peep_attachments a {
background:
url(images/wysiwyg.png) no-repeat scroll -176px 0px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 20px;
overflow: hidden;
text-decoration: none;
width: 20px;
}
.peep_attachments
input[type="file"] {
cursor: pointer;
float: right;
opacity: 0;
}
/*End of comments
styles*/
/*========================================================
[5] Common Blocks __blocks
========================================================*/
.peep_box_cap_empty
{
background-color: #fff;
border-top:1px solid
rgba(0,0,0,0.12);
border-left:1px solid rgba(0,0,0,0.12);
border-right:1px
solid rgba(0,0,0,0.12);
}
.peep_box_cap_empty .peep_box_cap_right
{
}
.peep_box_cap_empty .peep_box_cap_body {
min-height:
38px;
}
.peep_box_cap h3,
.peep_box_cap_empty h3{
background-image:
none !important;
background-repeat: no-repeat;
background-position:
8px 8px;
padding: 8px 0 8px 8px;
text-shadow: #fff 1px 1px 0;
text-transform: normal;
height: auto;
line-height: 18px;
overflow:
hidden;
font-weight: bold;
font-family: 'UbuntuBold', "Trebuchet
MS", "Helvetica CY", sans-serif;
}
.dashboard-USERCREDITS_CMP_MyCreditsWidget .peep_box_cap{
display:none
!important;
}
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.peep_box_cap_empty{
display:none !important;
}
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.peep_box{
background:#EB9532;
padding-bottom:50px;
padding-top:15px;
border:none;
}
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.peep_box_empty{
background:#EB9532;
padding-bottom:50px;
padding-top:15px;
border:none;
}
.dashboard-CNEWS_CMP_MyFeedWidget .peep_box_cap{
border-top:1px solid
rgba(0,0,0,0.12);
border-left:1px solid rgba(0,0,0,0.12);
border-right:1px
solid rgba(0,0,0,0.12);
border-bottom:1px solid
rgba(0,0,0,0.12);
}
.dashboard-CNEWS_CMP_MyFeedWidget
.peep_box_cap_empty{
border-top:1px solid rgba(0,0,0,0.12);
border-left:1px
solid rgba(0,0,0,0.12);
border-right:1px solid
rgba(0,0,0,0.12);
border-bottom:1px solid rgba(0,0,0,0.12);
}
.dashboard-CNEWS_CMP_MyFeedWidget .peep_box{
background:none
!important;
padding: 10px
0;
margin-top:5px;
border:none;
}
.dashboard-CNEWS_CMP_MyFeedWidget
.peep_box_empty{
background:none !important;
padding: 10px
0;
margin-top:5px;
border:none;
}
.dashboard-BASE_CMP_WelcomeWidget
.peep_box{
background:none;
padding:0px 0px 0px
0px;
border:none;
}
.dashboard-BASE_CMP_WelcomeWidget
.peep_box_empty{
background:none;
padding:0px 0px 0px
0px;
border:none;
}
.peep_box_cap {
background-color: #fff;
border-top:1px
solid rgba(0,0,0,0.12);
border-left:1px solid
rgba(0,0,0,0.12);
border-right:1px solid
rgba(0,0,0,0.12);
}
.peep_box_cap .peep_box_cap_body {
min-height:
38px;
}
.peep_box {
background:#fff;
border: 1px solid
rgba(0,0,0,0.12);
margin-bottom: 0px;
padding: 8px 10px 10px 10px;
position: relative;
}
.peep_box_empty{
position:
relative;
background:#fff;
border: 1px solid rgba(0,0,0,0.12);
padding: 8px
10px 10px 10px;
}
.peep_box .bottom_toolbar, .peep_box_mod
.bottom_toolbar{
margin-top: 10px;
border-top: 1px solid #ccc;
font-size: 10px;
padding: 0 5px;
text-align:
right;
}
.peep_box.peep_no_cap {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.peep_sidebar
.peep_box_bottom_shadow,
.peep_supernarrow
.peep_box_bottom_shadow
{
background-image:
url('images/box-shadow-small.png');
bottom:
-12px;
}
/*========================================================
[6] Standard Listings __listings
========================================================*/
.peep_canvas
.peep_avatar img,
.peep_canvas .peep_lp_avatars img,
.peep_canvas
.peep_cnews_avatar img {
width: 40px;
height: 40px;
}
/* ---- Item
Picture Content ---- */
.peep_ipc {
margin-top: 16px;
margin-bottom:
0px;
}
.peep_ipc:first-child {
margin-top: 0px;
}
.peep_ipc_picture{
float: left;
margin-right: -50px;
width: 50px;
/*padding: 4px 5px
6px;*/
}
.peep_ipc_picture .peep_avatar {
background:
url(images/avatar_bg.png) no-repeat;
}
.peep_ipc_picture img {
width:
40px;
height: 40px;
}
.peep_ipc_picture img:first-child {
margin-top:
7px;
margin-left: 5px;
}
.peep_ipc_picture .peep_avatar img {
margin-top:
0px;
margin-left: 0px;
}
.peep_ipc_info{
margin-left: 57px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #ededed;
}
.peep_ipc_header{
padding: 0px 0px 0px;
margin: 0px 0px
0px;
}
.peep_ipc_header a {
font-size: 12px;
font-weight:
bold;
}
.peep_ipc.peep_smallmargin {
margin-bottom:
0px;
}
.peep_ipc_content{
padding: 0px 0px 12px 0px;
line-height:
1.25em;
}
.peep_ipc_toolbar{
font-size: 11px;
float: left;
padding: 0
0px 0px 0px;
width: 100%;
}
.peep_ipc_toolbar .peep_icon_control
{
padding: 0px;
}
html body div .peep_ipc_toolbar span {
background:
none;
}
.peep_ipc_toolbar .peep_ipc_date,
.peep_ipc_date {
float:
right;
font-size: 10px;
line-height: 14px;
}
.peep_table_1
.peep_ipc_info,
.peep_table_2 .peep_ipc_info {
border: none;
}
/* ---- End
of the Item Picture Content ---- */
/* ---- Mini Item Picture Content ----
*/
.peep_mini_ipc_picture {
float: left;
margin-right: -42px;
width: 42px;
}
.peep_mini_ipc_picture .peep_avatar {
background:
url(images/avatar_mini_bg.png) no-repeat 0px 0px;
}
.peep_mini_ipc_picture
img,
.peep_mini_ipc_picture .peep_avatar,
.peep_mini_ipc_picture
.peep_avatar img {
width: 32px;
height:
32px;
}
.peep_mini_ipc_info {
margin-left: 49px;
padding-top:
0;
}
.peep_mini_ipc_info .mipc_url {
font-weight:
bold;
}
.peep_mini_ipc_content {
margin-top: 5px;
}
/* ---- End of the
Mini Item Picture Content ---- */
/* ---- Item Content ----
*/
.peep_ic_header {
margin-bottom: 5px;
}
.peep_ic_description
{
margin-bottom: 5px;
}
.peep_ic_date {
float: right;
font-size:
10px;
line-height: 14px;
}
th,
.peep_highbox_table
.peep_highbox,
.peep_page .peep_highbox,
.peep_sidebar,
.peep_table_3 td
{
border-color: #ccc;
}
.peep_page td.peep_highbox {
border-color:
#e8e8e8;
}
.peep_box_toolbar {
margin-top: 16px;
font-size:
13px;
float: right;
white-space: nowrap;
}
.peep_box_toolbar span
{
padding: 4px 4px 0px 0px;
width:100%;
}
.peep_box_toolbar
span.peep_nowrap a {
display: inline-block;
border-radius:
0px;
border: 1px solid #ccc;
width:100%;
padding: 0px 6px
0px;
line-height:
29px;
height:30px;
background:#f5f5f5;
}
.peep_box_toolbar span.peep_nowrap
a:hover {
background: #fff;
}
.peep_box_empty .peep_box_toolbar
{
text-shadow: #fff 1px 1px 0;
}
.peep_box_toolbar a {
color:
#5a5a5a;
}
.peep_box_toolbar a:hover {
text-decoration:
none;
color:#d76243;
}
.peep_box_toolbar .peep_delimiter,
.peep_ic_toolbar
.peep_delimiter{
display: none;
}
.peep_avatar_list{
text-align:
center;
}
.peep_avatar_list a{
margin-bottom: 0px;
margin-right:
1px;
}
/* ---- Tooltip ---- */
.peep_tooltip {
margin-top: 0;
padding-top: 2px;
}
.peep_tooltip_tail {
display:inline-block;
padding: 0px 0px;
width: 100%;
}
.peep_tooltip_tail span {
display:inline-block;
background: url(images/tooltip_tail.png) no-repeat
8px -6px;
width: 19px;
height: 6px;
margin-bottom: -1px;
}
.peep_tooltip
.peep_tooltip_body {
background:#fafafa;
padding:4px;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius:
4px;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 0 2px 4px rgba(0, 0,
0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow:0 2px
4px rgba(0, 0, 0, 0.2);
/*max-width:
250px;*/
}
.peep_forum_search_context_menu .peep_tooltip .peep_tooltip_body
{
padding: 4px 0;
}
.peep_forum_search_context_menu
.peep_context_action_list a {
padding: 4px 12px;
}
/* ---- Top Right
Tooltip ---- */
.peep_tooltip_top_right.peep_tooltip {
margin-top: 0;
position: absolute;
right: -1px;
top: 0px;
}
.peep_tooltip_top_right .peep_tooltip_tail span {
background-position:
3px -6px;
}
.peep_tooltip_top_right .peep_tooltip_tail {
text-align:
right;
}
/* ---- Bottom Left Tooltip ---- */
.peep_tooltip_bottom_left
.peep_tooltip_tail span {
background-position: 9px 0px;
margin-top:
-1px;
}
/* ---- Bottom Right Tooltip ---- */
.peep_tooltip_bottom_right
.peep_tooltip_tail span {
background-position: 1px 0px;
margin-top:
-1px;
}
.peep_tooltip_bottom_right .peep_tooltip_tail {
text-align:
right;
}
/* ---- Left Side Tooltip ---- */
.peep_tooltip_left
.peep_tooltip_tail {
float: left;
margin-right: -4px;
width:
4px;
padding-top: 8px;
}
.peep_tooltip_left .peep_tooltip_tail span
{
margin: 0px;
width: 5px;
height: 11px;
background-position: 0px
-28px;
}
.peep_tooltip_left .peep_tooltip_body {
display:
block;
margin-left: 4px;
}
/* ---- Right Side Tooltip ----
*/
.peep_tooltip_right .peep_tooltip_tail {
float: right;
margin-left:
-4px;
width: 5px;
padding-top: 8px;
}
.peep_tooltip_right
.peep_tooltip_tail span {
margin: 0px;
width: 5px;
height:
11px;
background-position: 0px -15px;
}
.peep_tooltip_right
.peep_tooltip_body {
display:block;
margin-right: 4px;
}
/* ---- End
of Tooltip ---- */
/* ---- Counter ---- */
.peep_count_wrap {
text-align: center;
display: inline-block;
line-height:
15px;
font-size: 10px;
vertical-align: top;
}
.peep_count_bg {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
display: inline-block;
background: #acacac;
min-height: 15px;
overflow: hidden;
}
.peep_count {
color: #fff;
padding: 0 4px 0
4px;
}
.peep_count_active {
background: none repeat scroll 0 0
#c62323;
}
/* ---- End of Counter ---- */
/* ---- Item Voted Content ----
*/
.peep_ivc_box{
}
.peep_ivc_voteupdown{
background-repeat:
no-repeat;
background-position: center 5px;
float: left;
margin-right: -50px;
padding: 0px 5px 5px;
text-align:
center;
}
.peep_ivc_content{
margin-left:
75px;
}
/*
.peep_ivc_origin{
background-repeat: no-repeat;
margin-bottom: 8px;
padding: 2px 0px 2px 20px;
}
.peep_ivc_toolbar
.peep_comments,
.peep_ivc_toolbar .peep_tags,
.peep_ivc_toolbar
.peep_voteup,
.peep_ivc_toolbar .peep_votedown{
background-repeat:
no-repeat;
display: inline-block;
margin-left: 5px;
padding:
0px 0px 2px 20px;
}
*/
/* ---- Listing Picture ---- */
.peep_lp_picture{
float: left;
margin: 0 1px 1px 0;
}
.peep_lp_wrapper{
/*float:
left;
overflow: hidden;
text-align:
center;*/
}
.peep_lp_avatars{
text-align:center;
}
.peep_lp_avatars
.peep_lp_wrapper{
display: inline-block;
margin: 0 1px 1px 0;
width: 40px;
}
.peep_lp_albums .peep_lp_wrapper{
width: 77px;
height: 77px;
padding: 4px 0px 0px 5px;
margin: 0 2px 2px 0;
display: inline-block;
float: none;
background:
url(images/lp_wrapper.png) no-repeat 0px 0px;
text-align: left;
}
.peep_lp_photos .peep_lp_wrapper{
width: 77px;
height: 77px;
padding: 4px 0px 0px 5px;
margin: 0 2px 2px 0;
display:
inline-block;
float: none;
background: url(images/lp_wrapper.png)
no-repeat 0px 0px;
text-align: left;
}
.peep_lp_avatars img {
/*display: block;*/
}
.peep_lp_avatars .peep_avatar {
margin:
1px;
text-align: left;
}
.peep_lp_photos .peep_lp_wrapper img{
width:
72px;
height: 72px;
}
.peep_lp_albums img{
width: 72px;
height:
72px;
}
.peep_lp_label{
margin-left:
88px;
margin-top:-60px;
position:absolute;
}
.peep_lp_avatars.peep_mini_avatar{
text-align:left;
}
.peep_mini_avatar .peep_avatar{
background:
url(images/avatar_mini_bg.png) no-repeat 0px 0px;
}
.peep_mini_avatar
.peep_avatar, .peep_avatar.peep_mini_avatar,
.peep_mini_avatar .peep_avatar
img, .peep_avatar.peep_mini_avatar img {
width: 32px;
height:
32px;
}
a.avatar_list_more_icon{
width: 25px;
height: 32px;
display: inline-block;
margin: 0 1px;
background: #eee
url(images/more_icon.png) no-repeat 50% 50%;
}
/* ---- User List ----
*/
.peep_user_list {
}
.peep_user_list .peep_item_set3{
width: 44%;
word-wrap: break-word;
border:1px solid
#cdcdcd;
margin:7px;
}
.peep_user_list_item{
float: left;
padding: 10px;
position:
relative;
padding-bottom:30px;
}
.peep_photoview_user
.peep_user_list_data{
margin-left: 80px
!important;
margin-top:10px;
}
.peep_user_list_data{
margin-left:
150px;
}
.peep_uli_context_menu {
position: absolute;
top: 10px;
right:
10px;
display: none;
}
.peep_user_list_item:hover .peep_uli_context_menu
{
display: block;
}
.peep_uli_context_menu .peep_tooltip
.peep_tooltip_body {
padding: 4px 0;
}
.peep_uli_context_menu
.peep_context_action_list a {
padding: 4px 12px;
}
/* ---- Ulist big
Styles ---- */
.peep_ulist_big {
padding-top:
12px;
}
.peep_ulist_big_item {
float: left;
width: 44%;
border:1px
solid #ccc;
}
.ulist_activity .peep_miniic_live
.peep_live_on{
top:5px;
position:absolute;
}
.peep_ulist_big_item_cont {
height: 140px;
margin: 0 auto 0px;
overflow: hidden;
position:
relative;
width: 100%;
}
.peep_googlemap_item
.peep_user_list_picture{
height: 0px !important;
}
.peep_googlemap_item
.peep_user_list_picture img{
margin-top:-10px;
margin-left:-10px;
height: 40px !important;
min-width: 40px !important;
border:4px solid
#ccc;
}
.peep_googlemap_item
.peep_user_list_data{
margin-left:60px;
}
.peep_user_list_picture{
position:relative;
background-color:rgba(38,43,55,0.9);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% !important;
-webkit-background-size: 100%
!important;
-moz-background-size: 100% !important;
padding:0px !important;
height: 80px !important;
background-image:none !important;
min-width: 100% !important;
}
.peep_user_list_picture
img{
margin-top:30px;
margin-left:20px;
height: 100px !important;
min-width: 100px !important;
border:4px solid
#fdfdfd;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
.peep_ulist_big_avatar:hover
{
box-shadow: 0 0 150px #000 inset;
}
.peep_ulist_big_avatar_shadow {
display: block;
height: 200px;
}
.ulist_activity{
z-index:8;
position:absolute;
color:#fff;
padding-left:5px;
}
.ulist_activity
.peep_remark{
color:#fff;
background:#d76243;
padding:5px
5px;
}
a.peep_ulist_big_avatar_bookmark {
position: absolute;
bottom: 6px;
left: 8px;
display: none;
color:
#fff;
}
.peep_ulist_big_avatar:hover a.ow_ulist_big_avatar_bookmark {
display: block;
}
.peep_ulist_big_info {
height:80px;
position:
absolute;
top:
40px;
color:#494949;
margin-left:140px;
padding-top:10px;
}
.peep_ulist_big_info_name
.peep_small {
position: relative;
}
.peep_ulist_big_info_name
.peep_small:hover {
text-decoration:
underline;
}
.peep_ulist_big_info_name {
float: left;
max-width:
190px;
padding-bottom:5px;
max-height: 3.5em;
overflow:
hidden;
border-bottom:1px solid #cdcdcd;
color:#fff
!important;
font-size:15px !important;
}
.peep_ulist_big_info a
{
color:#fff !important;
}
.peep_table_1,
.peep_table_2
{
border-collapse: separate;
}
.peep_table_3 {
border-collapse:
collapse;
}
.peep_table_1,
.peep_table_2,
.peep_table_3{
margin-bottom:
25px;
width: 100%;
}
.peep_table_1 tr td,
.peep_table_2 tr
td,
.peep_user_list .peep_alt1,
.peep_user_list
.peep_alt2,
.peep_video_list .peep_alt1,
.peep_video_list
.peep_alt2,
.peep_photo_list .peep_alt1,
.peep_photo_list .peep_alt2
{
border-style: solid;
border-color: #e8e8e8;
}
.peep_table_1 tr
td,
.peep_table_2 tr td {
border-width: 0px 1px 1px 0px;
}
.peep_table_1
.peep_empty + tr td:first-child,
.peep_table_2 .peep_empty + tr
td:first-child {
border-radius: 4px 0px 0px 0px;
-moz-border-radius: 4px 0px 0px 0px;
-webkit-border-radius: 4px 0px 0px
0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width:
1px;
}
.peep_video_list div:first-child,
.peep_user_list div:first-child
{
border-left-width: 1px;
border-top-width: 1px;
}
.peep_table_1 tr
td:first-child,
.peep_table_2 tr td:first-child {
border-left-width:
1px;
}
.peep_video_list div,
.peep_user_list div {
border-bottom-width:
1px;
border-left-width: 1px;
border-right-width: 1px;
}
.peep_video_list
div:last-child,
.peep_user_list div:last-child {
border-bottom-width:
1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-left-radius: 4px;
border-bottom-right-radius:
4px;
}
.peep_video_list div:first-child,
.peep_user_list div:first-child {
border-top-left-radius: 4px;
border-top-right-radius:
4px;
}
.peep_table_1 tr td:last-child,
.peep_table_2 tr td:last-child
{
border-bottom-width: 1px;
border-right-width: 1px;
}
.peep_table_1
tr:first-child td,
.peep_table_2 tr:first-child td {
border-top-width:
1px;
}
.peep_table_1 tr:first-child td:first-child,
.peep_table_1
tr:first-child th:first-child,
.peep_table_2 tr:first-child
td:first-child,
.peep_table_2 tr:first-child th:first-child {
border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-bottom-width:
1px;
border-left-width: 1px;
border-top-width: 1px;
}
.peep_table_1
tr:first-child td:last-child,
.peep_table_1 tr:first-child
th:last-child,
.peep_table_2 tr:first-child td:last-child,
.peep_table_2
tr:first-child th:last-child {
border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius:
4px;
border-bottom-width: 1px;
border-top-width:
1px;
border-right-width: 1px;
}
.peep_table_1 tr:last-child
td:first-child,
.peep_table_1 tr.peep_alt1:last-child
td:first-child,
.peep_table_1 tr.peep_tr_last td:first-child,
.peep_table_1
tr.peep_tr_last th:first-child,
.peep_table_2 tr:last-child
td:first-child,
.peep_table_2 tr.peep_alt1:last-child
td:first-child,
.peep_table_2 tr.peep_tr_last td:first-child,
.peep_table_2
tr.peep_tr_last th:first-child {
border-bottom-left-radius: 4px;
-moz-border-left-radius: 4px;
-webkit-border-left-radius:
4px;
border-bottom-width: 1px;
border-left-width:
1px;
border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius:
0px;
-webkit-border-bottom-right-radius: 0px;
}
.peep_table_1
tr:last-child td:last-child,
.peep_table_1 tr.alt1:last-child
td:last-child,
.peep_table_1 tr.peep_tr_last td:last-child,
.peep_table_1
tr.peep_tr_last th:last-child,
.peep_table_2 tr:last-child
td:last-child,
.peep_table_2 tr.alt1:last-child
td:last-child,
.peep_table_2 tr.peep_tr_last td:last-child,
.peep_table_2
tr.peep_tr_last th:last-child {
border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-width:
1px;
border-right-width: 1px;
border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
-webkit-border-top-right-radius:
0px;
}
.peep_table_1 tr:last-child td,
.peep_table_1 tr:last-child
th,
.peep_table_2 tr:last-child td,
.peep_table_2 tr:last-child th
{
border-top-width: 0px;
}
.peep_table_1 th,
.peep_table_2 th
{
border-style: solid;
border-color: #e8e8e8 #e8e8e8 #ccc
#e8e8e8;
border-width: 0px 1px 1px;
_border-width: 1px;
}
.peep_table_1
tr.peep_tr_first td,
.peep_table_2 tr.peep_tr_first td{
border-top-width:
1px;
}
.peep_table_1 tr.peep_tr_first th,
.peep_table_2 tr.peep_tr_first th
{
border-width: 1px 0px;
border-color: #ccc;
}
.peep_table_1
tr.peep_tr_first th:first-child,
.peep_table_1 tr.peep_tr_first
td:first-child,
.peep_table_2 tr.peep_tr_first
th:first-child,
.peep_table_2 tr.peep_tr_first td:first-child
{
border-left-width: 1px;
border-top-left-radius: 4px;
}
.ie8
.peep_table_1 tr.peep_tr_first th,
.ie8 .peep_table_2 tr.peep_tr_first th
{
border-right-width: 1px;
}
/*@media \0screen {
.peep_table_1
tr.peep_tr_first th,
.peep_table_2 tr.peep_tr_first th
{
border-right-width: 1px;
}
}*/
.peep_table_1 tr.peep_tr_delimiter
td,
.peep_table_2 tr.peep_tr_delimiter td {
border: none;
}
.peep_table_1
tr.peep_tr_first th:last-child,
.peep_table_1 tr.peep_tr_first
td:last-child,
.peep_table_2 tr.peep_tr_first th:last-child,
.peep_table_2
tr.peep_tr_first td:last-child {
border-right-width: 1px;
border-top-right-radius: 4px;
}
.peep_table_1 tr.peep_tr_first
th:last-child,
.peep_table_2 tr.peep_tr_first th:last-child {
border-right-color: #ccc;
}
.peep_table_1 td,
.peep_table_2 td{
padding: 8px;
vertical-align: middle;
}
.peep_table_1 td .text{
color: #999;
}
.peep_table_2{
border-collapse:
separate;
}
.peep_table_2 td{
text-align: center;
}
.peep_table_3{
border-collapse: separate;
border-spacing: 5px;
}
.peep_table_3 td{
border-left-width: 1px;
border-left-style: solid;
vertical-align:
top;
}
.peep_table_3 td.peep_label{
border: none;
color: #666;
text-align: right;
}
.peep_table_3 td.peep_value{
width:
50%;
padding-left: 10px;
}
.peep_table_4{
border-collapse: separate;
border-spacing: 5px;
}
.peep_table_4 td{
vertical-align:
top;
}
.peep_table_4 td.peep_label{
border: none;
color: #666;
text-align: right;
}
.peep_table_4 td.peep_value{
padding-left:
10px;
}
th.peep_section{
border: 0 none;
padding: 15px
0;
text-align: center;
background: transparent;
}
th
span.peep_section_icon{
background-repeat: no-repeat;
padding-left:
22px;
}
th.peep_section span{
background: #f0f0f0;
padding: 5px
10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow: #fff 1px 1px 0;
font-weight: normal;
}
table.peep_form td.peep_label{
color: #666;
text-align: right;
width: 20%;
}
table.peep_form td.peep_desc{
width: 25%;
color: #666666;
font-size: 11px;
}
table.peep_form
td.peep_submit{
text-align: center;
}
html body div .peep_ic_add{
background-image: url(images/ic_add.png); }
html body div .peep_ic_aloud{
background-image: url(images/ic_aloud.png); }
html body div .peep_ic_app{
background-image: url(images/ic_app.png); }
html body div .peep_ic_attach{
background-image: url(images/ic_attach.png); }
html body div
.peep_ic_birthday{ background-image: url(images/ic_birthday.png); }
html
body div .peep_ic_bookmark{ background-image: url(images/ic_bookmark.png);
}
html body div .peep_ic_calendar{ background-image:
url(images/ic_calendar.png); }
html body div .peep_ic_cart{
background-image: url(images/ic_cart.png); }
html body div .peep_ic_chat{
background-image: url(images/ic_chat.png); }
html body div .peep_ic_clock{
background-image: url(images/ic_clock.png); }
html body div
.peep_ic_comment{ background-image: url(images/ic_comment.png); }
html body
div .peep_ic_cut{ background-image: url(images/ic_cut.png); }
html body div
.peep_ic_dashboard{ background-image: url(images/ic_dashboard.png); }
html
body div .peep_ic_delete{ background-image: url(images/ic_delete.png);
}
html body div .peep_ic_draft{ background-image:
url(images/ic_draft.png); }
html body div .peep_ic_down_arrow{
background-image: url(images/ic_down_arrow.png); }
html body div
.peep_ic_edit{ background-image: url(images/ic_edit.png); }
html body div
.peep_ic_female{ background-image: url(images/ic_female.png); }
html body
div .peep_ic_file{ background-image: none; }
html body div .peep_ic_files{
background-image: url(images/ic_files.png); }
html body div .peep_ic_flag{
background-image: url(images/ic_flag.png); }
html body div .peep_ic_folder{
background-image: url(images/ic_folder.png); }
html body div
.peep_ic_forum{ background-image: url(images/ic_forum.png); }
html body div
.peep_ic_friends{ background-image: url(images/ic_friends.png); }
html body
div .peep_ic_gear_wheel{ background-image: url(images/ic_gear_wheel.png);
}
html body div .peep_ic_heart{ background-image: url(images/ic_heart.png);
}
html body div .peep_ic_help{ background-image: url(images/ic_help.png);
}
html body div .peep_ic_house{ background-image: url(images/ic_house.png);
}
html body div .peep_ic_info{ background-image: url(images/ic_info.png);
}
html body div .peep_ic_key{ background-image: url(images/ic_key.png);
}
html body div .peep_ic_left_arrow{ background-image:
url(images/ic_left_arrow.png); }
html body div .peep_ic_lens{
background-image: url(images/ic_lens.png); }
html body div .peep_ic_link{
background-image: url(images/ic_link.png); }
html body div .peep_ic_lock{
background-image: url(images/ic_lock.png); }
html body div .peep_ic_mail{
background-image: url(images/ic_mail.png); }
html body div .peep_ic_male{
background-image: url(images/ic_male.png); }
html body div .peep_ic_mobile{
background-image: url(images/ic_mobile.png); }
html body div
.peep_ic_moderator{ background-image: url(images/ic_moderator.png); }
html
body div .peep_ic_monitor{ background-image: url(images/ic_monitor.png);
}
html body div .peep_ic_move{ background-image: url(images/ic_move.png);
}
html body div .peep_ic_music{ background-image: url(images/ic_music.png);
}
html body div .peep_ic_new{ background-image: url(images/ic_new.png);
}
html body div .peep_ic_ok{ background-image: url(images/ic_ok.png);
}
html body div .peep_ic_online{ background-image:
url(images/ic_online.png); }
html body div .peep_ic_picture{
background-image: url(images/ic_picture.png); }
html body div
.peep_ic_places{ background-image: url(images/ic_places.png); }
html body
div .peep_ic_plugin{ background-image: url(images/ic_plugin.png); }
html
body div .peep_ic_push_pin{ background-image: url(images/ic_push_pin.png);
}
html body div .peep_ic_reply{ background-image: url(images/ic_reply.png);
}
html body div .peep_ic_right_arrow{ background-image:
url(images/ic_right_arrow.png); }
html body div .peep_ic_rss{
background-image: url(images/ic_rss.png); }
html body div .peep_ic_save{
background-image: url(images/ic_download.png); }
html body div
.peep_ic_restrict{ background-image: url(images/ic_restrict.png); }
html
body div .peep_ic_script{ background-image: url(images/ic_script.png);
}
html body div .peep_ic_server{ background-image:
url(images/ic_server.png); }
html body div .peep_ic_star{ background-image:
url(images/ic_star.png); }
html body div .peep_ic_tag{ background-image:
url(images/ic_tag.png); }
html body div .peep_ic_trash{ background-image:
url(images/ic_trash.png); }
html body div .peep_ic_unlock{
background-image: url(images/ic_unlock.png); }
html body div
.peep_ic_up_arrow{ background-image: url(images/ic_up_arrow.png); }
html
body div .peep_ic_update{ background-image: url(images/ic_update.png);
}
html body div .peep_ic_user{ background-image: url(images/ic_user.png);
}
html body div .peep_ic_video{ background-image: url(images/ic_video.png);
}
html body div .peep_ic_warning{ background-image:
url(images/ic_warning.png); }
html body div .peep_ic_write{
background-image: url(images/ic_write.png); }
img.thumb{
width:
100px;
}
html body div .peep_button span,
html body div .peep_button
span.peep_negative,
html body div .peep_button span.peep_negative
.peep_inprogress {
background-image: none;
background-repeat:
no-repeat;
}
.maintenance_cont h1 {
background-image:
none;
}
.peep_icon_control{
background-repeat: no-repeat;
display:
inline-block;
padding: 0px 0 2px 20px;
line-height: 15px;
}
html
body div .peep_miniic_comment{ background: url(images/miniic_set.png)
no-repeat 4px 5px; }
html body div .peep_miniic_like { background:
url(images/feed_like.png) no-repeat -10px -10px; }
html body div
.peep_miniic_delete{ background-image: url(images/miniic_x.png); }
html
body div .peep_tinyic_delete{ background-image:
url(images/tinyic_delete.png); }
html body div .peep_tinyic_tag{
background-image: url(images/tinyic_tag.png); }
html body div
.peep_tinyic_write{ background-image: url(images/tinyic_write.png);
}
.peep_miniicon_control{
background-repeat: no-repeat;
display:
inline-block;
padding: 1px 0 2px 14px;
line-height:
9px;
}
.peep_box_cap_icons
{
margin-top: -26px;
}
span.peep_icon{
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.peep_marked_cell{
background-image:
url(images/ic_ok.png);
background-repeat: no-repeat;
background-position: center center;
}
.peep_box_cap_icons a.close{
background-position: 50% 50%;
background-repeat: no-repeat;
float:
right;
width: 20px;
height: 20px;
}
.peep_main_menu
.base_main_menu_index {
background:url(images/homeico.png) no-repeat left
-4px ;
}
.peep_main_menu .base_dashboard {
background:
url(images/feedico.png) no-repeat left -4px ;
}
.peep_main_menu
.base_users_main_menu_item{
background: url(images/memberico.png)
no-repeat left -4px;
}
.peep_main_menu
.photo_page_title_browse_photos{
background: url(images/menu_photoico.png)
no-repeat left -4px;
}
.peep_main_menu .stories_main_menu_item{
background:
url(images/menu_storyico.png) no-repeat left -4px;
}
.peep_main_menu
.rategame_rategame{
background: url(images/menu_rategame_ico.png)
no-repeat left -4px;
}
.peep_menu_wrap::-webkit-scrollbar {
width:
4px;
height: 10px;
background:
#ccc;
}
.peep_menu_wrap::-webkit-scrollbar-thumb {
background:
#d76243;
border-right: none;
border-radius: 3px;
border-bottom:
1px solid #4c66a4;
}
.peep_menu_wrap -moz-scrollbar {
width: 4px;
height: 10px;
background: #ccc;
}
.peep_menu_wrap -moz-scrollbar-thumb
{
background: #d76243;
border-right: none;
border-radius:
3px;
border-bottom: 1px solid #4c66a4;
}
.peep_menu_wrap::scrollbar {
width: 4px;
height: 10px;
background:
#ccc;
}
.peep_menu_wrap::scrollbar-thumb {
background: #d76243;
border-right: none;
border-radius: 3px;
border-bottom: 1px solid
#4c66a4;
}
.peep_menu_wrap::-o-scrollbar {
width: 4px;
height:
10px;
background: #ccc;
}
.peep_menu_wrap::-o-scrollbar-thumb {
background: #d76243;
border-right: none;
border-radius:
3px;
border-bottom: 1px solid #4c66a4;
}
.peep_menu_wrap {
border-top:
1px solid #cdcdcd;
clear:both;
margin-top:320px;
width:
200px;
margin-left:0px;
margin-right:710px;
height:auto;
position:fixed;
z-index:88;
overflow:hidden;
}
.peep_menu_wrap:hover{
overflow-y:auto;
}
.peep_main_menu{
font-family:
sans-serif;
clear:both;
float:left;
text-align:
left;
vertical-align: top;
padding: 10px 0px
0px;
width:100%;
padding-bottom:40px;
}
html[xmlns]
.peep_main_menu.clearfix {
clear:both;
}
.peep_main_menu li {
padding:
0;
padding-left:25px;
display:
inline-block;
position:relative;
float:none;
width:100%;
}
.peep_main_menu
li a {
color: #666;
display: inline-block;
font-size: 13px;
padding: 7px 0px 8px 8px;
text-decoration: none;
text-transform:
none;
text-shadow: #fff 0 1px 0;
font-weight:
normal;
position:relative;
width:90%;
}
.peep_main_menu li.active a
{
}
.peep_main_menu li.active a,
.peep_main_menu li a:hover {
color:
#818181;
}
.peep_box_menu {
font-size: 0px;
line-height:
21px;
margin-bottom: 16px;
}
.peep_box .peep_box_menu {
text-align:
right;
}
.peep_box_menu a {
background: #fff;
display:
inline-block;
color: #666;
font-size:11px;
height: 22px;
padding: 0px
6px 0 7px;
text-shadow: #fff 1px 1px 0;
border-style:
solid;
border-color: #dcdcdc;
border-width: 1px 1px 1px 1px;
margin: 0px
0px 0px -1px;
outline: 0;
}
.peep_box_menu a:first-child
{
border-left-width: 1px;
border-top-left-radius: 2px;
-moz-border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius:
2px;
-webkit-border-bottom-left-radius: 2px;
}
.peep_box_menu
a:last-child {
border-top-right-radius: 2px;
-moz-border-top-right-radius: 2px;
-webkit-border-top-right-radius:
2px;
border-bottom-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}
.peep_box_empty
.peep_box_menu{
float: right;
padding-left: 5px;
}
.peep_box_menu
a.active,
.peep_box_menu a:hover{
color:#828282;
text-decoration:none;
background: transparent
url('images/box_menu_active.gif') repeat-x left top;
}
/* ---- End of
Main Menu styles ---- */
/* ---- Content Menu styles ----
*/
.peep_content_menu{
font-size: 0px;
font-family: 'UbuntuBold',
"Trebuchet MS", "Helvetica CY",
sans-serif;
text-transform: uppercase;
font-weight:
normal;
}
.peep_content_menu_wrap{
margin-bottom:20px;
}
.peep_content_menu
li{
float: left;
padding-left: 5px;
}
.peep_content_menu
li:first-child {
border-color: transparent;
}
.peep_content_menu li a{
display: block;
padding: 5px 8px 5px 8px;
font-size: 13px;
color:
#494949;
}
.peep_content_menu span{
background-image:;
padding:
8px 8px 10px 28px;
display: block;
}
.peep_content_menu li.active {
background: none;
}
.peep_content_menu li.active, .peep_content_menu
li.active +li {
border-color: transparent;
}
.peep_content_menu li.active
a {
background: none;
color: #d76243;
text-decoration:
none;
border-bottom:1px solid #d76243;
}
.peep_content_menu li a:hover {
color: #9f9f9f;
text-decoration: none;
border-bottom:1px solid
#d76243;
}
/* ---- End of Content Menu styles ---- */
/* ---- Button List
styles ---- */
.peep_bl{
padding: 0;
}
.peep_bl li{
list-style:
none;
margin-left: 4px;
}
.peep_bl a{
display: block;
background:
url(images/btnl_bg.png) repeat-x center left;
border-radius:
2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px
solid #ccc;
color: #626060;
padding: 0px 8px;
line-height:
21px;
height: 22px;
text-decoration: none;
font-size:
11px;
}
.peep_bl a:hover {
border-color: #e0e0e0;
}
span.peep_blitem
{
background: url(images/btnl_bg.png) repeat-x center left;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
border: 1px solid #ccc;
color: #626060;
padding: 0px
0px;
line-height: 20px;
height: 22px;
text-decoration: none;
display: inline-block;
margin: 0px 4px 0px 0px;
}
span.peep_blitem span
{
display: inline-block;
}
span.peep_blitem
input[type="submit"],
span.peep_blitem
input[type="button"] {
border: none;
padding: 0px;
background: none;
font-weight: normal;
height: auto;
padding:
2px 5px 0 6px;
font-size: 11px;
line-height: 17px;
font-family:
"Tahoma","Lucida Grande", "Verdana";
text-transform: none;
}
span.peep_blitem:hover,
span.peep_blitem
input:hover {
border-color: #e0e0e0;
}
/* ---- Button List styles
Cover Image ---- */
.peep_bg_controls span.peep_blitem{
background:
url(images/btnl_black_bg.png) repeat-x center left;
border-radius:
3px;
border: none;
height: 24px;
line-height: 22px;
}
.peep_bg_controls span.peep_blitem:hover{
background:
url(images/btnl_black_hover_bg.png) repeat-x center left;
}
html body div
.peep_bg_controls .peep_green{
color:#ccc;
}
.peep_bg_controls
span.peep_blitem input[type="submit"],
.peep_bg_controls
span.peep_blitem input[type="button"]{
color: #ccc;
}
.peep_bg_controls span.peep_blitem
input[type="submit"]:hover,
.peep_bg_controls span.peep_blitem
input[type="button"]:hover{
color: #eee;
}
/* ---- End of
Button List styles Cover Image ---- */
/* ---- End of Button List styles
---- */
/* ---- Footer Menu styles ---- */
.peep_footer_menu{
font-size: 12px;
padding: 10px;
text-align: center;
margin-bottom: 15px;
}
/* ---- End of Footer Menu styles ---- */
/* ----
Inventory Line styles ---- */
.peep_inventory_line{
}
html[xmlns]
.peep_paging.clearfix {
display: inline-block;
}
.peep_paging {
font-size: 13px;
background: #f5f5f5;
border: 1px solid #ebebeb;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 1px;
}
.peep_paging a{
display: inline-block;
line-height:
30px;
height:30px;
text-align:center;
background: #cdcdcd;
border:
1px solid #ccc;
padding: 2px 14px 2px 14px;
text-decoration: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #6c6c6c;
}
.peep_paging
a.active,
.peep_paging a:hover{
background: #494949;
color:
#fff;
}
.peep_paging span {
display: inline-block;
padding-left:
3px;
}
.peep_small{
font-size: 11px;
line-height:
14px;
}
.peep_highlight{
background: #aaffaa;
}
.peep_std_margin{
margin-bottom: 25px;
}
.peep_normal{
font-size: 13px;
}
html body
.peep_sidebar .peep_tiny,
html body .peep_console .peep_tiny,
.peep_tiny {
font-size: 9px;
}
.peep_stdmargin{
margin-bottom:
14px;
}
.peep_smallmargin{
margin-bottom: 8px;
}
.peep_outline{
color: #FF7000;
font-weight: bold;
}
.peep_lightweight{
font-weight: normal;
}
.peep_txt_value {
font-weight: bold;
color:
#c1613c;
}
.peep_remark {
color: #999;
}
.peep_alt1,
tr.peep_alt1 td{
background-color: #fff;
}
.peep_alt2,
tr.peep_alt2 td{
background-color: #fafafa;
}
.peep_high1{
background-color: #fff;
}
.peep_high2{
background-color: #f8f8f8;
border-radius:
5px;
-moz-border-radius: 5px;
-webkit-border-radius:
5px;
}
.peep_add_content{
background-color: #fff;
}
.peep_add_content:hover{
background-color:
#fcfcfc;
}
a.peep_lbutton,
span.peep_lbutton {
background: #fff;
color: #666;
padding: 0px 3px 0px;
line-height: 13px;
text-transform: uppercase;
border-radius: 2px;
border: 1px solid
#ccc;
text-shadow: none;
display: inline-block;
font-weight:
bold;
vertical-align: middle;
}
html body a.peep_lbutton,
html body
span.peep_lbutton {
font-size: 8px;
}
.peep_lbutton:hover{
cursor:
pointer;
text-decoration: none;
}
.peep_disabled{
background:
#ccc;
}
.info{
margin-bottom: 8px;
}
.peep_automargin{
margin-left: auto;
margin-right:
auto;
}
.peep_autowidth,
table.peep_form td.peep_autowidth{
width:
auto;
}
.peep_anno {
background:#ffeed7 url(images/ic_warning.png)
no-repeat scroll 15px 45%;
border:1px solid #ffd399;
padding:10px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius:
4px;
}
.outline{
color: #FF7000;
font-weight:
bold;
}
input[type=text].peep_inputready,
textarea.peep_inputready {
color:
#999999;
}
/*========================================================
[13] Misc __misc
========================================================*/
.clr{
clear: both;
}
.peep_column_equal_fix{
padding-bottom: 20001px
!important;
margin-bottom: -20000px
!important;
}
/*========================================================
[14] Clearfix __clearfix
========================================================*/
.clearfix{
zoom: 1;
}
.clearfix:after {
content: ".";
display:
block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns]
.clearfix {
display: block;
}
*html .clearfix {
height:
1%;
}
/*========================================================
[15] Plugin Styles __plugins
========================================================*/
/* ---- Base
plugin styles ----
*/
.peep_add_content_wrap{
width:100%;
}
.add_content_ico{
background-image:
url(images/ic_add.png);
background-color:#d1d1d1;
background-repeat:
no-repeat;
background-position: center
-1px;
float:left;
left:0px;
width:20%;
height:35px;
margin: 0 0px 4px
0px;
overflow:hidden;
}
.peep_add_content{
color:#525354;
font-size:12px;
font-weight:bold;
float:
right;
margin: 0 0px 4px
0px;
overflow:hidden;
height:35px;
line-height:34px;
text-align:left;
width:73%;
padding:0 3%;
}
a.peep_add_content
{
color:#525354;
}
.peep_add_content:hover{
text-decoration:none;
}
.peep_add_content:nth-child(odd)
{
margin-left: 50px;
}
/* ---- End of base plugin styles ---- */
/* ----
Forum styles ---- */
.peep_forum{
text-align: center;
width:
100%;
}
.peep_forum .peep_name{
text-align: left;
width:
563px;
}
.peep_forum .peep_topics{
width: 55px;
}
.peep_forum
.peep_replies{
width: 55px;
}
.peep_forum .peep_action{
white-space: nowrap;
width: 70px;
}
.peep_forum_topic .peep_author{
width: 20%;
}
.peep_forum_topic .peep_posts{
text-align: center;
width: 1%;
}
.peep_forum_topic .peep_views{
text-align: center;
width: 1%;
}
.peep_forum_topic .peep_icon{
line-height: 14px;
text-align: center;
width: 8%;
}
body.htmlarea_styles
blockquote.peep_quote,
blockquote.peep_quote{
margin: 10px 0 10px
40px;
background: #f0f0f0;
border-left: 2px solid #ccc;
padding: 2px 5px;
}
body.htmlarea_styles blockquote.peep_quote
.peep_author,
blockquote.peep_quote .peep_author{
border-bottom: 1px
solid #ccc;
font-size: 11px;
display: inline-block;
padding:
2px 0;
width: 98%;
}
.peep_forum_topic_posts .peep_post_comment{
background-repeat: no-repeat;
font-style: italic;
font-size: 11px;
margin: 10px 0;
padding-left: 20px;
}
.peep_forum_post_area{
height: 240px;
}
.peep_forum_status{
font-style: italic;
}
/* ----
Forum sortable ---- */
.forum_placeholder{
border: 1px dashed
#999;
background-color: #FFF9DB;
margin-bottom: 25px;
width:
100%;
}
tr.forum_placeholder td{
background-color: #FFF9DB;
border:
1px dashed #999;
height: 45px;
width:
100%;
}
.forum_section{
cursor: move;
}
.forum_section_tr{
height:
41px;
}
.peep_forum_topic_posts .peep_box .peep_ipc_info {
border:
none;
padding: 0px;
}
body .peep_forum_attachment_icon {
width:
16px;
}
/* ---- End of Forum styles ---- */
/* ---- Mailbox styles ----
*/
.peep_mailbox_left_loading .peep_mailbox_left_body {
background:
url(images/loader_circ.gif) center 220px no-repeat;
}
body
.peep_mailbox_right.peep_mailbox_right_loading
div.peep_mailbox_right_preloading {
background:
url(images/loader_circ.gif) no-repeat center
center;
}
.peep_mailbox_message_content
.peep_file_attachment_info,
.peep_dialog_items_wrap
.peep_file_attachment_info,
.peep_mailbox_log .peep_file_attachment_info
{
background-image:
url(images/miniic_doc.png);
}
.peep_mailbox_convers_info.mails
{
background-image:
url(images/miniic_envelope.png);
}
.peep_mailbox_convers_info.chats
{
background-image:
url(images/miniic_buble.png);
}
.peep_mailbox_convers_info_attach {
background: url(images/miniic_attach.png) center center
no-repeat;
}
.peep_mailbox_conv_options_label {
background-image:
url(images/chat_tiny_arrow_down.png);
}
.peep_mailbox_convers_info,
.peep_vertical_nav_item.selected,
.peep_vertical_nav_item.selected:hover {
background-color:
#fff;
}
.peep_mailbox_convers_info_new,
.peep_vertical_nav_item
{
background-color:
#fafafa;
}
.peep_mailbox_convers_info_selected,
.peep_vertical_nav_item:hover
{
background-color:
#ECECEC;
}
.peep_mailbox_convers_info:hover,
.peep_mailbox_convers_info_selected,
.peep_mailbox_convers_info_selected:hover,
.peep_vertical_nav_item.selected,
.peep_vertical_nav_item:hover
{
-webkit-box-shadow: inset 1px 0px 0px 0px
rgba(172,172,172,1);
-moz-box-shadow: inset 1px 0px 0px 0px
rgba(172,172,172,1);
box-shadow: inset 1px 0px 0px 0px
rgba(172,172,172,1);
}
.peep_mailbox_convers_info
.peep_mailbox_convers_info_date:hover {
color:
#999;
}
.peep_mailbox_convers_info .peep_mailbox_convers_info_string
a,
a.peep_vertical_nav_item {
color: #444;
}
.peep_mailbox_convers_info
span.ic_reply {
background-image:
url(images/ic_reply_g.png);
}
.peep_mailbox_table,
.peep_mailbox_table
.peep_mailbox_convers_info,
.peep_mailbox_table .peep_mailbox_cap,
.peep_mailbox_table .peep_mailbox_date_cap,
.peep_mailbox_table
.peep_mailbox_conv_options,
.peep_mailbox_table
.peep_mailbox_subject_block,
.peep_mailbox_table
.peep_mailbox_log,
.peep_mailbox_table
.peep_mailbox_log_date,
.peep_mailbox_table .peep_mailbox_left
.peep_mailbox_cap,
.peep_mailbox_table .peep_mailbox_left
.peep_mailbox_search,
.peep_mailbox_table .peep_mailbox_left
.peep_mailbox_left_body,
.peep_mailbox_right
.peep_chat_message_block,
.peep_vertical_nav,
.peep_vertical_nav_item {
border-color: #ececec;
}
.peep_mailbox_log .peep_dialog_item.odd
.peep_dialog_in_item,
.peep_mailbox_log .peep_dialog_item.even
.peep_dialog_in_item {
border: 1px solid #e8e8e8;
}
.peep_mailbox_log
.peep_dialog_item.even i {
background-image:
url(images/dialog_tail.png);
background-position: 0
-1px;
}
.peep_mailbox_log .peep_dialog_item.odd i {
background-image:
url(images/dialog_tail.png);
background-position: 0
-6px;
}
.peep_mailbox_convers_actions .peep_miniic_control {
margin-right:
0px;
}
.peep_mailbox_convers_actions .peep_miniic_control span
{
background: url(images/miniic_gearwheel.png) -1px -1px
no-repeat;
}
.peep_mailbox_convers_actions .peep_miniic_control.active span
{
background: url(images/miniic_gearwheel.png) -1px -22px no-repeat;
}
/*
wysiwyg only for new message */
.htmlarea_styles.mailbox a {
color:
#2a80ae;
}
/* end of wysiwyg only for new message */
/* ---- End of Mailbox
styles ---- */
.peep_stories_list{
background:#fff;
padding:10px;
border:
1px solid #e8e8e8;
}
.peep_stories_list
.peep_superwide{
padding:5px;
}
.peep_stories_list
.peep_supernarrow{
border-left: 1px solid
#e8e8e8;
padding:5px;
}
a.user_stories_go_home{
border:1px solid
#d76243;
border-radius:4px;
padding:10px 80px 10px 80px;
text-align:center;
background-repeat:
no-repeat;
margin-top:10px;
color:#d76243;
font-size:13px;
-webkit-transition:
all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition:
all 0.5s ease;
-ms-transition: all 0.5s ease;
transition:
all 0.5s ease;
}
a.user_stories_go_home:hover{
background:
#d76243;
text-decoration:none;
color:#fff;
}
a.peep_prev_story{
border:1px
solid #494949;
border-radius:4px;
padding:8px 20px 8px 20px;
height:35px;
text-align:center;
line-height:34px;
background-repeat:
no-repeat;
color:#494949;
font-size:13px;
-webkit-transition: all 0.5s
ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s
ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s
ease;
}
a.peep_prev_story:hover{
background:
#494949;
color:#fff;
text-decoration:none;
}
a.peep_next_story{
border:1px
solid #494949;
border-radius:4px;
padding:8px 20px 8px 20px;
height:35px;
text-align:center;
line-height:34px;
background-repeat:
no-repeat;
color:#494949;
font-size:13px;
-webkit-transition: all 0.5s
ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s
ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s
ease;
}
a.peep_next_story:hover{
background:
#494949;
color:#fff;
text-decoration:none;
}
.story_comments_area{
margin-top:20px;
}
.peep_storypost_compose
textarea{
height: 185px;
}
.peep_ws_video object,
.peep_ws_video embed
{
max-width: 100%;
}
/* ---- Rates Styles ---- */
.inactive_rate_list,
.active_rate_list {
background: url(images/stars.png) no-repeat 0
-13px;
width: 65px;
height: 13px;
text-align: left;
display: inline-block;
}
.active_rate_list {
background-position: 0
0;
}
.rates_cont a.rate_item {
background: url(images/stars.png)
no-repeat 0 -13px;
cursor: pointer;
float: left;
height: 13px;
text-decoration: none;
width: 13px;
}
.rates_cont a.active {
background-position: 0 0;
}
.rates_cont{
margin: 0 auto;
width:
65px;
}
.peep_rate_score{
font-size: 20px;
}
/* ---- End of Rates
Styles ---- */
/* ---- Video styles ---- */
.peep_video_list
.peep_alt1,
.peep_video_list .peep_alt2 {
padding: 24px 0px 24px
24px;
}
.peep_video_player{
text-align:
center;
}
.peep_video_description{
margin: 8px 0
20px;
}
.peep_video_list_item{
float: left;
max-height: 165px;
padding: 5px;
width: 120px;
margin-right: 20px;
background:
url(images/video_bg.png) no-repeat 0px
0px;
}
.peep_other_video_item_title{
margin-left: 88px;
padding-left: 4px;
}
.peep_video_thumb{
background:
url(images/video-no-video.png) no-repeat center center;
display:
block;
}
.peep_video_thumb,
.peep_video_list_item img{
height: 90px;
width: 120px;
}
.peep_other_video_thumb{
display: block;
margin-right: -80px;
background: url(images/video_thumb_bg.png)
no-repeat 0 0;
padding: 4px 4px 4px 5px;
}
.peep_other_video_thumb
a {
display: inline-block;
width: 80px;
height: 60px;
background:
url(images/video-no-video.png) no-repeat center
center;
}
.video_thumb_no_title {
margin: 0px 4px 4px
0px;
}
.peep_other_video_thumb,
.peep_other_video_thumb
img,
.peep_other_video_floated img{
height: 60px;
width:
80px;
}
.peep_other_video_floated{
display: inline-block;
background: #fff url(images/video-no-video.png) no-repeat center center;
width: 80px;
height: 60px;
vertical-align:
middle;
}
.peep_video_item_title{
font-weight: bold;
padding-bottom:
3px;
}
.peep_video_item_rate{
height: 15px;
text-align:
center;
}
.peep_video_infobar{
padding: 10px;
text-align:
right;
}
.peep_video_player object,
.peep_video_player embed {
max-width:
100%;
}
/* ---- End of Video styles ---- */
/* ---- Avatar styles ----
*/
.peep_change_avatar .avatar_current{
border-right: 1px solid
#CCCCCC;
padding-right: 3px;
}
.peep_change_avatar
.peep_avatar_preview{
border-left: 1px solid
#CCCCCC;
}
.peep_change_avatar .avatar_crop{
border-bottom: 1px solid
#CCCCCC;
}
.peep_avatar_crop .jcrop-holder{
margin: 0px
auto;
}
.peep_avatar_preview div{
margin: 0px auto;
}
.peep_avatar {
position: relative;
display: inline-block;
padding: 4px 5px 6px
5px;
width: 40px;
height: 40px;
background-image:
none;
background-position: 0px 0px;
background-repeat:
no-repeat;
}
.peep_avatar img {
vertical-align: bottom;
width:
40px;
height: 40px;
}
.peep_avatar_label {
font-size: 7px;
display: inline-block;
position: absolute;
line-height: 10px;
text-transform: uppercase;
bottom: 6px;
background-color: #999;
right: 5px;
color: #fff;
font-weight: bold;
padding: 0px 2px;
border-radius: 3px 0px 0px 0px;
-moz-border-radius: 3px 0px 0px 0px;
-webkit-border-radius: 3px 0px 0px 0px;
}
html body .peep_sidebar
.peep_avatar_label,
html body .peep_console .peep_avatar_label {
font-size: 7px;
}
html body .peep_console .peep_avatar_label {
bottom:
0px;
right: 0px;
}
.peep_canvas .peep_cnews_avatar {
width:
50px;
height: 50px;
margin-right: -50px;
}
.peep_canvas
.peep_cnews_body {
margin-left: 50px;
padding-left: 7px;
border:1px solid
#f8f8f8;
}
.peep_cnews_head{
border-bottom:1px solid rgba(0,0,0,0.12)
!important;
padding-bottom: 5px !important;
padding-left: 0px
!important;
}
/* ---- End of the Avatar styles ---- */
/* ---- User Avatar
Console styles ---- */
.peep_avatar_console{
position: relative;
background: #fff;
border: 1px solid #e8e8e8;
padding: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius:
4px;
}
.peep_avatar_console .peep_avatar_image {
height: 190px;
max-width: 170px;
}
.peep_avatar_change{
position: absolute;
right: 4px;
top: 4px;
}
.peep_avatar_console_links {
background:
#F0F0F0;
display: block;
padding: 5px 10px;
border-top: 1px
solid #fff;
}
body .peep_avatar_console .peep_avatar_label {
bottom:
4px;
right: 4px;
}
.user_online_wrap {
padding-top: 3px;
min-height:
12px;
text-align: left;
}
body .peep_avatar_console .avatar_console_label
{
bottom: 7px;
}
/* ---- End of User Avatar Console styles ---- */
/*
---- Photo styles ---- */
.peep_photo_dragndrop {
font-family:
'Roboto',"Trebuchet MS","Helvetica CY",sans-serif;
text-transform: normal;
color: #666;
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAGE0lEQVR4nO3dW2wUVRgH8KlWwWiQqHiJUUxUnoyIt4gUeuacKbhK9MFsMOoyc860BUx44sXHjdXEKBLlyWCCAsZIMGq8RRPjviBEJNrSnXMGF7SCxihReKAoGFkf2jHcakt3zn4z2/8v+R7bnPn+H6c7OxccBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDPKZdZeCdjMg8X5l1CvBSzbJRfdEAdspZF8m5Fij5biqFGi/l9JfswoftAod7uRfG3V9x4dKC2+mnrd0IDdvQuvq/qsz0jef1rYE69/TMA/iP1FD5fLrJ36eGCCaoXCjKrP+rQSw5MM/qzSgfixGorH6o7TRn18MIa647Rp31tlFD+UVvBnleRfDsiFd1IfK5yhVihM01Jsshb8qbuB4ie0763CbpARtWJhllHu9maEf2rFytuMMwhiNZ/fbCT/odnhJxVJ/klULF5M3YcpaX+vd7mRrqEK/5TPBdtwltBk5TJr18r7jDz85HNB6K6j7smUYpS7njr0M2uwW3RR92VKGAi7BHXYY9TPUXHJFdT9aWn1cvkCo7zdGQj7nBUp8cJp63WctrjUdbdR3tNaem/Fyv3cBKISh+Jto9znqr67oF4sXkjVz9zRki2jDvn/SisxXCsWZjmO4+jSogcnMqxa8SEd8hIGYRy7e++6KAr5PuqQx90FAv6yVu6G8/7ZQFTM8nuvpO5zZkWSc+pwrZcU+3XIZ1P3OpN06K5ryr/gkO+LlHiJbrfhA1GRXUbd78zRUnxnu/k6EDtrhcIMxxm5qqgDsZNmJ/A2Uvc7U0xPx5xmhp8gGwLJTw52i9up+p05RjK/2eEnqIZAS7Gp2X3OrKrP+ijCT9AMAT+EU8NROhBvUIWfoBiCgXDxbbZ7mwtGiXcow080ewhwfWFUHHofU4efaOYQaMmWpd3LXEpzB2gk/ESzhmAw9B5Kq4e5ZXo65hgp9mQl/EQzhmBKfwaoBGymUe56rfjfWQs/YXMIYskPT9mzgL1PdN6T5r1+NsJP2BqCWHnP21hv5hnJfK34iTyEn0h9CCT/c7BbXGNzzZlkJPON5CfzFH4izSGIFP8q6vVubMa6MyOS3iN5DT+R/k4gdmnfW9Xyt57rkM+OJT+c5/ATNj4TaMWHjGR+Sz6NNHKfX4pP9kj3N6rwE7VCYYaW/Jc0h8AoUdeSv1sJ2EzKY0udDnkpzSbFir9HfUyO4zhRKN5PewBG6/voSXYL9fGlohKw6bEUB1JtkOTH4oCtHAjYfeNVf+jNO5/19ofevIn83ijwVhsl/rI0AHWt+FB/cf71tnJpGhPwHltNmkhFId93PuvN0k2pkRKa+k9dw7QSOzAAjewE7gZb2VinH++6lbqBeR8Ao0R9r+os2MrIqkiKFdTNa4UB0AGv5vL00EhvI3XzWmEAjBL1qnSX2MrJGq3EN9SNa5UB0FJ8aCsna0bey4cBSGUAlBjO3dfFZ72sEQPQUA1Kfr+trKxI85IvBkDUo8BbbSsrK4zkP5E3rYUGoOqzPltZWZGFFz200gCYwH3VVlZWpH2r91QfgNx9K2gkX0vdtFYagDgQz9jKygpT6uqkblorDUA1dJ+ylZUVo+/6+wMDkE7l8iESo8SbxI07UgnY9ImstRKw6UaJI9RBn6u0FMdz+VaRquqYm+aNoJOpSLpbzXK2NArYA2OVWc6WRtLdSh30mCXFp9RZTloU8i3kDcx5RVKsoM5x0r4N2E1aiuPUTcxracWHaoXCNOocGxIpsYa6kXktHfISdX4NqztOWxbuD8hbaSV2tMwDpLVCYRrF//yR14qlOBAF7Frq3FK1t5ddhSEYv7QSw1HA7qDOy4qRnYC/Tt3kzJYUv1Z9dwF1TlbVHactUmINzg7ODJ/3T6mnhnXIZ8fK20z9ZRF5SX4sCr1nB0qLL6XOhERVdcyNQr6F+tpBs0tLcTQO+Wst8RhYGspl1m5KXZ3G917USnxklPjaKH4wC7eXNRy2Er9rySOj+BdGilcGu0VX7r/gAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIC0/Qv6wiODmYXVHAAAAABJRU5ErkJggg==)
no-repeat center -10px;
font-size:
15px;
}
.peep_photo_dragndrop:hover{
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAFuklEQVR4nO3dXYgVZRgH8Fnb0ihMKvsgyqDyKjKjIPJCKKS2pC5CDGRzxfbszPvO4oJe9LXwzrzvbFImtVdlYGkRmVHRFwWRN6b0QVj0AWFlWkRJ6YVraeS/i7Od1dXN4555zzNzzv8Hz63nnef/OOfMnHfOBgEREREREREREREREREREREREREREREREREREREREVFhwJhOmIEZWLvoTOm1kGdw6lKkcYhMbYbVX8DpA3AaR9VBZHoPUr0ViVqDJL4bpvsC6XVTA5BVLkYaWVi9Y1zY9ZXV/8CpN2DjO2FMp/TxUJ1glkyvBq9GJhX8iSrVPyIN7wGCDunjowkAQQcSHcGqvbkFf9xZQX2IrHKd9LHSOBjumoo03uAt+GNKHUaiI54NCgJDy2Yi1VubE/7RZ4NoI68ghOHhyhVw6oemh1+r6B0Yc4Z0H9oSVlfOgdPfyIU/WpnazKuEJoMxnbDxe+Lh14YgXivdk7aCTA+Lhz6+kr4F0n1pC0j0LeJhn/AsoH+GWX6udH9aGoyZgiz+VDzsCc8C0aPHrBdBB0x8PVx4P2z8Ipx6H1ZvgY1eQhplGArn4eVFp0n1s3Tg1GLxkP+vrBrB0LKZQRAEsPr2uobVql1wupuDcBJ4unI6rN4pHvJJ3wrCJ2Djdac+PHoLHrj3POk+FxZMeLN4uN5LfQenZ0n3upCQxWubEoLVO5Hqx+XONupzmEVnS/e7cGCjb/03P94Os2R6EIx+q+ji7SJDYPV66X4XCkzv7GaGP/a6UkOgjsDcd41UvwsHLlra7PBrry01BGm8odl9LiykkZUIv/b6EkNg1V5eGo6C1c9JhV9bg8QQmOVX++5tKcDpVyTDr62j2UPA7xeqYNXb0uHX1tLUIVCL8+5lKeV7Bph8+LX1NGsIssodefWwtGB6Z4/u5S9E+GPrasIQtPNnAJiBGcj0MKz+u2jhj63R4xBYva9trwKQqhvy3euXf/i1tfoagkSv9rHewqve9FGHyxB+bc15D4FVf+LBFRf6XHMhjYZ/pEzh19ae7xB8hNUrLmvGugsDib6rrOHXjiHvM0GmPkaio5bfeg6nZ8HqfWUOv3YsPj4TWLULLlrakk8jwZgpOT/Z85tU+GPHtGQ6rPol1yGo1qswAzMkjy13cLo71yZl0WvSxxQEQQCnXvcwAIDV3+OR5VdKH18uYHqmwardOTfpINI4hIluPGkNhnNPab2D4dy6/t0k7ofTf3kZgP/eEh4KL/GVS9MgCXu9Nam+/007T2m9RdqUatXX0m91DUOqt3EAGll/vM5XNt7B9l0l38CSD4DTQBZ1+crIKyRhn3jzWmEArPqylJeHsHq9fPNaYACcBrL4Vl85eQMbfSbeuFYZAKvf9JWTN8j0ngI0rkUGQI2U7nYxjv+xRg5AQ6Vu8pWVF/l+5csBQBL3+8rKCzj1k3jTWmkA0sj6ysqLQvzQQysNQKae8pWVF/lv9W7zASjbXUEkao1801poAJI49ZWVFxjqnS/etFYagFQpX1l5AWM64dQfHICcqowPkcCqF2Qbp/bD9Eyra62mZxqc2i8e9IkH+VApf1UEg/1z8t0IOolK1SbYcCFM320Tlg0XIlWbxIOeuN6VznLSkEbPF6CB5a4k7JPOcdJgwsth9SHxJpa1rNqF4a6p0jk2BDZcKd7I8la3dH4NA4KOQuwPKFulelvLPEBa/bMvAn/5o6xl1W6Ynoukc8sVTOV8DkFd4Y8g671WOi8vMNw1FU49K97kopZVv2IonCedk1fVzwThSl4djA9f72irp4bh9CzYaKP4zSL5OogkdFi16izpTERgsH9O9YaR8HcHza8DcPqZlngMLA8wphNDvfORRo/BxW/B6U+qm0sLsL2s0bL6dzj9FZz6AE49iaRvQelv8BARERERERERERERERERERERERERERERERERERERERERERFR3v4FjSduwA8qNv8AAAAASUVORK5CYII=)
no-repeat center -10px;
}
.peep_photo_upload_wrap
.peep_photo_preview_block_wrap .peep_photo_preview_edit {
border: 1px
solid #ccc;
}
.peep_photo_preview_image {
background-color:
#fafafa;
}
.peep_photo_preview_loading {
background-image:
url(images/loader_circ.gif) !important;
background-size: auto
!important;
}
.peep_photo_preview_image_filter {
background:
#000;
}
.peep_photo_preview_x {
background:
url(images/photo_upload_btn_x.png) center center
no-repeat;
}
.peep_photo_preview_rotate {
background:
url(images/photo_upload_btn_rotate.png) center center
no-repeat;
}
.peep_photo_prev{
background-repeat: no-repeat;
background-position: right center;
text-align: left;
width:
39%;
}
.peep_photo_next{
background-repeat: no-repeat;
background-position: left center;
text-align: right;
width:
39%;
}
.peep_photo_list_item{
float: left;
height: 165px;
padding: 16px 0px;
text-align: center;
}
.peep_photo_info_str{
padding-top: 5px;
}
.peep_photo_infobar{
padding: 10px;
text-align:
right;
}
.peep_photo_rate{
height: 15px;
text-align: center;
}
html
body div.floatbox_photo_preview a.peep_ic_delete.close,
html body
div.floatbox_empty a.peep_ic_delete.close {
background-image:
url('images/photo_prev_x.png');
}
.floatbox_empty .peep_box_cap_icons {
top: -20px;
right: -20px;
}
.peep_photo_context_action .peep_tooltip
.peep_tooltip_body {
padding: 4px 0;
}
.peep_photo_context_action
.peep_context_action a {
color: #fff;
}
.peep_photo_context_action
.peep_context_action a:hover {
text-decoration:
none;
}
.peep_photo_context_action .peep_context_action_list a {
color:
#fff;
padding: 4px 12px;
}
.peep_photo_context_action {
border: 1px
solid #808080;
}
body .peep_photo_context_action .peep_context_action_block
.peep_context_action,
html body .peep_photo_context_action
.peep_context_action {
border: none;
}
.peep_photo_context_action
.peep_context_action:hover {
background:
url(images/photo_context_action_bg_active.png) repeat-x 0px
0px;
}
.peep_photo_context_action .peep_tooltip .peep_tooltip_body
{
background: transparent
url('images/photo_context_action_tooltip_bg.png');
border-color:
#737373;
}
.peep_photo_context_action .peep_context_action_list a:hover
{
background: transparent
url('images/photo_context_action_item_hover.png');
}
.peep_photo_context_action
.peep_context_action_list.peep_alt2 {
background:
transparent;
}
.peep_photo_list_item_thumb span.peep_lbutton:hover
{
cursor: default;
}
.peep_photo_list_item_thumb {
width: 120px;
height:
120px;
padding: 4px 6px 6px 20px;
background: transparent
url('images/photo_list_item_thumb.png') no-repeat 15px
0px;
}
.peep_photo_list_item_thumb img {
width: 120px;
height:
120px;
}
body .peep_photo_list_item_thumb span.peep_lbutton {
bottom:
6px;
right: 6px;
}
.peep_photo_submit_wrapper.peep_mild_green
{
background-color: #7CBB11;
}
/*Photo list*/
.peep_fw_menu {
background-color: #f5f5f5;
border: 1px solid #ebebeb;
border-radius: 4px;
padding: 4px 8px;
min-height: 24px;
clear:
both;
}
.peep_fw_btns {
display: inline-block;
}
.peep_photo_list_wrap
div.peep_photo_item {
background-color: #ececec;
border-color:
#999999;
}
.peep_photo_list_wrap .peep_photo_item_wrap
.peep_photo_item_info {
background-color:
rgba(0,0,0,0.85);
}
.peep_photo_item_info_user,
.peep_photo_item_info_album,
.peep_photo_item_info
.peep_rates_wrap {
color:
#fff;
}
.peep_photo_item_wrap.peep_photo_album
.peep_photo_item_info_description {
color:
#fff;
}
.peep_photo_pint_mode .peep_photo_item_wrap.peep_photo_album
.peep_photo_item_info_description {
color:
#606060;
}
.peep_photo_album_info_wrap {
border-bottom: 1px solid
#e8e8e8;
}
.peep_photo_album_cover {
border-color: #cccccc;
}
body
.peep_photo_album_info_wrap .peep_photo_album_info
.peep_photo_album_description_textarea,
body .peep_photo_album_info_wrap
.peep_photo_album_info .peep_photo_album_description {
color:
#666;
}
a.peep_context_action_value {
color: #666;
}
.peep_photo_item
.peep_photo_context_action.peep_photo_context_action_loading
.peep_tooltip_body {
background-image:
url(images/loader_circ.gif);
}
body .peep_photo_context_action
.peep_context_action {
background-image:
url(images/photo_view_context.png);
background-color:
transparent;
}
body .peep_photo_context_action .peep_context_action:hover
{
background-color: rgba(144,144,144, 0.3);
background-image:
url(images/photo_view_context.png);
}
body .peep_photoview_stage_wrap
.peep_photo_context_action .peep_context_action,
body
.peep_photoview_stage_wrap .peep_photo_context_action
.peep_context_action:hover {
background-image:
url(images/photo_view_context.png);
background-repeat:
no-repeat;
background-position: center
center;
}
.peep_photoview_stage_wrap_fullscreen .peep_photoview_fullscreen
{
background-image:
url(images/fullscreen_min.png);
}
.peep_photoview_fullscreen {
background-image:
url(images/fullscreen_max.png);
}
.peep_photoview_play_btn {
background-image:
url(images/fullscreen_play.png);
}
.peep_photoview_play_btn.stop
{
background-image:
url(images/fullscreen_stop.png);
}
.peep_photoview_info_btn.open
{
background-image:
url(images/fullscreen_info_open.png);
}
.peep_photoview_info_btn.close
{
background-image:
url(images/fullscreen_info_close.png);
}
.peep_photoview_slide_settings_btn
{
background-image:
url(images/fullscreen_settings.png);
}
.peep_photoview_arrow_left {
background-image:
url(images/photoview_arrow_left.png);
}
.peep_photoview_arrow_right {
background-image: url(images/photoview_arrow_right.png);
}
body
.peep_photoview_stage_wrap .peep_photo_context_action .peep_context_action
.peep_context_more {
background-image: none;
}
.peep_photo_context_action
.peep_tooltip .peep_tooltip_body {
background: #464646;
border: 1px
solid #9b9b9a;
}
.peep_photo_context_action .peep_context_action_list
a:hover {
background-color: #8e8e8e;
}
.peep_photo_context_action
.peep_tooltip_tail span {
background:
url(images/photo_tooltip_tail.png) no-repeat 3px
0;
}
.peep_photo_context_action .peep_context_action_divider {
background-color: rgba(160,160,160,0.7);
}
.peep_context_action_list
a.peep_context_action_item_hierarchy_right span {
background:
url(images/miniic_arrow_left_bb.png) no-repeat center
center;
}
.peep_context_action_list
a.peep_context_action_item_hierarchy_left span {
background:
url(images/miniic_arrow_right_bb.png) no-repeat center
center;
}
.peep_photo_pint_mode .peep_photo_item_wrap .peep_photo_item_info
{
background: transparent;
background: -webkit-gradient(linear, left
top, left bottom, color-stop(0%,rgba(0,0,0,0)),
color-stop(100%,rgba(0,0,0,0.7)));
background:
-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7)
100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0)
0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom,
rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',
endColorstr='#59000000',GradientType=0 );
opacity: 0;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.peep_photo_pint_mode .peep_photo_item_info_user,
.peep_photo_pint_mode
.peep_photo_item_info_album,
.peep_photo_pint_mode
.peep_photo_item_info_description,
.peep_photo_pint_mode
.peep_photo_item_info .peep_rates_wrap {
color:
#fff;
}
.peep_photo_list.peep_photo_edit_mode .peep_photo_item
.peep_photo_chekbox_area {
background-color:
rgba(255,255,255,0.4);
}
.peep_photo_list.peep_photo_edit_mode
.peep_photo_item.peep_photo_item_checked
.peep_photo_chekbox_area,
.peep_photo_list.peep_photo_edit_mode.peep_photo_pint_mode
.peep_photo_item .peep_photo_chekbox_area {
background-color:
rgba(255,255,255,0);
}
.peep_photo_edit_mode .peep_photo_chekbox_area
.peep_photo_checkbox {
border: 1px solid rgba(255,255,255,0.6);
background-color: rgba(87,87,87, 0.6);
}
.peep_photo_edit_mode
.peep_photo_item_checked .peep_photo_chekbox_area .peep_photo_checkbox {
background-image:
url(images/checkbox_icon.png);
}
.peep_photo_list.peep_photo_pint_mode
.peep_photo_item {
background:
#fafafa;
}
/*Searchbar*/
.peep_searchbar_ac {
border: 1px solid
#ccc;
}
.peep_searchbar_ac li {
background-color: #fefefe;
font-size: 11px;
}
.peep_searchbar_ac li:hover {
background-color:
#f1f1f1;
}
/*Rates*/
.peep_photoview_info .peep_rates_wrap {
padding-left: 4px;
margin: 6px 0 8px 0;
}
.peep_rates_wrap span {
vertical-align: middle;
}
.peep_rates {
width: 65px;
display:
inline-block;
vertical-align: middle;
margin: 0 2px;
}
.peep_rates
.rates_cont {
position: absolute;
opacity: 0;
transition:
opacity 0.15s;
-moz-transition: opacity 0.15s;
-webkit-transition:
opacity 0.15s;
}
.peep_rates:hover .rates_cont {
opacity:
1;
}
/*Dropdown*/
body input.peep_dropdown_btn {
background-image:
none;
height:
28px;
}
.peep_dropdown_arrow_down,
.peep_dropdown_arrow_up {
height:
10px;
position: absolute;
right: 8px;
top: 12px;
width:
12px;
cursor: pointer;
}
.peep_dropdown_arrow_down {
background:
url(images/chat_tiny_arrow_down.png) no-repeat center
center;
}
.peep_dropdown_arrow_up {
background:
url(images/chat_tiny_arrow_up.png) no-repeat center
center;
}
.peep_dropdown_list_wrap {
position: relative;
width:
100%;
}
.peep_dropdown_list {
border: 1px solid #dedede;
position:
absolute;
top: -1px;
left: 0;
width: 99%;
margin-left:
0.5%;
border-radius-bottom-left: 4px;
-moz-border-radius-bottom-left: 4px;
-webkit-border-radius-bottom-left:
4px;
border-radius-bottom-right: 4px;
-moz-border-radius-bottom-right: 4px;
-webkit-border-radius-bottom-right: 4px;
display:
none;
}
.peep_dropdown_list li {
width: 100%;
box-sizing:
border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
padding: 4px;
background-color: #fff;
color: #666;
cursor: pointer;
position: relative;
}
.peep_dropdown_list li:hover
{
background-color: #fafafa;
}
.peep_add_item {
position:
absolute;
background: url(images/miniic_plus.png) center center
no-repeat;
width: 10px;
height: 10px;
right: 8px;
top:
50%;
margin-top: -5px;
}
li.peep_dropdown_delimeter {
padding: 0
4px;
}
.peep_dropdown_delimeter div {
width: 100%;
height: 1px;
background-color: #dedede;
}
.peep_photo_upload_drop_area {
border: 1px
dashed #e8e8e8;
}
/*-----button_list
narrow---------*/
ul.peep_bl_narrow{
border-top: 1px solid #ccc;
padding: 0;
}
ul.peep_bl_narrow li{
list-style:
none;
}
ul.peep_bl_narrow li a{
background: none;
border-bottom: 1px
solid #ccc;
display: block;
padding: 5px 7px;
text-decoration:
none;
}
ul.peep_bl_narrow li a:hover{
background: #999;
color:
#fff;
}
body ul.peep_cnews {
padding: 0;
}
.peep_cnews_content
.peep_user_list_picture {
min-width:0px !important;
height:0px
!important;
}
.peep_cnews_content .peep_user_list_picture .peep_avatar
img{
min-width:40px !important;
height:40px
!important;
margin-top:-10px;
}
.peep_cnews_content .peep_user_list_data {
margin-left: 80px;
}
.peep_cnews_section {
list-style-image: none;
margin: 15px 0;
}
.peep_cnews_section span{
background: #f0f0f0;
padding: 5px 10px;
text-shadow: #fff 1px 1px 0;
border-radius:
2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
}
.base_cmnt_mark .peep_ipc_info {
padding-bottom:
0px;
}
.peep_cnews_features .peep_tooltip .peep_tooltip_body {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
padding: 0;
border-width: 0 1px 1px 1px;
box-shadow:
none;
}
.peep_cnews_features .peep_tooltip.peep_comments_context_tooltip
.peep_tooltip_body,
.peep_tooltip.peep_cnews_context_tooltip
.peep_tooltip_body {
padding: 4px 0;
border-radius:
4px;
-moz-border-radius: 4px;
-webkit-border-radius:
4px;
}
.peep_cnews_features .peep_tooltip.peep_comments_context_tooltip
.peep_tooltip_body {
border: 1px solid #d4d4d4;
}
.peep_cnews_features
.peep_tooltip .peep_tooltip_tail span {
height: 5px;
background:
url(images/comment_block_arr.png) no-repeat 8px 0px;
position:
relative;
z-index: 1;
}
.peep_cnews_comments .peep_tooltip
.peep_tooltip_tail span {
height:6px;
background-position: 3px
-6px;
background-image:
url(images/tooltip_tail.png);
}
.peep_cnews_features .peep_tooltip
.peep_tooltip_body .peep_tooltip .peep_tooltip_body {
-webkit-box-shadow:
0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0,
0.2);
box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}
.peep_cnews_features
.peep_context_action_list a,
.peep_cnews_item .peep_context_action_list a
{
padding: 4px 12px;
}
.peep_cnews_context_tooltip {
margin-top:
2px;
}
.peep_cnews_left {
float: left;
}
.peep_cnews_date a {
color:#777
!important;
}
.peep_cnews_date {
text-align: left;
font-size:
11px;
line-height: 24px;
color:#777
!important;
padding-left:25px;
background: url(images/feed_time.png)
no-repeat -5px -5px ;
}
.peep_cnews_context_menu {
display:none;
position: absolute;
right: 5px;
top: 5px;
}
.peep_cnews_control
{
display: inline-block;
width:100%;
}
.peep_content .peep_cnews_date
{
color: #999;
}
.peep_cnews_date:hover {
color: #2A80AE;
}
/* ---- if
container peep_superwide ---- */
body .peep_cnews_control
.peep_cnews_string {
display: inline-block;
vertical-align:
middle;
max-width: 94%;
}
.peep_cnews_left {
width:
96%;
}
.peep_cnews_btns {
margin-top: 14px;
}
.peep_cnews_btn_wrap
{
display: inline-block;
line-height: 30px;
padding: 1px 5px 1px
1px;
margin-right: 4px;
color: #666666;
vertical-align:
middle;
}
.peep_cnews_item .peep_cnews_activity_content {
padding-top:
8px;
}
.peep_cnews_item .peep_cnews_item_picture {
margin-right:
8px;
}
.peep_miniic_control {
display: inline-block;
vertical-align:
top;
margin-right: 6px;
}
.peep_miniic_control.active
{
}
.peep_miniic_control span {
display: inline-block;
width:
28px;
height: 28px;
}
.peep_miniic_like {
background:
url(images/feed_like.png);
}
.peep_miniic_comment
{
}
.peep_miniic_control.active .peep_miniic_like {
background:
url(images/like_active.png);
background-position: -10px
-10px;
}
.peep_miniic_control.active .peep_miniic_comment
{
background-position: 4px -15px;
}
body .peep_cnews_doublesided_stdmargin
{
margin: 16px 0px;
}
body .cnews-attachment-preview.item_loaded {
width:
98.7%;
margin-left: 0px;
margin-right:
0px;
}
.cnews_nocontent{
background:#fff
url(images/cnews_nocontent_bg.png) no-repeat center 20px
!important;
height:400px;
line-height:410px;
position:relative;
color:#919191;
font-size:18px
!important;
font-weight:bold !important;
}
.peep_cnews_item_picture {
float: left;
width: 100px;
margin-right:
1%;
}
.peep_cnews_large_image .peep_cnews_item_picture {
max-width:
100%;
width: 100%;
height:
auto;
}
.peep_cnews_item_content{
padding:0 10px;
}
.peep_cnews_large_image
.peep_cnews_item_content {
width: 100%;
max-width: 100%;
}
.peep_cnews_item_picture img {
max-height: 400px;
max-width:
100%;
width: 100%;
height: auto;
}
.peep_cnews_photo_grid
{
max-width: 100%;
width:
100%;
}
.peep_cnews_photo_grid_item:nth-child(1) {
padding: 0px 0px 0px
0px;
max-width: 74.5%;
width: 74.5%;
box-sizing:
border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.peep_cnews_photo_grid_item {
padding: 0px 4px 4px 0px;
box-sizing:
border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 25%;
float: right;
}
.peep_cnews_photo_grid_3
.peep_cnews_photo_grid_item {
width: 33.3%;
}
.peep_cnews_photo_grid_item
a {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-size: cover;
width:
100%;
}
/* ---- Suggest field styles ---- */
.ac_results {
padding:
0px;
border: 1px solid #BBB;
background-color: #FFF;
overflow:
hidden;
z-index: 105;
position: absolute;
display: none;
width: 100%;
top: -1px;
}
.ac_results ul {
list-style-position:
outside;
list-style: none;
padding: 0;
margin:
0;
}
.ac_results iframe {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
width:3000px;
height:3000px;
}
.ac_list_container{
width: 99.6%;
position:
relative;
}
.ac_results li {
margin: 0px;
padding: 4px 5px;
cursor: pointer;
display: block;
width: 98%;
font: menu;
font-size: 12px;
overflow: hidden;
}
.ac_loading {
background :
url(images/loader_circ.gif) right center no-repeat;
}
.ac_over {
background-color: #F0F0F0;
}
.ac_match{
font-weight:
bold;
}
.peep_suggest_field {
position:
relative;
}
.peep_suggest_invitation {
position: absolute;
right:
9px;
top: 9px;
width: 12px;
height: 12px;
background:
url(images/miniic_corner.png) no-repeat center center;
}
/* peep custom
tips */
.peep_tip{
display:inline-block;
position:absolute;
z-index:
10005;
color:#fff;
}
.peep_tip_arrow{
display:inline-block;
position:absolute;
}
.peep_tip_arrow
span{
display:block;
border:5px dashed transparent;
}
.peep_tip_right
.peep_tip_arrow
span{
border-right-color:#111111;
border-right-style:solid;
border-right-width:5px;
border-left-width:0;
}
.peep_tip_right
.peep_tip_arrow{
top:50%;
margin-top:-5px;
left:0;
}
.peep_tip_right
.peep_tip_box{
margin-left:5px;
}
.peep_tip_left .peep_tip_arrow
span{
border-left-color:#111111;
border-left-style:solid;
border-left-width:5px;
border-right-width:0;
}
.peep_tip_left
.peep_tip_arrow{
top:50%;
margin-bottom:-5px;
right:0;
}
.peep_tip_left
.peep_tip_box{
margin-right:5px;
}
.peep_tip_bot .peep_tip_arrow
span{
border-bottom-color:#111111;
border-bottom-style:solid;
border-bottom-width:5px;
border-top-width:0;
}
.peep_tip_bot
.peep_tip_arrow{
left:50%;
margin-left:-5px;
top:0;
}
.peep_tip_bot
.peep_tip_box{
margin-top:5px;
}
.peep_tip_top{
position:absolute;
}
.peep_tip_top
.peep_tip_arrow
span{
border-top-color:#111111;
border-top-style:solid;
border-top-width:5px;
border-bottom-width:0;
}
.peep_tip_top
.peep_tip_arrow{
left:50%;
margin-left:-5px;
top:0;
}
.peep_tip_top
.peep_tip_box{
margin-top:5px;
}
.peep_tip_box{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
padding:2px 9px
4px;
background-color:#111111;
color:#fff;
font-size: 11px;
font-weight: bold;
}
/* ---- Group styles ---- */
body
.peep_group_brief_info .details {
padding-left: 8px;
}
/* ---- End of the
Group styles ---- */
/* ---- Membership Subscribe styles ----
*/
.peep_subscribe_table .peep_highbox {
border-radius:
0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
body
.peep_table_1 tr td.peep_plans_td_empty + td {
border-top-left-radius:
4px;
}
body .peep_table_1 tr td.peep_gateways_td_empty + td
{
border-bottom-left-radius: 4px;
}
/* ---- End of the Membership
Subscribe styles ---- */
/* FloatBox implementation */
#floatbox_overlay
{
position: fixed;
z-index: 99;
top: 0px;
left: 0px;
height:
100%;
width: 100%;
}
.warning_page_wrap{
width:100%;
height:100%;
left:0px;
top:0px;
position:absolute;
background:
url(images/adult_warning.png) no-repeat left top;/** PEEP_Control
type:image, section: Change site backgrounds, key:adultpagebackgrounds,
label:- Adult warning page background color**/
background-size:100%;
-webkit-background-size:100%;
-moz-background-size:100%;
-o-background-size:100%;
-ms-background-size:100%;
}
.adult_warning_con{
width:50%;
height:100%;
right:0px;
top:0px;
position:absolute;
text-align:center;
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0%
50%);
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0%
50%);
background:
linear-gradient(
lightgray,
transparent
),
linear-gradient(
90deg,
gray,
transparent
),
linear-gradient(
-90deg,
black,
transparent
);
background-blend-mode:
screen;
}
.adult_warning{
margin-top:50px;
margin-left:40px;
font-size:18px;
padding:40px;
line-height:32px;
}
.peep_splash_offline_warning{
border:none
!important;
font-size:32px;
}
.warning_buttons{
margin-top:20px;
}
html
body div .warning_buttons span.peep_button input[type=submit], html body
div .warning_buttons span.peep_button input[type=button]{
width:200px
!important;
height:40px;
color:#fff;
}
html body div .button_enter
span.peep_button{
margin-bottom:12px;
background:#2eaa25;
color:#fff;
}
html
body div .button_enter
span.peep_button:hover{
border:none;
background:#3dc633;
}
html body div
.button_back
span.peep_button{
margin-bottom:12px;
background:#c63333;
color:#fff;
}
html
body div .button_back
span.peep_button:hover{
border:none;
background:#d34c4c;
}
.adult_warning_con
.site_logo{
margin-top:10px;
padding-left:40px;
}
.site_offline_con{
position:absolute;
width:100%;
height:50%;
text-align:center;
bottom:0;
left:0px;
background:#494949;
padding:0px;
padding-top:50px
}
.site_offline_top{
position:absolute;
width:100%;
height:50%;
text-align:center;
top:0;
left:0px;
}
.site_offline{
padding:0 20px 50px 20px;
width:400px;
color:#fff;
font-size:18px;
line-height:38px;
margin:20px
auto;
border:1px solid
#fff;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
}
.site_offline_top
.site_logo{
top:25%;
border:none;
}
.floatbox_overlayMacFFBGHack
{background: url(images/macFFBgHack.png) repeat;}
.floatbox_overlayBG
{
background-color: rgba(245,245,245,0.85);
}
*html #floatbox_overlay {
/* ie6 hack */
position: absolute;
height:
expression(document.body.scrollHeight > document.body.offsetHeight ?
document.body.scrollHeight : document.body.offsetHeight +
'px');
}
#floatbox_HideSelect {
z-index: 1001;
position: fixed;
top:
0;
left: 0;
background-color: #fff;
border: none;
filter:
alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height: 100%;
width:
100%;
}
*html #floatbox_HideSelect { /* ie6 hack */
position:
absolute;
height: expression(document.body.scrollHeight >
document.body.offsetHeight ? document.body.scrollHeight :
document.body.offsetHeight + 'px');
}
body .floatbox_canvas
.floatbox_container {
margin-top: 0px;
}
.floatbox_container {
position:
fixed;
z-index: 1001;
width: 300px;
-moz-border-radius:
0px;
-webkit-border-radius: 0px;
border-radius:
0px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0
4px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px rgba(0, 0, 0,
0.2);
border: 0px solid rgba(0, 0, 0, 0.5);
}
.floatbox_header
{
padding: 4px 4px 12px 4px;
text-align:
left;
background:#fff;
}
.floatbox_header a.close_btn {
margin: 2px;
background: url(images/peep-ic-close.png) no-repeat;
}
.floatbox_title
{
text-transform: uppercase;
font-size: 16px;
padding: 8px 12px
0px;
float: left;
font-weight: normal;
font-family: 'UbuntuBold',
"Trebuchet MS", "Helvetica CY",
sans-serif;
}
.floatbox_header .peep_box_cap_icons {
float:
right;
margin-top: 5px;
margin-right:10px;
}
.floatbox_body {
padding:
8px 16px;
text-align: left;
}
.floatbox_bottom {
padding: 0px 16px
16px;
text-align: center;
}
.floatbox_container .peep_bg_color
{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:
0px;
}
/* End FloatBox implementation */
/* ---- Message (Feedback)
styles ---- */
.peep_message_cont{
position:fixed;
bottom:30px;
left:5px;
width: 300px;
height:auto;
z-index: 1000;
}
.peep_message_node{
font-size:16px;
font-weight:bold;
font-family:
Arial, Helvetica, sans-serif;
color:
#fff;
text-align:center;
text-shadow: 0px 1px 0
rgba(0,0,0,0.4);
line-height: 18px;
margin:0px;
padding:10px
12px;
overflow: auto;
position:relative;
}
.peep_message_node div
div{
padding-right:24px;
}
.peep_message_node a.close_button
{
display:block;
width:12px;
height:13px;
float:right;
position:absolute;
top:14px;
right:14px;
background:url(images/message_btn_close.png) no-repeat 50%
50%;
}
/*info*/
.peep_message_cont .peep_message_node.info {
background:
#4ba05b;
border:1px solid #4ba05b;
}
/*warning*/
.peep_message_cont
.peep_message_node.warning {
background: #ceab2b;
border:1px solid
#ceab2b;
}
/*error*/
.peep_message_cont .peep_message_node.error
{
background: #bc4545;
border:1px solid #bc4545;
}
/* ---- End of the
Message (Feedback) styles ---- */
/* thickbox 8aa
*/
.peep_preloader_content_cont{
width: 30px;
height: 30px;
}
/*
~thickbox 8aa */
/* ---- Captcha styles ---- */
span.ic_refresh{
background: url(images/ic_refresh.png) no-repeat;
display:
inline-block;
height: 16px;
width: 16px;
}
/* ---- End of Captcha
styles ---- */
.alignleft{
float: left;
}
.alignright{
float:
right;
}
.aligncenter{
display: block;
margin-left: auto;
margin-right:
auto;
}
/*----------------------------------------------------------------------BASE_ADD--------------------------------------------------------------------------------*/
.index_customize_box
{
/*width: 985px;*/
}
.fullsize-photo{display:
none;}
.peep_ajax_floatbox_preloader {
width: 100%;
height:
50px;
}
.peep_border {
border-style: solid;
border-color:
#d4d4d4;
}
.peep_cursor_pointer {
cursor:
pointer;
}
.peep_break_word{
word-wrap:break-word;
}
/* ---- Sort
styles ---- */
.peep_sort_control {
padding: 4px;
border-radius:
6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px
solid #e8e8e8;
}
.peep_sort_control a {
background: #fff;
display:
inline-block;
color: #666;
font-size:11px;
height: 22px;
padding: 0px
6px 0 7px;
text-shadow: #fff 1px 1px 0;
border-style:
solid;
border-color: #dcdcdc;
border-width: 1px 1px 1px 1px;
margin: 0px
0px 0px -1px;
outline: 0;
border-left-width: 1px;
border-top-left-radius: 2px;
-moz-border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
.peep_sort_control a span
{
display: inline-block;
line-height: 21px;
}
.peep_sort_control
a:first-child {
border-left-width: 1px;
border-top-left-radius: 2px;
-moz-border-top-left-radius: 2px;
-webkit-border-top-left-radius:
2px;
border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius:
2px;
}
.peep_sort_control a:last-child {
border-top-right-radius: 2px;
-moz-border-top-right-radius: 2px;
-webkit-border-top-right-radius:
2px;
border-bottom-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}
.peep_sort_control
a.active,
.peep_sort_control
a:hover{
color:#828282;
text-decoration:none;
background: transparent
url('images/box_menu_active.gif') repeat-x left
top;
}
.peep_sort_control_label {
padding: 0px 8px 0px
6px;
}
/*td.sort_link{
width:100%;
}
td.sort_link li{
display:inline;
padding: 0 15px 0 0;
}
td.sort_link li.active a
{
font-weight:bold;
color:#333;
}
td.sort_link li.active
a:hover{
text-decoration:none;
}*/
/* ---- End of Sort styles ---- */
/*
---- Context Action styles ---- */
.peep_context_action_block {
float:
right;
text-align: right;
font-size: 0px;
line-height:
17px;
}
.peep_context_action {
display: inline-block;
position:
relative;
z-index: 3;
font-size: 11px;
height: 18px;
padding: 0px 0px 0px 5px;
vertical-align: top;
background-position: 0px 0px;
background-repeat:
repeat-x;
}
.peep_context_action_value {
display: inline-block;
padding: 0px 5px 0px 0px;
text-decoration: none;
color: #666;
/*color: #3366CC;
font-weight: bold;
text-shadow: 1px 1px 0
#F6F6F6;*/
}
.peep_context_more {
display: inline-block;
min-width:
28px;
height: 28px;
padding: 0px 5px 0px 0px;
background:
url(images/action_arrow.png) no-repeat center center;
vertical-align:
top;
}
.peep_context_action_block .peep_context_action:first-child {
border-left: 0px solid #ccc;
border-radius: 2px 0px 0px
2px;
}
.peep_context_action_block .peep_context_action:last-child {
border-top-right-radius:2px;
border-bottom-right-radius:
2px;
}
.peep_context_action:hover,
.peep_context_action.active {
cursor: pointer;
}
.peep_context_action:hover .peep_context_action_wrap
{
display: block;
}
.peep_context_action:hover
.peep_context_action_value,
.peep_context_action.active
.peep_context_action_value {
text-decoration:
none;
}
.peep_context_action:hover
.peep_context_more,
.peep_context_action.active .peep_context_more {
background: url(images/action_arrow_hover.png) no-repeat center
center;
}
.peep_context_action_wrap {
/*position: absolute;
right:
-1px;
top: 23px;
padding-top: 1px;
max-width: 250px;
display:
none;*/
}
.peep_context_action_list {
min-width: 100px;
text-align:
left;
overflow-x: auto;
}
.peep_context_action_list li {
white-space:
nowrap;
}
.peep_context_action_list a {
font-size: 11px;
font-weight: normal;
display: block;
padding: 3px 0px;
color:
#666;
}
.peep_context_action_list a:hover {
text-decoration: none;
background: #e8e8e8;
}
.peep_context_action .peep_tooltip {
display:
none;
}
.peep_context_action_divider {
line-height: 1px;
height:
1px;
background: #dcdcdc;
border-bottom: 1px solid #fff;
margin: 1px 0px
0px;
}
/* ---- End of Context Action styles ---- */
/* ---- Cover Context
Action styles ---- */
.uh-cover-add-btn-wrap .peep_context_action
{
padding-left: 7px;
}
.uh-cover-add-btn-wrap .peep_tooltip_body
{
padding: 4px 0px;
}
.uh-cover-add-btn-wrap .peep_context_action_list a
{
padding: 4px 12px;
}
.uh-cover-add-btn-wrap .peep_context_action_value
{
color: #666;
}
/* ---- End of Cover Context Action styles ---- */
/*
---- SignIn Form styles ---- */
.base_sign_in
{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:#fff;/**
PEEP_Control type:color, section: Change site backgrounds,
key:loginbackgrounds, label:- Login page background
color**/
z-index:97;
}
.peep_sign_in_wrap
{
width:100%;
}
.peep_sign_in_wrap h2 {
font-size: 28px;
line-height: 36px;
margin:0 8px 10px 8px;
padding:0 40px;
color:
#000;
}
.peep_sign_in_wrap form{
margin:40px auto;
padding:10px 10px 22px
10px;
width:300px;
background:none;
-webkit-box-shadow: 0 3px
10px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 10px 3px
rgba(0,0,0,0.3);
box-shadow: 0 3px 10px 3px
rgba(0,0,0,0.3);
}
.base_sign_in
.visitor_header{
top:0px;
background:#eaeaea;/** PEEP_Control type:color,
section: Change site backgrounds, key:signheaderbackgrounds, label:- Login
page header background color**/
}
.signin_title{
color:#a5a5a5;
font-size:16px;
margin-top:10px;
}
.peep_sign_in_wrap form
.peep_sign_in{float:left; width:300px;}
.peep_sign_in_wrap form
.peep_user_name input[type="text"]{margin-bottom:12px;
border-radius:none;}
.peep_sign_in_wrap form .peep_password
input[type="password"] {margin-bottom:24px;
border-radius:none;}
.peep_sign_in_wrap form .peep_user_name
input,
.peep_sign_in_wrap form .peep_password input{
background:
none;
border: 1px solid rgba(0,0,0,0.25);
color: #a5a5a5;
font-size:
16px;
padding: 10px;
height: 45px;
}
.peep_sign_in_wrap form
.peep_form_options {margin-bottom:6px;}
.peep_sign_in_wrap form
.peep_form_options p.peep_remember_me,
.peep_sign_in_wrap form
.peep_form_options p.peep_forgot_pass {font-size:11px; padding:0 0 0 20px;
line-height: 13px;}
.peep_sign_in_wrap form .peep_form_options
p.peep_remember_me {padding-bottom:5px;}
.peep_sign_in_wrap form
.peep_form_options p.peep_remember_me
input[type="checkbox"]{float:left; margin:0px 0 0 -20px;
padding:0px;}
.peep_sign_in_wrap form .peep_form_options p.peep_remember_me
{
color: #a5a5a5;
font-size: 16px;
padding: 0;
float:
left;
margin-left:20px;
}
.peep_sign_in_wrap form .peep_form_options
p.peep_remember_me input {
margin: 0 12px 0 0;
}
.peep_sign_in_wrap form
.peep_form_options p.peep_forgot_pass {
font-size: 16px;
float:
right;
}
.peep_sign_in_wrap form .peep_form_options p.peep_forgot_pass a
{
color: #a5a5a5;
}
.peep_sign_in_wrap .peep_sign_in > .clearfix a
{
display: inline-block;
float: right;
text-align: right;
width:
100%;
font-size: 16px;
right:0px;
color: #a5a5a5;
}
.peep_sign_in_wrap
.peep_sign_in > .clearfix a:hover {
text-decoration:
none;
}
.peep_sign_in_wrap form .peep_sign_in span.peep_button{
padding:
0;
margin-top:20px;
float: left;
right:0px;
width:
300px;
}
.peep_sign_in_wrap form .peep_sign_in span.peep_button
.peep_positive input {
height: auto;
line-height: 38px;
width:
300px;
padding: 0;
color: #777;
font-size: 17px;
}
.peep_sign_in_wrap
form .peep_connect_buttons {padding: 0 0 0 20px;}
.peep_sign_in_wrap form
.peep_connect_buttons .peep_fb_button {float:left;}
.peep_sign_in
.connect_button_list {
margin-top:10px;
padding: 0px;
float:
left;
}
.floatbox_container .peep_sign_in_wrap form {
margin:
0px;
box-shadow: none;
border: none;
border-radius:
none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 10px
40px 0;
}
.peep_signin_label {
display: inline-block;
height:
40px;
width:190px;
text-align:center;
line-height: 40px;
margin:
90px 0;
vertical-align: top;
border:1px solid #434343;
font-size:15px
!important;
-webkit-transition: all 0.5s ease;
-moz-transition: all
0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all
0.5s ease;
transition: all 0.5s ease;
}
.peep_signin_label:hover
{
background:#434343;
color:#fff;
}
.peep_signin_delimiter {
border-right: 1px solid #CCCCCC;
padding: 0 7px 0
0;
}
.peep_console_item .peep_ico_signin {
background-color:
transparent;
background-position: 0 0;
background-repeat:
no-repeat;
display: inline-block;
height: 14px;
margin: 4px 0 0
4px;
vertical-align: top;
width:
14px;
}
.peep_ico_signin:last-child {
margin-right: -4px;
}
/* ---- End
SignIn Form styles ---- */
/* ---- My Avatar Widget styles ----
*/
.peep_my_avatar_img {
}
.peep_my_avatar_username {
display:
table-cell;
vertical-align: middle;
}
.peep_my_avatar_cont {
height:
47px;
display: table;
padding-left: 5px;
}
.peep_my_avatar_cont span
{
display: inline-block;
width: 90px;
word-wrap: break-word;
}
/* ----
End of My Avatar Widget styles ---- */
/* ---- Live Member Icon ----
*/
.peep_miniic_live .peep_live_on {
width: 20px;
height: 20px;
border:2px solid #fff;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
display:
inline-block;
vertical-align: middle;
background:#93d63b;
margin-right:
4px;
}
.peep_miniic_live .peep_lbutton {
display:none;
vertical-align:
middle;
margin-right: 4px;
line-height: 12px;
height:
12px;
}
.peep_miniic_live .peep_preloader_content{
height: 25px;
width:
25px;
display: inline-block;
vertical-align: middle;
background-position:center center;
}
.peep_miniic_live
.peep_preloader_content.peep_hidden {
display: none;
}
.peep_miniic_live
.peep_lbutton.peep_green {
color: #666;
}
/* ---- End Live Member Icon
---- */
.peep_field_eye {
padding-left:
14px;
background:url(images/miniic_field_eye.png) 0 7px no-repeat;
display: inline-block;
}
/*Account types. Admin
dashboard*/
.peep_admin_profile_questions_list_div .peep_lables_table
th.peep_tr_top {
background: none;
border: none;
padding:
0;
}
.peep_admin_profile_questions_list_div .peep_lables_table
th.peep_tr_top_empty {
background: none;
border: none;
color:
#868686;
font-weight: normal;
line-height: 14px;
padding: 0 0 0
8px;
text-align: left;
vertical-align:
top;
}
/*.peep_admin_profile_questions_list_div * {
box-sizing:
border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
}*/
.peep_table_2 td.selected {
background-color: #FFF9EC;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}
.selected {
background-color:
#FFF9EC;
transition: all 0.2s ease;
-webkit-transition: all 0.2s
ease;
-moz-transition: all 0.2s ease;
}
.peep_table_2 td.not_selected
{
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}
.not_selected {
transition: all 0.2s
ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s
ease;
}
.peep_admin_profile_questions_list_div th {
background-color:
#F0F0F0;
}
.peep_admin_profile_questions_list_div tr.peep_tr_first th {
border-color: #DDDDDD;
border-left: 1px solid #DDDDDD;
}
body
.peep_admin_profile_questions_list_div tr.peep_tr_first th:last-child {
border-color: #DDDDDD;
}
.peep_admin_profile_questions_list_div
tr.peep_tr_first th {
background-color: #F0F0F0;
}
body .peep_table_2
tr.peep_tr_titles th:last-child, body .peep_table_1 tr.peep_tr_titles
th:last-child {
border-top-right-radius: 0;
}
.peep_table_2
td.peep_td_top {
width: 50%;
}
.peep_tr_top_buttons {
border-radius: 4px 4px 0 0;
margin-bottom: -1px;
width:
100%;
}
.peep_tr_top_button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #FCFCFC;
background-image:
url(images/peep_tr_top_button_bg.png);
background-repeat: repeat-x;
border-bottom: none;
border-top: 1px solid #dedede;
cursor:
pointer;
display: inline-block;
padding: 15px 0;
width:
50%;
}
.peep_tr_top_button:first-child {
float: left;
border-left:
1px solid #dedede;
border-radius: 4px 0 0 0;
border-right: 1px
solid #dedede;
}
.peep_tr_top_button:last-child {
float: right;
border-radius: 0 4px 0 0;
border-right: 1px solid
#dedede;
}
.peep_tr_top_button_selected {
background-color: #f0f0f0;
background-image: none;
}
.peep_tr_top_button div {
color: #626060;
font-family: "UbuntuBold","Trebuchet
MS","Helvetica CY",sans-serif;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
}
.peep_checkbox
{
background-color: #FFFFFF;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
height: 22px;
margin: auto;
width: 22px;
}
.peep_checkbox_cell_marked
{
background-image: url(images/checkbox_cell_marked.png);
border:1px solid
#13b10b;
border-radius:3px;
}
.peep_checkbox_cell
{
background:#fff;
border:1px solid
#ccc;
border-radius:3px;
}
.peep_checkbox_cell_lock
{
background-image:
url(images/checkbox_cell_lock.png);
}
.peep_checkbox_cell_marked_lock
{
background-image: url(images/checkbox_cell_marked_lock.png);
border:1px
solid #d0d0d0;
border-radius:3px;
}
.relative {
position:
relative;
}
.question_placeholder
{
background-color: #FFF9DB;
border: 1px dashed #999;
}
.section_placeholder
{
height: 80px;
background-color: #FFF9DB;
border: 1px dashed
#999;
}
.delete_edit_buttons
{
height: 20px;
width: 81px;
margin-left: auto;
margin-right: auto;
}
.peep_overflow_hidden
{
overflow:hidden;
}
.peep_section_label
{
display: inline-block;
margin-left: auto;
margin-right: auto;
max-width: 700px;
overflow: hidden;
padding-left:
75px;
}
.peep_admin_profile_questions_list_div .peep_lables_table
.peep_tr_titles th
{
border-color:#DDDDDD;
border-width: 1px 1px
1px 0;
}
.peep_tr_titles th:first-child {
border-top-left-radius:
4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius:
4px;
}
.peep_table_2 th, .peep_table_2 .question_tr td
{
padding:9px;
}
.table_content_block
{
width:100%;
overflow:hidden;
}
.question_label_td, .question_label_th
{
width:171px;
}
.question_label_div
{
width:153px;
}
.question_account_type_td, .question_account_type_th
{
width:86px;
}
.question_account_type_div
{
width:68px;
}
.question_values_td, .question_values_th
{
width:112px;
}
.question_values_div
{
width:94px;
}
.question_buttons_td, .question_buttons_th
{
width:94px;
}
.question_buttons_div
{
width:80px;
}
.question_require_td, .question_require_th,
.question_sign_up_td, .question_sign_up_th, .question_edit_td,
.question_edit_th, .question_view_td, .question_view_th,
.question_search_td, .question_search_th
{
width:76px;
}
.question_require_div, .question_sign_up_div,
.question_edit_div, .question_view_div, .question_search_div
{
width:56px;
}
.peep_admin_profile_questions_list_div .peep_tooltip
.peep_tooltip_body {
padding: 4px
0;
}
.peep_admin_profile_questions_list_div .peep_tooltip
.peep_tooltip_body li a {
padding: 4px 12px;
}
/*Matchmaking
settings*/
.peep_open_match_section.peep_close_match_section {
background:
url(images/minus.png) no-repeat 0 50%;
}
.peep_open_match_section
{
font-size: 13px;
text-transform: uppercase;
font-family: 'UbuntuBold',
"Trebuchet MS", "Helvetica CY",
sans-serif;
padding-left: 20px;
background: url(images/plus.png)
no-repeat 0px 50%;
margin-bottom: 22px;
cursor: pointer;
text-align:
left;
position: relative;
height: 18px;
margin-left:
12px;
}
.peep_open_match_section.peep_close_match_section {
background:
url(images/minus.png) no-repeat 0px 50%;
}
.peep_open_match_section:hover
{
color: #636363;
}
.peep_open_match_section span {
position:
absolute;
top: 0;
left: 19px;
padding-right: 8px;
background-color:
#fff;
line-height: 18px;
}
.peep_open_match_section div {
display:
inline-block;
vertical-align: middle;
height: 8px;
width:
100%;
border-bottom: 1px solid #dadada;
}
.peep_add_match_wrap {
cursor:
pointer;
}
.left_fixed_side{
height:100%;
width:200px;
padding:5px 5px 5px
5px;
position:fixed;
z-index:86;
margin-left:0px;
margin-right:714px;
background:#fff;
overflow-y:hidden;
}
.dashboard-SPOTLIGHT_CMP_IndexWidget,
.profile-SPOTLIGHT_CMP_IndexWidget{
}
.spot_light_normal_item
.peep_lp_avatars .peep_avatar{
background-color:none !important;
margin:0px
!important;
top:0px;
}
.spot_light_normal_item .peep_avatar{
width:83px;
height:83px;
float:left;
margin:0px !important;
padding:0px !important;
background-image:none !important;
}
.spot_light_normal_item .peep_avatar
img{
width:83px;
height:83px;
opacity: 0.6;
-webkit-transition: all 0.5s
ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s
ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s
ease;
}
.spot_light_normal_item .peep_avatar img:hover{
opacity:
1;
}
.users_slideshow{
bottom:0px;
left:83px;
}
.spot_add_avatar
.peep_avatar{
background-image:none
!important;
width:83px;
height:83px;
padding: 0px 0px 0px
0px;
}
.spot_add_avatar .peep_avatar
img{
width:83px;
height:83px;
}
.spot_add_avatar{
position:absolute;
top:8px;
z-index:6;
}
#add_to_list{
visibility: visible;
width:83px;
height:83px;
position:relative;
z-index:88 !important;
display:block;
top:0px;
float:left;
background:rgba(67,67,67,0.7);
}
.spot_arrow{
border-left:15px solid
rgba(67,67,67,0.7); border-top:15px solid transparent; border-bottom:15px
solid transparent; float:right; position:relative; z-index:98;
margin-top:25px;
margin-right:-14px;
}
#spot_add_info{
position:absolute;
z-index:90;
top:0px;
display:block;
color:#fff;
}
.spot_info_add{
position:relative;
height:83px;
width:83px;
background:
url(images/spot_add_icon.png) no-repeat center
center;
}
.spot_info_remove{
position:relative;
height:83px;
width:83px;
background:
url(images/spot_remove_icon.png) no-repeat center
center;
}
.custom_bot_panel
span.peep_count_txt{
text-align:center;
width:60px;
}
.sideImOpen{
height:100%;
width:180px;
bottom:0px;
right:0px;
background:#fff;
position:fixed;
border-left:1px
solid #cdcdcd;
z-index:99;
display:block;
}
.peep_chat_block
.peep_chat_block_main{
display:block;
position:relative;
bottom:0px;
}
.peep_chat_list{
position:relative;
height:700px;
padding-bottom:100px;
}
.custom_bot_panel{
width:65px;
height:65px;
}
.custom_bot_panel
a.chat_open_bar{
position:fixed;
bottom:-70px;
width:60px;
height:60px;
border-radius:100%;
line-height:30px;
right:30px;
text-align:center;
color:#fff;
background:#d76243;
}
.custom_bot_panel
.peep_count_wrap{
margin-top:-5px;
}
.bottom_tail{
display:none;
}
.peep_chat_in_block{
border-bottom:0px;
}
.peep_chat_list .jspPane{
min-height:100% !important;
display:block
!important;
}
.peep_chat_block
.im_top_panel{
background:#fff;
height:30px;
line-height:30px;
text-align:center;
}
.peep_chat
.im_js_block .peep_count_txt{
display:block;
}
.peep_chat .im_js_block
a{
display:none;
}
.peep_close_bar .im_js_block
a{
display:block;
}
.custom_bot_panel .im_js_block
a{
display:block;
}
.im_top_panel
.im_top_txt{
color:#777;
}
.res_panel_bottom a.res_chat_open_bar,
.res_panel_top a.res_chat_close_bar{
display:none;
}
.peep_chat_block
.peep_bot_panel {
height:0px;
}
.peep_bot_panel
.peep_count_block{
display:none;
}
.peep_chat_selector {
background:#d76243;
border:1px solid #d76243;
}
.peep_chat_dialog_active.peep_chat_dialog
.peep_author_block{
background:#d76243;
border-radius:4px 4px 0
0;
z-index:101;
}
.peep_chat_dialog.peep_chat_dialog_active.peep_active
.peep_chat_in_item_photo_wrap{
top:20px;
position:relative;
z-index:105;
}
.peep_chat_dialog.peep_chat_dialog_active.peep_active
.peep_chat_in_item_photo{
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
}
.peep_chat_dialog.peep_chat_dialog_active.peep_active
.peep_chat_in_item_photo
.peep_chat_status{
position:absolute;
z-index:99
}
.peep_chat_dialog.peep_chat_dialog_active.peep_active
.peep_chat_in_item_photo
img{
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border:5px
solid
#d76243;
}
.peep_chat_dialog.peep_chat_dialog_active{
background:none;
-webkit-box-shadow:
0 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 0px rgba(0, 0, 0,
0.2);
box-shadow:0 0px 0px rgba(0, 0, 0,
0.2);
border-radius:0px;
overflow:auto;
z-index:101;
}
.peep_chat_dialog.peep_active
.peep_author_block
span.peep_chat_item_author{
color:#f1f1f1;
margin-left:-35px;
margin-top:0px;
}
.peep_chat_dialog.peep_open.peep_active
.peep_vertical_puller, .peep_chat_dialog.peep_open.peep_active
.peep_diagonal_puller, .peep_chat
.peep_puller{
display:none;
}
.peep_chat_dialog
.peep_author_block{
background:#494949;
height:38px;
line-height:38px;
}
.peep_chat_dialog
.peep_author_block
span.peep_chat_item_author{
margin-top:5px;
color:#fff;
}
.peep_chat_dialog
.peep_chat_in_item_photo_wrap{
top:20px;
position:relative;
z-index:98;
}
.peep_chat_dialog
.peep_chat_in_item_photo{
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
}
.peep_chat_dialog
.peep_chat_in_item_photo
img{
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border:5px
solid #494949;
}
.peep_chat_dialog_wrap
{
right:185px;
}
#chat_setting_icon{
background-position: center
center;
background-repeat: no-repeat;
position:absolute;
left:5px
!important;
top:6px;
background-image:url(images/chat_setting_ico.png);
width:20px;
height:20px;
}
.peep_dialog_item.even
.peep_dialog_in_item, .peep_dialog_item.odd
.peep_dialog_in_item{
background-color:#f2bbae;
padding:10px;
border-radius:6px;
}
.peep_dialog_item.even
i{
width:0px;
height:0px;
border-top:10px solid
transparent;
border-bottom:10px solid transparent;
border-left:10px solid
#f2bbae;
right:-2px;
top:12px;
}
.peep_dialog_item.odd
i{
width:0px;
height:0px;
border-top:10px solid
transparent;
border-bottom:10px solid transparent;
border-right:10px solid
#f2bbae;
left:-2px;
top:12px;
}
.peep_chat_dialog_wrap .peep_dialog_item
i{
background:none;
}
.peep_user_credits{
color:#fff;
text-transform:uppercase;
font-family:"Helvetica
Neue",Helvetica,Arial,sans-serif;
font-size:18px;
padding-bottom:10px;
}
.peep_credits_count{
color:#fff;
padding-top:20px;
font-size:48px;
}
#credits-link-cost-of-actions{
float:left;
width:48%;
height:30px;
line-height:29px;
border:1px
solid #cdcdcd;
}
.peep_credits_links
a{
color:#fff;
text-decoration:none;
}
#credits-link-history{
float:left;
width:48%;
height:30px;
line-height:29px;
margin:0
0 0 2%;
border:1px solid
#cdcdcd;
}
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.peep_bl.peep_box_toolbar{
float:left;
width:100%;
}
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.peep_bl li
a{
background:#199112;
width:92.2%;
text-align:center;
height:35px;
line-height:34px;
position:absolute;
padding:0
0;
border:none;
color:#fff;
font-size:14px;
}
.dashboard-BASE_CMP_ModerationToolsWidget
.peep_box_menu a,
.dashboard-BASE_CMP_ModerationToolsWidget .peep_box_menu
a.active,
.dashboard-BASE_CMP_ModerationToolsWidget .peep_box_menu
a:hover{
width:90%;
height:25px;
line-height:24px;
font-size:13px;
background:none;
border-radius:0px;
border:0px;
border-bottom:1px
dashed #cdcdcd;
text-align:center;
}
ul.peep_report_con {
margin-bottom:
12px;
}
ul.peep_report_con li{
line-height: 24px;
height:25px;
background:
#ededed;
margin: 0 0 3px 0px;
padding: 0px 5px 0px
20px;
background-repeat: no-repeat;
background-image:
url(images/report_content_ico.png);
background-position: -3px
-1px;
}
ul.peep_report_con li:hover
{
background:#fff;
}
.peep_report_count{
float:right;
margin:4px
5px;
height:15px;
line-height:14px;
width:15px;
background:#c62323;
border-radius:2px;
text-align:center;
color:#fff;
}
.peep_visitor_user {
width:100%;
padding:2px 0 2px; 0;
border-bottom:1px
dashed
#cdcdcd;
}
a#profile-like-action{
z-index:98;
position:relative;
margin:10px
auto;
font-size:0px;
width:40px;
height:40px;
padding:25px;
}
a#profile-dislike-action{
z-index:99;
position:relative;
margin:10px
auto;
font-size:0px;
width:40px;
height:40px;
padding:25px;
}
#form-profilelike{
text-align:center;
width:164px;
bottom:0px;
position:absolute;
}
.profile-FRIENDS_CMP_UserWidget
.peep_avatar{
width:82px;
height:82px;
background:none;
}
.profile-FRIENDS_CMP_UserWidget
.peep_avatar
img{
width:80px;
height:80px;
}
.peep_search_users_sys{
margin:10px 0 10px
0;
}
.peep_search_users_sys .peep_right span.peep_button
input[type=submit], .peep_search_users_sys .peep_right span.peep_button
input[type=button]{
background-color:transparent;
background-image:url(images/icon_search.png);
}
.searchsys_more_options{
margin:20px
0 30px
0;
text-align:center;
width:100%;
height:35px;
line-height:34px;
border-radius:3px;
border:1px
solid #949494;
color:#949494;
font-size:15px;
}
.searchsys_more_options
a{
color:#949494;
}
.console_search_form{
width:190px;
text-align: left;
padding: 0px;
margin-top:5px;
}
.console_search_form
input[type=text]{
background:#cdcdcd
!important;
min-width:100%;
}
.esel2-drop {
border-width: 1px;
border-top-width: 0px;
margin-left:200px ;
position: fixed !important;
top: 80px !important;
z-index: 9999;
width:280px !important;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 4px
rgba(0,0,0,0.2);
}
.peep_bg_color{
background:#fff;
}
.rate_action{
position:relative;
z-index:88;
margin-top:0px;
background:#fff;
height:50px;
padding:10px 10px 0px 10px;
}
.sex_choose_panel{
background:#fff;
padding:10px 0px 0
0px;
width:100%;
}
.rate_action .inactive_rate_list, .rate_action
.active_rate_list {
background: url(images/stars_big.png) no-repeat 0
-37px;
width: 195px;
height: 36px;
text-align: left;
display: inline-block;
}
.rate_action .active_rate_list {
background-position: 0 0;
}
.rate_action .rates_cont a.rate_item {
background: url(images/stars_big.png) no-repeat 0 -37px;
cursor:
pointer;
float: left;
height: 36px;
text-decoration: none;
width: 35px;
}
.rate_action .rates_cont a.active {
background-position: 0 3px;
}
.rate_action .rates_cont{
float:right;
width:
195px;
margin-right:0px;
margin-top:2px;
}
.peep_story_view .rate_action
.rates_cont{
margin-right:-20px;
margin-top:12px;
}
.rate_action
.peep_small {
padding:10px
20px;
font-size:16px;
border-radius:4px;
color:#fff;
font-family:'Roboto',
sans-serif;
background:#494949;
font-weight:normal;
}
.rate_action
.peep_outline {
padding:10px
20px;
font-size:16px;
border-radius:4px;
color:#fff;
font-family: 'Open
Sans',
sans-serif;
background:#d76243;
margin-left:5px;
font-weight:normal;
}
.rate_action
.total_score {
position:absolute;
top:22px;
}
.rate_action .total_score
.inactive_rate_list,
.rate_action .total_score
.active_rate_list{
display:none;
}
.skip_button{
position:absolute;
z-index:9;
margin-left:80px;
margin-top:10px;
}
.skip_button
span.peep_button{
background:none;
border:none;
}
.skip_button
span.peep_button input[type=submit], .skip_button span.peep_button
input[type=button]{
background-color:transparent;
background-image:none;
background-color:rgba(38,43,55,0.7);
padding:10px;
height:80px;
width:80px;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
color:#fff;
}
.dashboard-BIRTHDAYS_CMP_CelebrationWidget{
background:#fff
url(images/celebration_bg.gif)
repeat-x;
}
.contactmsg_sent{
font-size:28px;
line-height:48px;
width:350px;
padding:100px
0;
margin:100px auto;
background:url('images/contactmsg_sent.png')
no-repeat center
0px;
}
.members_tabs{
width:100%;
}
.members_count{
width:48%;
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
font-weight:bold;
position:relative;
background:#cdcdcd;
float:left;
left:0px;
}
a.members_go_map{
width:48%;
height:40px;
line-height:40px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#fff;
text-decoration:none;
position:relative;
background:#1fba31;
float:left;
}
a.members_go_map:hover{
background:#48db59;
}
a.map_go_back{
width:100%;
height:40px;
line-height:40px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#fff;
text-decoration:none;
position:relative;
background:#1fba31;
float:left;
margin-bottom:20px;
}
a.map_go_back:hover{
background:#48db59;
}
@media
(min-width: 220px) and (max-width: 319px) {
.page_container, .main_page,
.canvas, .footer, .peep_wide, .peep_superwide, .peep_narrow,
.peep_supernarrow{width:100%; right:0px; float:none;}
.main_page {
margin: 0 auto 0px auto;
padding: 0 0px;
}
.content {
width:95%;
margin: 0
10px;
}
.corevisitor_register{
width:220px;
}
.corevisitor_register
input[type=submit]{
width:220px;
}
.corevisitor_signin_button
.peep_button{
padding:8px 60px;
}
.welcome-slideshow li div
h3{
font-size:13px;
}
.corevisitor_register_looking
select{
width:56%;
}
.left_section, .right_section
{
width:auto;
margin: 0
5px 0px 5px;
}
.registration_page .page_container .main_page {
padding: 100px 0px 0px;
}
.registration_page .peep_menu_wrap,
.registration_page .peep_console_button
{
display:none;
}
.registration_page
.left_fixed_side{
width:100%;
z-index:99;
background:#494949;
left:0px;
top:0px;
padding:0
0px;
height:65px;
-webkit-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
box-shadow: 0 3px 10px
3px rgba(0,0,0,0.5);
}
.registration_page
.site_logo{
width:40px;
height:40px;
margin:0
0px;
display:block;
border-bottom:0px;
background-size:100%
!important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
-o-background-size:100%
!important;
-ms-background-size:100% !important;
}
.registration_page
.site_logo a{
background-size:100% !important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
-o-background-size:100%
!important;
-ms-background-size:100% !important;
}
.registration_page
.peep_console.sticky{
display:none;
}
.registration_page
.peep_console{
position:fixed;
z-index:105;
margin-right:10px;
right:0px;
height:40px;
margin-top:0px;
top:0px;
float:right;
width:auto;
background:none;
border-bottom:none;
}
.registration_page
.peep_console_dropdown_hover{
top:0px;
width:auto;
right:0px;
}
.registration_page
.change_lang_button{
margin-right:0px;
padding:0px
25px;
height:35px;
line-height:34px;
border:0px solid
#cdcdcd;
background-position:5px
center;
color:#cdcdcd;
}
.registration_page .change_lang_button:hover
{
background-color:#434343;
color:#fff;
}
.registration_page .peep_console
.peep_tooltip_body {
right:0px;
margin-top:15px;
}
.registration_page
.peep_signin_label{
margin: -3px 0px;
border:1px solid #cdcdcd;
padding:0
5px;
width:auto;
height:35px;
line-height:34px;
color:#cdcdcd;
}
.registration_page
.peep_console_body{
text-align:right;
}
.registration_page
#menubtnmobile{
display:none;
}
.registration_page
.join_left_section{
width:100%;
}
.join_prom
{
display:none;
}
.registration_page
.join_right_section{
width:100%;
box-shadow:none;
padding:0px;
}
.registration_page
.page_container .main_page,
.base_sign_in .page_container .main_page{
padding: 10px 0px 0px;
}
.page_container .main_page {
padding: 60px 0px
0px;
}
.visitor_header{
padding:0px 0px;
width:100%;
}
.registration_page
.peep_form
select{
width:98%;
}
.visitor_users_block{display:none;}
.floatbox_canvas
.floatbox_container{
width:auto;
margin: 0
auto;
}
.members_count{
width:100%
!important;
margin:5px;
}
a.members_go_map {
width:100%
!important;
margin:5px;
}
.floatbox_container .peep_sign_in_wrap form
{
padding: 10px 5px 0;
margin:0
auto;
}
.custom_bot_panel{
display:none;
}
.im_top_panel{
display:none;
}
.res_panel_bottom
a.res_chat_open_bar{
position:fixed;
z-index:88;
display:block;
bottom:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_bottom
.peep_count_wrap{
margin-top:-7px;
}
.res_panel_top
a.res_chat_close_bar{
position:relative;
z-index:99;
display:block;
top:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_top
a#chat_setting_icon{
display:block;
position:absolute;
z-index:99;
}
.sideImOpen{
height:0px;
}
.peep_chat_list{
height:250px;
}
.peep_chat_dialog_wrap
{
right:0px;
width:85% !important;
}
.peep_chat_dialog{
width:90%
!important;
bottom:0px;
right:0px;
}
.peep_chat_in_dialog{
height:160px;
}
#menubtnmobile
{
float:left;
left:0px;
top:0px;
position:relative;
display:block;
font-size:0px;
cursor:pointer;
background-color:none;
background:
url('images/menbutt_mob.png') no-repeat center center;
border:none;
width:40px;
height:40px;
}
#chatbtnmobile{
display:none;
}
.left_fixed_side{
z-index:99;
left:0px;
top:0px;
width:100%;
height:45px;
background:#d76243;
position:relative;
padding:0px;
}
.site_logo{
display:none;
}
.site_logo
a {
background-image: url('images/mobile_logo.png');/** PEEP_Control
type:image, section: Change site logos, key:sitelogor, label:- Logo for
mobile devices**/
background-position:left center ;
background-size:100%
!important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
}
.peep_menu_wrap
{
position:fixed;
z-index:9999
!important;
display:block;
top:40px;
left:-200px;
width:200px;
height:100%;
margin-top:0px;
background:#fff;
border-top:
0px solid #cdcdcd;
border-right: 1px solid
#cdcdcd;
}
.peep_console{
width:100%;
height:45px;
left:0px;
margin-top:0px;
top:45px;
float:auto;
background:#fff;
position:fixed;
z-index:99;
border-bottom:1px
solid #cdcdcd;
transition: all 0.4s
ease;
}
.peep_console.sticky{
top:-5px;
background:#d76243;
height:50px;
}
.header_avatar{
display:none;
}
.peep_console_body
{
text-align:center;
}
.peep_console_button{
width:auto;
height:30px;
line-height:29px;
padding:0
10px;
top:5px;
}
.peep_signin_label {
padding:0
10px;
height:30px;
line-height:29px;
width:auto;
text-align:center;
margin: -15px 0;
}
ul.peep_console_dropdown .peep_console_dropdown_cont
a{
font-size:11px !important;
}
.peep_console_dropdown_hover
a{
font-size:0px !important;
}
.peep_console_dropdown_hover{
font-size:0px
!important;
top:15px !important;
margin:0 10px;
width:30px
!important;
}
.peep_friend_request_list {
background:
url(images/cons_reqico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_mailbox_items_list {
background:
url(images/cons_chatico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_notification_list {
background:
url(images/cons_notico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_console .peep_tooltip .peep_tooltip_body
{
right:0px;
margin-top:15px;
width:100%;
position:fixed;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
left:10px;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
width:100%;
left:7px;
}
.peep_console
span.peep_count_wrap {
margin: -10px -10px 0px
0px;
}
.peep_console_dropdown_click{
width:25px;
border:0px solid
#cdcdcd;
padding:0 3px 0
3px;
top:15px;
margin-right:0px;
}
.peep_console_more {
background:
url("images/chat_setting_ico.png") no-repeat 5px 0px;
display: inline-block;
min-width: 25px;
padding: 0 0px 0 3px;
vertical-align: top;
}
.peep_console_lang{
width:100%
!important;
}
.lang_box_title{
width:100%
!important;
}
.change_lang_button{
margin-top:0px;
margin:0
10px;
font-size:0px !important;
max-width:30px
!important;
}
.console_search_form{
width:180px;
text-align: left;
padding: 0px;
margin-top:-40px;
float:right;
right:2px;
position:absolute
!important;
}
.console_search_form input[type=text]{
background:#fff
!important;
min-width:100%;
}
.esel2-drop {
border-width: 1px;
border-top-width: 0px;
margin-left:0px ;
position: fixed !important;
top: 50px !important;
z-index: 9999;
width:180px !important;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 4px
rgba(0,0,0,0.2);
}
.users_slideshow{
left:40px;
height:80px;
width:auto;
}
.spot_light_normal_item
.peep_avatar{
width:40px;
height:40px;
}
.spot_light_normal_item
.peep_avatar img{
width:40px;
height:40px;
}
#add_to_list{
width:40px;
height:40px;
}
.spot_info_add{
height:40px;
width:40px;
}
.spot_info_remove{
height:40px;
width:40px;
}
.spot_add_avatar
.peep_avatar{
width:40px;
height:40px;
}
.spot_add_avatar .peep_avatar
img{
width:40px;
height:40px;
}
.peep_cnews_date
{
top:40px;
}
.peep_is_member_wrap{
display:none;
}
.peep_profile_gallery_avatar
{
margin-top: -62px !important;
}
.peep_profile_gallery_avatar_image
{
width: 60px !important;
height: 60px
!important;
}
.peep_miniic_live .peep_live_on {
width: 60px !important;
height: 60px !important;
}
.peep_profile_gallery_empty,
html[xmlns]
.peep_profile_gallery_empty.clearfix {
height: 80px !important;
}
#pcgallery-settings-btn, #pcgallery-settings-btn:hover{
font-size:0px
!important;
width:0px !important;
padding:10px 10px 12px
27px;
}
#pcgallery-add-photo-btn,
#pcgallery-add-photo-btn:hover{
font-size:0px !important;
width:0px
!important;
padding:10px 10px 12px
27px;
}
.peep_profile_gallery_display_name {
font-size: 13px
!important;
line-height:23px !important;
}
.peep_user_list
.peep_item_set3{
width: 100%;
}
.peep_user_list .peep_miniic_live
.peep_live_on{
width: 25px !important;
height: 25px
!important;
}
.photo_preview_image img
{
height: 300px
!important;
width: 90% !important;
}
.skip_button{
margin-left:10px;
}
.rate_action{
height:90px;
}
.rate_action .total_score
{
position:absolute;
top:70px;
}
.peep_photo_upload_wrap
.peep_photo_preview_block_wrap
.peep_photo_preview_edit{width:100%!important;padding:0px!important;margin:1px!important;}
.peep_photoview_stage_wrap{width:100%!Important;}
body
.peep_photo_list_wrap.peep_photo_no_sidebar div.peep_photo_item_wrap,body
.peep_photo_list_wrap.peep_photo_no_sidebar
.peep_photo_list.peep_photo_pint_mode div.peep_photo_item_wrap,body
.peep_photo_list_wrap.peep_photo_no_sidebar
div.peep_photo_item_wrap.peep_photo_album,body
.peep_photo_userlist.peep_photo_list_wrap
div.peep_photo_item_wrap,.peep_photo_list_wrap
div.peep_photo_item_wrap{width:100%!important;position:static;height:auto;}
.peep_photo_list.peep_photo_pint_mode
.peep_photo_item_wrap{position:static!important;float:left!important;width:100%!important}
.peep_photo_dragndrop
{
width:100% !important;
float:left
!important;
}
.peep_photo_preview_block_wrap{
width:100%
!important;
}
.floatbox_canvas{
z-index:9999 !important;
}
body
.floatbox_canvas .floatbox_container{
width:100%
!important;
margin-top:60px !important;
z-index:9999
!important;
}
#form-profilelike{
width:90px;
}
.peep_mailbox_table{
margin-top:20px
!important;
}
body .peep_mailbox_left{width:100%;float:none; height:100px;
border-bottom:1px solid #f5f5f5;}
body .peep_mailbox_left
.peep_mailbox_left_body{width:100%!important; height:100px;
border-bottom:1px solid #f5f5f5;}
body
#conversationItemListSub{width:100%!important;}
body
.peep_mailbox_right{width:100%;float:none; margin-top:130px
!important;}
.peep_mailbox_table .peep_mailbox_cap{
background:#f5f5f5
!important;
}
.peep_mailbox_cap .peep_mailbox_avatar{
margin-top:2px
!important;
margin-left:-70px !important;
}
.peep_mailbox_cap
.peep_mailbox_avatar .peep_avatar{
width:50px !important;
height:50px
!important;
padding:5px !important;
}
.peep_mailbox_cap
.peep_mailbox_avatar .peep_avatar img{
width:50px !important;
height:50px
!important;
}
}
@media (min-width: 320px) and (max-width: 480px)
{
.page_container, .main_page, .canvas, .footer, .peep_wide,
.peep_superwide, .peep_narrow, .peep_supernarrow{width:100%; right:0px;
float:none;}
.main_page {
margin: 0 auto 0px auto;
padding: 0 0px;
}
.content {
width:95%;
margin: 0 10px;
}
.members_count{
width:100%
!important;
margin:5px;
}
a.members_go_map {
width:100%
!important;
margin:5px;
}
.corevisitor_register{
width:300px;
}
.corevisitor_register
input[type=submit]{
width:150px;
}
.corevisitor_signin_button
.peep_button{
padding:8px 90px;
}
.welcome-slideshow li div
h3{
font-size:18px;
}
.corevisitor_register_looking
select{
width:56%;
}
.left_section, .right_section
{
width:auto;
margin: 0
5px 0px
5px;
}
.custom_bot_panel{
display:none;
}
.im_top_panel{
display:none;
}
.res_panel_bottom
a.res_chat_open_bar{
position:fixed;
z-index:88;
display:block;
bottom:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_bottom
.peep_count_wrap{
margin-top:-7px;
}
.res_panel_top
a.res_chat_close_bar{
position:relative;
z-index:99;
display:block;
top:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_top
a#chat_setting_icon{
display:block;
position:absolute;
z-index:99;
}
.sideImOpen{
height:0px;
}
.peep_chat_list{
height:250px;
}
.peep_chat_dialog_wrap
{
right:0px;
width:85% !important;
}
.peep_chat_dialog{
width:90%
!important;
bottom:0px;
right:0px;
}
.peep_chat_in_dialog{
height:160px;
}
#menubtnmobile
{
float:left;
left:20px;
top:0px;
position:relative;
display:block;
font-size:0px;
cursor:pointer;
background-color:none;
background:
url('images/menbutt_mob.png') no-repeat center center;
border:none;
width:40px;
height:40px;
}
.registration_page
.join_left_section{
width:100%;
}
.join_prom
{
display:none;
}
.registration_page
.join_right_section{
width:98%;
box-shadow:none;
padding:0px;
}
.registration_page
.peep_menu_wrap, .registration_page .peep_console_button
{
display:none;
}
.registration_page
.left_fixed_side{
width:100%;
z-index:99;
background:#494949;
left:0px;
top:0px;
padding:0
0px;
height:65px;
-webkit-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
box-shadow: 0 3px 10px
3px rgba(0,0,0,0.5);
}
.registration_page
.site_logo{
width:40px;
height:40px;
margin:0
0px;
display:block;
border-bottom:0px;
background-size:100%
!important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
-o-background-size:100%
!important;
-ms-background-size:100% !important;
}
.registration_page
.site_logo a{
background-size:100% !important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
-o-background-size:100%
!important;
-ms-background-size:100% !important;
}
.registration_page
.peep_console.sticky{
display:none;
}
.registration_page
.peep_console{
position:fixed;
z-index:105;
margin-right:10px;
right:0px;
height:40px;
margin-top:0px;
top:0px;
float:right;
width:auto;
background:none;
border-bottom:none;
}
.registration_page
.peep_console_dropdown_hover{
top:0px;
width:auto;
right:0px;
}
.registration_page
.change_lang_button{
margin-right:0px;
padding:0px
25px;
height:35px;
line-height:34px;
border:0px solid
#cdcdcd;
background-position:5px
center;
color:#cdcdcd;
}
.registration_page .change_lang_button:hover
{
background-color:#434343;
color:#fff;
}
.registration_page .peep_console
.peep_tooltip_body {
right:0px;
margin-top:15px;
}
.registration_page
.peep_signin_label{
margin: -3px 0px;
border:1px solid #cdcdcd;
padding:0
20px;
width:auto;
height:35px;
line-height:34px;
color:#cdcdcd;
}
.registration_page
.peep_console_body{
text-align:right;
}
.registration_page
#menubtnmobile{
display:none;
}
.registration_page .page_container
.main_page, .base_sign_in .page_container .main_page{
padding: 10px 0px
0px;
}
.page_container .main_page {
padding: 70px 0px 0px;
margin: 0
0px 0px 0px;
}
.visitor_header{
padding:0px
0px;
width:100%;
}
.visitor_users_block{display:none;}
.floatbox_canvas
.floatbox_container{
width:auto;
margin: 0 auto;
}
.floatbox_container
.peep_sign_in_wrap form {
padding: 10px 5px 0;
margin:0
auto;
}
.users_slideshow{
left:40px;
}
.spot_arrow{
border-left:10px solid
rgba(67,67,67,0.7); border-top:10px solid transparent; border-bottom:10px
solid transparent; float:right; position:relative; z-index:98;
margin-top:10px; margin-right:-10px;
}
.spot_light_normal_item
.peep_avatar{
width:40px;
height:40px;
}
.spot_light_normal_item
.peep_avatar img{
width:40px;
height:40px;
}
#add_to_list{
width:40px;
height:40px;
}
.spot_info_add{
height:40px;
width:40px;
}
.spot_info_remove{
height:40px;
width:40px;
}
.spot_add_avatar
.peep_avatar{
width:40px;
height:40px;
}
.spot_add_avatar .peep_avatar
img{
width:40px;
height:40px;
}
.left_fixed_side{
z-index:99;
left:0px;
top:0px;
width:100%;
height:45px;
background:#d76243;
position:relative;
padding:0px;
}
.site_logo{
display:none;
}
.site_logo
a {
background-image: url('images/mobile_logo.png');/** PEEP_Control
type:image, section: Change site logos, key:sitelogor, label:- Logo for
mobile devices**/
background-position:left center ;
background-size:100%
!important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
}
.peep_menu_wrap
{
position:fixed;
z-index:105
!important;
display:block;
top:45px;
left:-200px;
width:200px;
height:100%;
margin-top:0px;
background:#fff;
border-top:
0px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}
.index_page
.index_landing_header .peep_console{
border-bottom:0px solid
#cdcdcd;
}
.index_page .index_landing_header .peep_signin_label{
margin:
-3px 0px;
}
.index_page .index_landing_header
.change_lang_button{
border:0px solid
#cdcdcd;
}
.peep_console{
width:100%;
height:45px;
left:0px;
top:45px;
margin-top:0px;
float:auto;
background:#fff;
position:fixed;
display:block;
z-index:99;
border-bottom:1px
solid #cdcdcd;
transition: all 0.4s
ease;
}
.peep_console.sticky{
top:-5px;
background:#d76243;
height:50px;
}
.header_avatar{
display:none;
}
.peep_console_body
{
text-align:center;
}
.peep_console_button{
width:auto;
height:30px;
line-height:29px;
padding:0
10px;
top:5px;
}
.peep_signin_label {
padding:0
10px;
height:30px;
line-height:29px;
width:auto;
text-align:center;
margin: -15px 0;
}
ul.peep_console_dropdown .peep_console_dropdown_cont
a{
font-size:11px !important;
}
.peep_console_dropdown_hover
a{
font-size:0px !important;
}
.peep_console_dropdown_hover{
font-size:0px
!important;
top:15px !important;
margin:0 10px;
width:30px
!important;
}
.peep_friend_request_list {
background:
url(images/cons_reqico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_mailbox_items_list {
background:
url(images/cons_chatico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_notification_list {
background:
url(images/cons_notico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_console .peep_tooltip .peep_tooltip_body
{
right:0px;
margin-top:15px;
width:100%;
position:fixed;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
left:10px;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
width:100%;
left:10px;
}
.peep_console
span.peep_count_wrap {
margin: -10px -10px 0px
0px;
}
.peep_console_dropdown_click{
width:25px;
border:0px solid
#cdcdcd;
padding:0 3px 0
3px;
top:15px;
margin-right:15px;
}
.peep_console_more {
background:
url("images/chat_setting_ico.png") no-repeat 5px 0px;
display: inline-block;
min-width: 25px;
padding: 0 0px 0 3px;
vertical-align: top;
}
.peep_console_lang{
width:100%
!important;
}
.lang_box_title{
width:100%
!important;
}
.change_lang_button{
margin-top:0px;
margin:0
10px;
font-size:0px !important;
max-width:30px
!important;
}
.console_search_form{
width:230px;
text-align: left;
padding:
0px;
margin-top:-40px;
float:right;
right:15px;
}
.console_search_form
input[type=text]{
background:#fff
!important;
min-width:100%;
}
.esel2-drop {
border-width: 1px;
border-top-width: 0px;
margin-left:0px ;
position: fixed !important;
top: 50px !important;
z-index: 9999;
width:280px !important;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 4px
rgba(0,0,0,0.2);
}
.peep_cnews_date
{
top:40px;
}
.peep_is_member_wrap{
display:none;
}
.peep_profile_gallery_avatar
{
margin-top: -80px !important;
}
.peep_profile_gallery_avatar_image
{
width: 90px !important;
height: 90px
!important;
}
.peep_miniic_live .peep_live_on {
width: 90px !important;
height: 90px !important;
}
.peep_profile_gallery_empty,
html[xmlns]
.peep_profile_gallery_empty.clearfix {
height: 80px !important;
}
#pcgallery-settings-btn, #pcgallery-settings-btn:hover{
font-size:0px
!important;
width:0px !important;
padding:10px 10px 12px
27px;
}
#pcgallery-add-photo-btn,
#pcgallery-add-photo-btn:hover{
font-size:0px !important;
width:0px
!important;
padding:10px 10px 12px
27px;
}
.peep_profile_gallery_display_name {
font-size: 13px
!important;
line-height:23px !important;
}
.peep_user_list
.peep_item_set3{
width: 95%;
}
.peep_user_list .peep_miniic_live
.peep_live_on{
width: 25px !important;
height: 25px
!important;
}
.photo_preview_image img
{
height: 300px
!important;
width: 90% !important;
}
.skip_button{
margin-left:10px;
}
.rate_action{
height:90px;
}
.rate_action .total_score
{
position:absolute;
top:70px;
}
.peep_photo_upload_wrap
.peep_photo_preview_block_wrap
.peep_photo_preview_edit{width:100%!important;padding:0px!important;margin:1px!important;}
.peep_photoview_stage_wrap{width:100%!Important;}
body
.peep_photo_list_wrap.peep_photo_no_sidebar div.peep_photo_item_wrap,body
.peep_photo_list_wrap.peep_photo_no_sidebar
.peep_photo_list.peep_photo_pint_mode div.peep_photo_item_wrap,body
.peep_photo_list_wrap.peep_photo_no_sidebar
div.peep_photo_item_wrap.peep_photo_album,body
.peep_photo_userlist.peep_photo_list_wrap
div.peep_photo_item_wrap,.peep_photo_list_wrap
div.peep_photo_item_wrap{width:100%!important;position:static;height:auto;}
.peep_photo_list.peep_photo_pint_mode
.peep_photo_item_wrap{position:static!important;float:left!important;width:100%!important}
.peep_photo_dragndrop
{
width:100% !important;
float:left
!important;
}
.peep_photo_preview_block_wrap{
width:100%
!important;
}
.floatbox_canvas{
z-index:9999 !important;
}
body
.floatbox_canvas .floatbox_container{
width:100%
!important;
margin-top:60px !important;
z-index:9999
!important;
}
#form-profilelike{
width:90px;
}
.peep_mailbox_table{
margin-top:20px
!important;
}
body .peep_mailbox_left{width:100%;float:none; height:100px;
border-bottom:1px solid #f5f5f5;}
body .peep_mailbox_left
.peep_mailbox_left_body{width:100%!important; height:100px;
border-bottom:1px solid #f5f5f5;}
body
#conversationItemListSub{width:100%!important;}
body
.peep_mailbox_right{width:100%;float:none; margin-top:130px
!important;}
.peep_mailbox_table .peep_mailbox_cap{
background:#f5f5f5
!important;
}
.peep_mailbox_cap .peep_mailbox_avatar{
margin-top:2px
!important;
margin-left:-70px !important;
}
.peep_mailbox_cap
.peep_mailbox_avatar .peep_avatar{
width:50px !important;
height:50px
!important;
padding:5px !important;
}
.peep_mailbox_cap
.peep_mailbox_avatar .peep_avatar img{
width:50px !important;
height:50px
!important;
}
}
@media (min-width: 481px) and (max-width: 749px)
{
.page_container, .main_page, .canvas, .footer, .peep_wide,
.peep_superwide, .peep_narrow, .peep_supernarrow{width:100%; right:0px;
float:none;}
.main_page {
margin: 0 auto 0px auto;
padding: 0 0px;
}
.content {
width:95%;
margin: 0
10px;
}
.custom_bot_panel{
display:none;
}
.im_top_panel{
display:none;
}
.res_panel_bottom
a.res_chat_open_bar{
position:fixed;
z-index:88;
display:block;
bottom:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_bottom
.peep_count_wrap{
margin-top:-7px;
}
.res_panel_top
a.res_chat_close_bar{
position:relative;
z-index:99;
display:block;
top:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_top
a#chat_setting_icon{
display:block;
position:absolute;
z-index:99;
}
.sideImOpen{
height:0px;
}
.peep_chat_list{
height:250px;
}
.peep_chat_dialog_wrap
{
right:100px;
width:68% !important;
}
.peep_chat_dialog{
width:73%
!important;
bottom:0px;
}
.peep_chat_in_dialog{
height:160px;
}
#menubtnmobile
{
float:left;
left:20px;
top:0px;
position:relative;
display:block;
font-size:0px;
cursor:pointer;
background-color:none;
background: url('images/menbutt_mob.png') no-repeat center
center;
border:none;
width:40px;
height:40px;
}
#chatbtnmobile{
display:none;
}
.left_section,
.right_section
{
width:auto;
margin: 0 0px 0px 0px;
}
.page_container
.main_page {
padding: 70px 0px 0px;
}
.visitor_header{
padding:0px
0px;
width:auto;
}
.visitor_users_block{display:none;}
.floatbox_canvas
.floatbox_container{
width:auto;
margin: 0 auto;
}
.floatbox_container
.peep_sign_in_wrap form {
padding: 10px 5px 0;
}
.floatbox_container
.peep_sign_in_wrap form {
margin:0 auto;
}
.peep_chat_block form
.peep_chat_mailchat_inputarea .jhtmlarea
{
height:112px;
}
.left_fixed_side{
z-index:99;
left:0px;
top:0px;
width:100%;
height:45px;
background:#d76243;
position:relative;
padding:0px;
}
.site_logo{
display:block;
margin:0
5px;
float:left;
left:5px;
width:
40px;
height:40px;
line-height:40px;
border-bottom:0px solid
#cdcdcd;
background-size:100% !important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
}
.site_logo a
{
background-image: url('images/mobile_logo.png');/** PEEP_Control
type:image, section: Change site logos, key:sitelogor, label:- Logo for
mobile devices**/
background-position:left center ;
background-size:100%
!important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
}
.peep_menu_wrap
{
position:fixed;
z-index:9999
!important;
display:block;
top:45px;
left:-200px;
width:200px;
height:100%;
margin-top:0px;
background:#fff;
border-top:
0px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}
.index_page
.index_landing_header .peep_console{
border-bottom:0px solid
#cdcdcd;
}
.index_page .index_landing_header .peep_signin_label{
margin:
-3px 0px;
}
.index_page .index_landing_header
.change_lang_button{
border:0px solid
#cdcdcd;
}
.peep_console{
width:100%;
height:45px;
left:0px;
top:45px;
margin-top:0px;
float:auto;
background:#fff;
position:fixed;
z-index:105;
border-bottom:1px
solid #cdcdcd;
transition: all 0.4s
ease;
}
.peep_console.sticky{
top:-5px;
background:#d76243;
height:50px;
}
.header_avatar{
display:none;
}
.peep_console_body
{
text-align:center;
}
.peep_console_button{
width:auto;
height:30px;
line-height:29px;
padding:0
30px;
top:5px;
}
.peep_signin_label {
padding:0
30px;
height:30px;
line-height:29px;
width:auto;
text-align:center;
margin: -15px 0;
}
ul.peep_console_dropdown .peep_console_dropdown_cont
a{
font-size:11px !important;
}
.peep_console_dropdown_hover
a{
font-size:0px !important;
}
.peep_console_dropdown_hover{
font-size:0px
!important;
top:15px !important;
margin:0 10px;
width:30px
!important;
}
.peep_friend_request_list {
background:
url(images/cons_reqico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_mailbox_items_list {
background:
url(images/cons_chatico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_notification_list {
background:
url(images/cons_notico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_console .peep_tooltip .peep_tooltip_body
{
right:0px;
margin-top:15px;
width:100%;
position:fixed;
z-index:105
!important;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
left:10px;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
width:100%;
left:10px;
}
.peep_console
span.peep_count_wrap {
margin: -10px -10px 0px
0px;
}
.peep_console_dropdown_click{
width:25px;
border:0px solid
#cdcdcd;
padding:0 3px 0
3px;
top:15px;
margin-right:15px;
}
.peep_console_more {
background:
url("images/chat_setting_ico.png") no-repeat 5px 0px;
display: inline-block;
min-width: 25px;
padding: 0 0px 0 3px;
vertical-align: top;
}
.peep_console_lang{
width:100%
!important;
}
.lang_box_title{
width:100%
!important;
}
.change_lang_button{
margin-top:0px;
margin:0
10px;
font-size:0px !important;
max-width:30px
!important;
}
.console_search_form{
width:230px;
text-align: left;
padding: 0px;
margin-top:-40px;
float:right;
right:15px;
position:absolute
!important;
}
.console_search_form input[type=text]{
background:#fff
!important;
min-width:100%;
}
.esel2-drop {
border-width: 1px;
border-top-width: 0px;
margin-left:0px ;
position: fixed !important;
top: 50px !important;
z-index: 9999;
width:280px !important;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 4px
rgba(0,0,0,0.2);
}
.registration_page
.join_left_section{
width:100%;
}
.join_prom
{
display:none;
}
.registration_page
.join_right_section{
width:100%;
box-shadow:none;
padding:0px;
}
.registration_page
.peep_menu_wrap, .registration_page .peep_console_button
{
display:none;
}
.registration_page
.left_fixed_side{
width:100%;
z-index:99;
background:#494949;
left:0px;
top:0px;
padding:0
0px;
height:65px;
-webkit-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
box-shadow: 0 3px 10px
3px rgba(0,0,0,0.5);
}
.registration_page
.site_logo{
width:40px;
height:40px;
margin:10px
0px;
display:block;
border-bottom:0px;
background-size:100%
!important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
-o-background-size:100%
!important;
-ms-background-size:100% !important;
}
.registration_page
.site_logo a{
background-size:100% !important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
-o-background-size:100%
!important;
-ms-background-size:100% !important;
}
.registration_page
.peep_console.sticky{
display:none;
}
.registration_page
.peep_console{
position:fixed;
z-index:105;
margin-right:10px;
right:0px;
height:40px;
margin-top:0px;
top:0px;
float:right;
width:auto;
background:none;
border-bottom:none;
}
.registration_page
.peep_console_dropdown_hover{
top:0px;
width:auto;
right:0px;
}
.registration_page
.change_lang_button{
margin-right:0px;
padding:0px
25px;
height:35px;
line-height:34px;
border:0px solid
#cdcdcd;
background-position:5px
center;
color:#cdcdcd;
}
.registration_page .change_lang_button:hover
{
background-color:#434343;
color:#fff;
}
.registration_page .peep_console
.peep_tooltip_body {
right:0px;
margin-top:15px;
}
.registration_page
.peep_signin_label{
margin: -3px 0px;
border:1px solid #cdcdcd;
padding:0
20px;
width:auto;
height:35px;
line-height:34px;
color:#cdcdcd;
}
.registration_page
.peep_console_body{
text-align:right;
}
.registration_page
#menubtnmobile{
display:none;
}
.spot_arrow{
border-left:10px solid
rgba(67,67,67,0.7); border-top:10px solid transparent; border-bottom:10px
solid transparent; float:right; position:relative; z-index:98;
margin-top:20px; margin-right:-10px;
}
.spot_light_normal_item
.peep_avatar{
width:60px;
height:60px;
}
.spot_light_normal_item
.peep_avatar img{
width:60px;
height:60px;
}
#add_to_list{
width:60px;
height:60px;
}
.spot_info_add{
height:60px;
width:60px;
}
.spot_info_remove{
height:60px;
width:60px;
}
.spot_add_avatar
.peep_avatar{
width:60px;
height:60px;
}
.spot_add_avatar .peep_avatar
img{
width:60px;
height:60px;
}
.users_slideshow
{
left:60px;
}
.peep_cnews_head{
padding-bottom:45px
!important;
}
.peep_cnews_date
{
top:40px;
}
.peep_is_member_wrap{
display:none;
}
.peep_profile_gallery_avatar
{
margin-top: -130px !important;
}
.peep_profile_gallery_avatar_image
{
width: 170px !important;
height: 170px
!important;
}
.peep_miniic_live .peep_live_on {
width: 170px !important;
height: 170px !important;
}
.peep_profile_gallery_empty,
html[xmlns]
.peep_profile_gallery_empty.clearfix {
height: 140px !important;
}
#pcgallery-settings-btn, #pcgallery-settings-btn:hover{
font-size:0px
!important;
width:0px !important;
padding:10px 10px 12px
27px;
}
#pcgallery-add-photo-btn,
#pcgallery-add-photo-btn:hover{
font-size:0px !important;
width:0px
!important;
padding:10px 10px 12px 27px;
}
.peep_user_list
.peep_item_set3{
width: 100%;
}
.peep_user_list .peep_miniic_live
.peep_live_on{
width: 25px !important;
height: 25px
!important;
}
.rate_action{
height:90px;
}
.rate_action .total_score
{
position:absolute;
top:70px;
}
.peep_photo_upload_wrap
.peep_photo_preview_block_wrap
.peep_photo_preview_edit{width:48%!important;padding:0px!important;margin:1px!important;}
.peep_photoview_stage_wrap{width:100%!Important;}
body
.peep_photo_list_wrap.peep_photo_no_sidebar div.peep_photo_item_wrap,body
.peep_photo_list_wrap.peep_photo_no_sidebar
.peep_photo_list.peep_photo_pint_mode div.peep_photo_item_wrap,body
.peep_photo_list_wrap.peep_photo_no_sidebar
div.peep_photo_item_wrap.peep_photo_album,body
.peep_photo_userlist.peep_photo_list_wrap
div.peep_photo_item_wrap,.peep_photo_list_wrap
div.peep_photo_item_wrap{width:100%!important;position:static;height:auto;}
.peep_photo_list.peep_photo_pint_mode
.peep_photo_item_wrap{position:static!important;float:left!important;width:100%!important}
body
.floatbox_canvas .floatbox_container{
width:100%
!important;
margin-top:60px
!important;
}
#form-profilelike{
width:170px;
}
.peep_mailbox_table{
margin-top:20px
!important;
}
body .peep_mailbox_left{width:100%;float:none; height:100px;
border-bottom:1px solid #f5f5f5;}
body .peep_mailbox_left
.peep_mailbox_left_body{width:100%!important; height:100px;
border-bottom:1px solid #f5f5f5;}
body
#conversationItemListSub{width:100%!important;}
body
.peep_mailbox_right{width:100%;float:none; margin-top:130px
!important;}
.peep_mailbox_table .peep_mailbox_cap{
background:#f5f5f5
!important;
}
.peep_mailbox_cap .peep_mailbox_avatar{
margin-top:2px
!important;
margin-left:-70px !important;
}
.peep_mailbox_cap
.peep_mailbox_avatar .peep_avatar{
width:50px !important;
height:50px
!important;
padding:5px !important;
}
.peep_mailbox_cap
.peep_mailbox_avatar .peep_avatar img{
width:50px !important;
height:50px
!important;
}
}
@media (min-width: 750px) and (max-width: 949px)
{
.page_container,.canvas {width:705px; right:0px;}
.main_page {
margin: 0 auto 0px
auto;
}
.visitor_users_block{display:none;}
.mobile_header{
display:block;
}
.registration_page
.page_container .main_page {
padding: 100px 0px
0px;
}
.registration_page .peep_menu_wrap, .registration_page
.peep_console_button {
display:none;
}
.registration_page
.left_fixed_side{
width:100%;
z-index:99;
background:#494949;
left:0px;
top:0px;
padding:0
0px;
height:65px;
-webkit-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 3px 10px 3px rgba(0,0,0,0.5);
box-shadow: 0 3px 10px
3px rgba(0,0,0,0.5);
}
.registration_page
.site_logo{
left:10px;
margin:10px 10px;
}
.registration_page
.peep_console{
position:fixed;
z-index:105;
margin-right:30px;
right:0px;
height:40px;
margin-top:0px;
top:0px;
float:right;
width:auto;
}
.registration_page
.peep_console_dropdown_hover{
top:0px;
width:auto;
right:0px;
}
.registration_page
.change_lang_button{
margin-right:0px;
padding:0px
30px;
height:35px;
line-height:34px;
border:0px solid
#cdcdcd;
background-position:5px
center;
color:#cdcdcd;
}
.registration_page .change_lang_button:hover
{
background-color:#434343;
color:#fff;
}
.registration_page .peep_console
.peep_tooltip_body {
right:0px;
margin-top:15px;
}
.registration_page
.peep_signin_label{
margin: -3px 3px;
border:1px solid
#cdcdcd;
width:100px;
height:35px;
line-height:34px;
color:#cdcdcd;
}
.registration_page
.peep_console_body{
text-align:right;
}
.registration_page
#menubtnmobile{
display:none;
}
.registration_page .mobile_header,
.base_sign_in .mobile_header{
display:none;
}
.base_sign_in
.page_container .main_page{
padding: 10px 0px 0px;
}
.page_container
.main_page {
padding: 70px 5px 0px;
}
.visitor_header{
padding:0px
0px;
width:auto;
}
.custom_bot_panel{
display:none;
}
.im_top_panel{
display:none;
}
.res_panel_bottom
a.res_chat_open_bar{
position:fixed;
z-index:88;
display:block;
bottom:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_bottom
.peep_count_wrap{
margin-top:-7px;
}
.res_panel_top
a.res_chat_close_bar{
position:relative;
z-index:99;
display:block;
top:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_top
a#chat_setting_icon{
display:block;
position:absolute;
z-index:99;
}
.sideImOpen{
height:0px;
}
.peep_chat_list{
height:270px;
}
#menubtnmobile
{
float:left;
left:20px;
top:5px;
position:relative;
display:block;
font-size:0px;
cursor:pointer;
background-color:none;
background: url('images/menbutt_mob.png') no-repeat center
center;
border:none;
width:40px;
height:40px;
}
#chatbtnmobile{
display:none;
}
.floatbox_canvas
.floatbox_container{
width:auto;
margin: 0 auto;
}
.floatbox_container
.peep_sign_in_wrap form {
padding: 10px 5px
0;
}
.left_fixed_side{
z-index:99;
left:0px;
top:0px;
width:100%;
height:50px;
background:#d76243;
}
.index_page
.index_landing_header .peep_signin_label{
margin: -3px 0px;
}
.index_page
.index_landing_header .change_lang_button{
border:0px solid
#cdcdcd;
}
.site_logo{
display:block;
margin:0
5px;
float:left;
left:5px;
width:
45px;
height:45px;
line-height:45px;
border-bottom:0px solid
#cdcdcd;
background-size:100% !important;
-webkit-background-size:100%
!important;
-moz-background-size:100% !important;
}
.site_logo a
{
background-image: url('images/mobile_logo.png');/** PEEP_Control
type:image, section: Change site logos, key:sitelogor, label:- Logo for
mobile devices**/
background-position:left center ;
background-size:100%
!important;
-webkit-background-size:100%
!important;
-moz-background-size:100%
!important;
}
.peep_console{
width:600px;
height:20px;
right:5px;
top:0px;
margin-top:5px;
float:right;
}
.header_avatar{
display:none;
}
.peep_console_body
{
text-align:right;
}
.peep_console_button{
border:1px solid
#cdcdcd;
color:#cdcdcd;
height:30px;
line-height:29px;
top:5px;
}
.peep_signin_label
{
height:30px;
line-height:29px;
border:1px solid #cdcdcd;
color:#cdcdcd;
margin: -15px 0;
}
ul.peep_console_dropdown
.peep_console_dropdown_cont a{
font-size:11px
!important;
}
.peep_console_dropdown_hover a{
font-size:0px
!important;
}
.peep_console_dropdown_hover{
font-size:0px
!important;
top:15px !important;
margin:0 10px;
width:30px
!important;
}
.peep_friend_request_list {
background:
url(images/cons_reqico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_mailbox_items_list {
background:
url(images/cons_chatico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_notification_list {
background:
url(images/cons_notico.png) no-repeat 0px center;
font-size:0px
!important;
}
.peep_console .peep_tooltip_body
{
margin-right:0px;
margin-top:0px;
position:relative;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
left:10px;
}
.peep_console_dropdown_click
.peep_console_item_link{
font-size:0px
!important;
padding-left:0px;
width:100%;
left:10px;
}
.peep_console
span.peep_count_wrap {
margin: -10px -10px 0px
0px;
}
.peep_console_dropdown_click{
width:25px;
border:0px solid
#cdcdcd;
padding:0 3px 0
3px;
top:15px;
margin-right:15px;
}
.peep_console_more {
background:
url("images/chat_setting_ico.png") no-repeat 5px 0px;
display: inline-block;
min-width: 25px;
padding: 0 0px 0 3px;
vertical-align: top;
}
.change_lang_button{
margin-top:0px;
margin:0
10px;
font-size:0px !important;
max-width:30px
!important;
}
.console_search_form{
width:280px;
text-align: left;
padding: 0px;
margin-top:8px;
float:left;
left:0px;
}
.console_search_form
input[type=text]{
background:#fff
!important;
min-width:100%;
}
.esel2-drop {
border-width: 1px;
border-top-width: 0px;
margin-left:0px ;
position: fixed !important;
top: 50px !important;
z-index: 9999;
width:280px !important;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 4px
rgba(0,0,0,0.2);
}
.peep_menu_wrap {
position:fixed;
z-index:9999
!important;
display:block;
top:60px;
left:-200px;
width:200px;
height:100%;
margin-top:0px;
background:#fff;
border-top:
0px solid #cdcdcd;
border-right: 1px solid
#cdcdcd;
}
.peep_cnews_head{
padding-bottom:40px
!important;
}
.peep_cnews_date {
top:30px;
}
.peep_profile_gallery_avatar {
margin-top: -135px !important;
}
.peep_user_list .peep_miniic_live
.peep_live_on{
width: 20px !important;
height: 20px
!important;
}
.peep_photo_upload_wrap .peep_photo_preview_block_wrap
.peep_photo_preview_edit{width:48%!important;padding:0px!important;margin:1px!important;}
body
.floatbox_canvas .floatbox_container{
margin-top:60px
!important;
}
.peep_console .peep_tooltip .peep_tooltip_body
{
top:5px;
}
}
@media (min-width: 950px) and (max-width: 1149px)
{
.canvas, .page_container
{
right:0px;
}
.custom_bot_panel{
display:none;
}
.im_top_panel{
display:none;
}
.res_panel_bottom
a.res_chat_open_bar{
position:fixed;
z-index:88;
display:block;
bottom:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_bottom
.peep_count_wrap{
margin-top:-7px;
}
.res_panel_top
a.res_chat_close_bar{
position:relative;
z-index:99;
display:block;
top:0px;
width:180px;
height:35px;
line-height:30px;
right:0px;
text-align:center;
color:#fff;
background:#d76243;
}
.res_panel_top
a#chat_setting_icon{
display:block;
position:absolute;
z-index:99;
}
.sideImOpen{
height:0px;
}
.peep_chat_list{
height:270px;
}
#fade-user-list{
width:98%
!important;
text-align:center !important;
}
.ul_themevisitor_avatar {
width: 182px !important;
height: 182px
!important;
}
.ul_themevisitor_info {
width: 134px !important;
height: 116px !important;
}
}
@media (min-width: 1165px) and (max-width:
1280px) {
#fade-user-list{
width:98% !important;
text-align:center
!important;
}
.ul_themevisitor_avatar {
width: 192px !important;
height: 192px !important;
}
.ul_themevisitor_info {
width: 144px
!important;
height: 126px !important;
}
}
/* END */