.business-page .menu { margin-top:5px; } .business-page .menu li{ display:block; } .business-page .page-likes { text-align: center; padding: 7px; font-size: 35px; color: #777676; } .business-page .menu li a{ padding: 10px; display: block; border-bottom: 1px solid #eee; } .business-page .logo-page { padding: 5px; background: #f5f5f5; border: 1px solid #d8d8d8; margin: 0px 14px 7px 0; width: 100%; } .business-page .business-page-info li i{ margin-right:10px; } .business-page .business-page-info li { display:block; font-size:15px !important; } .business-page .business-page-info { margin-top: -100px !important; } .business-page .top-container { background: #fff; border: 1px solid #C4CDE0; position:relative; border-width: 1px 1px 2px; } .business-page .top-container .business-page-cover { height: 200px; overflow: hidden; opacity: .99; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .38) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .38))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .38) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .38) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .38) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .38) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0); } .business-page .top-container .business-page-cover img { width: 100%; position: relative; } .business-page-row { margin-bottom: 20px; } .business-page-hr-menu ul { margin-bottom: 0px; padding: 0px; } .business-page-hr-menu ul li { display: inline-block; } .business-page-hr-menu ul li a { display: block; padding: 15px; margin-right: 5px; font-weight: bold; border-right: 1px solid #eee; } .business-page-hr-menu .dropdown-menu li { display: block; } .business-page-hr-menu .dropdown a i { margin-left: 5px; } .business-page-hr-menu .dropdown-menu li a { border-right: 0px; margin-right: 0px; } .business-page-hr-menu ul li:hover {} .business-page-hr-menu { border-bottom: 1px solid #eee; } .business-page-hr-menu ul li:last-child { border-right: none; } .business-page .business-page-photo { position: absolute; margin-left: 20px; margin-top: -190px; background-color: #fff; border: 1px solid #CCC; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; padding: 2px; } .business-page .business-page-photo img {} .business-page .user-fullname { color: #FFF; font-weight: bold; margin-top: -190px; font-size: 35px; font-size: 2.3vw; margin-left: 20px; position: absolute; text-shadow: 0 0 3px #000; /** overlapping issue with longer names on business-page page #630 **/ max-width: 820px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .business-page-role { font-size: 18px !important; margin-top: -150px !important; } .business-page-cover-controls { float: right; width: 100%; position: absolute; margin-right: -32px; margin-top: 150px; z-index:1; } .business-page-cover-controls .change-cover { position: relative; margin-right: 50px !important; } .reposition-cover { float: right; position: relative; margin-right: 5px !important; } .business-page-menu { float: right; position: relative; margin-top: -40px; margin-right: 20px; } #cover-menu { display: none; } .upload-photo { background: #000; opacity: 0.5; width: 170px; padding: 10px; position: absolute; color: #FFF; text-align: center; font-size: 15px; font-family: sans-serif; } .upload-photo span { width: 100%; padding: 12px; text-align: center; } .user-cover-uploading { opacity: 0.4; } .user-photo-uploading { height: 100%; opacity: 0.8; background: #fff; width: 100%; padding: 7px; position: absolute; border-radius: 2px; } .user-photo-uploading span { display: none; } .business-page-bottom { margin-top: 10px; } .page-sidebar, .business-page-sidebar { background: #fff; border: 1px solid #eee; padding: 10px; } .ossn-layout-media .content { margin-right: 10px; margin-left: 10px; } .business-page-extra-menu { display: inline-block; } .business-page-desc { background: #eee; padding: 5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; border: 1px solid #ccc; border-radius: 2px; min-height:70px; } .business-page-metadata { margin: 10px; margin-left: -5px; } .business-page .unlike-page, .business-page .like-page { margin-right: 5px !important; } #save-position-cover-page, #upload-cover-page { display:none; } .bpage-bottom { margin-top:10px; } .business-page-right-bottom { background: #fff; border: 1px solid #eee; padding: 10px; } .business-page .controls { margin-top:10px; } .business-page .controls a{ display:block; margin-bottom:5px; } .business-page .list-item img { width:100%; } .business-page .list-item { margin-bottom: 10px; padding-bottom: 10px; } .business-page .list-item a { font-weight: bold; font-size: 17px; display: block; margin-bottom: 5px; } .business-page .list-item p { } .bpage-bottom .comments-item .col-md-11 { padding-left: 10px; } .bpage-bottom .ossn-wall-item .comment-user-img { width: 32px; height: 32px; } .menu-section-bpage i:before { font-family: 'Font Awesome 5 Free'; content: "\f1ad" !important; } .menu-section-item-businesspage-all:before { font-family: 'Font Awesome 5 Free'; content: "\f0cb" !important; } .menu-section-item-businesspage-add:before { font-family: 'Font Awesome 5 Free'; content: "\f067" !important; } .menu-section-item-businesspage-liked:before { content: "\f164" !important; } .menu-section-item-businesspage-mypages:before { content: "\f013" !important; } .bpage-bottom .ossn-wall-container .controls { margin-top:0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 0px; } .bpage-bottom .ossn-wall-container textarea { margin-bottom: 0px; } .bpage-bottom .ossn-wall-container-data { padding-bottom:0px; } .ossn-menu-search-bpage .text:before { font-family: 'Font Awesome 5 Free'; content: "\f1ad"; display: absolute; padding-right: 10px; vertical-align: middle; float: left; }