.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../img/tipsy.gif); } .tipsy-inner { padding: 5px 8px; background-color: black; color: white; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } @font-face { font-family: 'roboto-bold'; src: url('font/Roboto-Bold.ttf'), url('font/Roboto-Bold.eot'); } @font-face { font-family: 'roboto-light'; src: url('font/Roboto-Light.ttf'), url('font/Roboto-Light.eot'); } @font-face { font-family: 'roboto-regular'; src: url('font/Roboto-Regular.ttf'), url('font/Roboto-Regular.eot'); } @font-face { font-family: 'roboto-medium'; src: url('font/Roboto-Medium.ttf'), url('font/Roboto-Medium.eot'); } .btn:hover, .btn:focus { color:#fff; } /* multi select */ a.multiSelect { background: #FFF url(../img/dropdown.gif) right center no-repeat; border: solid 1px #e8e8e8; padding: 4px 20px 4px 4px; position: relative; cursor: default; text-decoration: none; color: black; display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 171px; height: 29px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); width: 100%; } .material-icons { line-height: normal; } a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active { color: black; text-decoration: none; } a.multiSelect span { margin: 1px 0px 1px 3px; overflow: hidden; display: -moz-inline-stack; display: inline-block; white-space: nowrap; width: auto !important; } a.multiSelect.hover { background-image: url(../img/dropdown_hover.gif); } .multiSelectOptions { overflow-y: auto; overflow-x: hidden; border: 1px solid #e8e8e8; background: #FFF; border-top: #fff; } .multiSelectOptions label { padding: 1px 2px; display: block; white-space: nowrap; float: none !important; width: auto !important; margin-bottom: 0; } .multiSelectOptions LABEL.optGroup { font-weight: bold; } .multiSelectOptions .optGroupContainer LABEL { padding-left: 10px; } .multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL { padding-left: 18px; } .multiSelectOptions input{ vertical-align: middle !important; margin: 3px 5px 3px 4px !important; } .multiSelectOptions LABEL.selectAll { border-bottom: dotted 1px #e8e8e8; } .multiSelectOptions LABEL.hover { background-color: #f7f7f7; } /*All css end*/ .guest-action{ margin-top:3px; } .sl-navbar{ background: #fff; } .wrapper { margin: 0 auto; width: 1020px; } #logo { float:left; margin:6px 0 0 0; } #logo img { max-height: 40px; } .logo-default a { display: block; text-decoration: none; width: 192px; height: 40px; font-size: 18px; color: #fff; } ul.navbar-nav li { display: inline-block; } ul.navbar-nav li img { height: 13px; } ul.navbar-nav li a { display: block; padding: 0px 12px; color: #fff; } ul.navbar-nav li a:hover { text-decoration: none; /*color: #00a1cb;*/ background: none; } ul.navbar-nav li i { font-size: 12px; color: #fff; } ul.navbar-nav li ul li i{ color:#000; } .clear { clear: both; } #content { padding: 20px 10px; min-height: 500px; background: #fff; box-shadow: 0 0 5px #ccc; overflow: hidden; } #userbox { float:right; width:278px; position: relative; padding: 10px 0px; } #userbox .button-dropdown { float: left; margin: 0 5px } #member-avatar { display: inline-block; height: 26px; width: 26px; border-radius: 3px; } .img_wrapper2 { float: left; } #new_notifications { background-color: #e54028; font-weight: bold; padding: 0px 4px; position: absolute; top: 4px; right: -8px; color: #fff; font-size: 9px; } #regError { background: #FFEBE8; border: #e8e8e8 1px solid; text-align: center; padding: 5px; display: none; margin-top: 10px; } .slide, .hidden { display: none; } .placeholder { color: #333; } input.datepicker, input.timepicker { width:110px;margin-right:6px; } a i.delete-icon { display:none; position:absolute; top: 12px; right: 12px; color: #666; } .cross-icon { position:absolute; top: 0; right: 4px; z-index:10; } .cross-icon i { color: #666; font-size: 18px; } .delete-icon:hover, .cross-icon i:hover { color: #00a1cb; } .cross-icon:hover { text-decoration: none; } .cross-icon-sm { margin: 0 3px; } [id^="activity_edit_"] > textarea{ width: 100%; resize: none; margin-top:10px; } .edit-post-icon .dropdown-menu{ top: 22px; right: 0; left: auto; border-radius: 0; } .edit-post-icon .dropdown-menu li{ padding:0; } .edit-post-icon .dropdown-menu li a{ padding: 7px 20px; font-size: 12px; } .edit-post-action{ text-align:right; clear:both; margin-bottom: 10px; margin-top: 10px; } .view-more { text-align:center; position: relative; clear: both; } .view-more a { background-color:#F2F5F7!important; padding:10px 30px!important; display:inline-block!important; border: 1px solid #e8e8e8 !important; border-radius: 3px; font-size: 14px; text-transform: uppercase; background-color: #fff!important; color: #777!important; box-shadow: 0 2px 3px rgba(0,0,0,0.1); margin-top: 20px; height: auto!important; width: auto!important; } .view-more a:hover { text-decoration: none; color: #333; border-color: #e8e8e8; } .thumb_100{ width: 100px; height:100px; } .rsvp-form{ margin:8px 0 10px 0; } .rsvp-form div{ margin-bottom: 10px; } .mooTable { width: 100%; } .mooTable th { background: #00a1cb; padding: 7px 5px; text-align: left; color: #fff; font-size: 14px; } .mooTable th a { color: #fff; } .mooTable td { padding: 10px 5px; border-bottom: 1px dotted #e8e8e8; } .mooTable tr:hover { background: #F9F9F9; } .mooTable td img { width: 16px; } .box1 { background: #f2f2f2; color: #71767a; border:1px solid #e8e8e8; padding: 10px 15px; margin-bottom: 14px; font-size: 13px; margin-left: 7px; margin-right: 7px; } .guest_msg { padding: 15px 10px; font-size: 14px; } .guest_msg p { margin-top: 20px; } .guest_msg h1 { margin-bottom: 10px; } #join_now {float: right;} .box3 { /*margin-left:10px;*/ } .box3 h1 { margin-bottom: 20px; } /* profile links */ .box4 { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e8e8e8; } /* centered box */ .box5 { color: #71767a; background-color: #D1EEF7; box-shadow: 2px 2px 0px #90D5EC; padding: 15px 30px; font-size: 14px; margin:20px auto; width: 545px; } /* 2 items per line. used in reg form */ .list1 { padding: 0; margin: 0; list-style: none; } .list1 li { display: inline-block; min-height: 32px; margin-bottom: 12px; } .list1 li:nth-child(2n) { margin-left: 20px; } .list1 label { display: block; margin-bottom: 4px; } .list-content{ padding: 0 5px; } .users_list li { /*height: 215px;*/ vertical-align: top; } .users_list li .user-idx-item > a.user-list-img{ display: block; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; } .users_list li .user-idx-item > a.user-list-img > img{ height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; } .users_list li img { width: 100%; height: auto; } .users_list .comment { margin-left: 85px !important; } .users_list .comment > a { font-size: 14px; } .img_style{ border: 1px solid #e8e8e8; border-radius: 2px; } .user-name-info{ /*height:30px;*/ overflow: hidden; } .user-list-info .user-name-info { margin: 10px 0 5px 0; } .user-list-info{ margin-top: 5px; height:90px; } /* menu items list */ .list2 { list-style: none outside none; margin: 0; padding: 0; } .list2 li { margin: 1px 0; } .list2 li a { display: block; padding: 4px 5px; color: #000; } .list2 li a:hover { /*background: none repeat scroll 0 0 #F2F5F9;*/ text-decoration: none; } .list2 .current a { font-weight: bold; color: #247BBA; } .list2 .current a i{ color: #247BBA; } .box6 .list2 .current a { background: #F7F7F7 !important; } .list2 img { margin-right: 3px; vertical-align: middle; } .list2 i, .icon-small { font-size: 20px; width: 20px; display: inline-block; color: #00a1cb; /*color: #A1A1A1;*/ text-decoration: none; margin-right: 7px; } .icon-small:hover { color: #00a1cb; } .list2 li.category_header { /* font-size: 16px; font-weight: bold; color: #00a1cb;*/ padding: 0 ; margin: 5px 0; } /* thumbs list on right col */ .list3 { list-style: none; margin: 0; padding: 0; overflow: hidden; } .list3 li { float: left; width: auto; margin-bottom: 8px; margin-right: 8px; line-height: normal; } .list3 li:nth-child(5n) { /*margin-right: 0px;*/ } .friends li { height: 80px; width: 59px; overflow: hidden; } .profile_info li { padding: 0 0 0 12px; background: url(../../../img/gray_dot.jpg) no-repeat 0 6px; margin-bottom: 0; } .profile_info { margin-bottom: 15px; } /* photos list */ .list4 { list-style: none; margin: 0; padding: 0; clear:both; } .list4 li { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .list4 li:nth-child(4n) { margin-right: 0; } .list4 li a { display: block; } .infoLayer { position: absolute; bottom: 0px; left: 0px; z-index: 10; color: #fff; display: none; right:0px; font-size: 13px; text-align: right; background: rgba(0, 0, 0, 0.6); } .infoLayer p { margin: 2px 6px; } .infoLayer i { margin-left: 5px; } /* small thumbs list on left col */ .list5 { list-style: none; margin: 0 0 5px; padding: 0; overflow: hidden; } .list5 li { float: left; margin: 0 3px 6px 0; } .list5 img { border: 1px #e8e8e8 solid !important; padding: 0; } /* one per line. used in various pages with form */ .list6 { padding: 0; margin: 0; list-style: none; } .list6 li { padding-bottom: 10px; /*overflow: hidden;*/ } .list6sm li { padding-bottom: 5px; overflow: hidden; } .list6 label { width: 145px; display: block; float: left; margin-bottom: 2px; } .list6sm2 label { width: 100px; } .list6 .mce-tinymce { /*margin-left: 100px;*/ } .list7 { list-style: none; margin: 0; padding: 0; } .list7 li { float: left; } .list7 a { font-size: 12px; display: block; /*padding: 6px 10px 7px 10px;*/ text-decoration: none; /*color: #000;*/ } .list7 a:hover { color: #00a1cb; } .list7 a.current { background: #257BBA; color: #fff; } .list8 { list-style: none; margin: 0; padding: 0; overflow: hidden; } .list8 li { float: left; background: #F2F5F9; margin: 0 10px 10px 0; border-radius:3px; } .admin_stats li { text-align: center; line-height: 1.3; padding: 5px 13px; } .admin_stats li:nth-child(7n) { margin-right: 0px; } .admin_stats span { font-size: 16px; font-family: Georgia; } /* comments */ .comment_wrapper > li { /*border-bottom: 1px solid #DFDFDF;*/ /* margin-bottom: 15px;*/ /*overflow: hidden;*/ padding-bottom: 15px; } .comment_wrapper > li + li{ border-top: 1px solid #e8e8e8; padding-top: 15px; } .comment { margin-left: 58px; min-height: 33px; } .comment_wrapper li li .comment { margin-left: 40px; margin-right: 0; } .comment_wrapper ul { list-style: none; padding: 0; margin: 0; } .activity_comments li { border-bottom: 0; /* padding: 7px;*/ margin-bottom: 2px; } .activity_content, .activity_comments { } .activity_content li { border-bottom: 0; overflow: visible; margin-bottom: 0; padding-bottom: 0; } .activity_text { color: #000; padding-bottom: 4px; word-wrap: break-word; } .activity_item { margin: 7px 0 5px 0; overflow: hidden; padding: 0; /*background: #F5F5F5;*/ border:1px solid #e8e8e8; } .summary { border-left: 2px solid #e8e8e8; padding-left: 10px; margin: 5px 0; } .comment_padding li { padding: 7px 5px; margin-bottom: 0; } #status_box { margin-bottom: 15px; background-color: #fff; padding: 15px; } #status_box textarea { height: 30px; width: 100%; box-sizing: border-box; border: 0; color: #969696; font-size: 14px; padding: 5px; /*border-right: 1px solid #dfdfdf;*/ resize: none; box-shadow: none; font-weight: 300; background: none; padding-right: 31px; } #status_box textarea:focus{ outline: none; } #status_box input[type=button] { margin-right: 2px; } #wallForm{ position: relative; } #select-2{ /*position: absolute;*/ right: 4px; top: 1px; } #select-2 .qq-upload-button{ border: none; background: none; top: -53px; width: 36px; position: absolute!important; right: 0; left: auto; } .qq-uploader{ position: relative; text-align: left; } .qq-drop-processing-spinner{ background-repeat: no-repeat; } .qq-upload-drop-area, .qq-upload-button{ width: 100%; height: 42px!important; border-left: 1px dashed #e8e8e8; border-right: 1px dashed #e8e8e8; border-bottom: 1px dashed #e8e8e8; background: #E5E5E5; } .comment .qq-upload-button{ height: 25px!important; } .qq-upload-drop-area{ border-left: 1px dashed #e8e8e8; border-right: 1px dashed #e8e8e8; border-bottom: 1px dashed #e8e8e8; background: #E7F0FF!important; } .qq-upload-drop-area span, .upload-section{ color: #aaa; font-size: 20px; font-weight: bold; padding: 5px; text-align: left; } .comment .upload-section{ line-height: 27px; } .qq-upload-drop-area span { position: static!important; color: #4D90FE!important; margin-top: 0!important; font-size: 20px!important; font-weight: bold!important; } .post-status{ /*margin-right: 50px;*/ } #friends_list li { position: relative; } .topics_count { float: right; margin: 12px 12px 0 0; font-size: 14px; background: #257aba; color: #fff; text-align: center; min-width: 28px; padding: 5px 0; border-radius: 4px; padding: 5px 7px; position: relative; } .topic_view_body h1{ padding-right: 30px; word-wrap: break-word; } .unread {background-color:#F2F5F9} #conversation_list li, #notifications_list li { border-bottom:1px solid #e8e8e8; position:relative; margin: 0px; } .conversation_list li, #conversation_list > li, #notifications_list a { padding: 7px 10px; overflow:hidden; white-space: normal; color:#000; display: block; } #conversation_list ul.initSlimScroll > li{ padding:5px; } #conversation_list .more-notify{text-align:center;} #conversation_list > li:after{ content:''; display: block; clear:both; } #conversation_list li > a{ color:#000; } #notifications_list a:hover, #conversation_list li > a:hover{ text-decoration: none; } #notifications_list .img_wrapper2 { margin-right:10px; } .pagination { margin-top: 10px; text-align: center; } .add_people .material-icons { vertical-align: sub; } .user-list-info .open > .dropdown-menu { bottom: 37px; display: block; top: auto; } .hotspot { height: 100px; width: 100px; position: absolute; } .hotspot:hover, .hotspothover { z-index: 1; } .hotspot span { display: none; } .hotspot:hover span, .hotspothover span { background: #fff; display: block; padding: 0 0 3px 0px; text-align: center; box-shadow: 0px 0px 5px #000; } .hotspot span::after { content: ""; position: absolute; top: 17px; left: 46px; border-width: 5px 5px 0; border-style: solid; border-color: #e8e8e8 transparent; display: block; width: 0; } .tabs-wrapper { background: #F0F1F4; border: 1px solid #e8e8e8; border-left: 6px solid #e8e8e8; } .tabs { margin: 0; padding: 0; list-style: none; overflow: hidden; } .tabs li { float: left; font-weight: bold; padding: 8px 12px; color: #123; cursor: pointer; font-size: 14px; border-right: 1px solid transparent; } .tabs li.active { color: #4bf; background-color: #F9FAFB; border-color: #e8e8e8; } .tabs li:hover { color: #4bf; } .tabs li+li { border-left: 1px solid transparent; } .tab { display:none; padding-top: 15px; } .view-all-link { text-align: right; margin-top: -2px; } .reorder { cursor: move; } .commentForm { width: 100%; height: 37px; resize: none; } .commentForm2 { width: 100%; height: 37px; } .tags { margin: 0; padding: 0 6px; list-style: none; overflow: hidden; } .tags li { float: none; margin: 0 5px 7px 0; } .tags a , .tags a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 0; color: #4285f4; display: inline-block; font-family: roboto-light; font-size: 14px; line-height: 30px; padding: 0; } .tags a:before { content: '#'; } /* lightbox */ .tag_wrapper { float:left; background:#000; text-align: center; display: table; overflow: hidden; } .tag_friends_list { margin: 2px 0 5px 0; max-height: 150px; overflow: auto; } #lb_description { position:absolute; bottom:0px; padding:8px; font-size: 12px; text-align:left; color:#fff; background:rgba(0, 0, 0, 0.8); font-weight:bold; left:0; right:0; display: none; font-size: 13px; z-index: 10; } #lb_description a { color: #fff; } #lb_description ul { float:right; margin: 0; padding: 0; list-style: none; } #lb_description li { float: none !important; margin-right: 2px; display: inline-block; vertical-align: middle; } #lb_description ul a { padding: 4px 8px; border-radius:3px; } #lb_description ul a:hover { background: #333; text-decoration: none; } #avatar { width:80px; height:80px; padding:4px; margin-left:18px; background:#fff; position: relative; /*top: 169px;*/ border-radius: 4px; z-index: 10; border: 1px solid #e8e8e8; float: left; margin-top: -39px; position: relative; } #avatar img{ width: 100%; height: 100%; } #avatar_upload { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border-radius: 50%; bottom: 0; color: #fff; display: none; height: 87px; left: -2px; padding: 3px 0; position: absolute; right: 0; text-align: center; top: -2px; width: 87px; } #avatar_upload .icon-camera { font-size: 25px; } #cover_upload { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom: auto; color: #fff; display: block; padding: 3px 0; position: absolute; right: 0; text-align: center; top: 0; width: auto; opacity: 0.5; } #cover:hover #cover_upload { opacity: 1; } #avatar:hover #avatar_upload, #cover:hover #cover_upload { display: block; } #avatar_upload a { color: #fff; display: inline-block; margin-top: 20px; } #avatar_upload a, #cover_upload a { color: #fff; } #avatar_upload a:hover, #cover_upload a:hover { text-decoration: none; } .profile-header{ position: relative; background: #fff; border: 1px solid #e8e8e8; border-radius: 2px; margin-bottom:15px; } .profile-header:after { clear: both; content: ""; display: block; } .profile_info li{ color: #adadad; font-size: 11px; } .profile-info-section{ margin-left: 110px; min-height: 40px; padding-top: 35px; padding-bottom: 10px; padding-right: 105px; } .profile-info-section h1{ margin-bottom: 4px; font-size: 15px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .section-menu{ float: right; margin-top: 8px; margin-right:8px; } /*#cover_wrapper{overflow:hidden;}*/ #cover { background-size: cover; position: relative; /* max-height:360px;*/ /* height:250px;*/ overflow: hidden; max-height: none; height: 200px; } #cover > img{ height: 250px; width: 100%; } #cover_wrapper > img{ max-width: 100%; } #portlet-config .modal-body{ padding:15px; } #cover a { display: block; font-size: 20px; height: 100%; padding: 5px; width: 100%; } #av-img { width: 100%; height: auto; } .comment-thumb { color: #8F8F8F; font-size: 13px; margin-left: 5px; } .comment-thumb.active, .comment-thumb:hover, #lb_description a.active i { color: #FB7923; text-decoration: none; } .global-search { background: white url(../../../img/icons/magnifier_icon.png) no-repeat 5px 5px; float: left; padding: 4px 24px 4px 24px; width: 200px; color: #333; border: 1px #e8e8e8 solid; box-shadow: none; border-radius: 3px; } #loginButton { background-color: #e5e5e5; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; font-weight: 300; font-size: 12px; height: 25.6px; line-height: 26px; padding: 0px 12.48px; color: #247BBA; text-shadow: 0 1px 1px white; /* margin: 0; */ text-decoration: none !important; text-align: center; cursor: pointer; border-radius: 2px; margin-left: 5px;float: right; margin-top: 10px; } .maintenance-page input[type="submit"]{ color: #fff; background-color: #449d44; border-color: #e8e8e8; text-shadow: none; width: 100%; } .fields_heading { width: 100% !important; } .post_body img { max-width: 100%; height:auto; } .post_body blockquote { margin: 0px; padding: 10px 20px; background: #eee; border: 1px solid #e8e8e8; font-family: monospace; } .bottom_options { margin: 10px 0; } .bottom_options .likeButton img { width: 14px; } .bottom_options .likeButton { padding: 1px 7px 3px 7px; } .page-avatar { margin-bottom:5px; width: 100%; } .regSubmit { text-align: center; margin-top: 15px; } .moo-dropdown { position: absolute; top: 93%; right: 0px; background-color: #f0f1f4; border: 1px solid rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); padding: 15px; z-index: 100; display: none; width: 245px; border-radius: 3px; } #loginForm input[type='email'], #loginForm input[type='password'] { margin-bottom: 10px; height:40px; border-radius: 2px; } #loginForm p { margin-bottom: 0px; font-size: 11px; margin-top: 10px !important; } span.label { font-weight: bold; } span.icon { background: url('../img/btn_red.png') transparent 21px 5px no-repeat; display: inline-block; vertical-align: middle; width: 52px; height: 40px; } span.buttonText { display: inline-block; vertical-align: middle; font-size: 14px; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto',arial,sans-serif; } .fSignInWrapper{ position: relative; display: block; background: #3b589b; color: white; white-space: nowrap; height: 40px; width: 60%; border-radius: 2px; margin: 10px auto; cursor: pointer; } .fSignInWrapper .fb_iframe_widget{ z-index: 2; } .fSignInWrapper .overlay-button{ position: absolute; top: 0; left: 0; right: 0; z-index: 0; } .fSignInWrapper span.icon { background: url(../img/fb-icon.jpg) transparent 12px 3px no-repeat; display: inline-block; vertical-align: middle; width: 38px; height: 40px; } span.buttonText { display: inline-block; vertical-align: middle; font-size: 14px; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto',arial,sans-serif; } .center-login-text span{ font-family: roboto-bold; font-size: 20px; font-weight: normal; margin: 10px 0; text-align: center; } body#page_guest_home-index .center-login-text span { font-size: 15px; } .center-login-text hr{ margin: 19px 0; border-color: #e8e8e8; } .dropdown-caret.right { left: auto; right: 10px; } .dropdown-caret { position: absolute; top: -7px; left: 12px; width: 12px; height: 7px; float: left; overflow: hidden; } .dropdown-caret .caret-outer { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #e8e8e8; border-bottom-color: rgba(0,0,0,.2); } .dropdown-caret .caret-outer, .dropdown-caret .caret-inner { position: absolute; top: 0; left: 0; display: inline-block; margin-left: -1px; } .dropdown-caret .caret-inner { top: 1px; left: 1px; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } .login-box { margin-top: 5px; line-height: 1.5; float: right; } .button i { margin-right: 3px; font-size: 13px; vertical-align: sub; font-style: normal; } .captcha_box p { margin: 20px 0 5px 0; } #recaptcha_widget{ background: #850400; border-radius: 4px; padding: 10px; position: relative; overflow: hidden; } .recaptcha_only_if_image{ display: block; margin-bottom: 6px; color: #000; } #recaptcha_image,#recaptcha_image img{ width: 100%!important; height: auto!important; } .captcha-section-input{ width: 100%; float: left; background: #F4DA7C; margin-top: 10px; border-radius: 4px; margin-right:10px; } .captcha-section-input > div{ padding:15px 12px 16px; } .captcha_change_option{ position: absolute; background: #CA3521; border: 1px solid #e8e8e8; margin-top: 10px; border-radius: 4px; right: 112px; } .captcha_change_option > div{ padding: 4px 3px; } .captcha_change_option > div + div{ border-top:1px solid #e8e8e8; margin-bottom: 0; } .captcha-logo{ background: url("../img/recaptcha-logo.png") no-repeat; height: 41px; position: absolute; width: 94px; right: 0; top: 32px; } input#recaptcha_response_field{ width:100%; } .badge_counter { float: right;background-color: #E7E6E8;font-weight: bold;padding: 1px 4px;color: #000 ;font-size: 10px;border-radius: 2px; clear: both; } .main-img { width: 100%;height:auto; } .user_mini { overflow: hidden; } .readmore-js-toggle {margin-bottom: 5px;} .vid_thumb { display:block;margin-right:10px;width:100%;height:300px;background-repeat:no-repeat;background-size:cover;background-position: center center;color:#ccc; } .truncate { max-height: 150px; overflow: hidden; line-height: 15px; } /* Notices and Errors */ div.message { color: #468847; background-color: #dff0d8; border: 1px solid #e8e8e8; font-size: 12px; padding: 6px 12px; border-radius: 3px; } div.error-message { color: #b94a48; background-color: #f2dede; border: 1px solid #e8e8e8; font-size: 12px; padding: 6px 12px; border-radius: 3px; } p.error { background-color: #e32; color: #fff; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; } p.error em { color: #000; font-weight: normal; line-height: 140%; } .notice { background: #ffcc00; color: #000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; } .success { background: green; color: #fff; } #flashMessage, #errorMessage { font-size: 14px; border-radius: 3px; padding: 10px 15px; margin-bottom: 10px; } .likes i { font-size: 14px; } .topButton { float:right; margin-left: 5px; } #regFields li {margin-right: 11px;} .commentButton { overflow:hidden; display:none; margin:5px 0 0 0; /*float: right;*/ text-align: right; } .commentButton .button { float: right; } /* custom */ .box_style1 h3 { background-color: #EA5C3E; box-shadow: 2px 2px 0px #CF2D0B; } /*custom bootstrap*/ .row { margin-right: 0px !important; margin-left: 0px !important; } #left .col-md-3{ padding-left: 0px; padding-right: 0px; } #center h1, #center #home-content h1, .col-md-9 h1 { margin-top:0px; font-weight: 300; word-wrap: break-word; margin-bottom:10px; line-height: 28px; } #content .col-md-2{ padding-left: 0px; padding-right: 0px; } #content .col-md-10{ padding-left: 0px; } .menu-list .current{ background: none; } .menu-list .current a{ color: #000; } .menu-list input[type="text"]{ width: 100%; } .topics_count .arr-left{ display: block; position: absolute; width: 0; border: 8px; border-style: solid; border-color: transparent #257aba transparent transparent; top: 5px; left: -14px; } .item-content{ padding: 2px; } .like-section a { color: #000; padding: 0 7px 0 0; font-weight: normal; } .like-action > a i{ color:#939393; font-size:14px; } .like-action{ float:right; } .like-action > a.active i{ color: #FB7923; } .like-section a:hover{ text-decoration: none; } .like-section .likes{ display: inline-block; vertical-align: middle; font-weight:bold; } .like-section .likes .list_block{ margin-top:5px; } .like-section .list3 li{ margin-top: 8px; } .menu-bottom ul{ padding-left: 0; list-style: none; } .menu-bottom ul li { list-style: none; display: inline-block; margin-right: 10px; vertical-align: top; } .menu-bottom ul li a{ color: #9B9B9B; } /*define grid 20*/ .col-xs-sl1, .col-sm-sl1, .col-md-sl1, .col-lg-sl1, .col-xs-sl2, .col-sm-sl2, .col-md-sl2, .col-lg-sl2, .col-xs-sl3, .col-sm-sl3, .col-md-sl3, .col-lg-sl3, .col-xs-sl4, .col-sm-sl4, .col-md-sl4, .col-lg-sl4, .col-xs-sl5, .col-sm-sl5, .col-md-sl5, .col-lg-sl5, .col-xs-sl6, .col-sm-sl6, .col-md-sl6, .col-lg-sl6, .col-xs-sl8, .col-sm-sl8, .col-md-sl8, .col-lg-sl8, .col-xs-sl9, .col-sm-sl9, .col-md-sl9, .col-lg-sl9{ padding-left:0; padding-right:0; } .col-xs-sl1, .col-xs-sl2, .col-xs-sl3, .col-xs-sl4, .col-xs-sl5, .col-xs-sl6, .col-xs-sl7, .col-xs-sl8, .col-xs-sl9, .col-xs-sl10{ float: left; } .col-xs-sl1{ width:10%; } .col-xs-sl2{ width: 20%; } .col-xs-sl3{ width: 30%; } .col-xs-sl4{ width: 40%; } .col-xs-sl5{ width: 50%; } .col-xs-sl6{ width: 60%; } .col-xs-sl7{ width: 70%; } .col-xs-sl8{ width: 80%; } .col-xs-sl9{ width: 90%; } .col-xs-sl10{ width: 100%; } h2.header_title{ font-weight: 300; font-size: 22px; border-bottom: none; margin-top:0; } .p_7{ padding: 7px 0; } .profilePage .users_list, .p_top_15{ padding-top: 15px; } .profile-sub-menu{ overflow: hidden; margin-bottom: 14px; } .edit-profile-section h2{ font-size: 14px; color: #000; font-weight: bold; margin-bottom: 30px; } label{ font-weight:normal; } .edit-profile-section{ padding: 20px; } .edit-profile-section + .edit-profile-section{ border-top: 1px solid #e8e8e8; } .edit-profile-section select, .edit-profile-section textarea, .edit-profile-section input[type="text"], .edit-profile-section input[type="password"]{ width: 100%; } .edit-profile-section ul { list-style: outside none none; margin: 0; padding: 0; } .edit-profile-section ul li{ margin-bottom: 10px; position: relative; } .profile-tip{ position: absolute; right: -21px; top: 6px; } .list-item-inline{ padding-bottom: 5px; } .list-item-inline + .list-item-inline{ border-top: 1px solid #e8e8e8; padding-top:5px; } .list-item-inline .list-info{ margin-left: 60px; } #center > .box2{ background: #fff; margin-bottom: 10px; } .list-item-inline-text{ padding-left: 10px; padding-right: 10px; color: #000; } .p_bt_10{ padding-bottom: 10px; } .title-list a{ /*font-weight: bold;*/ } .mobile-footer{ position: fixed; left: 0; right: 0; bottom: 0; background: #F4F4F4; height: 50px; line-height: 50px; box-shadow: 0 1px 4px rgba(0,0,0,0.5); z-index:20; } .mobile-footer > a{ display: block; } .notify_content > a{ position: relative; padding: 2px 8px; } .notify_content > a:hover{ text-decoration: none; } .notify_content > a i{ color: #98C1DF; font-size: 22px; } .conversation_count, .notification_count{ position: absolute; background: #f00; color: #fff; border-radius: 2px; border: 1px solid #fff; padding: 1px 5px; font-size: 11px; top: -11px; right: 4px; line-height: 15px; } .mo_breadcrumb{ /*overflow: hidden;*/ margin-bottom:10px; } .mo_breadcrumb:after { clear: both; content: ''; display: block; } .user-idx-item{ position: relative; } .add_people,.add_people:hover{ background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 3px; bottom: 0; color: #000; display: block; font-family: roboto-bold; font-size: 14px; font-weight: normal; height: 31px; left: 0; line-height: 31px; margin: 10px; overflow: hidden; padding: 0; position: relative; right: 0; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .add_people i { color:#7d7d7d; } .notify_content ul, .menu_top_list, .form_content ul, .list_block{ list-style: none; padding: 0; } ul.menu-list li:active, ul.menu-list li:hover, ul.menu_top_list li:hover{ background:#f1f1f1; } ul.menu-list li.cat-header:hover{ background:none; } ul.menu-list li:hover a, ul.menu_top_list li:hover a { color: #247BBA; } .menu_acc_content .dropdown-menu{ margin: 0; } .header_h2{ font-size:15px; color:#000; } .info_recent_like_item{ padding-bottom: 10px; color:#000; font-size:13px; } .info_recent_like_item + .info_recent_like_item{ border-top: 1px solid #e8e8e8; padding-top:10px } .info_recent_like_item .title-item{ margin-bottom:5px; } .view-all-bottom{ clear:both; } .p_2{ padding: 2px; } .p_l_2{ padding: 0 2px; } .img_list_mobile{ width: 140px; } .list-item-info{ margin-left:160px; } .list-item-description{ font-size:12px; color:#000; } .extra_info{ font-size:12px !important; color:#999 !important; padding:5px 0; font-family: roboto-regular !important; } #page_videos-view .extra_info ,#page_videos-view .extra_info > a{ clear: both; color: #000 !important; font-family: roboto-regular !important; font-size: 12px !important; padding: 5px 0; } .create_form label{ font-size:12px; float:none; } .create_form .form_content{ padding: 20px; } .form_content .mce-tinymce{ width:96%!important; padding:0 2%; } .create_form .form_content #editor_ifr{ height:150px!important; width:100%; overflow:auto; } .create_form_ajax .form_content li, .create_form .form_content li{ margin-bottom:10px; position:relative; } .create_form_ajax .form_content input[type="text"], .create_form_ajax .form_content select, .create_form_ajax .form_content input[type="password"], .create_form_ajax .form_content textarea, .create_form input[type="text"], .create_form select, .create_form input[type="password"], .create_form textarea{ width:100%; border-radius: 2px; resize:none; } .topic_attached_file{ margin: 10px 0; } .date i.icon-comments-alt{ font-size: 16px; } #header_content > div{ background:#fff; margin-bottom: 10px; } #leftnav .list_block img, #right .list_block img{ height: auto!important; } .list_block{ margin-bottom: 0; } .p_5{ padding:5px; } .p_15{ padding:15px; } form#filters li div[class^='col-sm'] { float: none; width: 100%; } form#filters input[type="text"], form#filters select, form#filters textarea{ width:100%; resize:none; } form#filters .multiSelect{ padding: 4px 6px 5px 6px!important; height: 29px; } .list6 li:after { content: ''; display: block; clear: both; } .header-list li a{ padding: 4px 7px; } .qq-uploader .icon-camera{ color: #999; font-size: 16px; margin-right: 0; display: inline-block; vertical-align: middle; padding-bottom: 8px; } .title-modal{ font-size: 16px; font-weight: bold; background: #F4F4F4; padding: 15px; border-radius: 4px 4px 0 0; } .modal-dialog, .modal-content{ border-radius: 2px; } #addFriendForm textarea{ width: 100%; resize: none; } .modal-body{ padding:15px 30px; } .create_form .list6 li{ position: relative; } #sendMessage, #reportForm, #sendInvite{ text-align: left; } .online-stt{ background: #5ccf8d none repeat scroll 0 0; border: 1px solid #fff; border-radius: 50%; bottom: 0; display: inline-block; height: 15px; left: auto; position: relative; vertical-align: top; width: 15px; } .logo-default a{ display: inline-block; height: 50px; line-height: 42px; } .logo-default a img{ max-height: 55px; vertical-align: middle; } ul.token-input-list{ width: 100%!important; } .copyright { text-align: center !important; } .text-description{ padding:5px 0; } #loginForm{ padding: 10px; background: #f7f7f7 none repeat scroll 0 0; } .register_main_form .control-label{ text-align: left; font-weight: normal; } .form-horizontal .form-group{ margin-left: 0; margin-right: 0; } #submitFormsignup,#step2Submit,#step1Submit{ height: 40px; line-height: 38px; font-size: 15px; padding: 0 52px!important; text-transform: uppercase; } .custom-register li div .multi{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #e8e8e8; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .custom-register li label{ font-weight:normal; } .form-control{ border-radius: 2px; } .register_main_form .checkbox label{ margin-right: 20px; } .register_social_form{ margin:35px 0; } .register_social_form .center-login-text{ margin-bottom:22px; } .edit-profile-section .custom-field .col-sm-3{ /*width: 33.33333333%;*/ } .edit-profile-section .custom-field .col-sm-9{ /*width: 66.66666667%;*/ } .modal-content{ border:none!important; box-shadow:none!important; } .thum_activity{ float: left; } .activity_left{ max-height:150px; overflow:hidden; float: left; width: 150px; } .activity_left img{ max-height: 150px; } .activity_right { overflow: hidden; /*padding-top: 24px;*/ /*height: 150px;*/ /*background: #F5F5F5;*/ padding: 5px 10px; } .activity_header a{ color: #427fed; font-family: roboto-regular; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .feed_title { color: #427fed; font-family: roboto-regular; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .activity_header a{ display:block; } .list2 li.separate{ border-top: 1px solid #e8e8e8; margin: 10px 0; } .cat-header{ padding: 5px; text-transform: uppercase; font-size: 11px; } li.sub-cat { margin-left: 15px; } #filters input[type="text"]{ width:100%; } .menu_acc_content a,.menu_acc_content a:hover{ color:#fff; text-decoration:none; } .fSignInWrapper a{ color:#fff; text-decoration: none; } .search-friend .form-group label, .search-friend .form-group div.col-sm-9, .search-friend .form-group div.col-sm-3{ float: none; width: 100%; } .inner404{ text-align:center; } .inner404{ padding:40px 0; font-size:18px; } .inner404 h2{ font-size:22px; color:#000; } .inner404 h2 span{ font-size:40px; } [class^="captcha-icon-"]{ background-image: url(../img/icons-capcha.png); background-repeat: no-repeat; display: block; width: 20px; height: 18px; } .captcha-icon-reload{ background-position: -3px -1px; } .captcha-icon-help{ background-position: -21px -1px; } .captcha-icon-audio { background-position: -41px -1px; } .captcha-content{ position: relative; padding-right: 148px; overflow: hidden; } .hideshare-wrap li{ display: inline-block; padding-bottom: 0; } .hideshare-wrap li a{ display: block; background-image: url("../img/social-icons.png"); background-repeat: no-repeat; width: 25px; height: 23px; text-indent: -9999px; } .hideshare-wrap li a.twitter{ background-position: -23px 0; } .hideshare-wrap li a.pinterest{ background-position: -46px 0; } .hideshare-wrap li a.googleplus{ background-position: -68px 0; } .hideshare-wrap{ margin-top:5px; } .slHide { display:none !important; } .fb_iframe_widget iframe, .fb_iframe_widget > span, .fb_iframe_widget{ width: 100%!important; } .ava-upload .qq-upload-drop-area span,.ava-upload .upload-section{ font-size: 13px; } .qq-upload-drop-area span{ text-indent: -99999px; } .comment_message .title-link{ font-size: 16px; } .mce-tab{ /*height:32px!important;*/ } form#createForm{ text-align: left; } .m_l_2{ margin-left: 2px; } /*Recently join*/ .box-friend ul li img, .box_featured_user ul li img, .box_online_user ul li img, .box_recently_join ul li img{ width: 59px!important; height:59px!important; } .box-friend ul li, .box_featured_user ul li, .box_online_user ul li, .box_recently_join ul li{ display: block; padding:2px; float: left; } /*Popular Album*/ #simpleModal .simple-modal-footer{ padding: 0 30px 15px; } #simpleModal .simple-modal-footer a{ margin-right: 10px; } .jcrop-keymgr{ visibility: hidden; } #conversation_list ul li a:hover{ text-decoration: none; } .users_list, .hideshare-wrap, .share-menu{ list-style: none; padding-left: 0; } body.maintenance-page{ padding-top:0; } .container{ margin-right: auto; margin-left: auto; } .maintenance-page #loginForm{ display: none; width: 250px; padding: 10px; top: 50px; } .maintenance-page #loginForm input[type='email'], .maintenance-page #loginForm input[type='password']{ margin-bottom: 10px; height: 35px; border-radius: 2px; width: 100%; box-sizing: border-box; } .maintenance-page .logo-default a img{ padding-top:11px; } #regForm #birthdayMonth, #regForm #birthdayDay, #regForm #birthdayYear { width:100%; } .loginPage{ margin-bottom:15px; } #UserIndexForm .input.password, #UserIndexForm .input.text{ margin-bottom:10px; } .box_login .login-remember{ margin-top: 8px; } .box_login .row.p_top_15{ margin-top: 20px; clear: both; text-align: left; clear:both; } .loginPage div.input.text{ margin-bottom:10px; } .signup-block .register_main_form, .signup-block #signUpForm{ border:none; } .signup-block .fSignInWrapper{ width: 200px; } .signup-block{ padding:0!important; } .signup-block #signUpForm{ margin-bottom:0; } ul.list4.albums:after { display: block; content: ''; clear: both; } .ava_content{ width: 286px; text-align: center; margin:0 auto; } #footer{ clear:both; } ul.form_content { list-style:none; } .signup-block, .check-home, .profilePage{ margin-bottom:14px; } .signup-block{ margin:0 7px 14px; } .resetpass{ max-width:600px; margin:0 auto; } .photo-birthday{ float: left; padding-right: 4px; } .m_l_50{ margin-left:50px; } .m_l_60{ margin-left:60px; } .appphoto_margin{ margin-right:10px; width:200px; } .wall_upload_image{ margin-right:20px; width:150px; padding:2px } .addthis_button img{ border:none; } .friend-request-table{ padding:10px; background-color:#fff; border-left:none; border-right:none; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .m_b_10{ margin-bottom:10px; } .m_t_10{ margin: 10px 0 0 0px; } .image_width_lighbox{ width:13px; } .tag_thumb_topic{ width:140px; float:left; margin-right: 20px; } .admin-edit-user-ava{ float:right; line-height:1.5; } .user_ava_image{ display: inline-block; vertical-align: top; margin: 0 10px 10px 0; } .share_commentButton{ overflow:hidden; display:none; margin: 5px 0px 0px; } .p_relative{ position:relative } .m_t_30{ margin-top: 30px; } .album_view_des{ margin:5px 0 15px 0; } .m_t_5{ margin-top:5px; } .m_t_2{ margin-top:2px; } .m_l_r_20{ margin:20px 0; } .m_t_0{ margin-top:0; } .m_b_5{ margin-bottom: 5px; } .tag_content{ margin:5px 0; } .profile-edit-message{ display:none; margin:5px 0 0; } .no_border{ border:none; } .comment_form_submit{ text-align:right; display:none; margin-top:5px } .minheight_offline{ min-height: 50px; } .error_color{ color:red; } .white_color{ color:#fff; } .p_l_r_4{ padding:0 4px; } .header_profile_info{ background:none; padding:0; } .notification_item{ line-height:1.5; color:#999999; } .p_0{ padding:0; } .f_15{ font-size: 15px; } .m_l_r_5{ margin:5px 0; } .m_l_r_10{ margin:10px 0; } .no_display{ display:none; } .edit_photo_avatar_modal{ display: inline-block; vertical-align: top; margin: 0 10px 10px 0; } .p_l_60{ padding-left:60px; } .birthday-post{ margin-bottom:3px; border:1px solid #e8e8e8; } .p_l_5{ padding-left:5px; } .m_t_20{ margin-top:20px; } #list-content li { position: relative; } ul#list-content:after { display: block; content: ''; clear: both; } #mapmodals label { width: auto!important; display:inline!important; } #mapmodals img { max-width: none!important; } html, body, #map-canvas { margin: 0; padding: 0; height: 100%; } #map-canvas { width:100%; height: 300px; } .user_avatar_large{ width:50px; height:50px; border-radius: 50%; } .user_avatar_small{ width:30px; height:30px; } .m_t_30{ text-align:center; } .list-item-region .thumb_100{ height:auto; } .users_list{ overflow:hidden; } .m_left_60{ margin-left:60px; } #notifications_list .delete-icon { top: 2px; right: 6px; position: absolute; display:none; } #notifications_list li:hover .delete-icon { display:block; } #commentForm{ overflow:hidden; } .conversations-comment #commentForm { overflow: visible; } h4.modal-title{ border-top:none; } .no-liststyle{ list-style: none; } button.close{ font-size: 16px; font-weight: bold; height: 30px; position: absolute; right: 0; text-align: right; top: 10px; width: auto; } button#closeMenuMain{ left: 0; top: 0; right: 0; width: 100%; bottom: 0; } button#closeMenuMain span{ display: block; padding: 11px; } .title-modal{ position:relative; } .picker { top: 0 !important; } .picker--opened .picker__frame { top: 0; bottom: 0; right: 0; left: 0; margin: auto; } body.modal-open-noscroll { margin-right: 0!important; overflow: hidden; position:relative; position: fixed; left: 0px; right: 0px; } .modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0!important; } .users_list li.view-more{ display:block; } .list-text-info .title{ font-size: 16px; display: block; font-weight: bold; overflow: hidden; } .list-text-info .like-section{ float: left; margin-top: 10px; } .list-text-info{ margin-left: 160px!important; } .list-text-info .comment_message{ margin-top:10px; } .message_text{ margin-bottom:10px; } .m_l_60{ margin-left:60px; } .list_option{ position: absolute; right: 16px; top: 16px; } .list_option button{ border: 1px solid #e8e8e8; padding: 1px 3px; background: #fff; box-shadow: none; color: #ccc; font-size: 12px; line-height: 0; } .video-detail-action .list_option button{ background: #ebebeb none repeat scroll 0 0; border: 1px solid #e8e8e8; box-shadow: none; color: #ccc; font-size: 12px; height: 30px; line-height: 0; padding: 0; width: 30px; } .seperate{ padding: 0; height: 1px; border-bottom: 1px solid #e8e8e8; margin-bottom: 5px; padding-top: 5px!important; } .list_option .dropdown-menu{ right: 0; left: auto; border-radius: 0px; padding-top:0; padding-bottom:0; } .list_option ul li{ padding:0; margin-bottom:0; float:none; } .list_option ul li a{ padding:5px 10px; font-size:12px; } .comment_wrapper > li + li .list_option{ top:15px; } .post_body{ position:relative; } .post_content{ font-size:13px; margin-bottom:15px; overflow:hidden; } .header-list{ position:relative; } /*Search people*/ .box2.search-friend .box_content{ padding: 0 15px 15px; } .box2.search-friend .box_content .btn-action{ background: #427fed; } /*Language box*/ .box2.languagebox .box_content{ padding:10px; } .languagebox ul{ list-style:none; padding:0; margin-bottom: 0; } .p_10{ padding:10px; } .post_content * { max-width: 100%; } .box2.noTite-box .box_content{ padding:10px; } /*Popular topic*/ .topic_block .topic_info{ margin-left:80px; } .topic_info .title a{ font-size: 13px; font-weight: bold; display: block; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .album_info .date a{ display:inline-block; font-size:11px; } /*People You may know*/ .suggestion_block ul li{ position:relative; } .suggestion_block ul li > a > img{ width:70px; height:70px; float:left; } .suggestion_block ul li{ padding-bottom:5px; } .suggestion_block ul li .people_info{ margin-left:80px; } .suggestion_block ul li .people_info .request_add_friend{ position:absolute; bottom:3px; } .comment_message img { max-width: 100%; height: auto; } .post_body .mo_breadcrumb h1{ padding-right: 35px; word-wrap: break-word; float: none; overflow:hidden; } .likes .list_block li { display: inline-block; } .mo_breadcrumb h1, .post_body.album_view_detail .mo_breadcrumb h1{ word-wrap: break-word; padding-right: 0; float: left; overflow:hidden; } div#wall_photo_preview span { display: inline-block; width: 65px; height: 65px; background-size: cover; background-position: center center; border: 1px solid #e8e8e8; margin: 0 2px; position: relative; vertical-align: top; cursor: pointer; } #wall_photo_preview{ clear: both; overflow: hidden; overflow-x: auto; white-space: nowrap; padding-top:10px; } div#wall_photo_preview > span > a { position: absolute; right: 2px; top: 1px; display:none; } div#wall_photo_preview > span:hover > a{ display:block; } div#wall_photo_preview span.addMoreImage{ line-height: 62px; text-align: center; } .addMoreImage .icon-plus{ font-size: 27px; color: #929292; } .comment_wrapper > li{ position:relative; } .comment_wrapper li li .comment{ position:relative; } .commentButton .qq-uploader{ position:static; } .commentButton .qq-uploader{ position: absolute; width: auto; top: 1px; right: 0; border: none; background: none; } .commentButton .qq-upload-button{ background: none; border: none; } .commentButton [id^='comment_button_attach_']{ } .commentButton{ float:right; } [id^='comment_preview_image_']{ margin-top: 6px; } [id^='comment_preview_image_'] >span{ display: inline-block; width: 100px; height: 100px; background-size: cover; border: 1px solid #e8e8e8; position:relative; } [id^='comment_preview_image_'] >span > a{ position: absolute; right: 0; } .comment_thumb img{ border: 1px solid #e8e8e8; max-height: 200px; margin: 5px 0; } #display-suggestion{ position: absolute; width: 100% ; background: #fff; left: 0; list-style: none; padding: 0; z-index: 2; border: 1px solid #e8e8e8; box-shadow:1px 1px 2px rgba(0,0,0,0.2),-1px -1px 2px rgba(0,0,0,0.2); } .global-search #display-suggestion{ position: relative; display: none; } .global-search .slimScrollDiv{ display: none; } #display-suggestion li{ overflow:hidden; text-align: left; padding: 5px; } #display-suggestion li:hover{ background:#f1f1f1; } ul#display-suggestion li + li { border-top: 1px solid #e8e8e8; } ul#display-suggestion li > a.attached-image .global-search input{ float: left; width: 50px; } ul#display-suggestion li > div{ margin-left:60px; min-height:50px; } #display-suggestion li a.attached-image{ float:left; } #display-suggestion li a:hover{ text-decoration: none; } span.header { line-height: 50px; } .comment_message * { max-width: 100%; } .comment_message:after { display: block; content: ''; /*clear: both;*/ } .tag_right{ margin-left:150px; } .tag_right a { font-weight: bold; font-size: 15px; } .m_d_7{ margin-left:-7px; margin-right:-7px; } .suggestion-user > a > img{ float: left; } .suggest-right, .suggestion-user > a > span{ margin-left: 57px; color: #000; font-weight: bold; display: block; } ul#display-suggestion li.header-filter{ font-size:11px; } ul#display-suggestion li.header-filter a{ color:#333; text-align:right; } #display-suggestion li.header-filter.viewall a{ color:#000; font-size:12px; text-align:center; } .notification_content{ margin-left: 55px; margin-right: 35px; } .mark_section { margin-right: 20px; } .suggest_more_info{ font-size:12px; color:#ACACAC; font-weight: normal; } .suggest-right .suggest_name{ font-size: 15px; font-weight: bold; color: #000; font-style:normal; } .info-home-name a{ color:#000; } #search-content{ background:#fff; padding:10px; } .search-more{ border:none!important; } #center .user-list-index { width:20%; padding: 0 8px; float:left; margin-bottom: 10px; } #center .activity_friend_add .user-list-index:last-child { padding:0 ; } #center .activity_friend_add .user-list-index { width:40%; padding:0 10px 0 0 !important; } .activity_friend_add .user-list-info { height: 110px; margin: 0; padding: 5px 0 10px; } #center.col-md-6 .user-list-index{ width: 25%; float:left; } .suggestion_block ul li{ padding-bottom: 5px; border-bottom: 1px solid #e8e8e8; padding-top: 5px; } .suggestion_block ul li .people_info .request_add_friend { position: absolute; bottom: 15px; } .suggestion_block ul li .people_info { margin-left: 80px; padding-top: 5px; } .like_count{ padding-top: 5px; font-size: 11px; color: #888; } .wall_link img{ width:100%; } .search-list-filter{ list-style:none; padding:0; } #search-content > h2{ color: #000; float: left; font-family: roboto-bold; font-size: 20px; margin-top: 20px; } #search-content .search-more{ float: right; margin-top: 20px; } .attending_block ul li, .waiting_attending_block ul li { display: inline-block; margin: 2px; } #page_pages-display img, #page_pages-display iframe{ max-width: 99%; } #avatar_wrapper > img{ max-width: 100%!important; } .mutual-friend ul.list_block li{ display: inline-block; margin: 2px; } .list6:after { display: block; content: ''; clear: both; } .user_mini .user-info{ margin-left: 60px; } #list-content{ list-style:none; padding:0; margin:0; } #list-content.slFeedPlus{ /* -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-fill: balance; -moz-column-fill: balance; -webkit-column-fill: balance;*/ } /*menu footer*/ #footer { text-align: left; padding: 0; } #footer .foot_round { padding:10px; } #footer ul.navbar-nav{ border-top: 1px solid #e8e8e8 !important; border-bottom: 1px solid #e8e8e8 !important; float: none; margin: 0; padding: 10px; text-align: left; } #footer ul.navbar-nav > li{ float:none; display: inline-block; border:none; } #footer ul.navbar-nav > li > span, #footer ul.navbar-nav > li > a{ color: #888; font-size: 11px; height: auto; line-height: 20px; padding: 0 5px !important; } #footer ul.navbar-nav > li + li > span:before, #footer ul.navbar-nav > li + li > a:before { content: '.'; display: inline-block; padding-right: 7px; padding-right: 7px; } span.date { color: #888; font-size: 11px; padding-top: 5px; text-decoration: none; } a.footer_a + a , a.footer_a { color: #888; font-size: 11px; } /*#list-content [id^='activity_'] { width:50%; }*/ #logo_default { display: block; text-decoration: none; width: 75px; height: 47px; background: url(../img/logo.png) no-repeat center left; font-size: 0px; } body { background:#f7f7f7 none repeat scroll 0 0; } .slFeedLeft { width:50%; float:left; position:relative; overflow:hidden; padding-right: 8px; clear:left; } .slFeedRight { width:50%; float:none; position:relative; overflow:hidden; padding-left: 8px; top: 0; transition: top 0.15s ease 0s; } .feed_main_info { padding: 10px; } .feed_comment_info > .date { padding: 0 10px 15px; } .activity_left { float: none; max-height: 150px; overflow: hidden; width: 100%; } .bgImage.activity_left { float: none; height: auto; max-height: none; position: relative; width: 100%; } .bgImage.activity_left .thum_activity { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; float: none; height: 0; min-height: 0; padding-bottom: 56.25%; width: 100%; } .event_feed_image { float: none; height: 150px; width: 100%; } .activity_left img { height: auto; max-height: none; width: 100%; max-width: none; } .btn-action , .btn-action:hover{ background-color: #53a93f; color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; padding: 0 15px !important; } .wall-post-action .btn-action { height: 30px; line-height: 30px; } .like-action > a:not(.slcommentCount) , .feed_comment_info > .date > a:not(.slcommentCount) { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 3px; display: inline-block; height: 31px; text-align: center; width: 38px; padding:0; } .like-action > a > i , .feed_comment_info .date > a > i { color: #c0c0c0; font-size: 16px !important; height: 28px; line-height: 28px; margin-left: 0; } .like-action > a.active , .feed_comment_info .date > a.active { background:#dd4b39; border: 1px solid #dd4b39; } .like-action > a.active > i , .feed_comment_info .date > a.active > i { color:#fff; } .activity_text > a { color: #000; font-family: roboto-bold; font-size: 14px; } .activity_text > a > b { font-family: roboto-bold; font-weight: normal; } .activity_feed_content_text { overflow: visible; } .sl-pencil { display: block; text-decoration: none; width: 10px; height: 10px; background: url(../img/pencil.png) no-repeat center center; } .user-name-info > a > b { font-weight: normal; } .user-name-info > a { color: #000; display: block; font-family: roboto-bold; overflow: hidden; padding: 0 2px 0 5px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .user-list-info .date { color: #000; font-family: roboto-regular; } .blog-info .title { color: #000; display: block; font-family: roboto-bold; font-size: 16px; overflow: hidden; font-weight:normal; } .blog-description-truncate { color: #000; font-family: roboto-light; font-size: 14px; line-height: 1.5; margin: 10px 0 0; word-wrap: break-word; } #page_guest_photos-index #center .content_center , #page_photos-index #center .content_center , #page_guest_blogs-index #center .content_center , #page_guest_videos-index #center .content_center , #page_videos-index #center .content_center , #page_guest_events-index #center .content_center , #page_events-index #center .content_center , #page_guest_groups-index #center .content_center , #page_groups-index #center .content_center , #page_guest_topics-index #center .content_center , #page_topics-index #center .content_center , #page_blogs-index #center .content_center { background:none; border: medium none; border-radius: 5px; margin-bottom: 14px; padding: 0; } #page_guest_users-index #center .mo_breadcrumb , #page_users-index #center .mo_breadcrumb , #page_guest_photos-index #center .mo_breadcrumb , #page_photos-index #center .mo_breadcrumb , #page_guest_blogs-index #center .mo_breadcrumb , #page_guest_videos-index #center .mo_breadcrumb , #page_videos-index #center .mo_breadcrumb , #page_guest_events-index #center .mo_breadcrumb , #page_events-index #center .mo_breadcrumb , #page_guest_groups-index #center .mo_breadcrumb , #page_groups-index #center .mo_breadcrumb , #page_guest_topics-index #center .mo_breadcrumb , #page_topics-index #center .mo_breadcrumb , #page_blogs-index #center .mo_breadcrumb { display: inline-block; width: 100%; } ul.blog-content-list { /* -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-fill: balance; -moz-column-fill: balance; -webkit-column-fill: balance;*/ } ul.blog-content-list > li { /* background:#fff; border:1px solid #e8e8e8 !important; border-radius: 6px; margin-bottom: 15px; padding:0; float:left; width: 50%;*/ /* -webkit-column-break-inside: avoid; Chrome, Safari, Opera page-break-inside: avoid; Firefox break-inside: avoid; IE 10+ -webkit-page-break-before: always; -webkit-page-break-after: avoid; display:inline-block;*/ /*position: static !important;*/ } ul.blog-content-list .img_wrapper2 { float: none; width: 100%; border-radius: 6px 6px 0 0; } ul.blog-content-list .blog-info { margin-left: 0; margin-right: 0; padding: 15px; } ul.blog-content-list .list_option button { background:#fff; } #center .mo_breadcrumb h1 { font-family: roboto-bold; font-size: 20px; font-weight: normal; } .button.button-action.topButton { background: #d73d32 none repeat scroll 0 0; color: #fff; font-family: roboto-bold; font-size: 12px; height: 30px; font-weight: normal; line-height: 30px; } .album_info .sl_photo_name { color: #000; display: block; font-family: roboto-bold; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .album_info .sl_photo_desp { color: #6b6b6b; font-family: roboto-regular; font-size: 12px; padding: 5px 0; } .like-section { margin-top: 20px; /*overflow: hidden;*/ } .like-section .like-action { float: none; /*overflow: hidden;*/ } .like-section .likes { float: right; margin-top: 5px; } .feed-time.date { position:relative; padding:0; color:#868686; margin-top: 2px; font-family: roboto-regular; } .feed-time.date + span { margin-top:10px; margin-bottom:10px; font-size:13px; font-family: roboto-regular; color:#000; display:block; } .comment_message > a > b , .comment > div > a > b , .comment.hasDelLink > div > a > b , .comment.hasDelLink > a > b { font-size:13px; font-family: roboto-bold; color:#000; font-weight:normal; } .sl-thumb-comment { position:absolute; top:-21px; right:23px; } .sl-thumb-comment a { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 3px; display: inline-block; height: 20px; padding: 0; text-align: center; width: 30px; } .sl-thumb-comment a i { color: #c0c0c0; font-size: 11px !important; height: 12px; line-height: 12px; } .sl-thumb-comment a.active { background: #dd4b39 none repeat scroll 0 0; border: 1px solid #dd4b39; } .sl-thumb-comment a.active i { color: #fff; } span.feed-time.date i { margin: 0; vertical-align: middle; } .slPhotoComment .feed-time.date a.comment-thumb i { color: #c0c0c0; font-size: 16px !important; height: 28px; line-height: 28px; } .slPhotoComment .feed-time.date a { display:none; } .slPhotoComment .feed-time.date a.comment-thumb { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #e8e8e8; float:right; border-radius: 3px; display: inline-block; height: 31px; padding: 0; text-align: center; width: 38px; } .slPhotoComment .feed-time.date a.comment-thumb.active i { color: #fff; } .slPhotoComment .feed-time.date a.comment-thumb.active { background: #dd4b39 none repeat scroll 0 0; border: 1px solid #dd4b39; } .slFeedPlus .feed_comment_info > .activity_comments { padding:10px ; } .slCommentInside .feed-time.date{ display:block; } .slCommentInside .sl-thumb-comment{ right:0; } .slFeedPlus .slCommentInside .sl-thumb-comment{ right:23px; } .sl-user_avatar_large { height:30px; width:30px; } .slCommentInside > .comment , .slCommentInside > .comment.hasDelLink { margin-left:38px; } .photo_comments #comments .comment { padding-right: 30px; } #commentForm > a , #commentForm > img , [id^='newComment_'] > img, [id^='newComment_'] > a { display:none; } #commentForm > img + .comment , #commentForm > a + .comment , [id^='newComment_'] > img + .comment , [id^='newComment_'] > a + .comment { margin-left:0 !important; } .video_info > a { color: #000 !important; display: block; font-family: roboto-bold; font-size: 16px !important; font-weight: normal !important; } .topic-content-list > li > a { display:none; } .topic-content-list li .topic-info { margin-left: 0; margin-right: 30px; } .topic-description-truncate { display:none; } .topic-content-list > li { background:#fff; padding:25px 18px; border:1px solid #e8e8e8 !important; margin-bottom:20px; } .topic-content-list li .topic-info .title { color: #4285f4; font-family: roboto-bold; font-size: 18px !important; font-weight: normal !important; overflow: hidden; } .group-content-list li:nth-child(4n+1) { padding: 0 15px 0 0 !important; } .group-content-list li:nth-child(4n+2) { padding: 0 10px 0 5px !important; } .group-content-list li:nth-child(4n+3) { padding: 0 5px 0 10px !important; } .group-content-list li:nth-child(4n+4) { padding: 0 0 0 15px !important; } .group-content-list li:nth-child(4n+1) .list_option { right:32px; } .group-content-list li:nth-child(4n+2) .list_option { right:10px; } .group-content-list li:nth-child(4n+3) .list_option { right: 21px; top: 16px; } .group-content-list li:nth-child(4n+4) .list_option { right:0px; } .group-content-list .list_option .dropdown-menu { border-radius: 0; left: auto; padding-bottom: 0; padding-top: 0; right: 0; } .event_content_list li:nth-child(odd) .list_option { /* right: 8px;*/ } .group-content-list li:nth-child(even) .list_option { right: 26px; top: 16px !important; } .blog-content-list li >.slEventContain , .event_content_list li >.slEventContain , .group-content-list li >.slGroupContain { background:#fff; border:1px solid #e8e8e8 ; } .group-content-list li { width:25%; float:left; margin-bottom: 15px; } ul.group-content-list > li + li { border-top: medium none !important; } .group-content-list li.full_content > a { display: block; height: 210px; width: 100%; } .group-content-list li a > .group-thumb { float: none; height: auto; width: 100%; } .group-content-list .group-info { margin:15px 0 15px 15px; } .group-content-list .group-info a.title > b { color: #000 !important; display: block; font-family: roboto-bold; font-size: 16px !important; font-weight: normal !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-item-description { display:none; } .extra_info.slchangeComment > a { color: #999 !important; font-family: roboto-regular !important; font-size: 12px !important; } .blog-content-list li , .event_content_list li { float: left; margin-bottom: 15px; padding-bottom: 0; padding-top: 0; width: 50%; } .blog-content-list li:nth-child(odd) , .event_content_list li:nth-child(odd) { padding-right: 8px; } .blog-content-list li:nth-child(even) , .event_content_list li:nth-child(even) { padding-left: 8px; } .blog-content-list > li + li , .event_content_list > li + li { border-top: none; padding-top: 0; } .event-list-thumb { float: none; height: 0; min-height: 0; padding-bottom: 56.25%; width: 100%; } .event-info-list { margin-left: 0; margin-right: 0; padding: 20px 10px 20px 20px; } .blog-info .title , .event_content_list .event-info-list a.title > b { color: #000 !important; display: block; font-family: roboto-bold; font-size: 16px !important; font-weight: normal !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .event_content_list .event-info .m_b_5 { color: #000 !important; display: block; font-family: roboto-regular; font-size: 12px !important; font-weight: normal !important; } .event_content_list li .event-info div span > i { color:#000; } .event_content_list li .event-info div span { float: left; width: auto !important; } .event_content_list li .event-info div span + div { line-height: 20px; margin-left: 25px !important; } .event_content_list li + li .list_option { /* top: 0 !important;*/ } #page_blogs-view .mo_breadcrumb > h1 { margin-bottom : 0; } .photo_comments { margin-top: 0; } .photo_comments .bar-content { padding: 0; } .photo_comments .bar-content > div { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 5px; margin-bottom: 14px; padding:20px 40px; } .photo-view-option li { float: left; margin-right: 10px; padding: 2px 0; } .photo-view-option li a { color:#8d8d8d; font-size:12px; font-family:roboto-regular; } .button { height:30px; line-height:30px; } .video-detail { margin-top: 45px; } .video-comment .comment.hasDelLink { margin-right:30px; } .video-comment .comment { margin-right: 0; } .content_center.video-likes { border-left:none; border-right:none; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-radius: 0; margin: 20px 25px; padding: 0; background:none; } .content_center.video-likes .like-section { margin-bottom: 20px; margin-top: 20px; /*overflow: hidden;*/ } .video-comment { background:none; padding:0; border:none; } .video-comment .content_center{ padding:15px 25px; } .video-details.content_center { padding:15px 25px; } .content_center.blog-detail { padding:15px 40px; } .photo-likes , .blog-likes.content_center { border-left:none; border-right:none; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-radius: 0; margin: 20px 0; padding: 0; background:none; } .photo-likes .like-section , .topic-likes.content_center .like-section , .blog-likes.content_center .like-section { margin:20px 0; } .blog-comment .content_center { padding:0; } .topic-likes.content_center { border-left:none; border-right:none; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-radius: 0; margin: 20px 0; padding: 0; background:none; } .topic_creator { padding: 10px !important; } .slEventMenu .info-home-name , .slGroupMenu .info-home-name { font-family: roboto-bold; font-size: 14px; font-weight: 500; margin-bottom: 3px; margin-top: 10px; padding: 0 15px; } #profile-content.group-detail .users_list{ border:none; } .event_rsvp_choose > div { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: roboto-bold; font-size: 14px; margin-bottom: 5px; margin-right: 20px; } .event_rsvp_choose + .btn-action { background-color: #d73d32; } .group-detail >.p_7 , .event-detail >.p_7 { padding: 0px 7px; } .slProfileMenu { height:45px; line-height:45px; background:#fff; width:100%; position: relative; text-align:center; z-index: 1000; } .slProfileMenu ul { /* display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;*/ float: none; height: 45px; margin: 0 auto; } .slProfileMenu ul li , .slProfileMenu ul li:hover { /* float: left;*/ display: inline-block; margin: 0 15px 0 0; background:none; } .slProfileMenu ul li a , .slProfileMenu ul li a:hover { border-bottom: 3px solid #fff; color: #000; display: block; font-family: roboto-regular; font-size: 14px; height: 45px; line-height: 45px; padding: 0 !important; text-decoration: none; white-space: nowrap; } .slProfileMenu ul li.current a { border-bottom: 3px solid #e8e8e8; color: #000; font-family: "roboto-bold"; font-size: 14px; font-weight: normal; } .slProfileMenu ul li a .spinner , .slLeftSearchFixed a .spinner , .slLeftFixedRound .json-view .spinner { left: 50% !important; top: 5px !important; } .slProfileAva #avatar { border-radius: 50%; float: none; height: 85px; margin: 30px auto 10px; width: 85px; } .slProfileAva #avatar img { border-radius: 50%; height: 100%; width: 100%; } .slProfileAva .profile-info-section { margin: 0; min-height: 20px; position: relative; padding: 0; z-index: 10; text-align: center; float: none; } ul.list3.profile_info { margin-top: 0; } .slProfileAva .profile-info-section h1 { color: #fff; font-family: roboto-bold; font-size: 14px; font-weight: normal; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slProfileAva .profile_info { margin-left: 0; text-align: center; position: relative; z-index: 10; } .slProfileAva .profile_info li { color: #fff; display: inline-block; float: none; font-family: roboto-regular; font-size: 12px; max-height: 15px; overflow: hidden; } .slProfileAva .profile_info li span { color: #fff; font-family: roboto-regular; font-size: 12px; } .slProfileAva .section-menu { float: none; margin-right: 0; margin-top: 0; z-index: 1000; text-align: center; width: 100%; position: relative; } .slProfileAva .profile-action .button { margin:0 0 5px; padding:0 10px; float:none; } .slProfileAva .profile-action .button i { color: #000; font-family: roboto-bold; font-size: 12px; font-style: normal; } .btn.button.dropdown-toggle.profile-toogle { padding: 0 10px !important; } .btn.button.dropdown-toggle.profile-toogle > .caret { color:#000; } .btn.button.dropdown-toggle.profile-toogle + .dropdown-menu { left: auto; right: 0; top: -46px; } .profilePage .header_h2 { color: #000; font-family: roboto-bold; font-size: 20px; } .profilePage .header_h2 + ul li label { color: #000; font-family: roboto-bold; font-size: 13px; } .profilePage .header_h2 + ul li { color: #000; font-family: roboto-regular; font-size: 13px; } .profilePage #profile-content .bar-content .content_center { padding: 30px; } /*#search-content li.video-list-index , #search-content li.album-list-index { background: #fff; border: 1px solid #e3e3e3; border-radius: 5px; padding: 0; } #search-content li.video-list-index .item-content , #search-content li.album-list-index .p_2 { padding: 0; }*/ #search-content li.user-list-index .list-content { background: #fff; border: 1px solid #e8e8e8; border-radius: 5px; padding: 0; text-align: center; } .search-more .button { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; color: #000; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; } #search-content .group-content-list li { float: left; margin-bottom: 15px; width: 25%; padding:0 4px !important } #search-content .group-content-list li:nth-child(2n) .list_option , #search-content .group-content-list li:nth-child(2n+1) .list_option { /* right: 4px;*/ } ul.group-content-list > li + li .list_option { /*top: 0;*/ } #feed-type.list7 { /* display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;*/ display: inline-block; float: none; margin: 0 auto; /* width: 320px;*/ } #feed-type.list7 li { margin-right: 35px; } #feed-type.list7 li:last-child { margin-right: 0; } #feed-type.list7 a { display: block; font-size: 14px; height: 60px; font-family: roboto-regular; line-height: 60px; padding: 0 5px !important; color: #000; text-decoration: none; border-bottom: 3px solid #efefef ; } #feed-type.list7 a.current { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #e8e8e8; font-size: 14px; font-family:"roboto-bold"; } #page_home-index .user-list-index .list-content, #page_guest_home-index .user-list-index .list-content , #page_guest_users-view .user-list-index .list-content, #page_users-view .user-list-index .list-content , #page_guest_users-index #center.col-md-9 .user-list-index .list-content, #page_users-index #center.col-md-9 .user-list-index .list-content{ background: #fff ; border: 1px solid #e8e8e8; border-radius: 5px; padding: 0; text-align: center; margin-bottom: 16px; } .album-detail-comment .comment_list .comment { margin-right: 0; padding-right: 0; } .album-detail-comment .comment { margin-right:0; } [class*='sl-icon-'] { display: block; background-image: url(../img/icon.png); background-repeat: no-repeat; vertical-align: text-bottom; } .sl-icon-lefthome { width: 20px !important; height: 20px; background-position: 0px -3px; } .sl-icon-share { width: 20px !important; height: 20px; background-position: -28px -3px; } .sl-icon-user-add { width: 20px !important; height: 20px; background-position: -28px -28px; } .sl-icon-events { width: 20px !important; height: 20px; background-position: -55px -3px; } .sl-icon-group{ width: 20px !important; height: 20px; background-position: -82px -3px; } .sl-icon-blog { width: 20px !important; height: 20px; background-position: -109px -3px; } .sl-icon-picture { background-position: -139px 0; height: 23px; width: 20px !important; } .sl-icon-video{ width: 20px !important; height: 20px; background-position: -165px -3px; } .sl-icon-topic{ width: 20px !important; height: 20px; background-position: 1px -28px; } #home-content .mo_breadcrumb > i { display:none; } #global-search-filters a > i { display:none; } .slEventMenu .mo_breadcrumb , .slGroupMenu .mo_breadcrumb { padding:15px; } .slEventMenu .mo_breadcrumb .button.button-action.topButton.button-mobi-top , .slGroupMenu .mo_breadcrumb .button.button-action.topButton.button-mobi-top { float:left; margin: 0 10px 0 0 } .slEventMenu .mo_breadcrumb .list_option , .slGroupMenu .mo_breadcrumb .list_option { position: relative; right: auto; top: auto; float:left; } .slEventMenu .mo_breadcrumb .list_option button , .slGroupMenu .mo_breadcrumb .list_option button { background: #ebebeb none repeat scroll 0 0; border: 1px solid #e8e8e8; box-shadow: none; color: #ccc; font-size: 12px; height: 30px; line-height: 30px; padding: 0 10px; } .group-infor , .event-information{ padding:15px; } .group-infor .group-info , .group-infor .group-info label , .group-infor .group-info a { font-family:roboto-light; font-size:13px; } .event-information .info li > div , .group-infor .info li > div { padding-left: 90px; } .group-menu-left a > i { display:none; } .event-information label , .event-information div { font-family:roboto-light; font-size:13px; } .event-information .info label { width:90px; } .slProfileMenu li.more , .group-menu-left #browse li.more { display:none; } .slNewAvatar { display: block; position:absolute; bottom:0; width: 100%; } .slNewAvatar .user-info-home { position: relative; width: 100%; } .slNewAvatar .user-info-home > a { bottom: 0; height: auto !important; position: absolute; right: 8px; width: auto !important; } .slNewAvatar .user-info-home .info-home-name { margin-top: 10px; padding: 0 15px 0 0 !important; } .slNewAvatar .user-info-home .info-home-name a { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto !important; } .slFeedPlus .comment_list [id^="comment_"] .comment , .slFeedPlus .comment_list [id^="itemcomment_"] .comment { margin-right: 0; } .headerBox { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); } ul.blog-content-list > li + li { border-top: medium none; padding-top: 0; } ul.blog-content-list > li + li .list_option { /* top: 0;*/ } #photoModal #photo_thumbs { width: auto; } #photoModal div#photo_thumbs li { display: inline-block; float: none; } .photo-theater-comment.sl-thumb-comment { position:relative; right:auto; top:auto; } .photo-theater-comment li a { color: #333; margin-right: 5px; } #theaterComments .comment.hasDelLink { /*margin-right: 30px;*/ } #theaterPhotoCommentForm .user_avatar_large { border-radius: 0; } .slcommentCount { float: right; font-family: roboto-regular; font-weight: normal; height: 30px; line-height: 30px; margin-left: 10px; padding: 0 3px !important; width: auto !important; } .slcommentCount:hover , .slcommentCount:focus{ text-decoration:none; } .profilePage .header_title { display:none; } /*.slEventMenu a.button + .list_option .dropdown-menu , .slGroupMenu a.button + .slGroupEdit .list_option .dropdown-menu { border-radius: 0; left: 0; padding-bottom: 0; padding-top: 0; right: auto; }*/ .slEventMenu .list_option .dropdown-menu , .slGroupMenu .slGroupEdit .list_option .dropdown-menu { border-radius: 0; left: 0; padding-bottom: 0; padding-top: 0; right: auto; } .filter_block > .box_content{ padding: 0 !important; } .filter_block > .box_content > #filters{ border-bottom: 1px solid #e8e8e8; margin: 0 !important; } .filter_block > .box_content > #filters input[type="text"]:focus { box-shadow:none; border:none; outline: none; } .filter_block > .box_content > #filters input[type="text"] { background: white url("../../../img/icons/magnifier_icon.png") no-repeat scroll 10px center; border: medium none; border-radius: 4px; height: 40px; line-height: 40px; padding-left: 35px; width: 100%; } .filter_block > .box_content > #filters + #browse { padding: 16px; } .filter_block > .box_content > #filters + #browse li:hover { background:none; } .filter_block > .box_content > #filters + #browse .cat-header + li:hover , .filter_block > .box_content > #filters + #browse .cat-header + li { margin:5px 0; background:none; } .filter_block > .box_content > #filters + #browse .cat-header { font-family: roboto-bold; font-size: 14px; margin: 0; padding: 0; text-transform: none; } .filter_block > .box_content > #filters + #browse li.current > a { font-weight: bold; } .filter_block > .box_content > #filters + #browse li > a { color: #4285f4; font-family: roboto-light; font-size: 14px; } .box_content.blog_other_entries { padding:0 10px !important } .box_content.blog_other_entries .box2 { margin:0; } .box_content.blog_other_entries .blog-block li { padding:10px 0; } .slSocialIntergration span.icon { background-position: 5px 3px; display: inline-block; height: 40px; vertical-align: middle; width: 50px; } .slSocialIntergration .fSignInWrapper span.icon::after { border-left: 1px solid !important; color: #24314d; content: ""; display: block; height: 22px !important; left: 37px; position: absolute; top: 10px; width: 1px; } .slSocialIntergration #gSignInWrapper span.icon::after { border-left: 1px solid !important; color: #b33b2e; content: ""; display: block; height: 22px !important; left: 41px; position: absolute; top: 19px; width: 1px; } .slSocialIntergration a , .slSocialIntergration a:hover { text-decoration:none; } .profile-more-action li > a { color: #000; font-family: roboto-bold; font-size: 12px; font-style: normal; } .activity_feed_content_text > ul.activity_content > li .activity_left { float: left; max-height: 150px; overflow: hidden; width: 150px; } .activity_feed_content_text > ul.activity_content > li > .activity_item { padding:5px; } #themeModal .modal-body { /*overflow:hidden;*/ } #themeModal .modal-body > .activity_content > li { float: left; margin-bottom: 15px; width: 50%; } #themeModal .modal-body > .activity_content > li:nth-child(odd) { padding-right:15px; } #themeModal .modal-body > .activity_content > li:nth-child(even) { padding-left:15px; } #themeModal .modal-body > .activity_content > li .feed_title { color: #000 !important; display: block; font-family: roboto-bold; font-size: 14px !important; font-weight: normal !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #themeModal .modal-body > .activity_content > li .feed_title + .feed_detail_text { color: #000; display: block; font-size: 13px; font-weight: normal; min-height: 90px; } #UserMemberLoginForm .slSocialIntergration #customBtn { margin: 0 auto; position: relative; width: 70%; } #UserMemberLoginForm .slSocialIntergration #gSignInWrapper span.icon::after { border-left: 1px solid !important; color: #b33b2e; content: ""; display: block; height: 22px !important; left: 41px; position: absolute; top: 9px; width: 1px; } .profilePage .clear{ text-align:center; } .box_content.box_featured_user { padding: 6px !important; } .category_header { color: #4285f4; font-family: roboto-light; font-size: 14px; } .edit-profile-section input.btn.btn-action { background-color: #4285f4; color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; padding: 0 !important; width: 87px; } #page_users-password .edit-profile-section input.btn.btn-action { width: 120px; } button.save-avatar , #inviteButton { /*background-color: #4285f4;*/ color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; } #page_home-contact form ul.form_content .submit input.button.button-action , #page_guest_home-contact form ul.form_content .submit input.button.button-action { background-color: #4285f4; color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; } #page_guest_users-recover #leftnav , #page_users-recover #leftnav , #page_guest_pages-display #leftnav , #page_pages-display #leftnav { display:none !important; } .title_center.p_m_10 { overflow: hidden; } .slProfileTitle { color: #3e3e3e; font-size: 22px; font-weight: 300; margin-top: 0; clear: both; display: none; } [id^='cat_']:not(.sub-cat) > a { padding:4px 5px 4px 0; margin-left: 0; } .slroundTextfeed { float: left; width: 50%; padding-right:8px; } .album-list-index .list_option, .box-tagged-photo .list_option, .photo-albums .list_option { right: 16px; top: 13px; z-index: 10; } .video-description.truncate { font-family: roboto-light; font-size: 14px; line-height: 15px; max-height: 150px; overflow: hidden; } .activity_comments li[id^="comment_"] .comment { margin-right: 0; } .no-feed { clear: left; } .blog_other_entries .box2 .box_content { padding:0; } .blog-owner .box_content { padding:0 !important; } .topic_creator .user-info a > b , .blog-owner .box_content li a > b { color: #4285f4; } .topic_creator [id^='addFriend_'] , #blogAddFriend { color: #4285f4; } .cover_bg_profile { width:100%; height:250px; background-repeat: no-repeat; background-size: cover; } #page_guest_home-index .user-list-info , #page_guest_users-index .user-list-info { height: auto; margin-bottom: 10px; margin-top: 5px; } .slNewAvatar .user-info-home > a > i { color: #fff; } .photo-theater-comment.sl-thumb-comment a.slcommentCount { background:none; border:none; color:#6e6d6e; height:20px; line-height:20px; } .event_block_list li .event_info { margin-left: 85px; } .bg_cover{ display: block; background: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .8))); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); /* z-index: 1; */ height: 115px; width: 100%; top:0; position: absolute; } #photo_wrapper { margin-top: 7px; } .event-detail-thumb { background-repeat: no-repeat; background-size: cover; height: 250px; margin-bottom: 5px; width: 100%; } .group-member [id^='member_'].user-list-index { height: auto; } .group-member [id^='member_'].user-list-index .user-list-info { margin-top: 5px; height: auto; margin-bottom: 10px; } #errorMessage { text-align: left; } .likeCountComment .slcommentCount { float: left; color: #6e6d6e; margin-left: 0; } .likeCountComment > span:nth-child(2) { margin-right: 5px; } .likeCountComment > span { color: #6e6d6e; font-family: roboto-regular; font-weight: normal; } #themeModal .users_list.user-like li { float: none; margin: 0 0 10px !important; padding: 0 !important; width: 100%; } #themeModal .users_list .user-list-index:last-child .list-content { border:none; } #themeModal .users_list .user-list-index .list-content { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #e8e8e8; border-radius: 0; margin: 0; padding: 10px 0; } #themeModal .users_list .user-list-index .list-content .user-idx-item { float: left; position: relative; width: 56px; } #themeModal .users_list .user-list-index .list-content .user-list-info .user-name-info > a { padding: 0 2px 0 20px; text-align: left; } #themeModal .users_list .user-list-index .list-content .user-list-info > div { text-align: left; } #themeModal .users_list .user-list-index .list-content .user-list-info .date { padding-left: 20px; text-align: left; } #themeModal .users_list .user-list-index .list-content .user-list-info { height: auto; margin-top: 0; } .tip { margin-left: 10px; } label > a.tip { margin-left: 0px; } .comment.hasDelLink > .comment_message > a , .comment.hasDelLink > a { display: inline-block; /*margin-right: 100px;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .btn-no { border:none; } .slGroupContain .list_option li , .slEventContain .list_option li { padding: 0 !important; position: relative; width: 100%; } .comment.hasDelLink [id^='item_comment_edit_'] ~ span.feed-time .sl-thumb-comment { top: 0; } .comment.hasDelLink [id^='item_comment_edit_'] ~ span.feed-time { display:none !important; } .comment.hasDelLink [id^='item_comment_edit_'] [id^="message_item_comment_edit_"] { margin-top: 0; } .comment.hasDelLink [id^='item_comment_edit_'] .qq-uploader { top: 0; } .like-section .likeCountComment { display: inline-block; float: right; overflow: hidden; vertical-align: middle; } .index-btn-wrapper { display: block; overflow: hidden; width: 100%; margin-bottom: 10px; } .event_feed_image .event-date , .event-list-thumb .event-date { display:none; } .bodyScrolling #display-suggestion { display:none; } .comment_wrapper [id^="itemcomment_"] .comment { /*margin-right: 30px;*/ } .slcommentCount > span + span { margin-left:5px; } .likeCountComment a{ color:#868686; } #page_share-ajax_share{ height:auto; } li.slCommentInside:first-child { margin-top: 15px; } #page_share-ajax_share .userTagged{ z-index:2; bottom: -3px; } .people_info > div > a > b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .likeCountComment + .likes { margin-right: 20px; margin-top: 7px; } .like-wrap .likeCountComment + .likes { margin-right: 0; } .shareFeedBtn.slcommentCount i { vertical-align: middle; } body#page_guest_home-index { /* background-image: url("../img/bg_landing.png"); background-position: center center; background-repeat: no-repeat; background-size: cover;*/ } body#page_guest_home-index .user_register_intro > h1 { color: #fff; } body#page_guest_home-index .signup_more { color: #fff; } /*body#page_guest_home-index .user_register_intro h1 span { color: #ff4800; }*/ #browse.list2.menu-list { padding: 10px 10px 0; } /*#home-content .user_list.thumb_mobile { width: 150px; }*/ .dropdown-user-box > i { color: #000; vertical-align: middle; } .album_info a { display: block; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul.group-content-list > li { border-top: medium none; } #main_menu i { margin-right: 5px; } .slProfileMenu li a .badge_counter , .slProfileMenu li a i { display: none !important; } .feed_comment_info > .activity_comments > li > .comment > .emoji-toggle { top: 4px; } .emoji-toggle-main { top: auto; bottom: 25px; padding: 2px; } #status_box .emoji-toggle-main { top: 0; bottom: auto; } .markMsgStatus { padding-top: 0 !important; } .initSlimScroll .markMsgStatus { padding-top: 4px !important; } #conversation_list > li > a, #notifications_list > li > a { padding: 7px 60px 7px 10px; } #theaterPhotoCommentForm .emoji-toggle-popup { left: -20px; top: 165px; } .sl-thumb-comment .reaction-options .react-btn { width: auto; padding: 0 5px; } #theaterComments .comment > div[id^="item_comment_edit_"] > .emoji-toggle , #comments .comment > div[id^="item_comment_edit_"] > .emoji-toggle { right: 32px; top: 2px; } [id^="item_comment_edit_"] textarea { padding-right: 65px; } .activity_comments .emoji-toggle-list li { margin-bottom: 0; padding:2px 1px 0; } .activity_comments .emoji-toggle-main { padding: 2px; } .feeling-table-select { table-layout: fixed; } td.feeling-lvl-2.choose { white-space: normal !important; padding-right: 20px !important; } li.slide .comment.hasDelLink > a { margin-right: 0; vertical-align: middle; } .slmooPlusRound .sl-thumb-comment .reacts { /*left: -50px;*/ } .photo_on_theater .photo_left .comment-reaction-options .reacts { /*transform: scale(0.6) translate(-90%, 0);*/ } #theaterComments [id^="item_comment_edit_"] textarea { padding-right: 65px; } #theaterComments [id*="_comment_edit_"] .qq-uploader { position: absolute; top: -1px; right: 2px; width: 25px; } .content_comment #commentForm { overflow: visible; } .blog-content-list .blog-info .slchangeComment .reaction-review { display: inline-block; margin: 0 5px; } ul.blog-content-list > li { padding-bottom: 0; border-top: none; padding-top: 0; } .event_content_list > li { border-top: none; } .checkin-container .col-md-2 { width: 35%; } .checkin-container .col-md-10 { width: 65%; } #theaterComments.list6 li { padding-bottom: 0; } .feed_main_info .activity_feed_content_text .emoji-toggle-main { top: 0; bottom: auto; } .emoji-toggle-list li { padding: 0; } ul#theaterComments .slCommentInside:first-child .emoji-toggle-main { top: 0; bottom: auto; } .stt-action .wall-post-action { position: relative; right: 0; top: 6px; } .photo_on_theater .sl-thumb-comment a.bookmarkItem { width: auto; } .like-section .like-action a.bookmarkItem { height: 30px; line-height: 30px; margin-left: 10px; } #profile-content.group-detail > .bar-content.full_content > .content_center > .post_body > .mo_breadcrumb { margin-right: 25px; } #profile-content.group-detail > .bar-content.full_content > .content_center > .post_body .list_option { position: absolute; right: 0; top: 0; } .photo-theater-comment.sl-thumb-comment a.bookmarkItem.active { background: none !important; border: none !important; } .slFeedPlus .comment > .gif_holder .gif_form_content_hoder { top: auto; bottom: 38px; } .slFeedPlus .comment > .gif_holder .gif_form_content_hoder:before { top: auto; right: 0px; bottom: -13px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .photo-theater-comment.sl-thumb-comment .pull-left + .pull-right { /*float: left !important;*/ } body[id^='page_guest_business'] #right .box2 .box_content , body[id^='page_guest_business'] #leftnav .box2 .box_content , body[id^='page_business'] #right .box2 .box_content , body[id^='page_business'] #leftnav .box2 .box_content{ padding: 16px !important; } .activity_feed_content_text .comment_message { margin-right: 0; } #checkin_item_type { width: 25% !important; } input#checkin_place{ width: 75% !important; } .section-menu > a { display: inline-block; vertical-align: middle; margin-bottom: 5px; height: 30px; line-height: 30px; } .section-menu .profile-action.dropdown { display: inline-block; vertical-align: middle; margin-bottom: 5px; height: 30px; line-height: 30px; } .section-menu > a i.hidden-xs.hidden-sm { vertical-align: middle; margin: 0; height: 30px; color: #000; font-family: roboto-bold; font-size: 12px; font-style: normal; line-height: 30px; } .bookmark-list a.btn.btn-action.btn-bookmark-detail { color: #6e6d6e !important; width: auto !important; } .section-menu > a.p-role-badge img.icon-role-badge { height: 20px; } ul.photo-theater-comment > li > a i { vertical-align: middle; margin: 0; } .bookmark-content .bookmark-list { overflow: hidden; } .new-event-hook ul { list-style-type: none; padding: 0; margin: 0; } .new-event-hook a.no-ajax.bookmarkItem { color: #000; font-family: roboto-bold; font-size: 12px; height: 30px; font-weight: normal; line-height: 30px; display: block; } .new-event-hook { margin-bottom: 5px; } #photo_wrapper #lb_description li a { height: 30px; line-height: 30px; padding: 0 8px !important; display: inline-block; margin-left: 0; } #photo_wrapper #lb_description ul a span , #photo_wrapper #lb_description ul a i { vertical-align: middle; height: 30px; line-height: 30px; } .comment.hasDelLink .sl-thumb-comment { position: relative; top: auto; right: 0; margin-top: 10px; } li.moreFullPC ul li a:hover { margin: 0 !important; } #lb_description .reaction-options .react-btn > span:before { margin-top: 5px; } .qtip-content .item_tooltip_actions .button i { vertical-align: middle; } .reaction-review .react-review { background: none; border: none; } .photo-theater-comment.sl-thumb-comment a.bookmarkItem >i { font-size: 16px !important; } [id*='item_comment_edit_'] .gif_holder { top: 0 !important; } [id*="_comment_edit_"]:not(.gif-icon) { margin-top: 10px; } a.btn.btn-default.deleteVideo:active, a.btn.btn-default.deleteVideo:focus, a.btn.btn-default.deleteVideo:hover, a.btn.btn-default.deleteVideo { height: 30px; line-height: 30px; padding: 0 10px !important; background: #ccc; color: #fff; } .slEventMenu span.bookmark_span_addon.bookmark_group { vertical-align: middle; } .slEventMenu .bookmarkItem i { vertical-align: middle; } .log-section > .list_option { right: 0; top: 0; } a.translationtool_translate_button.btn_translate { width: auto !important; padding: 0 10px !important; } .slEventMenu .mo_breadcrumb .list_option button .material-icons , .slGroupMenu .mo_breadcrumb .list_option button .material-icons { vertical-align: sub; } a#join-request { color: #fff; } body#page_guest_home-index .menuhover { display: none; } body#page_guest_home-index .header-bg { height: 70px!important; display: none; } body#page_guest_home-index .sl-navbar { background: none; position: relative; top: auto !important; height: auto !important; box-shadow: none; } body#page_guest_home-index .guest-action { display: none; } .bg-overlay { display: none; } body#page_guest_home-index .bg-overlay { background-color: rgba(0,0,0,0.5); height: 100%; width: 100%; background-position: fixed; position: absolute; top: 0px; display: block; } body#page_guest_home-index .container#content-wrapper { position: relative; width: 100%; } body#page_guest_home-index div.cycle-bg-image { position: fixed !important; } body#page_guest_home-index .user_register_intro h1 { font-size: 36px; color: #fff; text-align: center; } body#page_guest_home-index .signup_more { color: #fff; width: 450px; margin: 0 auto; color: #fff; text-align: center; line-height: 24px; margin-top: 30px; color: #eee; margin-bottom: 50px; font-size: 16px; } .btn.btn-rnd { padding: 11px 40px !important; border-radius: 30px; height: auto; margin: 0 auto; display: block; } .btn-custom { background: #2EAADE !important; color: #fff !important; border: 1px solid #2EAADE; text-transform: uppercase; font-weight: 700; font-size: 14px; } .user_register_intro { text-align: center; } .video-btn { color: #fff !important; padding-top: 20px !important; text-transform: uppercase; font-size: 14px; outline: none !important; } div#loginForm.landing_login { width: 300px; border-radius: 2px 2px 5px 5px; padding: 10px 20px 10px 20px; width: 100%; max-width: 300px; background: #fff; position: relative; padding-bottom: 70px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3); margin: 0 auto; border: none; } .bar-content > .login_right { border: none; background: none; } .text-center-landing { color: #444; font-size: 1.2em; font-weight: bold !important; margin: 10px 0 20px 0 !important; border-bottom: 1px solid #eee; padding-bottom: 10px !important; line-height: 50px !important; display: block; } .landing_login #UserMemberLoginForm input { display: block; padding: 8px 5px; padding-left: 10px; margin-bottom: 10px; width: 100%; border: 1px solid #ededed; transition: border-width 0.2s ease; border-radius: 2px; color: #666; } .loginPage.login_right .landing_login #UserMemberLoginForm input.btn.btn-success.btn-login.btn-ld-login:hover { background: #2196f3 !important; } .loginPage.login_right .landing_login #UserMemberLoginForm input.btn.btn-success.btn-login.btn-ld-login { background: #2eaade !important; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 !important; width: 100%; padding: 10px 10px; display: block; border: none; margin-top: 20px; outline: none; border: 0px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 2px 2px; transform: rotateZ(0deg); transition: all 0.1s ease-out; border-bottom-width: 3px; } .clients { padding-top: 60px; padding-bottom: 60px; } .bg-gray { background-color: #eef2f5; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; overflow: hidden; clear: both; } .brand-item:first-child { margin-left: 0; } .brand-item { display: inline-block; margin-left: 50px; margin-bottom: 10px; } a.video-btn.btn.popup-video.fadeInDown.wow.animated { display: inline-block; overflow: hidden; height: auto; } #footer { padding:0; background: #e6e6ff; text-align: left; position: relative; } .footer-link { border-bottom: 1px solid #fff; clear: both; display: block; margin: 30px 0; overflow: hidden; padding: 20px 0; } .menu-list-footer ul { list-style-type: none; padding: 0; margin: 0; } #footer ul.navbar-nav { float: none; margin: 0; padding: 0; text-align: left; } #footer ul.navbar-nav>li { border: medium none; display: block; float: none; } #footer ul.navbar-nav > li > span, #footer ul.navbar-nav>li>a { padding: 0 5px!important; height: auto; line-height: 22px; font-size: 14px; color: #777; } .menu-list-footer ul li , .menu-list-footer ul li a:hover, .menu-list-footer ul li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #777; display: block; font-size: 14px; padding-left: 5px; line-height: 22px; text-decoration: none; } .footer-wrapper h4 { border: medium none; color: #777; font-size: 18px; margin: 0 0 20px; padding: 0; } .footer-power { text-align: center; } .menu-list-footer ul li { float: none; margin: 0; padding: 2px 0 2px 0; list-style: none; } .menu-list-footer ul li.social-icon a { display: inline-block; color: #2EAADE; } .menu-list-footer ul li.social-icon a i { font-size: 25px; } .footer-power .date , .footer-power { color: #444; font-size: 16px; text-align: left; } #footer ul.navbar-nav > li + li > span:before, #footer ul.navbar-nav>li+li>a:before { content: ""; padding: 0; } html body#page_guest_users-member_login { background-image:url("../img/sign-in-page.png") !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: 0 50px !important; padding-bottom: 0; } #page_guest_users-member_login #content-wrapper { /*min-height: 840px !important;*/ } #content-wrapper #loginForm { margin-top: 90px; } @media only screen and (max-width: 767px) { #loginForm { width: 90%; margin: 53px auto 66px auto; } } .text-black, .text-black a { color: #000 !important; } .text-black { color: #000; } /* CUSTOM FOR REACT PLUGIN */ .slmooPlusRound .reacts { left: 200%; } .slmooPlusRound .reaction-options.react-show .reacts { left: -50px !important; } .slmooPlusRound .sl-thumb-comment .reaction-options.react-show .reacts { left: -50px !important; } .slmooPlusRound .react-btn { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 3px; display: inline-block; height: 31px; text-align: center; width: auto; padding:0 5px; } .slmooPlusRound .feed-reaction-options { margin: 0 6px; height: 30px; vertical-align: middle; } .slmooPlusRound .reaction-options .react-btn > span > i , .slmooPlusRound .reaction-options .react-btn > span { line-height: 28px; } .slmooPlusRound .reaction-options .react-btn > span:before { margin-top: 6px; } /* END CUSTOM */ @media (min-width: 992px){ #status_box #postBackgroundBox .emoji-toggle { z-index: 14 !important; } .group-detail #commentForm > .comment > .emoji-toggle { top: 2px; } .group-detail #commentForm > .comment > .gif_holder { top: 0 !important; } li.moreFullPC { position: relative; } .comment_username_wrap { padding-right: 30px; } ul.blog-content-list .blog-info { min-height: 240px; } .moreFullPC { display: inline-block; cursor: pointer; } .moreFullPC > ul { display: none; height: auto; padding: 10px; position: absolute; top: 48px; width: auto; z-index: 100000; right: 0; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .moreFullPC > ul > li, .moreFullPC > ul > li:hover { display: block; float: none; list-style: outside none none; margin: 0 !important; } #list-content.slFeedPlus li[id^='activity_']{ background: #fff; padding: 0; margin-bottom:17px; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ transform: translate3d(0,0,0); /*overflow: hidden;*/ -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .profilePage .video-list-index .video_info { height: 120px; } .home_content_feed .event-info-list { height: 200px; } #birthdayMonth, #birthdayDay , #birthdayYear { padding: 6px 0; } #center.col-md-6 .event-info-list { height: 250px; overflow: hidden; } #center.col-md-9 .event-info-list { height: 230px; overflow: hidden; } .m-menu-showup { display:none !important; } .homeTitle { display: none; } .album_view_detail .list_option { position: absolute; right: 0; top: 0; } #page_guest_home-index .mo_breadcrumb { display:none; } #page_guest_users-view .user-list-index ,#page_users-view .user-list-index , #page_guest_users-index #center.col-md-9 .user-list-index ,#page_users-index #center.col-md-9 .user-list-index { padding:0 5px; } /* #page_guest_users-view .user-list-index:nth-of-type(5n+1) ,#page_users-view .user-list-index:nth-of-type(5n+1) , #page_guest_users-index #center.col-md-9 .user-list-index:nth-of-type(5n+1) ,#page_users-index #center.col-md-9 .user-list-index:nth-of-type(5n+1) { padding: 0 10px 0 0 ; } #page_guest_users-view .user-list-index:nth-of-type(5n+5) ,#page_users-view .user-list-index:nth-of-type(5n+5) , #page_guest_users-index #center.col-md-9 .user-list-index:nth-of-type(5n+5) ,#page_users-index #center.col-md-9 .user-list-index:nth-of-type(5n+5) { padding: 0 0 0 10px ; }*/ #page_home-index .content_center_home { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 0; } #page_home-index .content_center .mo_breadcrumb , #page_home-index .content_center_home .mo_breadcrumb { display:none; } #cover { height:250px; } .dropdown.profile_respond.profile-action { display: inline-block; } #page_guest_users-view > #content-wrapper.container , #page_users-view > #content-wrapper.container { width:950px; } #page_users-email_settings .profile-info-menu .box2.menu > h3 , #page_users-notification_settings .profile-info-menu .box2.menu > h3 , #page_users-password .profile-info-menu .box2.menu > h3 , #page_users-profile .profile-info-menu .box2.menu > h3 { padding-left:10px; } #UserMemberLoginForm .slSocialIntergration .fSignInWrapper .overlay-button { background: #3b589b none repeat scroll 0 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 70%; z-index: 0; } .slProfileAva .profile-action .profile-more-action a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: none; height: auto; padding: 5px 10px; text-align: left; } .page_has_cookies .slProfileMenu.YES_FULL.profilemenuFIXED { top: 115px; } .slProfileMenu.YES_FULL.profilemenuFIXED { background: #efefef none repeat scroll 0 0; border:1px solid #e8e8e8; border-top:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); left: 0; position: fixed; right: 0; top: 59px; z-index: 1029; } .slProfileMenu.profilemenuFIXED ul li a, .slProfileMenu.profilemenuFIXED ul li a:hover { border-bottom: none; } #page_users-view #profile-content .bar-content , #page_guest_users-view #profile-content .bar-content, #page_users-view #profile-content .p_7 , #page_guest_users-view #profile-content .p_7{ padding:0; } .profilePage > #profile-content > .bar-content > .content_center:not(.info-profile):not(.recent-like) { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 0; } .slSocialIntergration { margin: 0; overflow: hidden; padding: 0; width: 100%; } .slSocialIntergration > div { float: left; width: 50%; position:relative; } #UserMemberLoginForm .slSocialIntergration > div { float: none; width: 100%; position:relative; } .slSocialIntergration .fSignInWrapper { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 2px; color: white; cursor: pointer; display: block; height: 40px; margin: 10px 0; position: relative; white-space: inherit; } .slSocialIntergration .fSignInWrapper .overlay-button { background: #3b589b none repeat scroll 0 0; left: auto; position: absolute; right: 10px; top: 0; width: 40%; z-index: 0; } .slSocialIntergration #customBtn { background: #dd4b39 none repeat scroll 0 0; border-radius: 2px; color: white; cursor: pointer; display: block; height: 40px; margin: 10px 0; white-space: nowrap; width: 40%; } #page_guest_users-register #linkedinSignInWrapper , #page_guest_users-register #twitterSignInWrapper { width: 25%; } #page_guest_users-view .profile-header , #page_users-view .profile-header { margin:0 0 15px ; } #signUpForm.no-social .register_main_form{ border: 1px solid #e8e8e8; border-radius: 5px; margin: 0 auto; padding: 25px 30px; width: 750px; } #regForm h1.page-header { border: medium none; font-family: roboto-bold; font-size: 20px; margin-bottom: 40px; text-align: center; } #page_guest_albums-view .content_center , #page_albums-view .content_center { padding: 15px 2px; } .album_view_detail .mo_breadcrumb { margin-bottom: 0; padding: 0 30px; } .album-detail-info { color: #000 !important; font-family: roboto-regular; font-size: 12px; margin: 0 0 15px; padding: 0 30px; } .album-detail-info > a { color: #000 !important; font-family: roboto-regular; font-size: 12px; } .album_view_detail > .comment_message { color: #000; font-family: roboto-regular; font-size: 12px; padding: 0 30px; } .photo-tag { padding:0 30px; } .album_view_detail .like-section { padding:0 30px; } .photo-likes , .photo-comment { margin:0 30px; } .photo-likes .like-section { padding:0; } .album_view_detail #list-content.photo-list { margin:30px 0; } .sl-navbar { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); } .bodyScrolling { top:-60px !important; transition: top 0.15s ease 0s; } .page_has_cookies .bodyScrolling { top: -115px !important; } #page_home-index .scrollMenu .mo_breadcrumb > a { display:none; } .scrollMenu .mo_breadcrumb { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); display: block !important; top: 0 !important; transition: top 0.15s ease 0s; } .scrollMenu.slLeftSearchFixed, .scrollMenu.slLeftFixedRound { top:0 !important; transition: top 0.15s ease 0s; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); } .bodyScrolling .logo-default { transition: top 0.45s ease 0.5s; top: 66px !important; } .bodyScrolling .btn_open_large, .bodyScrolling .btn_open_large:hover , .bodyScrolling .menuhover { transition: top 0.15s ease 0s; top: 72px; } .bodyScrolling .notify_group { top: 60px; transition: top 0.15s ease 0s; } .bodyScrolling .menu_large { transition: top 0.15s ease 0s; top: 79px; } .bodyScrolling .open_large_menu-content.active { /*top: 70px;*/ transition: opacity 0.218s ease 0s, -moz-transform 0.218s ease 0s; -webkit-transition: top .15s,opacity .218s,-webkit-transform .218s; transform: translate3d(0px, 60px, 0px); } .bodyScrolling .open_large_menu-content { /*top: 70px;*/ transition: opacity 0.218s ease 0s, -moz-transform 0.218s ease 0s; -webkit-transition: top .15s,opacity .218s,-webkit-transform .218s; transform: translate3d(0px, 55px, 0px); } #m-menu-search , #m-menu-module { display:none; } #page_guest_search-hashtags #content-wrapper #center .bar-content .content_center ,#page_search-hashtags #content-wrapper #center .bar-content .content_center , #page_guest_search-index #content-wrapper #center .bar-content .content_center ,#page_search-index #content-wrapper #center .bar-content .content_center { background:none; border:none; } #page_guest_search-hashtags #leftnav ,#page_search-hashtags #leftnav , #page_guest_search-index #leftnav ,#page_search-index #leftnav { display:none !important; } #search-content { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; } .slProfileAva { background-color: rgba(0, 0, 0, 1); height: 100%; left: 0; /*max-height: 360px;*/ height:250px; position: absolute; top: 0; width: 400px; z-index: 1001; } #aaa { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: auto; z-index: 1; } #aaa > img { -webkit-filter: blur(20px); filter: blur(20px); height: 100%; margin-left: -150px; width: auto; } .pf-bg { background: black none repeat scroll 0 0; bottom: 0; left: 0; opacity: 0.3; position: absolute; right: 0; top: 0; } .topic_creator { padding:10px; } .group-menu-left li { border-bottom: 1px solid #e8e8e8 ; margin:0; border-left: 3px solid transparent; } .group-menu-left li:last-child { border-bottom: none ; } .group-menu-left li.current { background:#f2f2f2; border-left: 3px solid #3c61ff; } .group-menu-left li.current a{ font-family: roboto-bold; color:#000; font-weight: normal; } .group-menu-left li a{ font-family: roboto-regular; font-size: 13px; height: 40px; line-height: 40px; padding: 0 0 0 19px; } .group-menu-left .badge_counter { background-color: transparent; font-family: roboto-bold; font-size: 14px; font-weight: normal; padding:0 12px 0 0; } #page_guest_photos-view #photo_thumbs , #page_photos-view #photo_thumbs { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 4px; float: left; margin-left: 0; margin-right: 18px; padding: 15px; width: 23%; } #page_guest_photos-view #photo-content , #page_photos-view #photo-content { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 4px; float: left; width: 75%; } #page_guest_photos-view #photo_thumbs ul li a, #page_guest_photos-view #photo_thumbs ul li a, #page_photos-view #photo_thumbs ul li , #page_guest_photos-view #photo_thumbs ul li { height: 55px; margin: 2px 0 0; width: 55px; } .create_form .content_center { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; } .event_createForm , .group_createForm , .topic_createForm , .blogCreateForm { width:750px; margin:0 auto; border:1px solid #e8e8e8; background:#fff; } .event_createForm .mo_breadcrumb , .group_createForm .mo_breadcrumb , .topic_createForm .mo_breadcrumb , .blogCreateForm .mo_breadcrumb { height:75px; line-height:75px; background:#4285f4; text-align:center; margin:0; } .event_createForm .mo_breadcrumb > h1, .group_createForm .mo_breadcrumb > h1, .topic_createForm .mo_breadcrumb > h1, .blogCreateForm .mo_breadcrumb > h1 { color: #fff; float: none; font-family: roboto-medium !important; font-size: 20px !important; line-height: 75px !important; } .event_createForm .form_content li , .group_createForm .form_content li , .topic_createForm .form_content li , .blogCreateForm .form_content li { margin-bottom:25px; } .event_createForm .form_content li > .col-md-2 , .group_createForm .form_content li > .col-md-2 , .topic_createForm .form_content li > .col-md-2 , .blogCreateForm .form_content li > .col-md-2 { width:100%; font-family: roboto-bold; font-size: 14px; color:#000; } .event_createForm .form_content li > .col-md-10 , .group_createForm .form_content li > .col-md-10 , .topic_createForm .form_content li > .col-md-10 , .blogCreateForm .form_content li > .col-md-10 { width:100%; } .blog-block li { padding: 0 15px 20px; } #page_guest_users-view .blog-block li , #page_users-view .blog-block li { padding: 5px 15px 20px; } .list-item-inline + .list-item-inline { border-top: none; padding-top: 0; } .blog-block .list-item-inline > a { display:none; } .blog-block .list-item-inline > .blog_detail { margin-left: 0; } .blog-block .blog_detail .title-list a { color: #4285f4; font-family: roboto-regular; font-size: 13px; font-weight: 500; } .post_content > div > img { display: block; margin: 50px auto; } .post_content > div { width:100%; } .form-2 > .col-md-6:nth-child(odd) { padding: 0 15px 0 0 !important; } .form-2 > .col-md-6:nth-child(even) { padding: 0 0 0 15px !important; } #regFields .form-group > .col-md-6:nth-child(odd) { padding-right: 8px !important; } #regFields .form-group > .col-md-6:nth-child(even) { padding-left: 8px !important; } #regFields .col-md-12.control-label , #regFields .col-md-6.control-label { font-family: roboto-bold; font-size: 14px; padding-bottom: 5px; } #step2Box , #step1Box { text-align:right; } #step2Box #step2Submit , #step1Box #submitFormsignup { background-color: #4285f4; color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; padding: 0 !important; width: 87px; } #timezone , #gender { height: 34px; width:100%; } .profile-tip { position: absolute; right: -25px; top: 0; } .col-md-12.form-btn-save { text-align: right; } .col-md-12.form-btn-save #saveBtn { background-color: #4285f4; color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; padding: 0 !important; width: 87px; } #page_blogs-view .bar-content > .box2 { margin-bottom:0; border-radius:5px 5px 0 0; } #page_blogs-view .bar-content > .box2 + .box2 { border-top:none; border-radius: 0; margin-bottom: 0; } #page_blogs-view .bar-content > .box2:last-child { border-radius:0 0 5px 5px; } #page_guest_blogs-index #filters input:focus , #page_blogs-index #filters input:focus { border:none; box-shadow: none; outline: none; } #page_guest_blogs-index #filters input , #page_blogs-index #filters input { border:none; } #browse #cover { height:115px; } #browse #cover > img{ border-radius: 3px 3px 0 0; width:100%; height:100%; } .slMenuProfile { padding:10px !important; } .slMenuProfile > li { border-bottom: 1px solid #e8e8e8; } .slMenuProfile > li:last-child { border-bottom: none; } .slMenuProfile > li > a { height: 35px; line-height: 35px; padding: 0 5px; } .slMenuProfile .badge_counter { background-color: transparent; font-family: roboto-bold; font-size: 14px; font-weight: normal; } #page_guest_users-index .content_center.full_content.p_m_10 , #page_users-index .content_center.full_content.p_m_10 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 0; } /* #page_guest_users-index .mo_breadcrumb , #page_users-index .mo_breadcrumb { display: none; }*/ #page_home-index .mo_breadcrumb > a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #000; display: inline-block; float: none; font-size: 14px; height: 60px; line-height: 60px; } .page_has_cookies#page_home-index .mo_breadcrumb { top: 115px; } #page_home-index .mo_breadcrumb { background: #efefef none repeat scroll 0 0; height: 60px; left: 0; margin-bottom: 0; position: fixed; right: 0; text-align: center; top: 60px; z-index: 15; } #page_home-index .mo_breadcrumb > h1 { display:none; } .page_has_cookies .slLeftSearchFixed , .page_has_cookies .slLeftFixedRound { top: 116px; } .slLeftSearchFixed , .slLeftFixedRound { position: fixed; text-align: center; top: 60px; width: 100%; z-index: 103; background:#efefef none repeat scroll 0 0; } .slLeftSearchFixed ul , .slLeftFixedRound ul { /* display: inline-flex !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important;*/ display: inline-block; float: none; height: 57px; margin: 0 auto; } .slLeftSearchFixed ul li.current , .slLeftFixedRound ul li.current { background: none; } .slLeftSearchFixed ul li , .slLeftFixedRound ul li { margin: 0 35px 0 0; float:left; } .slLeftSearchFixed ul li:last-child , .slLeftFixedRound ul li:last-child { margin: 0 ; } .slLeftSearchFixed ul li.current a, .slLeftFixedRound ul li.current a{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #ff4800; font-family: "roboto-bold"; font-weight:normal; font-size: 14px; color: #000; } .slLeftSearchFixed ul li a , .slLeftFixedRound ul li a { color: #000; border-bottom: 3px solid #efefef ; display: block; font-size: 14px; font-family: roboto-regular; height: 60px; line-height: 60px; padding: 0 5px !important; text-decoration: none; } .slLeftFixedRound .spinner , .slLeftSearchFixed .json-view .spinner , .slLeftFixedRound .json-view .spinner { left: 50% !important; top: 10px !important; } #page_home-index #content-wrapper , #page_guest_search-index #content-wrapper , #page_search-index #content-wrapper , #page_guest_search-hashtags #content-wrapper , #page_search-hashtags #content-wrapper { margin-top: 40px; } #page_guest_search-hashtags #content-wrapper , #page_search-hashtags #content-wrapper , #page_guest_topics-index #content-wrapper , #page_guest_search-index #content-wrapper , #page_guest_events-index #content-wrapper , #page_guest_groups-index #content-wrapper , #page_guest_videos-index #content-wrapper , #page_guest_photos-index #content-wrapper , #page_guest_blogs-index #content-wrapper , #page_guest_users-index #content-wrapper , #page_search-index #content-wrapper , #page_events-index #content-wrapper , #page_groups-index #content-wrapper , #page_photos-index #content-wrapper , #page_blogs-index #content-wrapper , #page_users-index #content-wrapper , #page_topics-index #content-wrapper , #page_videos-index #content-wrapper , #page_home-index #content-wrapper { /*margin-top: 40px;*/ } .btn_open_large , .btn_open_large:hover{ background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 2px; color: #000; display: block; float: left; font-family: roboto; font-size: 14px; height: 35px; left: 270px; line-height: 33px; margin-top: 0; padding: 0 15px; position: absolute; top: 12px; text-decoration: none; width:auto; } .btn_open_large > i.sl-icon-home { color:#ff4800; background: url(../img/home_icon.png); width: 14px !important; height: 12px; display: inline-block; vertical-align: inherit; margin-right:12px; } .arr-menu{ display: block; width: 0; border-width: 6px; border-style: solid; border-color: transparent #1C659B transparent transparent; position: absolute; left: -12px; top: 8px; } span.line { display: block; height: 2px; width: 100%; background: #fff; margin-bottom: 4px; } .active.open_large_menu-content { transform: translate3d(0px, 0px, 0px); opacity:1; display:block !important; top:0px; height:400px; overflow: auto; } .open_large_menu-content{ /* display:none;*/ height:0; overflow:hidden; position: absolute; width: 200px; background: #fff; border: 1px solid #e8e8e8; top: 0; left:110px; transition: opacity 0.218s ease 0s, -moz-transform 0.218s ease 0s; -webkit-transition: top .15s,opacity .218s,-webkit-transform .218s; transform: translate3d(0px, -5px, 0px); opacity:0; } .open_large_menu-content ul li , .open_large_menu ul li { display: block; text-align: left; } .open_large_menu-content ul.navbar-nav li span.header, .open_large_menu-content ul li a , .open_large_menu ul.navbar-nav li span.header, .open_large_menu ul li a { color: #000; } #main_menu li a{ line-height: 35px!important; } .open_large_menu-content #main_menu { margin-top: 0; } .open_large_menu-content ul, .open_large_menu ul{ display: block!important; position: static!important; margin-top: 0!important; width: auto!important; border: none!important; } .list_block .col-xs-sl2{ width: 25%; } #center .list_block .col-xs-sl2, .like-section .list_block .col-xs-sl2{ width: auto; } .bar-content{ padding: 0 7px; } .bar-content > div { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; margin-bottom: 14px;; } #leftnav .bar-content { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; margin-right: 7px; padding: 0; } #leftnav .bar-content > div { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-bottom: 1px solid #e8e8e8; border-radius: 0; margin-bottom: 0; } #leftnav .bar-content > div:last-child { border: medium none; } .modal-content .bar-content > div{ border:none; } .bar-content > div#mapmodals{ background:none; border: none; } #main_menu li a{ line-height: 45px; padding: 0px 12px; } #main_menu > li:hover > i, #main_menu > li:hover > span.header, #main_menu li a:hover{ color:#fff!important; } ul.navbar-nav li span.header{ display: block; line-height: 45px; height: 45px; padding: 0px 12px; } ul.navbar-nav > li > span.header{ color: #fff; } ul.navbar-nav li:hover ul li span.header, ul.navbar-nav li ul li span.header{ color:#000; } #footer ul li ul li:hover span.header{ color:#000; } ul.navbar-nav > li a > span, ul.navbar-nav li span.header > span{ position: absolute; background: #fff; color: #000; max-width: 200px; z-index: 10; border: 1px solid #e8e8e8; top: 37px; padding: 5px; line-height: 16px; display:none; word-wrap: break-word; text-align: left; } ul.navbar-nav > li a:hover >span, ul.navbar-nav li span.header:hover > span{ display:block; background:#fff; } ul.navbar-nav li:hover span.header{ color:#000; } .block{ border: 1px solid #e8e8e8; background: #fff; border-radius: 2px; } .block-header{ background: #f6f6f6; height: 30px; line-height: 30px; border-bottom: 1px solid #e8e8e8; } .block-header h3{ font-size: 12px; line-height: 30px; margin: 0; padding: 0 15px; } .event-box-content{ padding: 10px !important; } .box2 .box_content, .block-body{ padding: 10px; } .ava_home{ border-radius: 50%; float: left; border: 3px solid #fff; margin: 10px; } .info-home-name{ font-size: 15px; font-weight: 500; padding: 0 16px; margin-bottom: 3px; margin-top: 10px; } .box2 { margin-bottom:15px; /*overflow: hidden;*/ } .box2 h3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: medium none; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; margin: 0; padding: 0 15px; } .box2 h3 a { /* line-height: 30px; margin: 0; height: 30px; display: block;*/ } #leftnav .box2 h3 a, #right .box2 h3 a{ font-size: 12px; } #center .box2 h3 a{ font-size: 16px; } #home-content{ /*padding: 0 7px;*/ } .search-friend input[type="text"], .search-friend select{ width: 100%; box-sizing: border-box; } .bar-content > div.profile-info-menu{ background: none; border: none; } .bar-content > div.profile-info-menu .box2 h3{ background: none; border: none; padding: 0; font-weight: bold; } div.profile-info-menu .list2 .current a{ color: #000; } #center .box2 h3{ font-size: 16px; color: #3E3E3E; margin-top: 0px; font-weight: 300; background: none; border: none; padding:0; } #center .box2 .box_content{ padding:15px 0; } .menu_large{ /*display: inline-block;*/ position: absolute; right: 0; top: 19px; } #mobi_menu, #right, #leftnav{ display: block!important; } #home-content .box1{ margin-left: 0; margin-right:0; } #avatar{ width: 170px; height:170px; margin-top:-117px; margin-bottom: 10px; } .profile-info-section{ margin-left: 200px; min-height: 40px; padding-top: 15px; padding-bottom: 0; } .privacy_profile{ padding:10px; border: 1px solid #e8e8e8; background: #fff; margin: 0 7px; } .content_center{ padding: 15px; } body.default-body{ padding-top: 104px; } .global-search{ background-color: #fff; background-position: 99% center; border: 1px solid #d8dde1; height: 33px; left: 18%; margin: 0 auto; padding: 4px 25px 4px 10px; position: absolute; right: 0; top: 15px; transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 450px; } .global-search input:focus{ outline:none; } .global-search input{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: none; color: #b0b0b0; height: 23px; padding: 0; width: 100%; } .global-search.active{ background-color: #fff; border: 1px solid #4291D1; color:#000; opacity:1; cursor: default; z-index: 1000; } .user-name-header,.user-name-header:hover{ color:#fff!important; text-decoration: none!important; font-size:13px; margin-right: 10px; padding: 2px 3px 8px; border-radius: 2px; } .user-name-header:hover{ background-color: #1B71B1; } .user-name-header span{ max-width: 60px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; margin-left: 5px; vertical-align: middle; } #member-avatar{ border:1px solid #fff; border-radius: 2px; } .notify_content .dropdown-menu{ padding: 0; border-radius: 2px; top: 39px; } .notify_group #notifications_list{ padding: 0; border-radius: 2px; top: 45px; right: -42px; width: 430px; font-size: 12px; left: auto; } .notify_group #conversation_list{ padding: 0; border-radius: 2px; top: 45px; width: 430px; font-size: 12px; left: auto; right: 0; } #conversation_list .arr-notify, #notifications_list .arr-notify{ position: absolute; width: 0; border: 6px; border-style: solid; border-color: transparent transparent #fff transparent; right: 56px; top: -12px; } #conversation_list .arr-notify{ right: 15px; } .notify_no_content{ padding: 7px 10px; text-align: center; } .more-notify{ background:#f1f1f1; text-align:center; } .p_l_7{ padding:0 7px; } .content_center_home{ border:1px solid #e8e8e8; padding:15px; background:#fff; } /* .mo_breadcrumb h1{ float: left; }*/ .profile-header{ margin: 0 7px 15px; /*min-height: 357px;*/ } .p_7{ padding: 7px; } .arr-down{ position: absolute; width: 0; border: 6px; border-style: solid; border-color: transparent transparent #fff transparent; } .menu_acc_content{ /*width: 96px;*/ text-align: right; /*margin-top:4px;*/ } .main-menu-content{ padding:0; } .menu_acc_content .dropdown-menu{ top: 40px; border-radius: 2px; } .menu_acc_content .arr-down{ right: 8px; top: -11px; } #list-content li[id^='activity_'], #status_box, .group-detail .users_list{ border:1px solid #e8e8e8; border-radius: 2px; } .view-all-bottom{ float:right; } .list-item-region li + li{ border-top: 1px solid #e8e8e8; padding-top: 10px; } .img_wrapper2 { /* border: 1px solid #ccc; border-radius: 2px;*/ } .create_form > div{ text-align: left; } .create_form{ text-align: center; } .create_form .form_content{ padding: 20px 40px; } #center > .box2{ background: #fff; margin:0 7px 15px; padding:10px; border:1px solid #e8e8e8; } .header-list{ float:right; } .group-detail .share-video-section .content_center{ border:1px solid #e8e8e8; } .dropdown-user-box { display: inline-block; vertical-align: top; height: 26px; width: 26px; line-height: 26px; text-align: center; } .notify_group{ position: absolute; right: 65px; top: 0px; } .notify_content > a i{ color: #000; } .notify_content > a.hasNotify i{ color: #000; } .icon-down-small { color: #000; } .header-button-list li a{ padding: 0 9px; } .profile-action .button i{ font-style: normal; vertical-align: middle; } #header_mobi{ display:none; } .profilePage { /*margin: 0 7px;*/ } .no_content{ border: 1px solid #e8e8e8; background: #fff; padding: 15px; } .profile_info{ margin-left: 202px; } #main_menu li.explorer_menu ul{ position: absolute; top: 44px; background: #fff; border: 1px solid #e8e8e8; width: 150px; display:none; padding-left: 0; text-align: left; } #main_menu li.explorer_menu:hover ul{ display:block; } #main_menu li.explorer_menu > a{ position:relative; padding-right: 23px; } #main_menu li.explorer_menu ul li{ display:block; float:none; } #main_menu li.explorer_menu ul li a{ color:#000; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display:block; } #main_menu li.explorer_menu > a i{ position: absolute; right: -6px; top: 15px; color:#fff; } .menu_acc_content ul li a{ font-size:12px; } #main_menu li.explorer_menu ul li a:hover{ background:#F5F5F5; } .inner404{ width:640px; margin:0 auto; } ul.navbar-nav{ float: none; } ul.navbar-nav li{ float:none; position:static; } #mobi_menu{ text-align: center; } .logo-default{ left: 20px; position: absolute; top: 6px; /*-webkit-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*-moz-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*-webkit-tap-highlight-color: transparent;*/ } .documentScrolling .logo-default{ top:6px; } .documentScrolling #main_menu > li{ float: none; } #page_home-index .documentScrolling .menu_large{ /*top: 79px;*/ } #page_home-index .documentScrolling .dashboard-block { top: 73px; transition: top 0.15s ease 0s; } #page_home-index .documentScrolling .notify_group{ /*top: 60px;*/ } .documentScrolling .menu_large{ top: 19px; } .documentScrolling .notify_group{ top: 0; } #main_menu{ margin-top: 45px; } .full_header{ position: relative; } #header{ top:0; /*-webkit-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*-moz-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*-webkit-tap-highlight-color: transparent;*/ } #header.documentScrolling { height: 60px; top: 0; } #mobi_menu{ margin-left: 0; /*-webkit-transition: margin-left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*-moz-transition: margin-left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*transition: margin-left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/ /*-webkit-tap-highlight-color: transparent;*/ } .documentScrolling #mobi_menu{ margin-left: 153px; } .documentScrolling .header-bg { display: none; } .header-bg{ background: #fff ; position: absolute; right: 0; left: 0; height: 60px; line-height: 60px; } .guest-action{ margin: 0; position: absolute; right: 20px; top: 0; } .bodyScrolling .guest-action{ top: 60px; transition: top 0.15s ease 0s; } .guest-action > a , .guest-action > a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #a6a8a9; height: 60px; line-height: 60px; padding: 0 10px !important; } .documentScrolling .guest-action{ top:51px; } .notify_content > a i{ vertical-align: middle; } .notify_content > a{ padding: 0px 8px; height: 60px; line-height: 60px; } .home_content_feed .check-home{ padding-left: 0; padding-right: 0; } #right .box-member-group ul li img, #leftnav .box-member-group ul li img, #right .box_featured_user ul li img, #leftnav .box_featured_user ul li img, #right .box-friend ul li img, #leftnav .box-friend ul li img, #right .box_online_user ul li img, #leftnav .box_online_user ul li img, #right .box_recently_join ul li img, #leftnav .box_recently_join ul li img{ width: 50px!important; height:50px!important; } #center .popular_album_info{ display: none; } #center .popular-album ul li{ float: left; width: 33.333%; } #center .popular-album ul li a.popular_album_cover{ float:none; width: 100%; height: 0; padding-bottom: 100%; } #center .popular-album ul li a.popular_album_cover:hover .infoLayer{ display: block; } #main_menu > li a.active, #main_menu > li:hover, #main_menu li span:hover, #main_menu li.current a, #main_menu li a:hover{ background: #ff4800; color:#fff; } ul.navbar-nav li ul{ position:absolute; width:150px; background: #fff; padding:0; border: 1px solid #e8e8e8; border-top: none; } ul.navbar-nav li ul li{ display:block; height: 40px; line-height: 40px; } ul.navbar-nav > li > ul li{ position:relative; text-align:left; } ul.navbar-nav li ul li a{ color:#000!important; display:block; text-align: left; height: 40px; line-height: 40px; } ul.navbar-nav li ul li a:hover{ color: #000; } ul.navbar-nav li:hover > ul{ display:block!important; } ul.navbar-nav > li > ul > li ul{ display: block; left: 100%; top: 0; } ul.navbar-nav li ul li a:hover{ background:#F5F5F5; } ul.navbar-nav > li > ul li ul{ border-top:1px solid #e8e8e8; } ul.navbar-nav > li > ul li.hasChild:after { content: ''; display: block; position: absolute; right: 5px; width: 0; border-style: solid; border-color: transparent transparent transparent #ccc; border-width: 5px; top: 17px; } .documentScrolling #main_menu.vertical > li, ul#main_menu.vertical li{ display: block; text-align: left; float:none; } ul#main_menu.vertical li ul{ position: static; background: none; padding-left: 20px; border: none; width:auto; } ul#main_menu.vertical li ul li a:hover, ul#main_menu.vertical li ul li:hover{ background:none; } ul#main_menu.vertical li ul li a i, ul#main_menu.vertical li ul li a{ color:#fff; } ul.navbar-nav li ul li:hover > span > i, ul.navbar-nav li ul li ul li:hover > span > i, ul.navbar-nav > li > ul > li > ul li:hover > span.header, ul.navbar-nav > li > ul > li:hover > span.header { color:#fff; } .m-search-bar { display:none; } .video-detail-action .list_option { right: 8px; top: 7px; } .slmH { min-height:40px; } .like-action .bookmarkItem .material-icons { vertical-align: sub; } .like-wrap .like-section .likeCountComment { margin-top: -5px; } .like-wrap .likeCountComment + .likes { margin-top: 0; } .bookmark-list .blog-content-list .blog-info .reacts { left: -50px !important; } } @media(max-width:991px){ #comments.comment_list>li>.comment { margin-left: 35px; } div[id^="activity_comment_edit_"]>.textoverlay-wrapper>textarea, .commentBox { padding-right: 50px !important; } .like-action .bookmarkItem .material-icons { vertical-align: sub; } .slFeedPlus .sl-thumb-comment .reaction-options.react-show .reacts { transform: scale(0.9) translate(0%, 0); } .sl-thumb-comment .reaction-options .react-btn { margin-bottom: 10px; } ul.dropdown-menu.profile-more-action { left: auto; right: 0; } .slcommentCount { margin-left: 0; } .slFeedPlus a.shareFeedBtn { margin-left: 5px; } .like-section .likeCountComment.no-plugin { display: block; float: none; margin-top: 5px; } .new-event-hook a.no-ajax.bookmarkItem { text-align: left; } #lb_description .reaction-options .react-btn > span::before { margin-top: 6px; } .like-section .like-action .reaction-options { line-height: 30px; } .section-menu > a.p-role-badge img.icon-role-badge { height: 20px; vertical-align: middle; line-height: 30px; margin-top: 6px; } #checkin_item_type { width: auto !important; } .slProfileAva .section-menu { z-index: 1010; } .verified_profile img.icon-verification { margin-top: 7px !important; margin-left: 0; } [id^="page_business"] #center .secondLeft.visible-xs.visible-sm { display: none !important; } .group-detail .mo_breadcrumb > h1.visible-xs.visible-sm { display: none !important; } .slProfileMenu li.more > ul { width: auto; } .slProfileMenu li.more li.mMore > a { white-space: nowrap; } .moreFullPC { display: none !important; } .comment_username_wrap { padding-right: 30px; } .feed_comment_info [id*='item_comment_edit_'] .gif_holder { top: 0 !important; } .profilePage ul.list6.review-content-list { margin-top: 10px; } .blog-content-list .reacts { transform: translate(0, 0); } .slGroupEdit .group-button-bookmark { position: relative; float: left !important; padding: 0 !important; margin-right: 0 !important; top: auto; right: auto; float: left; width: auto; margin-left: 10px; display: inline-block; } .sl-thumb-comment { position: relative; top: 0; right: 0; } .feed-reaction-review { padding: 0 10px 10px 10px; } .profilePage #profile-content a.button.button-action.topButton.button-mobi-top { margin-top: 0; } .faceOutEffect .notify_group, .faceOutEffect .mobile-footer { bottom: auto; } .like-section .like-action .item-reaction-options .reacts { left:230%; transform: translate(-50%, 0) !important; } .like-section .reaction-options + .likeCountComment + .likes { float: none; } .profile-info-url > a { overflow: hidden; display: block; } .user_register_holder #linkedinSignInWrapper, .user_register_holder #twitterSignInWrapper { width: 250px !important; } #page_pages-display .secondLeft , #page_guest_pages-display .secondLeft { display:none !important; } .box_content > #filters { display: none; } .secondLeft .box_content > #filters , .box_content > #filters.search-blog , .box2.search-friend .box_content > #filters { display: block; } .notify_content > a { height: auto; line-height: normal; } #page_guest_blogs-index .img_wrapper2.user_list.thumb_mobile , #page_blogs-index .img_wrapper2.user_list.thumb_mobile , #search-content .img_wrapper2.user_list.thumb_mobile { float: none; height: auto !important; width: 100% !important; margin: 0; } #page_guest_blogs-index .blog-info , #page_blogs-index .blog-info , #search-content .blog-info { margin-left: 0; margin-top: 20px; } body#page_guest_home-index { background-size: auto auto; } .index-btn-wrapper { padding:10px; } .index-btn-wrapper > a { background: #d73d32 none repeat scroll 0 0 !important; color: #fff !important; height: 30px !important; line-height: 30px !important; margin-left: 0 !important; } .photo_comments .photo_left .bar-content > div , .photo_comments .photo_right .bar-content > div { padding: 10px; } .form-btn-save a.button:last-child{ margin-right: 0; } .group_createForm .form-btn-save a.button { width: 100%; } .form-btn-save a.button { margin: 10px 2px 10px 0; width: 49%; } .album_info_edit { margin-right: 10px; } #nextStep , #triggerUpload { margin-bottom: 10px; } #page_guest_users-recover .secondLeft , #page_users-recover .secondLeft { display:none !important; } .multiSelectOptions { width:50% !important; } .bg_cover{ height: 200px; } /* #cover .slNewAvatar > a { display: inline-block; font-size: 20px; height: 100%; padding: 5px; width: auto; } .slNewAvatar > a > .ava_home { border: 3px solid #fff; border-radius: 3px; display: inline-block; float: none; margin: 10px; vertical-align: middle; }*/ .m-slHide { display:none !important; } #page_home-index .content_center .mo_breadcrumb > a , #page_home-index .content_center_home .mo_breadcrumb > a { display:none; } #page_guest_albums-view .list_option , #page_albums-view .list_option { right: 0; top: 0; } .m_d_7 { margin-left: 0; margin-right: 0; } #center.col-md-12 .video-list-index { float: none; width: auto; } #page_guest_users-view .user-list-index ,#page_users-view .user-list-index { padding:0 5px 0 5px; } #page_guest_users-view .user-list-index:nth-child(5n+1) ,#page_users-view .user-list-index:nth-child(5n+1) { padding: 0 5px ; } #page_guest_users-view .user-list-index:nth-child(5n+5) ,#page_users-view .user-list-index:nth-child(5n+5) { padding: 0 5px; } #page_users-view .user-list-info , #page_guest_users-view .user-list-info { height: auto; margin-bottom: 10px; margin-top: 5px; } #cover > img { height: 200px; width: 100%; } #avatar_upload { /*display:block;*/ } #page_home-index ul#album-list-content > h1 , #page_home-index ul#list-content > h1 { padding:5px; margin:0; } #leftnav button.close { top: 5px; } #footer ul.navbar-nav { text-align: center; } #footer { padding: 0 0 50px; text-align: center; } .blog-content-list li .list_option , .event_content_list li .list_option { right: 26px !important; top: 26px !important; } .blog-content-list li + li .list_option , .event_content_list li + li .list_option { right: 26px !important; top: 26px !important; } .video-list-index .list_option { right: 26px !important; top: 26px !important; } .topic-content-list .list_option { right: 16px; top: 16px; } .group-detail > .p_7, .event-detail > .p_7 { padding: 0; } #page_guest_users-index .content_center.p_m_10 , #page_users-index .content_center.p_m_10 { padding:0; } .fSignInWrapper, #customBtn { position: relative; width: 250px!important; } .user_register_holder .fSignInWrapper { margin-bottom: 10px; } .slSocialIntergration #gSignInWrapper span.icon::after { top: 9px; } .profilePage .video-list-index { float: none !important; width: auto !important; } .profilePage > #profile-content > .bar-content > .content_center { padding:0 5px !important; } .profilePage .post_body .list6.info2 { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 4px; padding: 10px; } .profilePage .post_body .list6.info2 li { border-bottom:1px solid #e8e8e8; padding:5px 0; } .profilePage .post_body .list6.info2 li:last-child { border-bottom:none;; } .btn.button.dropdown-toggle.profile-toogle + .dropdown-menu { /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: none; display: inline-block; float: none; left: auto; margin: 0; min-width: auto; padding: 0; position: relative; right: auto;*/ right:0; } /* .dropdown-menu.profile-more-action a:focus , .dropdown-menu.profile-more-action a:hover , .dropdown-menu.profile-more-action a { height: 30px; margin: 0 0 5px; padding: 0; background:none; }*/ .dropdown-menu.profile-more-action a > i { color: #919191; font-family: roboto-bold; font-size: 20px; font-style: normal; } .btn.button.dropdown-toggle.profile-toogle { /* display:none;*/ background-color: #e5e5e5; border-radius: 2px; color: #247bba; cursor: pointer; display: inline-block; font-size: 12px; height: 25.6px; line-height: 26px; margin: 0; padding: 0 12.48px; text-align: center; text-decoration: none !important; vertical-align: middle; height: 30px; line-height: 30px; margin-bottom: 5px; } .slProfileAva .profile-action .button { display: inline-block; padding:0; } .dropdown.profile_respond { display: inline-block; } .profile-action.dropdown { margin: 0 auto; max-width: 320px; position: relative; } .home_content_feed .button.button-action.topButton.button-mobi-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #000; float: none; font-family: roboto-bold; font-size: 12px; font-weight: normal; height: 40px; line-height: 40px; } .secondLeft > div { margin-bottom:10px; } .secondLeft > div:last-child { margin-bottom:0; } .slProfileAva .profile-action .button i { color: #919191; font-family: "Material Icons"; font-size: 20px; font-style: normal; line-height: 30px; } .list_option.slmm { top:0 !important; } .album_view_detail .mo_breadcrumb { margin-bottom: 0; padding: 0; } ul.hideshare-wrap li a { background-image: url("../img/social-icons.png") !important; background-repeat: no-repeat !important; background-color:transparent !important; display: block; height: 23px; text-indent: -9999px; width: 25px; } .album_view_detail ul.hideshare-wrap li { display: inline-block; width: auto !important; } .secondLeft { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; padding: 10px; margin:0 5px; } #page_guest_topics-view .secondLeft ,#page_topics-view .secondLeft , #page_guest_blogs-view .secondLeft ,#page_blogs-view .secondLeft { margin:0 10px; } .secondLeft .closeButton { display: none !important; } .mo_breadcrumb > .date { text-align:left; } #page_guest_home-index .secondLeft .bar-content > .box2:first-child { display: none !important } .blog-content-list .list_option { right: 16px; top: 16px; } #page_blogs-index .button.button-action.topButton.button-mobi-top { margin-top:0; } ul.blog-content-list .img_wrapper2 { float: none; height: auto !important; width: 100% !important; } #leftnav .box2.filter_block > h3 { display:none !important; } #regForm h1.page-header { border: medium none; font-family: roboto-bold; font-size: 20px; margin-bottom: 20px; text-align: center; } #step2Box label, #step1Box label { display:none; } #step2Box #step2Submit, #step1Box #submitFormsignup { background-color: #4285f4; color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; padding: 0 !important; width: 100%; } .col-md-12.form-btn-save #saveBtn { background-color: #4285f4; color: white; font-family: roboto-bold; font-size: 12px; height: 30px; line-height: 30px; padding: 0 !important; width: 100%; } #regFields .col-md-12.control-label, #regFields .col-md-6.control-label { font-family: roboto-bold; font-size: 12px; padding-bottom: 5px; } .register_main_form { padding: 0; } .event_createForm .mo_breadcrumb , .group_createForm .mo_breadcrumb , .topic_createForm .mo_breadcrumb , .blogCreateForm .mo_breadcrumb { background: #4285f4 none repeat scroll 0 0; height: auto; line-height: normal; margin: 0; overflow: hidden; padding: 10px; text-align: center; } .event_createForm .mo_breadcrumb > h1, .group_createForm .mo_breadcrumb > h1, .topic_createForm .mo_breadcrumb > h1, .blogCreateForm .mo_breadcrumb > h1 { color: #fff; display: block; float: none; font-family: roboto-medium; font-size: 15px; line-height: normal; margin: 0; text-align: center; } .profile-tip { position: absolute; right: 0; top: -25px; } #loginForm > h1 { font-family: roboto-bold; font-size: 24px; } #UserMemberLoginForm .input.password { float: left; padding-right: 10px; width: 75%; } #UserMemberLoginForm .btn.btn-success.btn-login { width: 25%; } #UserMemberLoginForm .form-control:focus { /* border-color: transparent;*/ box-shadow: none; } .form-group.required { margin-bottom: 0; } .form-group.required > .col-md-6 { margin-bottom: 15px; } #loginForm input[type="text"], #loginForm input[type="email"], #loginForm input[type="password"] { border: 1px solid #e8e8e8; border-radius: 5px; } .guest-action{ margin: 0; position: absolute; right: 20px; top: 0; } .guest-action > a , .guest-action > a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #a6a8a9; height: 50px; line-height: 50px; padding: 0 10px !important; } .notify_group { bottom: auto; left: auto; margin-left: 0; position: fixed; right: 55px; top: 12px; z-index: 1040; } .m-main-menu { display: block; float: left; height: 35px; margin-top: 7px; position: relative; text-align:center; width: 38px; background-color:#f7f7f7; background-image: url(../img/home_icon.png); background-repeat:no-repeat; background-position: center center; border:1px solid #e8e8e8; border-radius:3px; } .m-search-bar { display:inline-block; } .notify_group > div { margin: 0; } .group-content-list li .group-info { margin: 0; padding: 10px; } .group-content-list { margin: 0; padding: 10px; } .group-content-list .group-info a.title > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .group-content-list .list_option, .group-detail .list_option { /*top: 0;*/ } .video-detail-action { display: block; float: none; position: relative; right: 10px; top: -38px; width: 100%; } .video-details.content_center { padding: 15px; } .content_center.video-likes { margin:0; } .video-comment .content_center { padding: 0; } .video_cover, li.video-list-index a.video_cover { background: #000 none no-repeat scroll center center / cover ; display: block; height: 0; overflow: hidden; padding-bottom: 75% !important; position: relative; width: 100%; margin-bottom: 20px; } .video-list-index .video_info { display: block; height: auto; margin-left: 0; margin-right: 0; } #center .album-list-index { width:50% !important; float:left !important; background:none; } .photo-albums .album_info { margin-left: 0 !important; overflow: hidden; padding-top: 10px; } #page_guest_topics-view .bar-content > .content_center, #page_topics-view .bar-content > .content_center, .content_center.blog-detail { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; padding: 10px; } #page_guest_albums-view #center , #page_albums-view #center { margin: 10px; background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; padding: 10px; } #page_guest_videos-view #center , #page_videos-view #center { margin: 10px; background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; } #page_events-index .mo_breadcrumb , #page_groups-index .mo_breadcrumb , #page_topics-index .mo_breadcrumb , #page_videos-index .mo_breadcrumb , #page_photos-index .mo_breadcrumb { margin-bottom: 0; padding: 10px 10px 0; text-align: center; background:none; } #page_events-index #center .mo_breadcrumb h1 , #page_groups-index #center .mo_breadcrumb h1 , #page_topics-index #center .mo_breadcrumb h1 , #page_videos-index #center .mo_breadcrumb h1 , #page_photos-index #center .mo_breadcrumb h1 { margin: 0; padding: 0; width: 100%; text-align:center; } #page_events-index .button.button-action.topButton.button-mobi-top , #page_groups-index .button.button-action.topButton.button-mobi-top , #page_topics-index .button.button-action.topButton.button-mobi-top , #page_videos-index .button.button-action.topButton.button-mobi-top , #page_photos-index .button.button-action.topButton.button-mobi-top { margin-top: 15px; width: 100%; } .albums.photo-albums li a.album_cover { padding-bottom: 100% !important; width: 100% !important; } .album-list-index .list_option, .photo-albums li .list_option { display: block !important; right: 26px; top: 26px; } .album-list-index .photo-albums .album_info { margin-left: 0; padding-top: 10px; } .content_center.blog-detail { /* padding: 0;*/ } .blog-detail .mo_breadcrumb { margin-bottom: 35px; padding: 0; } .list_option.visible-sm.visible-xs { top: 0; } #list-content.topic-content-list { margin:10px; } #list-content.topic-content-list .topic-content-list > li { padding:15px; margin-bottom:7px; } .m-blog-edit .btn.btn-default { background: #ebebeb none repeat scroll 0 0; color: #000; font-family: roboto-bold; font-size: 12px; height: 30px; opacity: 1; width: 70px; } .m-blog-edit .btn.btn-default.dropdown-toggle { width:35px; } #m-menu-search , #m-menu-module { background: #f3f3f3 none repeat scroll 0 0; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; color: #000; display: block; font-family: roboto-bold; font-size: 15px; height: 43px; line-height: 43px; } #m-menu-search:hover, #m-menu-search:focus , #m-menu-module:hover, #m-menu-module:focus { text-decoration:none; outline:none; } #m-menu-search > i , #m-menu-module > i { margin-left:10px; display: inline-block; font-size: 20px; height: 43px; line-height: 43px; vertical-align: middle; } #m-menu-search + #global-search-filters , #m-menu-module + #browse { background: #fff none repeat scroll 0 0; box-shadow:0 3px 5px #999; display: none; left: 0; position: absolute; right: 0; z-index: 20; height:auto; } #m-menu-search + #global-search-filters li , #m-menu-module + #browse li { float: none; margin: 0; } #m-menu-search + #global-search-filters li > a , #m-menu-module + #browse li > a { border-bottom: 1px solid #e8e8e8; } #m-menu-search + #global-search-filters li.current a , #m-menu-module + #browse li.current a { background: #ff4700 none repeat scroll 0 0; border-bottom: 1px solid #e8e8e8; color: #fff; font-family: "roboto-bold"; font-size: 14px; font-weight: normal; } .slLeftSearchFixed , .slLeftFixedRound { text-align: center; width: 100%; background:#efefef none repeat scroll 0 0; position:relative; } .slLeftSearchFixed ul , .slLeftFixedRound ul { /* display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;*/ display: inline-block; float: none; height: 40px; margin: 0 auto; } .slLeftSearchFixed ul li.current , .slLeftFixedRound ul li.current { background: none; } .slLeftSearchFixed ul li , .slLeftFixedRound ul li { margin: 0 25px 0 0; float:left; } .slLeftSearchFixed ul li.current a, .slLeftFixedRound ul li.current a{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #e8e8e8; font-family: "roboto-bold"; font-weight:normal; font-size: 14px; color: #000; } .slLeftSearchFixed ul li a , .slLeftFixedRound ul li a { color: #000; border-bottom: 3px solid #e8e8e8; display: block; font-size: 14px; font-family: roboto-regular; height: 40px; line-height: 40px; padding: 0 5px !important; text-decoration: none; } .slLeftFixedRound .spinner , .slLeftSearchFixed .json-view .spinner , .slLeftFixedRound .json-view .spinner { left: 50% !important; top: 10px !important; } ul.blog-content-list { margin:5px; } #list-content.slFeedPlus { margin:5px; } #status_box { background-color: #fff; border: 1px solid #ebebeb; border-radius: 3px; margin: 5px; padding: 15px; } #list-content.slFeedPlus li[id^="activity_"] { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 3px; overflow: hidden; padding: 0; page-break-inside: avoid; transform: translate3d(0px, 0px, 0px); } .user_avatar_large { border-radius: 50%; height: 57px; width: 57px; } .comment { margin-left: 65px; /* margin-top: 10px;*/ min-height: 33px; } #feed-type.list7 { width: auto; } #page_home-index .mo_breadcrumb { background: #efefef none repeat scroll 0 0; height: 40px; margin-bottom: 0; position:relative; padding:0; } #page_home-index .mo_breadcrumb > h1 { display: block; height: 40px; line-height: 40px !important; margin: 0 !important; text-align: center; width: 100%; } #page_home-index .mo_breadcrumb + ul > h1{ display: none; } #feed-type.list7 li { margin-right: 25px; width: auto; } #feed-type.list7 a { height: 40px; line-height: 40px; font-weight:normal; background:none; } #leftnav, #right{ background: #fff; } .closeButton{ background: #959496; overflow: hidden; height: 40px; line-height: 40px; padding: 0 14px; } .summary-info > img{ float: left; } .user-info-home{ margin-left: 70px; } .info-home-name{ height: auto; line-height: 20px; margin-bottom: 0; margin-top: 6px; line-height: 20px; font-size: 14px; } #av-img.ava_home{ border:1px solid #e8e8e8; padding:1px; background:#fff; border-radius: 2px; margin:10px; display: block; float: left; width: 50px; height:50px; } .menu_top_list{ clear:both; padding:10px; } button.close{ opacity: 1; } .menu_top_list li + li{ border-top:1px solid #e8e8e8; } .menu_top_list li > span.header, .share-menu li a, .menu_top_list li a{ height: 50px; line-height: 50px; font-size: 14px; padding:0!important; color:#000; } .share-menu{ border-top:1px solid #e8e8e8; margin:0 10px; margin-top: -10px; } .badge_counter{ background: none; font-size: 14px; color:#247BBA; } .box2 h3{ background: #F4F4F4; padding: 10px; font-size: 12px; } .box_content{ padding:0 10px; } #mobi_menu{ background:#fff; } #main_menu{ margin: 0; } ul.navbar-nav li a{ color: #000; font-size: 14px; padding: 0 10px!important; -webkit-tap-highlight-color:#F1F1F1; } .navbar-nav li { display: block; } .main-menu-content{ margin: 0; padding: 20px; background: #257ABA; /*overflow: hidden;*/ float: none!important; } .main-menu-content:after{ content: ''; display: block; clear: both; } #global-search{ width: 100%; background: none; border: none; border-bottom: 1px solid #e8e8e8; padding:8px; color:#000; } .title_small_list{ margin: 10px 10px 0; border-bottom: 1px solid #e8e8e8; padding-bottom: 4px; } #openMenu{ display: block; float: left; width: 30px; height: 30px; background: #1C659B; position:relative; border-radius: 4px; padding: 7px; margin-top: 9px; } .arr-menu{ display: block; width: 0; border-width: 6px; border-style: solid; border-color: transparent #1C659B transparent transparent; position: absolute; left: -12px; top: 8px; } .navbar-header{ float: left; margin: 0!important; } span.line { display: block; height: 2px; width: 100%; background: #fff; margin-bottom: 4px; } .ava_mobi{ position: absolute; right:10px; top:10px; } .ava_mobi img{ width: 30px; height: 30px; display: block; border: 1px solid #e8e8e8; padding: 1px; background: #fff; border-radius: 2px; } .mobile-footer i{ font-weight: bold; font-size: 22px; line-height: 50px; margin: 10px; } .container{ padding-left: 0; padding-right: 0; } .box2 h3{ margin-top:0; } .navbar-nav, #main_menu li{ float:none!important; display:block; } .mo_breadcrumb{ margin-bottom: 0; padding: 10px 10px 0; background:none; } #center .mo_breadcrumb h1 { margin: 0; padding: 0; /*padding: 35px 0 0;*/ } #center .topic_view_body h1 { padding: 35px 0 0; font-family: roboto-bold; font-size: 20px; font-weight: normal; } #center .blog-detail .mo_breadcrumb h1 { padding: 35px 0 0; } .create_form .form_content { padding: 0; } /* .mo_breadcrumb h1{ margin-bottom: 0; float: none; text-align: left; line-height: 30px; }*/ .mo_breadcrumb > .list_option{ top:15px; } /* .button-mobi-top{ float:none; display: block; background: #E4E4E4; border:none; color:#247BBA; font-size: 14px; font-weight: bold; height: 35px; line-height: 35px; margin-top:20px; }*/ .button-mobi-top:hover{ background-color: #eeeeee; } .header-list .button-mobi-top{ margin-top: 0; } .list-mobile li{ background: #fff; margin-bottom:10px; padding: 10px; } .list-mobile li + li{ padding-top:10px; } .full_content{ background:none; margin-bottom: 10px; } .user_list{ margin-right: 10px; } #leftnav .box2{ margin-bottom: 10px; } .p_m_10{ padding:10px; } h2.header_title{ padding: 0 10px 3px; } .albums_edit_item, .albums li{ overflow:hidden; padding:0; } .video_block li{ margin-bottom:10px; } .view-all-bottom { clear: both; padding: 0 10px 10px; text-align: right; } #lb_description{ display: block; } #comments .comment .date{ display: block; margin-bottom: 5px; margin-top: 5px; } .list-item-region li{ padding-bottom: 0; } #av-img.page-avatar{ width: 80px; height: 80px; float: left; margin: 10px; } #av-img.page-avatar + h3.info-home-name{ padding-top: 30px; font-size: 16px; } .list-item-region .comment{ margin-left:0; } .edit-profile-section{ padding: 20px; } #center > .box2 > .box_content{ padding:10px; } body{ padding-bottom: 40px; padding-top:50px; } body#page_guest_home-index { padding-top:55px; } .header-list{ margin-top:10px; clear:both; } .header-list:after{ content:''; display: block; clear: both; } ul.header-list li { float:left; width: 49%; } .button-dropdown ul li{ float: none!important; width: 100%!important; } ul.header-list li a{ margin: 0 2px; background: #e4e4e4; border-radius: 2px; } .album_view_detail ul.header-list li a{ background: none; } ul#feed-type li{ float:left; width: 49%; } ul.header-list li + li, ul#feed-type li + li{ float:right; } .full_content .item-content{ padding:0; } /* .notify_group{ position: fixed; bottom: 11px; z-index: 999; left: 50%; margin-left: -68px; }*/ .notify_group > div{ margin: 0; } .notify_content > a i { color: #919191; } .m-menu-showup { background: #fff none repeat scroll 0 0; border-radius: 0; bottom: 0; display: none; left: 0; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: fixed; right: 0; top: 50px; width: 100%; z-index: 104900; } .open> #search-bar, .open> #conversation_list, .open> #notifications_list{ position: fixed; left: 0; right: 0; top: 46px; bottom: -2px; overflow: auto; border-radius: 0; } #conversation_list .arr-notify, #notifications_list .arr-notify{ position: absolute; width: 0; border: 6px; border-style: solid; border-color: transparent transparent #fff transparent; right: 56px; bottom: -12px; } #right .bar-content > div, #leftnav .bar-content > div{ margin-bottom:10px; } .header-list .topButton { line-height: 28px; font-weight: bold; } .header-list a{ font-weight: bold; } .profile-action .button{ background: none; padding:0; } .profile-action .button i{ font-size: 24px; } .profile-action{ /*top: 28px;*/ } .profile-info-section{ padding-top: 13px; } .profile_info{ padding: 10px 20px 0; } #mobi_menu{ display:none; } #header_mobi{ top:0; -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1); -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1); transition: top 0.5s cubic-bezier(0, 1, 0.5, 1); } .faceOutEffect #header_mobi{ top:-51px; } .mobile-footer{ -webkit-transition: bottom 0.5s cubic-bezier(0, 1, 0.5, 1); -moz-transition: bottom 0.5s cubic-bezier(0, 1, 0.5, 1); transition: bottom 0.5s cubic-bezier(0, 1, 0.5, 1); } .faceOutEffect .mobile-footer{ bottom:-50px; } .notify_group{ -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1); -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1); transition: top 0.5s cubic-bezier(0, 1, 0.5, 1); } .faceOutEffect .notify_group{ top:-50px; } .upload-section span{display: none;} .upload-section{ font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #header_mobi{ text-align: center; height:50px; } .logo-default{ display: inline-block; } .header-list li a{ padding:7px; } .list2 li a{ padding: 7px 5px; } .header-button-list li a{ padding:4px 7px; } .list-item-info > a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html.openNotify, .openNotify body{ overflow:hidden; position:fixed; top:0; bottom:0; right:0; left:0; height:0; width:100%; height:100%; } .mce-panel *{ max-width:100%; } .list6 li.unread {background-color:#F2F5F9} .slimScrollDiv, .notify_content ul{ height:auto!important; } #main_menu li:hover a, #main_menu li.current a{ color: #257ABA; } .comment_wrapper > li .list_option{ top:15px; right:15px; } #main_menu li i{ color:#000; } #main_menu li ul { display: block !important; padding: 0; } #map_canvas{ width:100%!important; } /*Video block*/ .video_block .video_info{ margin-left: 125px; } .global-search{ background: none; border: none; width: 100%; padding: 0; position:relative; } #display-suggestion{ width: 100%; } .list-item-region li{ padding-bottom:10px; } .event-date-mobile{ margin-bottom:5px; } .page-avatar, .main-img{ width: 100px; height: auto; margin: 0 auto; display: block; } .album_view_detail .list_option button{ position: absolute; right: 0; top: -26px; } .album_view_detail ul.header-list li{ width:100%; } .album_view_detail .mo_breadcrumb h1 { display: block; float: none; margin: 0; padding: 0; width: auto; } ul.header-button-list li.btn-album a.button { float: right; margin-top: 10px; padding: 0 7px; } .album_view_detail .album-detail-info { padding: 0; } #avatar_wrapper img, #cover_wrapper img{ max-width:100%; } #avatar_wrapper{ display:block; } .jcrop-holder img{ max-width: 100%!important; height: auto!important; position: static!important; } .jcrop-holder{ max-width:100%; height: auto!important; } .summary-info > a{ float:left; } .event-info-list{ margin-left: 0; } .event-list-thumb .event-date{ display:none; } .event-list-thumb{ float: none; height: 110px; width: 100%; } .comment-option{ display: block; } #center.col-md-9 .user-list-index, #center.col-md-6 .user-list-index{ width: 25%; } .m-user-option { float:right; } .m-user-option .dropdown-user-box { height: 50px; line-height: 50px; } .m-user-option.open .dropdown-user-box { box-shadow:none; } .m-user-option.open .dropdown-menu { left: auto; right: 0; } #home-content .mo_breadcrumb > i { background: #ddd none repeat scroll 0 0; bottom: 0; cursor: pointer; /*font-size: 30px;*/ left: 0; padding-top: 3px; position: absolute; top: 0; vertical-align: middle; /*width: 70px;*/ display: inline-block; font-size: 27px; width: 40px; } #home-content .mo_breadcrumb > i { font-size: 27px; width: 40px; } .m-hidden { overflow:hidden; } .mobile-footer { display:none; } #leftnav #cover { } .blog-content-list li , .event_content_list li { float: none; margin-bottom: 15px; width: 100%; } #page_users-password #leftnav , #page_users-profile #leftnav , #page_guest_events-view #leftnav , #page_guest_groups-view #leftnav , #page_events-view #leftnav , #page_groups-view #leftnav { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: block !important; height: auto; opacity: 1; position: relative; width: 100%; z-index: 10; overflow: visible; } #page_users-password #leftnav .closeButton , #page_users-profile #leftnav .closeButton , #page_guest_events-view #leftnav .closeButton ,#page_guest_groups-view #leftnav .closeButton , #page_events-view #leftnav .closeButton ,#page_groups-view #leftnav .closeButton { display:none !important; } #page_users-password #leftnav , #page_users-profile #leftnav { padding:10px 10px 0; } #page_users-password .profile-info-menu , #page_users-profile .profile-info-menu { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; } .slGroupMenu .mo_breadcrumb > h1 { display:none !important; } .slGroupMenu #av-img.page-avatar { float: none; height: auto; margin: 0; width: 100%; } .slGroupMenu , .slEventMenu , .slEventMenu ~ div { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; margin: 5px; } #leftnav .event-box-content { padding:10px; } .group-menu-left #browse li.more { display: inline-block; position: relative; } .group-menu-left #browse li.more .spinner { display:none; } .group-menu-left #browse li.more li.mMore { list-style: outside none none; } .group-menu-left #browse li.more li.mMore > a { border-bottom: medium none; } .group-menu-left #browse li.more > i { color:#000; } /* .group-menu-left #browse li.more > ul { }*/ .group-menu-left #browse li.more > ul{ display:none; position:absolute; right:0; padding:10px; height:100px; width:120px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .group-menu-left #browse > li { display:inline-block; margin:0 10px 0 0; } .group-menu-left #browse > li .badge_counter { display:none !important; } .group-menu-left #browse { background: #efefef none repeat scroll 0 0; height: 40px; line-height: 40px; margin-bottom: 0 !important; text-align: center; } .group-menu-left #browse > li a { border-bottom: 3px solid #e8e8e8; color: #000; display: block; font-family: roboto-regular; font-size: 14px; height: 40px; line-height: 40px; padding: 0 5px !important; text-decoration: none; } .group-menu-left #browse > li.current a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #e8e8e8; font-family: "roboto-bold"; font-size: 14px; font-weight:normal; } .slEventMenu .list6 li { border-bottom: 1px solid #e8e8e8; padding: 10px; } .slEventMenu .list6 li:last-child { border-bottom: none; } .slEventMenu .event-information { padding: 2px; } .ava_home { border: 3px solid #fff; border-radius: 3px; float: left; margin: 10px; } .slNewAvatar .user-info-home { /* display: inline-block; margin-left: 0; position: static; vertical-align: middle;*/ width: auto; } .slNewAvatar .user-info-home .info-home-name a { display: inline-block; font-size: 20px; height: 100%; padding: 5px; width: auto; } .slNewAvatar .user-info-home .info-home-name { margin-top: 10px; padding: 0 35px 0 0 !important; } .slNewAvatar .user-info-home > a { top: 0; } .slNewAvatar .user-info-home > a > i { vertical-align: middle; font-size:15px; color:#fff; } .slProfileAva #avatar { border-radius: 50%; float: none; height: 85px; margin: -45px auto 0; width: 85px; } .slProfileAva .profile-info-section h1 { color: #919191; margin: 20px; } .slProfileAva .profile_info li { color: #646464; font-size: 13px; } .slProfileAva .profile_info li span { color: #646464; font-family: roboto-regular; font-size: 13px; } .slProfileMenu { background: #f3f3f3 none repeat scroll 0 0; height: 48px; line-height: 48px; position: relative; text-align: center; width: 100%; } .slProfileMenu > ul { display: inline-block; float: none; height: 35px; margin: 0 auto; width: 300px; padding: 0 } .slProfileMenu > ul > li , .slProfileMenu > ul > li:hover { border:none !important; float: none; margin: 0 25px 0 0; display: inline-block; } .slProfileMenu li.more { display: inline-block; position:relative; cursor: pointer; } .slProfileMenu li.more > ul { display: none; height: auto; padding: 10px; position: absolute; top: 48px; width: 180px; z-index: 100000; right:0; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .slProfileMenu ul li a, .slProfileMenu ul li a:hover { border-bottom: none; height: 48px; line-height: 48px; } .slProfileMenu li.more .spinner { display:none; } .slProfileMenu li.more li.mMore { display: block; float: none; list-style: outside none none; margin: 0; } .slProfileMenu li.more li.mMore > a { border-bottom: medium none; color:#000; } #page_guest_users-view .profile-header , #page_users-view .profile-header { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; margin: 5px; } .profilePage #profile-content .bar-content .content_center { padding: 0; } #aaa { display:none; } #cover_upload { bottom: auto; top: 0; } } @media (min-width: 992px){ body.default-body { padding-bottom: 0; } body#page_guest_home-index .documentScrolling .logo-default { top: auto; } body#page_guest_home-index .open_large_menu { display: none !important; } body#page_guest_home-index .user_register_holder { margin-top: 180px; width: 1180px; margin: 180px auto 50px; overflow: hidden; } body#page_guest_home-index #signUpForm { border-radius: 2px 2px 5px 5px; padding: 10px 20px 10px 20px; width: 300px; max-width: 300px; background: #ffffff; position: relative; padding-bottom: 70px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3); margin: 0 auto; } .footer-wrapper { margin: 0 auto; overflow: hidden; padding: 40px 0 28px; width: 1180px; } } @media (max-width: 991px) { .logo-default img { height: 30px; } body#page_guest_home-index .user_register_intro h1 { font-size: 26px; } body#page_guest_home-index .signup_more { color: #fff; width: auto; line-height: 20px; font-size: 13px; } .brand-item { display: block; margin-left: auto; margin-bottom: 20px; margin-right: auto; } .footer-link { margin: 0; padding: 20px 10px; } .col-md-3.menu-list-footer { margin-bottom: 20px; } .footer-power { padding: 0px 20px 20px; } a.feedback_shortcut , div#ScrollToTop { display: none !important; } body#page_guest_home-index .container#content-wrapper { padding-bottom: 520px; } body#page_guest_home-index .signup_more { margin-bottom: 15px; } body#page_guest_home-index footer { z-index: 1; position: relative; } body#page_guest_home-index .bg-overlay { position: fixed; } } @media (max-width: 992px) and (min-width: 767px) { #status_box { background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px; margin: 0 0 17px; padding: 15px; } #center.col-md-12 .user-list-index, #center.col-md-9 .user-list-index, #center.col-md-6 .user-list-index { width: 50%; } .form-btn-save a.button { margin: 10px 11px 10px 0; width: 49%; } .slroundTextfeed { float: none; width: 100%; padding-right: 0; } } @media (min-width:767px){ } @media (max-width:767px){ #page_guest_users-view .profilePage .user-list-index:nth-child(3n+5) , #page_users-view .profilePage .user-list-index:nth-child(3n+5) , #page_guest_users-view .profilePage .user-list-index:nth-child(3n+1), #page_users-view .profilePage .user-list-index:nth-child(3n+1) { padding: 0 5px; } #home-content .content_center_home h1.m_b_10 { display: block; clear: both; } .blog-content-list li:nth-child(odd) { padding-right: 0; } .blog-content-list li:nth-child(even) { padding-left: 0; } ul.blog-content-list > li { display: block; } .like-section .likes { float: none; margin-top: 5px; text-align: right; width: 100%; } .likes .list_block li { display: inline-block; width: 16.66%; } .like-section a { padding: 0; } .like-section ul.list_block img { height: auto; padding: 0 5px; width: 100%; } #page_guest_users-view .user-list-index ,#page_users-view .user-list-index { padding:0 5px 0 5px; } #page_guest_users-view .user-list-index:nth-child(3n+1) ,#page_users-view .user-list-index:nth-child(3n+1) { padding: 0 10px 0 0 ; } #page_guest_users-view .user-list-index:nth-child(3n+5) ,#page_users-view .user-list-index:nth-child(3n+5) { padding: 0 0 0 10px ; } .slroundTextfeed { float: none; width: 100%; padding-right:0; } .slroundTextfeed #status_box { margin:0 0 15px 0; } .slFeedLeft , .slFeedRight { float: none; width: 100%; padding:0; } #themeModal .modal-body > .activity_content > li { float: none; margin-bottom: 15px; width: 100%; } #themeModal .modal-body > .activity_content > li:nth-child(odd) { padding-right:0; } #themeModal .modal-body > .activity_content > li:nth-child(even) { padding-left:0; } #themeModal .modal-body > .activity_content > li .feed_title + .feed_detail_text { min-height: 0; } .group-content-list li { width: 50%; } .group-content-list li:nth-child(4n+1) { padding: 0 5px 0 0 !important; } .group-content-list li:nth-child(4n+2) { padding: 0 0px 0 5px !important; } .group-content-list li:nth-child(4n+3) { padding: 0 5px 0 0 !important; } .group-content-list li:nth-child(4n+4) { padding: 0 0px 0 5px !important; } .group-content-list li:nth-child(4n+1) .list_option { right: 16px; top: 16px; } .group-content-list li:nth-child(4n+2) .list_option { right: 16px; top: 16px; } .group-content-list li:nth-child(4n+3) .list_option { right: 16px; top: 16px; } .group-content-list li:nth-child(4n+4) .list_option { right: 16px; top: 16px; } .captcha-content{ padding-right: 37px; } .captcha-logo{ display: none; } .captcha_change_option{ right: 0px; } .thumb_mobile{ width:60px!important; height:60px!important; } .activity_item .activity_left .thumb_mobile { width: 100% !important; height: auto !important; } .list-text-info{ margin-left:70px!important; padding-top:0px; } /* .activity_left{ width: 80px; } .activity_left img{ max-height: 80px; max-width: 80px; } .activity_right{ height: auto; min-height:80px; }*/ #center .user-list-index, #center.col-md-9 .user-list-index, #center.col-md-6 .user-list-index{ width: 33.33333333%; } ul.blog-content-list > li + li { border-top: medium none; display: block; margin: 10px 0; padding-top: 0; } .comment-reaction-options .reacts { transform: scale(0.9) translate(-33%, 0); } #comments .comment-reaction-options .reacts { transform: scale(0.9) translate(0, 0); } .like-wrap .like-section .like-action .item-reaction-options .reacts { left: 0; transform: translate(0%, 0) !important; } .secondLeft .biz-mini-info > .review_star > .star-rating.rating-xs.rating-disabled > .rating-container.rating-gly-star > .rating-stars , .secondLeft .feed_bus_review > .review_star > .star-rating.rating-xs.rating-disabled > .rating-container.rating-gly-star > .rating-stars { display: none; } .secondLeft .biz-mini-info > .review_star > .star-rating.rating-xs.rating-disabled > .rating-container:before , .secondLeft .feed_bus_review > .review_star > .star-rating.rating-xs.rating-disabled > .rating-container:before { content: "" !important; } .feed-reaction-options .reacts { transform: translate(0%, 0); } .sl-thumb-comment a i { height: 20px; line-height: 20px; margin-left: 0; } .group-detail #commentForm > .comment > .gif_holder { top: 0; } .box2.filter_block.bus_payment_method .box_content { padding: 0 16px !important; } } @media (min-width:480px){ #loginForm{ width: 450px; padding: 35px 55px; margin: 0 auto; background: #fff; border: 1px solid #e8e8e8; } #signUpForm{ border: 1px solid #e8e8e8; border-radius: 2px; background: #e9e3d3 none repeat scroll 0 0; } #signUpForm.no-social{ border:none; background:none; } .register_main_form{ background: #fff; padding: 35px 90px; border-right: 1px solid #e8e8e8; } } @media (max-width:480px){ #signUpForm > .pull-right{ float:none!important; } #signUpForm{ background: #f7f7f7 none repeat scroll 0 0; padding: 20px; } .fSignInWrapper, #customBtn{ width:200px; } #submitFormsignup{ width: 100%; } #center.col-md-9 .user-list-index, #center.col-md-6 .user-list-index{ width: 50%; } } @media (max-width:374px){ #triggerUpload.video-upload { margin: 0 0 10px 0 !important; } } @media (max-width:450px){ .slGroupContain .extra_info { font-size: 11px !important; } #list-content{ list-style:none; padding:0; margin:0; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } #album-list-content .list_option .dropdown-menu , .group-content-list .list_option .dropdown-menu { min-width: 120px; } .group-content-list .list_option .dropdown-menu li { width:100%; padding:0 !important; } } @media (min-width: 1024px){ } @media (min-width: 1100px){ .container { width: 1180px; padding: 0; } #header .container { width: 1180px; display: flex; } } @media (max-width:500px) { /* #list-content.slFeedPlus , ul.blog-content-list{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin: 0; }*/ #list-content.slFeedPlus li[id^="activity_"] { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 3px; margin: 5px; } ul.blog-content-list > li { margin:10px 0; padding: 0; } } @media screen and (-webkit-min-device-pixel-ratio:0) { @media (min-width:992px) { .photo-albums .album_info, .album_info_edit { margin-left: 0 !important; padding-top: 10px; overflow: hidden; height:auto; } } } @media (max-width: 400px) { .feed_comment_info .comment_list>li>.comment { margin-left: 35px; } } ul.navbar-nav li.hasChild:hover > ul{ display:block!important; } .modal-open{ position:relative; } .iconos{ background: url(../img/emojis-short.png); width: 19px; height: 19px; display: inline-block; cursor: pointer; font-size: 30px; text-align: center; border-radius: 17px; color: transparent; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', NotoColorEmoji, 'Segoe UI Symbol', 'Android Emoji', EmojiSymbols; text-shadow: none; font-weight: normal; vertical-align:bottom; background-size: 352px 110px; } #a1{background-position:-1px -2px} #a2{background-position:-68px -90px} #a3{background-position:-46px -1px} #a4{background-position:-90px -2px} #a5{background-position:-222px -68px} #a6{background-position:-112px -2px} #a7{background-position:-134px -1px} #a8{background-position:-156px -2px} #a9{background-position:-310px -68px} #a10{background-position:-289px -67px} #a11{background-position:-333px -68px} #a12{background-position:-266px -71px} #a13{background-position:-201px -70px} #a14{background-position:-156px -70px} #a15{background-position:-310px -2px} #a16{background-position:-333px -90px} #a17{background-position:-156px -91px} #a18{background-position:-2px -24px} #a19{background-position:-24px -24px} #a20{background-position:-46px -24px} #a21{background-position:-288px -91px} #a22{background-position:-244px -93px} #a23{background-position:-112px -24px} #a24{background-position:-134px -25px} #a25{background-position:-90px -90px} #a26{background-position:-332px -3px} #a27{background-position:-244px -3px} #a28{background-position:-112px -47px} #a29{background-position:-244px -24px} #a30{background-position:-68px -47px} #a31{background-position:-266px -24px} #a32{background-position:-134px -90px} #a33{background-position:-310px -25px} #a34{background-position:-113px -89px} #a35{background-position:-2px -46px} #a36{background-position:-24px -2px} #a37{background-position:-46px -46px} #a38{background-position:-69px -2px} #a39{background-position:-90px -47px} #a40{background-position:-178px -2px} #a41{background-position:-134px -46px} #a42{background-position:-156px -46px} #a43{background-position:-178px -47px} #a44{background-position:-221px -3px} #a45{background-position:-289px -2px} #a46{background-position:-134px -68px} #a47{background-position:-266px -47px} #a48{background-position:-288px -45px} #a49{background-position:-311px -46px} #a50{background-position:-333px -46px} #a51{background-position:-23px -89px} #a52{background-position:-2px -68px} #a53{background-position:-24px -68px} #a54{background-position:-45px -90px} #a55{background-position:-268px -89px} #a56{background-position:-200px -45px} #a57{background-position:-112px -68px} #a58{background-position:-240px -120px} #a59{background-position:-280px -120px} #a60{background-position:-320px -120px} #a61{background-position:-360px -120px} #a62{background-position:-400px -120px} #a63{background-position:-440px -120px} #a64{background-position:-480px -120px} #a65{background-position:-520px -120px} #a66{background-position:-560px -120px} #a67{background-position:-600px -120px} #a68{background-position:-640px -120px} #a69{background-position:0 -160px} #a70{background-position:-40px -160px} #a71{background-position:-80px -160px} #a72{background-position:-90px -68px} #a73{background-position:-160px -160px} #a74{background-position:-288px -45px} #a75{background-position:-240px -160px} #a76{background-position:-244px -69px} #a77{background-position:-222px -90px} #a78{background-position:-179px -70px} #a79{background-position:-400px -160px} #a80{background-position:-440px -160px} #a81{background-position:-480px -160px} #my-businesses, #my-jobs, #my-documents, #my-bookmarks, #my-resumes, #my-questions, #my-polls, #my-recipes { position: relative; } #my-businesses i.material-icons, #my-jobs i.material-icons, #my-documents i.material-icons, #my-bookmarks i.material-icons, #my-resumes i.material-icons, #my-questions i.material-icons, #my-polls i.material-icons, #my-recipes i.material-icons { visibility: hidden; } #my-businesses:before, #my-jobs:before, #my-documents:before, #my-bookmarks:before, #my-resumes:before, #my-questions:before, #my-polls:before, #my-recipes:before { content: " "; height: 44px; width: 48px; position: absolute; left: 0; } .slMenuProfile #my-businesses:before { background: url(https://www.womelle.com/community/uploads/faqs/6ef3fcd3f7e4dc64fb7080eba00f7428.png) no-repeat; background-size: 54%; background-position: 2px 3px; } .slMenuProfile #my-jobs:before { background: url(https://img.icons8.com/color/48/000000/find-matching-job.png) no-repeat; background-size: 54%; background-position: 2px 3px; } .slMenuProfile #my-documents:before { background: url(../img/report.png) no-repeat; background-size: 54%; background-position: 2px 3px; } .slMenuProfile #my-bookmarks:before { background: url(../img/bookmark.png) no-repeat; background-size: 54%; background-position: 2px 3px; } .slMenuProfile #my-resumes:before { background: url(../img/resume.png) no-repeat; background-size: 54%; background-position: 2px 3px; } .slMenuProfile #my-questions:before { background: url(https://www.womelle.com/community/uploads/faqs/d68446f86799ae8790f391362ec7ebd2.jpg) no-repeat; background-size: 54%; background-position: 2px 3px; } .slMenuProfile #my-polls:before { background: url(../img/ads.png) no-repeat; background-size: 54%; background-position: 2px 3px; } .slMenuProfile #my-recipes:before { background: url(../img/Recipes.png) no-repeat; background-size: 54%; background-position: 2px 3px; } .dashboard-block img { width: 24px !important; margin-top: 8px; } .page_guest_users-register { background: #efefef !important; } .heading-block { padding-top: 60px; font-size: 14px; padding-bottom: 30px; } .feature-block { font-size: 14px; padding-bottom: 14px; } #signUpForm.no-social .register_main_form { padding: 35px 60px; } .heading-title, .feature-title { font-weight: bold; font-size: 16px; padding-bottom: 8px; } .compare-item.compare-register .content { height: 100% !important; } .small-width input { width: 90%; float: left; } .small-width a { width: 10%; display: inline-block; margin-top: 6px; text-align: center; } .slidecontainer { width: 100%; } .slider { -webkit-appearance: none; width: 100%; height: 25px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .slider:hover { opacity: 1; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #0f75bd; cursor: pointer; } .slider::-moz-range-thumb { width: 25px; height: 25px; background: #4CAF50; cursor: pointer; } .label-text { font-size: 14px; color: grey; margin-top: 12px; } .green-text { color: #0f75bd; } @media (max-width: 992px){ .dashboard-block { right: 184px !important; top: 8px !important; z-index: 9999; } .dashboard-block img { width: 23px !important; margin-top: 8px; } } @media only screen and (max-width: 767px) { .feature-block { text-align: center; padding: 20px; } .heading-block { text-align: center; padding-left: 20px; padding-right: 20px; } #signUpForm.no-social .register_main_form { width: 100% !important; padding: 0 30px; margin-bottom: 42px; padding-bottom: 20px; } body#page_guest_home-index .container#content-wrapper { padding-bottom: 0 !important; } .guest-action { right: 0; } .logo-default a { width: 290px; } .logo-default a img { float: left; max-height: 30px !important; } } @media only screen and (max-width: 667px) { .logo-default a { width: 270px; } .notify_content>a { padding: 2px 5px; } .dashboard-block { right: 163px !important; } }
Janie Gale only shares some information with everyone