3104 lines
59 KiB
PHP
3104 lines
59 KiB
PHP
/***------------------------------------------Basics--------------------------------------***/
|
|
|
|
body {
|
|
font-size:14px;
|
|
background:rgb(15,15,15);
|
|
font-family:'Roboto',sans-serif;
|
|
color:#fff;
|
|
height:100vh;
|
|
padding-bottom:0px;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
|
|
@font-face {
|
|
font-family: 'Conv_Halfomania-Regular';
|
|
src: url('<?php echo ossn_theme_url(); ?>fonts/Halfomania-Regular.eot');
|
|
src: local('☺'), url('<?php echo ossn_theme_url(); ?>fonts/Halfomania-Regular.woff')
|
|
format('woff'),
|
|
url('<?php echo ossn_theme_url(); ?>fonts/Halfomania-Regular.ttf')
|
|
format('truetype'),
|
|
url('<?php echo ossn_theme_url(); ?>fonts/Halfomania-Regular.svg')
|
|
format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.ossn-required {
|
|
color:#a94442
|
|
}
|
|
|
|
li:hover {
|
|
text-shadow: 0px 0px 18px #00ff00
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
.ossn-wall-container .controls li.active,
|
|
.ossn-wall-container .controls li.focus,
|
|
.ossn-wall-container .controls li:active,
|
|
.ossn-wall-container .controls li:focus,
|
|
.ossn-wall-container .controls li:hover,
|
|
li a:hover {
|
|
text-shadow: 0px 0px 18px #00ff00,
|
|
0px 0px 8px #00ff00
|
|
}
|
|
|
|
span {
|
|
cursor:context-menu
|
|
}
|
|
|
|
a {
|
|
color:#eeeeff!important;
|
|
cursor:context-menu;
|
|
text-decoration:none !important;
|
|
pointer-events:auto
|
|
}
|
|
|
|
a:active,
|
|
a:focus,
|
|
a.active,
|
|
a.focus
|
|
a:hover {
|
|
outline:0;
|
|
cursor:context-menu;
|
|
color:#00ff00 !important;
|
|
text-decoration:none !important
|
|
}
|
|
|
|
a:hover::after,
|
|
a:focus::after {
|
|
color:#c5ff00 !important;
|
|
cursor:context-menu;
|
|
text-decoration:none !important;
|
|
opacity:1
|
|
}
|
|
|
|
a::after {
|
|
cursor:context-menu;
|
|
background:#333;
|
|
position:absolute;
|
|
text-decoration:none !important
|
|
}
|
|
|
|
p {
|
|
font-size:15px
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width:0px
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color:#0000;
|
|
border-left:0px
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color:#0000
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color:#0000
|
|
}
|
|
|
|
.fa{
|
|
margin-right:2px
|
|
}
|
|
|
|
.atlas-table {
|
|
border-spacing:10px;
|
|
border-collapse:separate;
|
|
margin-right:auto;
|
|
margin-left:auto
|
|
}
|
|
|
|
.ossn-red-borders{
|
|
border:1px solid red !important
|
|
}
|
|
|
|
|
|
.ossn-hidden {
|
|
display:none
|
|
}
|
|
|
|
.col-center {
|
|
float:none;
|
|
margin:0 auto
|
|
}
|
|
|
|
.container-table {
|
|
display:table;
|
|
width:100%
|
|
}
|
|
|
|
.container {
|
|
padding-left:15px!important
|
|
}
|
|
|
|
.center-row {
|
|
display:table-cell;
|
|
text-align:center
|
|
}
|
|
|
|
.radio-block {
|
|
margin-top:10px;
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.radio-block span {
|
|
display:inline-block;
|
|
margin-right:10px;
|
|
font-size:15px;
|
|
font-weight:bold;
|
|
margin-left:10px
|
|
}
|
|
|
|
.right {
|
|
float:right
|
|
}
|
|
|
|
.left {
|
|
float:left
|
|
}
|
|
|
|
.text-right {
|
|
text-align:right
|
|
}
|
|
|
|
.text-left {
|
|
text-align:left
|
|
}
|
|
|
|
.text-center {
|
|
text-align:center
|
|
}
|
|
|
|
.margin-top-10 {
|
|
margin-top:10px
|
|
}
|
|
|
|
.margin-top-20 {
|
|
margin-top:20px
|
|
}
|
|
|
|
.dropdown-submenu {
|
|
position:relative;
|
|
}
|
|
|
|
/***------------------------------------------Topbar--------------------------------------***/
|
|
|
|
|
|
.topbar {
|
|
color: #6f6f6f;
|
|
z-index: 6;
|
|
position: fixed;
|
|
height: 70px;
|
|
background: #6664;
|
|
box-shadow: 0px 0px 10px 6px rgb(0 0 0 / 84%);
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
backdrop-filter: blur(6px);
|
|
}
|
|
|
|
|
|
.topbar .fa {
|
|
font-size:20px;
|
|
margin-top:5px
|
|
}
|
|
|
|
.topbar .site-name {
|
|
float:left;
|
|
width:14%
|
|
}
|
|
|
|
.topbar .site-name a {
|
|
text-transform:uppercase;
|
|
font-size:100%;
|
|
color:#fff;
|
|
text-align:center;
|
|
display:block;
|
|
font-weight:700;
|
|
padding-top:25px;
|
|
padding-bottom:25px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
white-space:nowrap
|
|
}
|
|
|
|
.topbar .site-name a:hover {
|
|
text-decoration:none }
|
|
|
|
.topbar-menu-left {
|
|
position:relative;
|
|
z-index:1;
|
|
display:inline-block;
|
|
float:left
|
|
}
|
|
|
|
.topbar-menu-right li,
|
|
.topbar-menu-left li {
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
.ossn-topbar-dropdown-menu {
|
|
padding-top:15px;
|
|
margin-right:83px
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu,
|
|
#ossn-notif-notification a,
|
|
#ossn-notif-messages a,
|
|
#ossn-notif-friends a {
|
|
padding:10px;
|
|
display:block;
|
|
color:#fff;
|
|
height:70px;
|
|
padding-top:20px
|
|
}
|
|
|
|
.topbar-menu-left li a {
|
|
padding:10px;
|
|
display:block;
|
|
color:#fff;
|
|
height:70px;
|
|
padding-top:20px;
|
|
padding-right:10px;
|
|
padding-left:20px
|
|
}
|
|
|
|
.topbar-menu-right li:hover,
|
|
.topbar-menu-left li:hover {
|
|
background-color:#111111b9
|
|
}
|
|
|
|
.topbar .right-side-nospace .topbar-menu-right {
|
|
margin-right:0;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
.topbar .right-side-space .topbar-menu-right {
|
|
margin-right:0;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
.topbar .ossn-icons-topbar-friends,
|
|
.topbar .ossn-icons-topbar-messages,
|
|
.topbar .ossn-icons-topbar-notification,
|
|
.topbar .ossn-icons-topbar-friends-new,
|
|
.topbar .ossn-icons-topbar-messages-new,
|
|
.topbar .ossn-icons-topbar-notifications-new i {
|
|
color:#fff
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu {
|
|
float:right;
|
|
margin-left:10px
|
|
}
|
|
.dropdown-menu{
|
|
-webkit-transition:display .5s ease;
|
|
-moz-transition:display .5s ease;
|
|
-o-transition:display .5s ease;
|
|
transition:display .5s ease
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu ul li a,
|
|
.ossn-topbar-dropdown-menu ul li {
|
|
display:block;
|
|
width:100%;
|
|
color:#000
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu .dropdown-menu {
|
|
margin:1px -120px 0
|
|
}
|
|
|
|
.topbar-search input {
|
|
background-color:#6664;
|
|
border:0 !important;
|
|
padding:10px;
|
|
height:70px;
|
|
width:90%;
|
|
color:#c5ff00
|
|
}
|
|
|
|
.topbar-search input[type=text]:focus,select:focus {
|
|
box-shadow:0 0 5px #c5ff00,
|
|
inset 0 0 2px #c5ff00;
|
|
outline:0
|
|
}
|
|
|
|
/***/
|
|
|
|
|
|
.ossn-profile-edit-layout,
|
|
.profile-edit-layout-title{
|
|
background-color:#222!important;
|
|
border:0 solid #000!important;
|
|
border-radius:20px!important;
|
|
}
|
|
|
|
|
|
|
|
|
|
/***------------------------------------------Footer--------------------------------------***/
|
|
|
|
/***------Atlas Footer------***/
|
|
|
|
/*
|
|
.ossn-layout-startup footer .ossn-footer-menu a {
|
|
color: rgba(0, 0, 0, 0)!important
|
|
}
|
|
|
|
footer {
|
|
margin-top: 20px;
|
|
margin-bottom:160px!important;
|
|
padding-top: 5px;
|
|
text-align: center!important;
|
|
color: rgba(0, 0, 0, 0.0) !important
|
|
}
|
|
|
|
footer a {
|
|
color: rgba(0, 0, 0, 0.0) !important;
|
|
pointer-events: none;
|
|
text-decoration: none
|
|
}
|
|
|
|
.menu-footer-powered {
|
|
color: rgba(0, 0, 0, 0.0) !important;
|
|
pointer-events: none;
|
|
text-decoration: none
|
|
}
|
|
|
|
.menu-footer-powered:after {
|
|
display: none
|
|
}
|
|
|
|
*/
|
|
|
|
/***------Oficial Footer------***/
|
|
|
|
/**/
|
|
footer .ossn-footer-menu a {
|
|
color:rgba(255,255,255,.5) !important;
|
|
margin-left:5px;
|
|
margin-right:5px;
|
|
padding-right:5px;
|
|
padding-left:5px
|
|
}
|
|
|
|
.ossn-layout-startup footer .ossn-footer-menu a {
|
|
color:rgba(255,255,255,.5) !important;
|
|
margin-left:5px;
|
|
margin-right:5px;
|
|
padding-right:5px;
|
|
padding-left:5px
|
|
}
|
|
|
|
footer{
|
|
margin-top:10px;
|
|
padding-top:10px
|
|
}
|
|
/*
|
|
footer .col-md-11 {
|
|
border-top:0px;
|
|
align:center;
|
|
}
|
|
|
|
footer .ossn-footer-menu {
|
|
padding-bottom:10px
|
|
}
|
|
*/
|
|
|
|
footer .ossn-footer-menu a {
|
|
color:#807d7d;
|
|
font-size:13px
|
|
}
|
|
|
|
footer .ossn-footer-menu a::after {
|
|
content:"|";
|
|
margin-left:10px;
|
|
margin-right:10px
|
|
}
|
|
|
|
footer .ossn-footer-menu a:nth-last-child(2)::after,
|
|
footer .ossn-footer-menu a:last-child::after {
|
|
content:" "
|
|
}
|
|
|
|
.menu-footer-powered {
|
|
/*float:right;
|
|
padding-right:50px;*/
|
|
}
|
|
|
|
.menu-footer-powered:after {
|
|
display:none
|
|
}
|
|
|
|
.menu-footer-a_copyrights {
|
|
text-transform:uppercase
|
|
}
|
|
/**/
|
|
|
|
/***-----------------------------------------StartUp--------------------------------------***/
|
|
|
|
|
|
.gulp {
|
|
overflow:hidden;
|
|
}
|
|
|
|
.gulp div {
|
|
padding: 3px;
|
|
padding-top:0px;
|
|
padding-bottom:0px;
|
|
}
|
|
#one {
|
|
float:left;
|
|
}
|
|
#two {
|
|
overflow:hidden;
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
#one {
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
|
|
.ossn-like-reactions-panel {
|
|
background:#333!important;
|
|
}
|
|
|
|
|
|
.ossn-home-container {
|
|
margin-top:110px
|
|
}
|
|
|
|
.ossn-page-container {
|
|
overflow-x:hidden
|
|
}
|
|
|
|
.atlas-logo2 {
|
|
overflow:hidden;
|
|
border:0px;
|
|
height:100px;
|
|
background:url(<?php echo ossn_theme_url(); ?>images/atlas.svg)no-repeat;
|
|
background-size:200px;
|
|
background-position:center;
|
|
width:200px;
|
|
}
|
|
|
|
.atlas-logo {
|
|
overflow:hidden;
|
|
border:0px;
|
|
border-radius:100px;
|
|
height:150px;
|
|
background:url(<?php echo ossn_theme_url(); ?>images/logo_animated.svg)no-repeat;
|
|
background-size:100px;
|
|
background-position:center;
|
|
width:150px;
|
|
}
|
|
|
|
.ossn-home-container, .ossn-layout-startup {
|
|
min-height:95vh!important
|
|
}
|
|
|
|
.ossn-home-container {
|
|
background:rgba(0,0,0,0);
|
|
border:0 transparent rgba(0,0,0,0);
|
|
}
|
|
|
|
.ossn-layout-startup {
|
|
background: url("<?php echo ossn_theme_url();?>images/infinite.svg") no-repeat;
|
|
background-size:300vh;
|
|
background-position:center;
|
|
}
|
|
|
|
.ossn-layout-startup textarea,
|
|
.ossn-layout-startup input[type='password'],
|
|
.ossn-layout-startup select,
|
|
.ossn-layout-startup text,
|
|
.ossn-layout-startup input[type='text'],
|
|
.ossn-layout-startup focus,
|
|
.ossn-layout-startup after, {
|
|
background: rgba(20,20,20,.3);
|
|
color:#c5ff00;
|
|
width:-webkit-fill-available;
|
|
border:2px dashed #101010dd;
|
|
paddin:10px;
|
|
margin-bottom:5px;
|
|
margin-top:5px;
|
|
outline:0;
|
|
display:block;
|
|
resize:vertical;
|
|
text-decoration:none;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
.ossn-layout-startup .ossn-widget .widget-heading {
|
|
display:none;
|
|
}
|
|
|
|
.ossn-layout-startup .ossn-widget {
|
|
background: rgba(0,0,0,.6);
|
|
backdrop-filter: blur(6px);
|
|
box-shadow:0px 0px 5px 2px #0000;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
.home-left-contents .logo {
|
|
text-align:center
|
|
}
|
|
|
|
.home-left-contents .description {
|
|
font-size:17px;
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
margin-top:20px;
|
|
text-align:justify;
|
|
color:#fff
|
|
}
|
|
|
|
#ossn-home-signup p {
|
|
margin-top:10px
|
|
}
|
|
|
|
.home-left-contents .some-icons i {
|
|
font-size:50px
|
|
}
|
|
|
|
.home-left-contents .some-icons li {
|
|
display:inline-block;
|
|
color:#fff;
|
|
border:3px solid #fff;
|
|
border-radius:100%;
|
|
padding:20px;
|
|
margin-right:20px;
|
|
margin-bottom:20px;
|
|
width:100px;
|
|
height:100px
|
|
}
|
|
|
|
.home-left-contents .some-icons{
|
|
margin-top:10%;
|
|
text-align:center
|
|
}
|
|
|
|
/***------------------------------------------Form----------------------------------------***/
|
|
|
|
.ossn-form input[type='password'],
|
|
.ossn-form text,
|
|
.ossn-form select,
|
|
.ossn-form textarea,
|
|
.ossn-form input[type='text'] {
|
|
background: #42806826;
|
|
color:#c5ff00;
|
|
width:100%;
|
|
border-top:2px dashed #3334;
|
|
border-left:0;
|
|
border-bottom:2px dashed #3334;
|
|
border-right:0;
|
|
padding:10px;
|
|
margin-bottom:5px;
|
|
outline:0;
|
|
display:block;
|
|
resize:vertical;
|
|
text-decoration:none;
|
|
backdrop-filter: blur(6px)
|
|
}
|
|
|
|
.ossn-form input[type='submit'] {
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
width:100%
|
|
}
|
|
|
|
.ossn-form input[type='text']:focus,
|
|
.ossn-form input[type='password']:focus,
|
|
select:focus{
|
|
color:#c5ff00;
|
|
width:100%;
|
|
padding:10px;
|
|
margin-bottom:5px;
|
|
outline:0;
|
|
display:block;
|
|
resize:vertical;
|
|
text-decoration:none;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease;
|
|
backdrop-filter: blur(6px);
|
|
box-shadow: 0 0 5px #c5ff00,
|
|
inset 0 0 20px #111
|
|
}
|
|
|
|
/***----------------------------------Buttons and Controls--------------------------------***/
|
|
|
|
.ossn-layout-module .controls {
|
|
float:right;
|
|
display:inline-table
|
|
}
|
|
|
|
.ossn-wall-container .controls {
|
|
background-color:#0000;
|
|
border-bottom:0 solid #222;
|
|
border-left:0 solid #222;
|
|
border-right:0 solid #222;
|
|
border-bottom-left-radius:10px;
|
|
border-bottom-right-radius:10px;
|
|
height:40px;
|
|
width:100%;
|
|
margin-top:-5px;
|
|
padding-right:10px
|
|
}
|
|
|
|
.ossn-wall-container .controls li {
|
|
margin:-10px;
|
|
padding:20px;
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-notifications-friends-inner .controls {
|
|
float:right;
|
|
margin-top:6px;
|
|
display:inline-block
|
|
}
|
|
|
|
.profile-cover-controls {
|
|
position:absolute;
|
|
width:100%;
|
|
margin-left: -251px;
|
|
margin-top:260px;
|
|
z-index:1
|
|
}
|
|
|
|
.change-cover {
|
|
float:right;
|
|
position:relative;
|
|
margin-right:50px !important
|
|
}
|
|
|
|
.reposition-cover {
|
|
float:right;
|
|
position:relative;
|
|
margin-right:5px !important
|
|
}
|
|
|
|
.profile-menu {
|
|
float:right;
|
|
position:relative;
|
|
margin-top:-40px;
|
|
margin-right:20px
|
|
}
|
|
|
|
#cover-menu {
|
|
display:none;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
.upload-photo {
|
|
opacity:.9;
|
|
width:170px;
|
|
padding: 10px;
|
|
position:absolute;
|
|
color: #c3174e;
|
|
text-align:center;
|
|
font-size:15px;
|
|
font-family:sans-serif;
|
|
/* border-top-left-radius:350px;*/
|
|
border-top-right-radius: -88px;
|
|
padding-top: 129px;
|
|
border-radius: 49px
|
|
}
|
|
|
|
.upload-photo span {
|
|
height: 50px;
|
|
color: #971e4e;
|
|
margin-left: -1px;
|
|
font-weight: 700;
|
|
font-size: 11pt;
|
|
text-align: center;
|
|
margin-top: 1px;
|
|
padding-top: 50px;
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
|
|
.user-cover-uploading {
|
|
opacity:.8
|
|
}
|
|
|
|
.user-photo-uploading {
|
|
height: 80%;
|
|
opacity: .8;
|
|
background: #000;
|
|
margin: 5px;
|
|
width: 80%;
|
|
padding: 7px;
|
|
position: absolute;
|
|
border-radius: 90px;
|
|
}
|
|
|
|
.user-photo-uploading span {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
padding: 89px 31px 31px 31px;
|
|
}
|
|
|
|
.change-cover,
|
|
.reposition-cover {
|
|
padding-left:10px
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu a,
|
|
.home-left-contents .buttons,
|
|
.ossn-message-box .control .controls .btn,
|
|
.btn-standalone-grey,
|
|
.change-cover,
|
|
.reposition-cover,
|
|
.btn-succes,
|
|
.button-grey,
|
|
.btn-action,
|
|
.btn-link,
|
|
.btn-primary,
|
|
.btn,
|
|
.topbar-menu-left li a,
|
|
.topbar-menu-right li a {
|
|
background:rgba(0,0,0,0);
|
|
border:0 transparent !important;
|
|
color:#fff;
|
|
outline:0;
|
|
border-radius:2px;
|
|
pointer-events:auto;
|
|
cursor:context-menu;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.upload-photo span.active,
|
|
.upload-photo span.focus,
|
|
.upload-photo span:focus,
|
|
.upload-photo span:active,
|
|
.upload-photo span:hover {
|
|
border:0 solid #000;
|
|
cursor:context-menu;
|
|
pointer-events:auto;
|
|
outline:0 !important;
|
|
background:rgba(0,0,0,0);
|
|
text-decoration:none !important
|
|
}
|
|
|
|
.btn-primary.active,
|
|
.btn-primary.focus,
|
|
.btn-primary:focus,
|
|
.btn-primary:active,
|
|
.btn-primary:hover,
|
|
.btn-success.active,
|
|
.btn-success.focus,
|
|
.btn-success:active,
|
|
.btn-success:focus,
|
|
.btn-success:hover,
|
|
.ossn-topbar-dropdown-menu a.active,
|
|
.ossn-topbar-dropdown-menu a.focus,
|
|
.ossn-topbar-dropdown-menu a:active,
|
|
.ossn-topbar-dropdown-menu a:focus,
|
|
.ossn-topbar-dropdown-menu a:hover,
|
|
.btn.active,
|
|
.btn.focus,
|
|
.btn:active,
|
|
.btn:focus,
|
|
.btn:hover,
|
|
.btn-link.active,
|
|
.btn-link.focus,
|
|
.btn-link:active,
|
|
.btn-link:focus,
|
|
.btn-link:hover,
|
|
.btn-action.active,
|
|
.btn-action.focus,
|
|
.btn-action:active,
|
|
.btn-action:focus,
|
|
.btn-action:hover,
|
|
.home-left-contents .buttons.active,
|
|
.home-left-contents .buttons.focus,
|
|
.home-left-contents .buttons:active,
|
|
.home-left-contents .buttons:focus,
|
|
.home-left-contents .buttons:hover,
|
|
.ossn-message-box .control .controls .btn.active,
|
|
.ossn-message-box .control .controls .btn.focus,
|
|
.ossn-message-box .control .controls .btn:active,
|
|
.ossn-message-box .control .controls .btn:focus,
|
|
.ossn-message-box .control .controls .btn:hover,
|
|
.button-grey.active,
|
|
.button-grey.focus,
|
|
.button-grey:active,
|
|
.button-grey:focus,
|
|
.button-grey:hover,
|
|
.ossn-wall-container .controls li.active,
|
|
.ossn-wall-container .controls li.focus,
|
|
.ossn-wall-container .controls li:active,
|
|
.ossn-wall-container .controls li:focus,
|
|
.ossn-wall-container .controls li:hover,
|
|
.btn-standalone-grey.active,
|
|
.btn-standalone-grey.focus,
|
|
.btn-standalone-grey:active,
|
|
.btn-standalone-grey:focus,
|
|
.btn-standalone-grey:hover,
|
|
.topbar-menu-right li a.active,
|
|
.topbar-menu-right li a.focus,
|
|
.topbar-menu-right li a:active,
|
|
.topbar-menu-right li a:focus,
|
|
.topbar-menu-right li a:hover,
|
|
.topbar-menu-left li a.active,
|
|
.topbar-menu-left li a.focus,
|
|
.topbar-menu-left li a:active,
|
|
.topbar-menu-left li a:focus,
|
|
.topbar-menu-left li a:hover,
|
|
.open>.dropdown-toggle .btn-primary.active,
|
|
.open>.dropdown-toggle .btn-primary.focus,
|
|
.open>.dropdown-toggle .btn-primary:active,
|
|
.open>.dropdown-toggle .btn-primary:focus,
|
|
.open>.dropdown-toggle .btn-primary:hover,
|
|
.open>.dropdown-toggle .btn-success.active,
|
|
.open>.dropdown-toggle .btn-success.focus,
|
|
.open>.dropdown-toggle .btn-success:active,
|
|
.open>.dropdown-toggle .btn-success:focus,
|
|
.open>.dropdown-toggle .btn-success:hover,
|
|
.reposition-cover.active,
|
|
.reposition-cover.focus,
|
|
.reposition-cover:active,
|
|
.reposition-cover:focus,
|
|
.reposition-cover:hover,
|
|
.profile-cover-controls.active,
|
|
.profile-cover-controls.focus,
|
|
.profile-cover-controls:active,
|
|
.profile-cover-controls:focus,
|
|
.profile-cover-controls:hover,
|
|
.change-cover.active,
|
|
.change-cover.focus,
|
|
.change-cover:active,
|
|
.change-cover:focus,
|
|
.change-cover:hover {
|
|
border:0 solid #000;
|
|
color:#c5ff00;
|
|
opacity:1;
|
|
background:rgba(0,0,0,0);
|
|
cursor:context-menu;
|
|
pointer-events:auto;
|
|
outline:0 !important;
|
|
text-decoration:none !important
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu a:hover::after,
|
|
.home-left-contents .buttons:hover::after,
|
|
.ossn-message-box .control .controls .btn:hover::after,
|
|
.btn-standalone-grey:hover::after,
|
|
.change-cover:hover::after,
|
|
.reposition-cover:hover::after,
|
|
.btn-succes:hover::after,
|
|
.button-grey:hover::after,
|
|
.btn-action:hover::after,
|
|
.btn-link:hover::after,
|
|
.btn-primary:hover::after,
|
|
.btn:hover::after,
|
|
.topbar-menu-left li a:hover::after,
|
|
.topbar-menu-right li a:hover::after {
|
|
color:#c5ff00;
|
|
opacity:1;
|
|
cursor:context-menu;
|
|
pointer-events:auto;
|
|
outline:0 !important;
|
|
background:rgba(0,0,0,0);
|
|
text-decoration:none !important
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu a:after,
|
|
.home-left-contents .buttons:after,
|
|
.ossn-message-box .control .controls .btn:after,
|
|
.btn-standalone-grey:after,
|
|
.change-cover:after,
|
|
.reposition-cover:after,
|
|
.btn-succes:after,
|
|
.button-grey:after,
|
|
.btn-action:after,
|
|
.btn-link:after,
|
|
.btn-primary:after,
|
|
.btn:after,
|
|
.topbar-menu-left li a:after,
|
|
.topbar-menu-right li a:after {
|
|
color:#c5ff00;
|
|
opacity:1;
|
|
cursor:context-menu;
|
|
pointer-events:auto;
|
|
outline:0 !important;
|
|
background:rgba(0,0,0,0);
|
|
text-decoration:none !important
|
|
}
|
|
|
|
.com-members-memberlist-item img{
|
|
display: inline-block;
|
|
border-radius: 50px;
|
|
border: 4px solid #477;
|
|
margin:0px 15px 5px 0px !important;
|
|
padding:0 !important;
|
|
box-shadow: 5px 5px 10px #000000cc,
|
|
-5px -5px 10px #ffffff33
|
|
}
|
|
|
|
.col-md-5 {
|
|
width:40% !important
|
|
}
|
|
|
|
.ossn-chat-tab-titles:hover {
|
|
background:#222 !important;
|
|
border:0 !important
|
|
}
|
|
|
|
.ossn-chat-tab-titles {
|
|
background:#171717 !important;
|
|
color:#fff !important;
|
|
border:0 !important;
|
|
border-top-left-radius:10px !important;
|
|
border-top-right-radius:10px !important
|
|
}
|
|
|
|
.ossn-chat-bar .friends-list .data {
|
|
border-left:0 !important;
|
|
border-right:0 !important
|
|
}
|
|
|
|
.ossn-chat-base {
|
|
border-bottom: 0;
|
|
bottom: 0px;
|
|
display: block;
|
|
font-size: 11px;
|
|
height: 33px;
|
|
position: fixed;
|
|
text-align: left;
|
|
z-index: 1028;
|
|
margin-top: 8px;
|
|
left: 25%;
|
|
width: 73%
|
|
}
|
|
|
|
.ossn-chat-base .ossn-chat-bar .friends-list {
|
|
background: #222!important;
|
|
width: 200px!important;
|
|
min-height: 273px!important;
|
|
margin-top: -271px!important;
|
|
position: fixed!important;
|
|
height: 268px!important;
|
|
border-top-left-radius: 10px!important;
|
|
border-top-right-radius: 10px!important;
|
|
display: none;
|
|
margin-left: 0px!important
|
|
}
|
|
|
|
.ossn-chat-base {
|
|
border-top-left-radius:10px !important;
|
|
border-top-right-radius:10px !important;
|
|
color:#999 !important
|
|
}
|
|
|
|
.ossn-chat-base .ossn-chat-bar .inner:hover {
|
|
background:#171717 !important;
|
|
color:#c5ff00 !important
|
|
}
|
|
|
|
.ossn-chat-base .ossn-chat-bar .inner {
|
|
background:#171717 !important;
|
|
border:0 !important;
|
|
margin-left:0px!important
|
|
}
|
|
|
|
.ossn-chat-bar{}
|
|
|
|
.dropdown-menu {
|
|
background-color:#000000b8 !important;
|
|
border:0 !important;
|
|
color:#eee !important;
|
|
backdrop-filter: blur(6px);
|
|
}
|
|
|
|
.dropdown-menu>li>a {
|
|
color:#fff4 !important
|
|
}
|
|
|
|
.dropdown-menu>li>a:focus,
|
|
.dropdown-menu>li>a:hover {
|
|
color:#c5ff00 !important;
|
|
background:#111b8!important
|
|
}
|
|
|
|
.ossn-notifications-box {
|
|
backdrop-filter:blur(6px);
|
|
border-radius:10px !important
|
|
}
|
|
|
|
.ossn-notifications-box .type-name {
|
|
color:#999 !important;
|
|
backdrop-filter: blur(6px);
|
|
border-bottom:0 !important
|
|
}
|
|
|
|
.ossn-notifications-box .bottom-all {
|
|
background:#000e !important;
|
|
backdrop-filter: blur(6px);
|
|
border-top:0 !important
|
|
}
|
|
|
|
.ossn-notifications-box li:hover,
|
|
.ossn-notifications-box a:hover,
|
|
.ossn-notifications-all a:hover,
|
|
.ossn-notifications-all li:hover{
|
|
background:#0004 !important;
|
|
backdrop-filter: blur(6px);
|
|
color:#c5ff00 !important
|
|
}
|
|
|
|
.ossn-notification-messages .user-item:hover {
|
|
background:#0004 !important;
|
|
backdrop-filter: blur(6px);
|
|
color:#c5ff00 !important
|
|
}
|
|
|
|
.ossn-notifications-box .bottom-all a,
|
|
.ossn-notifications-box .notfi-meta strong {
|
|
color:#999 !important;
|
|
backdrop-filter: blur(6px);
|
|
background:#000e !important
|
|
}
|
|
|
|
.ossn-notification-messages .user-item {
|
|
border-bottom:0 !important;
|
|
backdrop-filter: blur(6px);
|
|
border-top:0 !important
|
|
}
|
|
|
|
.nav-tabs {
|
|
border-bottom:2px solid #3c763d !important
|
|
}
|
|
|
|
/***-----------------------------------------Layouts--------------------------------------***/
|
|
|
|
.ossn-layout-module,
|
|
.ossn-layout-contents,
|
|
.ossn-layout-media,
|
|
.ossn-layout-newsfeed {
|
|
margin-top:90px;
|
|
min-height:450px
|
|
}
|
|
|
|
.ossn-layout-module {
|
|
margin-top:10px;
|
|
background:rgba(0,0,0,0);
|
|
border:0 solid #eee;
|
|
padding:10px
|
|
}
|
|
|
|
.ossn-layout-module .module-title {
|
|
background:rgba(0,0,0,0);
|
|
border:0 solid #eee;
|
|
padding:10px
|
|
}
|
|
|
|
.ossn-layout-module .module-contents {
|
|
padding:10px
|
|
}
|
|
|
|
.ossn-layout-module .module-title .title {
|
|
font-weight:bold;
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-layout-media {
|
|
margin-top:10px
|
|
}
|
|
|
|
.ossn-layout-media .like-share,
|
|
.ossn-layout-media .comments-list {
|
|
margin-left:-10px;
|
|
margin-right:-10px
|
|
}
|
|
|
|
.ossn-layout-media .content,
|
|
.ossn-page-contents {
|
|
background:rgba(0,0,0,0);
|
|
padding:0px;
|
|
margin: 10px;
|
|
border:0 solid #eee
|
|
}
|
|
|
|
.opensource-socialnetwork {
|
|
min-height:100%;
|
|
padding-bottom:-5px;
|
|
}
|
|
|
|
.ossn-home-container .row {
|
|
margin-right:10px;
|
|
margin-left:10px
|
|
}
|
|
|
|
#ossn-signup-errors {
|
|
display:none;
|
|
margin-top:10px
|
|
}
|
|
|
|
.ossn-error-page {
|
|
text-align:center;
|
|
padding:100px
|
|
}
|
|
|
|
.ossn-error-page .error-heading {
|
|
font-size:50px;
|
|
font-weight:bold
|
|
}
|
|
|
|
.ossn-error-page .error-text {
|
|
font-size:16px
|
|
}
|
|
|
|
.ossn-error-page .fa-exclamation-triangle {
|
|
font-size:100px
|
|
}
|
|
|
|
.ossn-group-members {
|
|
margin-right:5px
|
|
}
|
|
|
|
.ossn-page-loading-annimation {
|
|
background:#000;
|
|
opacity:.8;
|
|
position:fixed;
|
|
left:0;
|
|
top:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:9999;
|
|
backdrop-filter: blur(6px)
|
|
}
|
|
|
|
.ossn-page-loading-annimation .ossn-page-loading-annimation-inner {
|
|
width:24px;
|
|
margin:0 auto;
|
|
margin-top:20%
|
|
}
|
|
|
|
/***---------------------------------------Atlas Wall-------------------------------------***/
|
|
|
|
.postbg-text {
|
|
display:block!important
|
|
}
|
|
|
|
.ossn-wall-item {
|
|
padding:30px;
|
|
padding-top:10px;
|
|
border-radius:10px;
|
|
margin-top: 20px;
|
|
padding-bottom:0;
|
|
background:#4444;
|
|
backdrop-filter: blur(6px);
|
|
z-index:1
|
|
}
|
|
|
|
.ossn-wall-item:first-child {
|
|
margin-top:0
|
|
}
|
|
|
|
.ossn-wall-item .friends a {
|
|
text-decoration:none
|
|
}
|
|
|
|
.ossn-wall-item .friends a:first-child:before {
|
|
content:"-";
|
|
margin-left:5px;
|
|
margin-right:5px
|
|
}
|
|
|
|
.ossn-wall-item .user-img {
|
|
float: left;
|
|
display: inline-block;
|
|
border-radius: 50px;
|
|
border: 6px solid #4774;
|
|
margin: -30px 7px 10px -26px !important;
|
|
width: 77px;
|
|
backdrop-filter: blur(6px);
|
|
box-shadow:0 0 20px 2px #000c
|
|
}
|
|
|
|
.ossn-profile-module-friends .user-name {
|
|
color: #fff!important;
|
|
text-shadow:0 0 6px 6px #000!important;
|
|
font-size: 14px!important;
|
|
font-weight: 300!important;
|
|
}
|
|
|
|
.ossn-profile-module-friends img {
|
|
border-radius:50px!important;
|
|
}
|
|
|
|
.ossn-wall-item .meta { margin-top:5px }
|
|
|
|
.ossn-wall-item .meta .user {
|
|
display:inline-block;
|
|
margin-top:3px
|
|
}
|
|
|
|
.ossn-wall-item .meta .user a {
|
|
font-weight:bold
|
|
}
|
|
|
|
.ossn-wall-item .meta .user span {
|
|
color:#999
|
|
}
|
|
|
|
.ossn-wall-item .post-contents {
|
|
margin-top:15px;
|
|
z-index:7
|
|
}
|
|
|
|
.ossn-wall-item .post-contents p {
|
|
word-break:break-word;
|
|
text-align:justify
|
|
}
|
|
|
|
|
|
.ossn-wall-item .meta .post-menu {
|
|
float:right
|
|
}
|
|
|
|
.ossn-wall-container {
|
|
margin-bottom:20px;
|
|
background:#4444;
|
|
border-radius:10px;
|
|
backdrop-filter: blur(6px);
|
|
}
|
|
|
|
.ossn-wall-container textarea {
|
|
padding:10px;
|
|
width:100%;
|
|
resize:vertical;
|
|
backdrop-filter: blur(6px);
|
|
}
|
|
|
|
.ossn-wall-container textarea:focus, select:focus {
|
|
box-shadow:0 0 5px #c5ff00
|
|
}
|
|
|
|
.ossn-wall-container .wall-tabs {
|
|
border-top-left-radius:10px;
|
|
border-top-right-radius:10px;
|
|
background-color:#0000
|
|
}
|
|
|
|
.ossn-wall-container .wall-tabs .item {
|
|
padding:10px;
|
|
display:inline-flex;
|
|
font-weight:bold;
|
|
font-size:13px
|
|
}
|
|
|
|
.ossn-wall-container .wall-tabs .item:hover {
|
|
background:#ffffff00;
|
|
border-radius:10px;
|
|
color:#c5ff00
|
|
}
|
|
|
|
.ossn-wall-container .wall-tabs .item div {
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-wall-container .wall-tabs .item .text {
|
|
font-weight:bold;
|
|
margin-top:1px;
|
|
margin-left:5px;
|
|
position:absolute;
|
|
font-size:15px
|
|
}
|
|
|
|
.ossn-wall-privacy {
|
|
float:right;
|
|
margin-right:5px
|
|
}
|
|
|
|
.ossn-wall-container input[type='submit'] {
|
|
padding:3px 10px;
|
|
display:block;
|
|
margin-top:6px
|
|
}
|
|
|
|
.ossn-wall-container i {
|
|
font-size:15px
|
|
}
|
|
|
|
.ossn-wall-container input[type="file"] {
|
|
border-left:1px solid #000;
|
|
border-right:1px solid #000
|
|
}
|
|
|
|
.ossn-wall-container input[type="file"],
|
|
.ossn-wall-container input[type="text"] {
|
|
width:100%;
|
|
background-color:#333333dd;
|
|
color:#fff;
|
|
border-top:0;
|
|
padding:5px;
|
|
margin-bottom:5px;
|
|
margin-top:-5px;
|
|
outline:0
|
|
}
|
|
|
|
#token-input-ossn-wall-friend-input {
|
|
width:100% !important;
|
|
border-top:0 dashed #EEE;
|
|
padding:7px;
|
|
margin-bottom:5px;
|
|
margin-top:-5px
|
|
}
|
|
|
|
#ossn-wall-form .ossn-loading {
|
|
margin:7px
|
|
}
|
|
|
|
.ossn-wall-item-type {
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-wall-item .friends {
|
|
display:inline-block
|
|
}
|
|
|
|
/***------------------------------------Coments & Likes-----------------------------------***/
|
|
|
|
.ossn-comment-menu {
|
|
float:right;
|
|
display:none
|
|
}
|
|
|
|
.comments-item:hover .ossn-comment-menu {
|
|
display:block
|
|
}
|
|
|
|
.comments-likes {
|
|
min-height:50px;
|
|
width:100%
|
|
}
|
|
|
|
.menu-likes-comments-share {
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.menu-likes-comments-share li {
|
|
display:inline-block
|
|
}
|
|
|
|
.menu-likes-comments-share li::after {
|
|
content:"-";
|
|
margin-left:5px;
|
|
margin-right:5px;
|
|
color:#ccc
|
|
}
|
|
|
|
.menu-likes-comments-share li:last-child:after {
|
|
content:" "
|
|
}
|
|
|
|
.comments-list {
|
|
background-color:rgba(0,0,0,0);
|
|
margin-left:-15px;
|
|
margin-right:-15px;
|
|
padding-left:10px;
|
|
border-bottom-left-radius:10px;
|
|
border-bottom-right-radius:10px;
|
|
padding-right:10px
|
|
}
|
|
|
|
.comments-list .comments-item{padding-top:10px;
|
|
padding-bottom:5px}
|
|
|
|
.comments-list .comments-item:first-child{margin-top:0;
|
|
padding-top:10px}
|
|
|
|
.comments-list .comments-item:last-child{border-bottom:0}
|
|
|
|
.comments-list .comments-item .comment-user-img{
|
|
border:2px solid #477;
|
|
display:inline-block;
|
|
margin: -5px 15px 0 0;
|
|
border-radius:32px}
|
|
|
|
|
|
.comments-list .comments-item .comment-contents{display:inline-block;
|
|
margin-top:-3px;
|
|
margin-left:5px}
|
|
|
|
.comment-container{padding-bottom:10px;
|
|
position:relative;
|
|
z-index:0}
|
|
|
|
.comments-item .col-md-11{padding-left:0}
|
|
|
|
.comment-metadata .time-created,.comment-metadata a{display:inline-block}
|
|
|
|
.comment-contents p{margin:0;
|
|
word-break:break-word;
|
|
text-align:justify}
|
|
|
|
.comment-contents p img{display:block;
|
|
margin-top:10px;
|
|
margin-bottom:10px;
|
|
max-width:100%}
|
|
|
|
.comment-contents .owner-link{font-weight:bold;
|
|
margin-right:5px;
|
|
font-size:14px}
|
|
|
|
.comment-contents{width:98%}
|
|
|
|
.comment-container span[readonly='readonly'],
|
|
.comment-container input[readonly='readonly'] {
|
|
background:rgba(0,0,0,0)
|
|
}
|
|
|
|
.comment-box{width:98%;
|
|
border:0 solid #000;
|
|
padding:5px 30px 5px 5px !important;
|
|
margin-bottom:0;
|
|
margin-left:10px;
|
|
outline:0;
|
|
display:block;
|
|
resize:vertical;
|
|
border-radius:50px;
|
|
background:#4445;
|
|
min-height:32px}
|
|
|
|
.ossn-comment-attach-photo .fa-camera {
|
|
margin-right: 10px!important;
|
|
}
|
|
|
|
[contentEditable=true]:empty:not(:focus)::before{content:attr(placeholder)}
|
|
|
|
.like-share{border-top:0 solid #111;
|
|
border-bottom:0 solid #111;
|
|
padding:10px;
|
|
margin-top:10px;
|
|
background-color:rgba(0,0,0,0);
|
|
margin-left:-15px;
|
|
margin-right:-15px;
|
|
padding-left:20px;
|
|
padding-right:20px}
|
|
|
|
.ossn-like-comment,.ossn-total-likes{margin-left:10px}
|
|
|
|
.time-created{font-size:14px;
|
|
font-style:italic;
|
|
color:#999}
|
|
|
|
/***----------------------------------------Sidebar---------------------------------------***/
|
|
|
|
.sidebar{background-color:rgba(20,20,20,.5);
|
|
height:200px;
|
|
z-index:1000;
|
|
width:200px;
|
|
position:fixed;
|
|
height:100%;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
color:#fff;
|
|
backdrop-filter: blur(6px);
|
|
box-shadow:0 0px 20px #000}
|
|
|
|
.sidebar-close {
|
|
width:80px;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease
|
|
}
|
|
|
|
.sidebar-open {
|
|
background-color:rgba(20,20,20,.5);
|
|
width:200px;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease;
|
|
border-right:1px solid #;
|
|
backdrop-filter: blur(6px);
|
|
box-shadow:0 0px 20px #000}
|
|
|
|
.sidebar-open-no-annimation {
|
|
margin-left:200px;
|
|
backdrop-filter: blur(1px);
|
|
box-shadow:0 0px 20px #000
|
|
}
|
|
|
|
.sidebar-open-page-container{margin-left:0px!important;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease}
|
|
|
|
.sidebar-open-page-container-no-annimation{margin-left:80px}
|
|
|
|
.sidebar-close-page-container{margin-left:80px;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
transition:all .5s ease}
|
|
|
|
.sidebar-menu-nav{overflow:auto;
|
|
font-family:verdana;
|
|
font-size:12px;
|
|
font-weight:200;
|
|
top:0;
|
|
width:100%;
|
|
height:100%}
|
|
|
|
.sidebar-menu-nav ul,.sidebar-menu-nav li{list-style:none;
|
|
padding:0;
|
|
margin:0;
|
|
line-height:35px}
|
|
|
|
.sidebar-menu-nav ul:not(collapsed) .arrow:before,.sidebar-menu-nav li:not(collapsed) .arrow:before{font-family:FontAwesome;
|
|
content:"\f078";
|
|
display:inline-block;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
vertical-align:middle;
|
|
float:right}
|
|
|
|
.sidebar-menu-nav ul .sub-menu li{padding-left:20px}
|
|
|
|
.sidebar-menu-nav ul .sub-menu li,.sidebar-menu-nav li .sub-menu li{border:0;
|
|
line-height:28px;
|
|
border-bottom:1px solid #171717;
|
|
margin-left:0}
|
|
|
|
.sidebar-menu-nav ul .sub-menu li:hover,.sidebar-menu-nav li .sub-menu li:hover{background-color:#000;
|
|
color:#c5ff00}
|
|
|
|
.sidebar-menu-nav ul .sub-menu li:before,.sidebar-menu-nav li .sub-menu li:before{font-family:FontAwesome;
|
|
content:"\f105";
|
|
display:inline-block;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
vertical-align:middle}
|
|
|
|
.sidebar-menu-nav li{padding-left:0}
|
|
|
|
.sidebar-menu-nav li a{text-decoration:none;
|
|
color:#fff}
|
|
|
|
.sidebar-menu-nav li a i{padding-left:10px;
|
|
width:20px;
|
|
padding-right:20px}
|
|
|
|
.sidebar-menu-nav li:hover{border-left:3px solid #fff;
|
|
background-color:#4f5b69;
|
|
-webkit-transition:all .5s ease;
|
|
-moz-transition:all .5s ease;
|
|
-o-transition:all .5s ease;
|
|
-ms-transition:all .5s ease;
|
|
transition:all .5s ease}
|
|
|
|
.sidebar-close .sub-menu a{display:none}
|
|
|
|
.sidebar-close .sidebar-menu-nav li a .text{display:none}
|
|
|
|
.sidebar-menu-nav ul .sub-menu li:before{font-size:18px}
|
|
|
|
.sidebar-menu-nav ul .sub-menu li,.sidebar-menu-nav li .sub-menu li{line-height:40px}
|
|
|
|
/***---------------------------------------News Seed--------------------------------------***/
|
|
|
|
.newseed-uinfo { display:none; padding:10px }
|
|
|
|
.sidebar-open .newseed-uinfo1 .name{display:inline-block}
|
|
.newseed-uinfo1 { padding:10px }
|
|
|
|
|
|
.sidebar-close .newseed-uinfo1 .name{display:none}
|
|
|
|
.newseed-uinfo1 img {
|
|
display:inline-block;
|
|
border-radius:50px;
|
|
float:left;
|
|
border:4px solid #070;
|
|
}
|
|
|
|
.newseed-uinfo1 .name {
|
|
display:inline-block;
|
|
width:100px;
|
|
margin-left:10px;
|
|
margin-top:20px }
|
|
|
|
.newseed-uinfo1 .name a {
|
|
font-weight:bold;
|
|
display:block;
|
|
color:#fff;
|
|
font-size:13px;
|
|
text-decoration:none }
|
|
|
|
.newseed-uinfo1 .name a:hover {
|
|
font-weight:bold;
|
|
display:block;
|
|
color:#c5ff00;
|
|
font-size:13px;
|
|
text-decoration:none }
|
|
|
|
.newseed-uinfo1 .name .edit-profile { font-weight:inherit }
|
|
|
|
/***------------------------------------DropDown Menu-------------------------------------***/
|
|
|
|
.dropdown-submenu>.dropdown-menu { top:0;
|
|
left:100%;
|
|
margin-top:-6px;
|
|
margin-left:-1px;
|
|
-webkit-border-radius:0 6px 6px 6px;
|
|
-moz-border-radius:0 6px 6px;
|
|
border-radius:0 6px 6px 6px}
|
|
|
|
.dropdown-submenu:hover>.dropdown-menu{display:block}
|
|
|
|
.dropdown-submenu>a:after{display:block;
|
|
content:" ";
|
|
float:right;
|
|
width:0;
|
|
height:0;
|
|
border-color:transparent;
|
|
border-style:solid;
|
|
border-width:5px 0 5px 5px;
|
|
border-left-color:#ccc;
|
|
margin-top:5px;
|
|
margin-right:-10px}
|
|
|
|
.dropdown-submenu:hover>a:after{border-left-color:#fff}
|
|
|
|
.dropdown-submenu.pull-left{float:none}
|
|
|
|
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;
|
|
margin-left:10px;
|
|
-webkit-border-radius:6px 0 6px 6px;
|
|
-moz-border-radius:6px 0 6px 6px;
|
|
border-radius:6px 0 6px 6px}
|
|
|
|
.dropmenu-topbar-icons{left:inherit;
|
|
right:0}
|
|
|
|
/***----------------------------------------Ad Item---------------------------------------***/
|
|
.ossn-ad-item .ad-image{max-width:100%;
|
|
margin:0 auto;
|
|
display:block}
|
|
|
|
.ossn-ad-item a{text-decoration:none;
|
|
color:#000}
|
|
|
|
.ossn-ad-item .ad-title{font-weight:bold;
|
|
font-size:15px;
|
|
margin-bottom:5px}
|
|
|
|
.ossn-ad-item .ad-link{margin-bottom:5px}
|
|
|
|
.ossn-ad-item p{margin-top:10px;
|
|
text-align:justify}
|
|
|
|
/***----------------------------------------Widget----------------------------------------***/
|
|
|
|
.ossn-widget{
|
|
background-color:rgba(0,0,0,0);
|
|
border-radius:10px}
|
|
|
|
.ossn-widget .widget-heading{
|
|
display:block;
|
|
background-color:#4444;
|
|
text-align:center;
|
|
padding:10px;
|
|
font-weight:bold;
|
|
border-top-left-radius:10px;
|
|
border-top-right-radius:10px}
|
|
|
|
.ossn-widget .widget-contents{border-bottom-left-radius:10px;
|
|
border-bottom-right-radius:10px;
|
|
padding: 8px;
|
|
margin: 8px }
|
|
|
|
/***-----------------------------------Notification Box-----------------------------------***/
|
|
|
|
.ossn-notifications-box{width:430px;
|
|
color:#000}
|
|
|
|
.ossn-notifications-box .notificaton-item{border-bottom:0 solid #eee}
|
|
|
|
.ossn-notifications-box .notificaton-item:hover,
|
|
.ossn-notifications-box .notificaton-item .active{background:rgba(0,100,0,5)}
|
|
|
|
.ossn-notifications-box .type-name{font-size:13px;
|
|
font-weight:bold;
|
|
padding:1px 10px 5px 10px;
|
|
color:#000;
|
|
height:25px;
|
|
border-bottom:0 solid #ddd}
|
|
|
|
.ossn-notification-box-loading{margin:0 auto;
|
|
margin-top:20px;
|
|
margin-bottom:20px}
|
|
|
|
.ossn-no-notification{text-align:center;
|
|
padding:10px}
|
|
|
|
.ossn-notifications-box .type-name .title{display:inline-block}
|
|
|
|
.ossn-notifications-box .type-name .links{display:inline-block;
|
|
float:right}
|
|
|
|
.ossn-notifications-box .type-name .links a{color:#337ab7;
|
|
display:inline;
|
|
font-weight:normal}
|
|
|
|
.ossn-notifications-box .notification-image,
|
|
.ossn-notifications-box .notification-image img {
|
|
width:50px;
|
|
height:50px;
|
|
border-radius: 50px;
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-notification-messages .user-item .image img {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.ossn-notifications-box .bottom-all a,.ossn-notifications-box .notfi-meta strong{color:#337ab7}
|
|
|
|
.ossn-notifications-box .notfi-meta{width:330px;
|
|
margin-left:5px;
|
|
display:inline-block;
|
|
float:right;
|
|
color:#000}
|
|
|
|
.ossn-notifications-box .bottom-all a{font-weight:bold}
|
|
|
|
.ossn-notifications-box .bottom-all{background:#f7f7f7;
|
|
text-align:center;
|
|
padding:0;
|
|
padding-top:10px;
|
|
display:block;
|
|
height:40px;
|
|
border-top:0 solid #eee}
|
|
|
|
.ossn-notifications-box .metadata{margin-bottom:-5px}
|
|
|
|
.ossn-notifications-box .messages-inner{max-height:400px;
|
|
overflow:hidden;
|
|
overflow-y:scroll}
|
|
|
|
.ossn-notification-mark-read{float:right}
|
|
|
|
.ossn-notifications-all li{padding:10px;
|
|
display:block}
|
|
|
|
.ossn-notifications-all a:hover{background-color:transparent;
|
|
text-decoration:none}
|
|
|
|
.ossn-notifications-box li:hover,.ossn-notifications-box a:hover,.ossn-notifications-all a:hover,.ossn-notifications-all li:hover{background:#f9f9f9}
|
|
|
|
.ossn-notification-container{background-color:#dc0d17;
|
|
background-image:-webkit-linear-gradient(#fa3c45,#dc0d17);
|
|
color:#fff;
|
|
min-height:13px;
|
|
padding:1px 3px;
|
|
text-shadow:0 -1px 0 rgba(0,0,0,.4);
|
|
-webkit-border-radius:2px;
|
|
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.7);
|
|
-webkit-background-clip:padding-box;
|
|
display:inline-block;
|
|
font-size:11px;
|
|
line-height:normal;
|
|
position:absolute;
|
|
margin-left:-10px;
|
|
z-index:1}
|
|
|
|
.notification-friends .image{width:50px;
|
|
height:50px;
|
|
display:inline-table;
|
|
float:left}
|
|
|
|
.ossn-notifications-friends-inner{padding:6px}
|
|
|
|
.ossn-notifications-friends-inner form{display:inline-table}
|
|
|
|
.ossn-notification-page li img{display:none}
|
|
|
|
.notification-friends li{margin-bottom:5px;
|
|
width:100%;
|
|
border-bottom:0 solid #eee}
|
|
|
|
.notification-friends .notfi-meta a{color:#337ab7;
|
|
font-weight:bold;
|
|
display:inline-block;
|
|
width:200px;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis}
|
|
|
|
.notification-friends{max-height:400px}
|
|
|
|
/***---------------------------------------Profile----------------------------------------***/
|
|
|
|
.ossn-profile .top-container{background:rgba(0,0,0,0);
|
|
border:0 solid #c4cde0;
|
|
border-width:0;
|
|
margin-top: -19px;
|
|
padding-bottom: 0;
|
|
margin-bottom: -17px }
|
|
|
|
.ossn-profile .top-container .profile-cover{height:309px;
|
|
border-bottom-left-radius: 20px;
|
|
box-shadow:inset 0 0 25px #000000dd;
|
|
border-bottom-right-radius: 20px;
|
|
overflow:hidden;
|
|
opacity:.99;
|
|
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%) }
|
|
|
|
/*.ossn-profile .top-container .profile-cover img{width:100%}*/
|
|
|
|
.profile-cover-img {
|
|
|
|
}
|
|
|
|
|
|
|
|
.ossn-profile-row{margin-bottom:20px}
|
|
|
|
.profile-hr-menu ul{margin-bottom:0;
|
|
padding:0}
|
|
|
|
.profile-hr-menu ul li{display:inline-block}
|
|
|
|
.profile-hr-menu ul li a{display:block;
|
|
padding:15px;
|
|
margin-right:5px;
|
|
font-weight:bold;
|
|
border-right:0 solid #eee}
|
|
|
|
.profile-hr-menu .dropdown-menu li{display:block}
|
|
|
|
.profile-hr-menu .dropdown a i{margin-left:5px}
|
|
|
|
.profile-hr-menu .dropdown-menu li a{border-right:0;
|
|
margin-right:0}
|
|
|
|
.profile-hr-menu{border-bottom:0}
|
|
|
|
.profile-hr-menu ul li:last-child{border-right:0}
|
|
|
|
.ossn-profile .profile-photo{position:absolute;
|
|
margin-left: 2%;
|
|
margin-top: -150px;
|
|
border:1px solid #9994;
|
|
background: #3635;
|
|
border-radius:100px;
|
|
padding: 15px;
|
|
z-index: 1;
|
|
backdrop-filter: blur(6px);
|
|
box-shadow:0px 0px 35px #000,
|
|
inset 0 0 10px #000; }
|
|
|
|
.ossn-profile .profile-photo img{border-radius:100px}
|
|
|
|
.ossn-profile .user-fullname {
|
|
color: #c3174e;
|
|
font-weight: bold;
|
|
margin-top: -81px;
|
|
font-size: 3.3vw;
|
|
padding: 10px;
|
|
margin-left: 17%;
|
|
position: absolute;
|
|
text-shadow: 0 0 6px #000000db, 0 0 16px #000000e0, 0 0 6px #00000096;
|
|
max-width: 820px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
z-index: 2
|
|
}
|
|
|
|
.ossn-profile-role {
|
|
font-size: 22px !important;
|
|
margin-top: -37px !important;
|
|
margin-left: -12px;
|
|
text-shadow: 0 0 3px #000;
|
|
padding-left: -32px;
|
|
color: #607D8B !important
|
|
}
|
|
|
|
.ossn-profile-bottom {
|
|
margin-top:23px
|
|
}
|
|
|
|
.ossn-profile-extra-menu {
|
|
display:inline-block
|
|
}
|
|
|
|
/***------------------------------------Menu & Search-------------------------------------***/
|
|
|
|
.menu-section-item-newsfeed:before {
|
|
content:"\f0a1" !important
|
|
}
|
|
|
|
.menu-section-item-friends:before {
|
|
content:"\f0c0" !important
|
|
}
|
|
|
|
.menu-section-item-allgroups:before {
|
|
content:"\f0c0" !important
|
|
}
|
|
|
|
.menu-section-item-photos:before {
|
|
content:"\f03e" !important
|
|
}
|
|
|
|
.menu-section-item-messages:before {
|
|
content:"\f0e0" !important
|
|
}
|
|
|
|
.menu-section-item-invite-friends:before {
|
|
content:"\f234" !important
|
|
}
|
|
|
|
.menu-section-item-addgroup:before {
|
|
content:"\f067" !important
|
|
}
|
|
|
|
.menu-section-item-groups {
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
width:200px;
|
|
padding-right:10px
|
|
}
|
|
|
|
.ossn-menu-search li {
|
|
display:block
|
|
}
|
|
|
|
.ossn-menu-search li:hover {
|
|
background:#f9f9f9
|
|
}
|
|
|
|
.ossn-menu-search li a {
|
|
display:block;
|
|
width:100%;
|
|
padding:5px
|
|
}
|
|
|
|
.ossn-menu-search li a:hover {
|
|
text-decoration:none
|
|
}
|
|
|
|
.ossn-menu-search li a .text {
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-search-page .ossn-users-list-item {
|
|
margin-left:0;
|
|
border:0;
|
|
margin-bottom:20px;
|
|
margin-top:20px;
|
|
margin-right:0
|
|
}
|
|
|
|
.ossn-search-page .ossn-users-list-item .uinfo {
|
|
margin-left:25px
|
|
}
|
|
|
|
.ossn-search input[type='text'] {
|
|
background: #42806826!important;
|
|
color: #c5ff00 !important;
|
|
width: 90% !important;
|
|
backdrop-filter: blur(6px)!important
|
|
}
|
|
|
|
.ossn-menu-search-users .text:before {
|
|
font-family:FontAwesome;
|
|
content:"\f007";
|
|
display:absolute;
|
|
padding-right:10px;
|
|
vertical-align:middle;
|
|
float:left
|
|
}
|
|
|
|
.ossn-menu-search-groups .text:before {
|
|
font-family:FontAwesome;
|
|
content:"\f0c0";
|
|
display:absolute;
|
|
padding-right:10px;
|
|
vertical-align:middle;
|
|
float:left
|
|
}
|
|
|
|
/***----------------------------------------Token-----------------------------------------***/
|
|
ul.token-input-list {
|
|
overflow:hidden;
|
|
height:auto !important;
|
|
height:1%;
|
|
width:100%;
|
|
font-size:12px;
|
|
font-family:Verdana;
|
|
min-height:1px;
|
|
z-index:999;
|
|
padding:0;
|
|
margin:0;
|
|
margin-top:-5px;
|
|
background-color:rgba(0,0,0,0);
|
|
list-style-type:none;
|
|
clear:left;
|
|
color:#2b5470;
|
|
border-top:0 dashed #EEE;
|
|
border-right:0 solid #EEE;
|
|
border-left:0 solid #EEE
|
|
}
|
|
|
|
li.token-input-token {
|
|
overflow:hidden;
|
|
height:auto !important;
|
|
height:15px;
|
|
margin:3px;
|
|
padding:1px 3px;
|
|
background-color:#eff2f7;
|
|
color:#2b5470;
|
|
font-weight:bold;
|
|
border:1px solid #ccd5e4;
|
|
font-size:11px;
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
float:left;
|
|
white-space:nowrap
|
|
}
|
|
|
|
li.token-input-token p {
|
|
display:inline;
|
|
padding:0;
|
|
margin:0;
|
|
font-size:12px
|
|
}
|
|
|
|
li.token-input-token span {color:#a6b3cf;
|
|
margin-left:5px;
|
|
font-weight:bold
|
|
}
|
|
|
|
li.token-input-selected-token {background-color:#f9f9f9;
|
|
border:1px solid #eee;
|
|
color:#2b5470 font-weight:bold
|
|
}
|
|
|
|
li.token-input-input-token {float:left;
|
|
margin:0;
|
|
padding:0;
|
|
list-style-type:none
|
|
}
|
|
|
|
div.token-input-dropdown {position:absolute;
|
|
width:400px;
|
|
background-color:#fff;
|
|
overflow:hidden;
|
|
border-left:1px solid #ccc;
|
|
border-right:1px solid #ccc;
|
|
border-bottom:1px solid #ccc;
|
|
font-size:11px;
|
|
font-family:Verdana;
|
|
z-index:1
|
|
}
|
|
|
|
div.token-input-dropdown p {margin:0;
|
|
padding:5px
|
|
}
|
|
|
|
div.token-input-dropdown ul {margin:0;
|
|
padding:0
|
|
}
|
|
|
|
div.token-input-dropdown ul li {background-color:#fff;
|
|
padding:3px;
|
|
margin:0;
|
|
list-style-type:none
|
|
}
|
|
|
|
div.token-input-dropdown ul li.token-input-dropdown-item {
|
|
background-color:#fff
|
|
}
|
|
|
|
div.token-input-dropdown ul li.token-input-dropdown-item2 {
|
|
background-color:#fff
|
|
}
|
|
|
|
div.token-input-dropdown ul li em {
|
|
font-weight:bold;
|
|
font-style:normal
|
|
}
|
|
|
|
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
|
|
background-color:#f9f9f9;
|
|
color:#2b5470;
|
|
font-weight:bold
|
|
}
|
|
|
|
/***------------------------------------MessageSystem-------------------------------------***/
|
|
|
|
.ossn-system-messages .ossn-system-messages-inner {
|
|
margin-top:30px;
|
|
z-index:10000;
|
|
margin-bottom:-100px;
|
|
display:none
|
|
}
|
|
|
|
.ossn-system-messages .ossn-system-messages-inner .alert {
|
|
margin-bottom:20px;
|
|
margin-left: 30px
|
|
}
|
|
|
|
.ossn-message-done {
|
|
border:1px solid #1eb0df;
|
|
border-width:1px;
|
|
background-color:#daf6ff;
|
|
padding:13px;
|
|
z-index:10000;
|
|
text-align:left
|
|
}
|
|
|
|
.ossn-message-box {
|
|
width:470px;
|
|
min-width:470px;
|
|
min-height:96px;
|
|
background:#1115;
|
|
border:0px solid #999;
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
padding:10px;
|
|
z-index:60000;
|
|
margin-top:100px;
|
|
border-radius:20px;
|
|
display:none;
|
|
box-shadow: 5px 5px 10px #000000cc,
|
|
-5px -5px 10px #ffffff33
|
|
}
|
|
|
|
|
|
.ossn-message-box .close-box {
|
|
float:right;
|
|
color:#ccc
|
|
}
|
|
|
|
.ossn-message-box .title {
|
|
background:#f5f6f7;
|
|
padding:11px;
|
|
border-radius:3px;
|
|
border-bottom:1px solid #e5e5e5;
|
|
color:#5e5656;
|
|
font-size:14px;
|
|
display:none;
|
|
font-weight:bold
|
|
}
|
|
|
|
.ossn-message-box .contents {
|
|
padding:10px;
|
|
min-height:150px;
|
|
max-height:420px;
|
|
overflow-x:auto;
|
|
overflow:overlay;
|
|
overflow-x:-moz-hidden-unscrollable
|
|
}
|
|
|
|
.ossn-message-box .contents input[type='text'] {
|
|
border:1px solid #EEE;
|
|
width:292px;
|
|
padding:7px
|
|
}
|
|
|
|
.ossn-message-box .contents input[type='text'],
|
|
.ossn-message-box .contents label {
|
|
display:inline-table
|
|
}
|
|
|
|
.ossn-message-box .contents label {
|
|
color:#666;
|
|
font-weight:bold;
|
|
font-size:13px;
|
|
margin-right:13px
|
|
}
|
|
|
|
.friends-tab{
|
|
box-shadow: 5px 5px 10px #000000cc,
|
|
-5px -5px 10px #ffffff33
|
|
}
|
|
|
|
/***-------------------------------------OSSN Helpers-------------------------------------***/
|
|
|
|
.ossn-halt {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
z-index:10000;
|
|
background-color:#000;
|
|
backdrop-filter: blur(6px);
|
|
opacity:.9;
|
|
height:100%;
|
|
display:none
|
|
}
|
|
|
|
.ossn-light {
|
|
opacity:.4;
|
|
backdrop-filter: blur(6px);
|
|
|
|
}
|
|
|
|
.ossn-viewer {
|
|
width:940px;
|
|
margin:0 auto;
|
|
position:relative
|
|
}
|
|
|
|
.ossn-viewer .ossn-container {
|
|
height:200px;
|
|
position:fixed;
|
|
width:900px;
|
|
z-index:10000;
|
|
margin-top:70px;
|
|
min-height:515px
|
|
}
|
|
|
|
.ossn-viewer-loding {
|
|
font-size:15px
|
|
}
|
|
|
|
.ossn-viewer .ossn-container .close-viewer {
|
|
float:right;
|
|
margin-right:5px;
|
|
font-weight:bold;
|
|
font-size:13px;
|
|
color:#ccc
|
|
}
|
|
|
|
.ossn-container tbody {
|
|
background:#000
|
|
}
|
|
|
|
.ossn-halt {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
z-index:10000;
|
|
backdrop-filter:blur(6px);
|
|
background-color:#000;
|
|
opacity:.9;
|
|
height:100%;
|
|
display:none
|
|
}
|
|
|
|
.ossn-viewer .info-block {
|
|
background:#fff;
|
|
height:100%;
|
|
width:325px;
|
|
float:right;
|
|
margin-left:-3px
|
|
}
|
|
|
|
.image-block img {
|
|
max-width:700px
|
|
}
|
|
|
|
.alert-danger {
|
|
background:rgba(55,0,0,.7)
|
|
}
|
|
|
|
@-moz-keyframes three-quarters-loader {
|
|
0%{
|
|
-moz-transform:rotate(0deg);
|
|
transform:rotate(0deg)}
|
|
|
|
100%{
|
|
-moz-transform:rotate(360deg);
|
|
transform:rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes three-quarters-loader {
|
|
0%{
|
|
-webkit-transform:rotate(0deg);
|
|
transform:rotate(0deg)
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform:rotate(360deg);
|
|
transform:rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@keyframes three-quarters-loader {
|
|
0% {
|
|
-moz-transform:rotate(0deg);
|
|
-ms-transform:rotate(0deg);
|
|
-webkit-transform:rotate(0deg);
|
|
transform:rotate(0deg)
|
|
}
|
|
|
|
100% {
|
|
-moz-transform:rotate(360deg);
|
|
-ms-transform:rotate(360deg);
|
|
-webkit-transform:rotate(360deg);
|
|
transform:rotate(360deg)
|
|
}
|
|
}
|
|
|
|
|
|
.ossn-loading:not(:required) {
|
|
-moz-animation:three-quarters-loader 1250ms infinite linear;
|
|
-webkit-animation:three-quarters-loader 1250ms infinite linear;
|
|
animation:three-quarters-loader 1250ms infinite linear;
|
|
border:2px solid #c5ff00;
|
|
border-right-color:transparent;
|
|
border-radius:16px;
|
|
box-sizing:border-box;
|
|
position:relative;
|
|
overflow:hidden;
|
|
text-indent:-9999px;
|
|
width:24px;
|
|
height:24px
|
|
}
|
|
|
|
.ossn-box-loading {
|
|
margin-left:216px;
|
|
margin-top:37px
|
|
}
|
|
|
|
.ossn-layout-media .content {
|
|
margin-right:10px;
|
|
margin-left:10px;
|
|
margin-top:70px
|
|
}
|
|
|
|
|
|
.sidebar-menu-nav .sidebar-menu .menu-content {
|
|
display:block
|
|
}
|
|
|
|
.ossn-box-inner {
|
|
width:446px
|
|
}
|
|
|
|
|
|
.ossn-smiley-item {
|
|
display:inline-block !important;
|
|
margin-left:2px;
|
|
margin-right:2px;
|
|
width:initial !important;
|
|
margin-bottom:0 !important;
|
|
margin-top:0 !important;
|
|
border:0 !important
|
|
}
|
|
|
|
.ossn_embed_video {
|
|
margin-top:10px;
|
|
margin-bottom:10px;
|
|
padding-top:0
|
|
}
|
|
|
|
.ossn-photo-viewer .image-block img,
|
|
.ossn-photo-viewer {
|
|
max-width:100% !important
|
|
}
|
|
|
|
.ossn-photos-wall {
|
|
background:#111 !important;
|
|
border:1px solid #111 !important
|
|
}
|
|
|
|
.ossn-wall-item .post-contents img {
|
|
max-width:100%;
|
|
background:#111;
|
|
display:block;
|
|
margin-bottom:10px;
|
|
box-shadow: 0 0 30px #000
|
|
}
|
|
|
|
.latest-users img {
|
|
margin-bottom:5px
|
|
}
|
|
|
|
.emojii-container {
|
|
background:rgba(0,0,0,.87) !important;
|
|
width:254px !important;
|
|
border:0 transparent !important;
|
|
position:fixed !important;
|
|
bottom:20px !important;
|
|
right:20px !important;
|
|
z-index:10000 !important;
|
|
box-shadow: 5px 5px 10px #000000cc,
|
|
-5px -5px 10px #ffffff33
|
|
}
|
|
|
|
.tooltip {
|
|
position:absolute;
|
|
z-index:1070;
|
|
display:block;
|
|
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
font-size:12px;
|
|
font-weight:400;
|
|
line-height:1.4;
|
|
filter:alpha(opacity=0);
|
|
opacity:0
|
|
}
|
|
|
|
.tooltip.in {
|
|
filter:alpha(opacity=90);
|
|
opacity:.9
|
|
}
|
|
|
|
.tooltip.top {
|
|
padding:5px 0;
|
|
margin-top:-3px
|
|
}
|
|
|
|
.tooltip.right {
|
|
padding:0 5px;
|
|
margin-left:3px
|
|
}
|
|
|
|
.tooltip.bottom {
|
|
padding:5px 0;
|
|
margin-top:3px
|
|
}
|
|
|
|
.tooltip.left {
|
|
padding:0 5px;
|
|
margin-left:-3px
|
|
}
|
|
|
|
.tooltip-inner {
|
|
max-width:200px;
|
|
padding:3px 8px;
|
|
color:#fff;
|
|
text-align:center;
|
|
text-decoration:none;
|
|
background-color:#000;
|
|
border-radius:4px
|
|
}
|
|
|
|
.tooltip-arrow {
|
|
position:absolute;
|
|
width:0;
|
|
height:0;
|
|
border-color:transparent;
|
|
border-style:solid
|
|
}
|
|
|
|
.tooltip.top .tooltip-arrow {
|
|
bottom:0;
|
|
left:50%;
|
|
margin-left:-5px;
|
|
border-width:5px 5px 0;
|
|
border-top-color:#000
|
|
}
|
|
|
|
.tooltip.top-left .tooltip-arrow {
|
|
right:5px;
|
|
bottom:0;
|
|
margin-bottom:-5px;
|
|
border-width:5px 5px 0;
|
|
border-top-color:#000
|
|
}
|
|
|
|
.tooltip.top-right .tooltip-arrow {
|
|
bottom:0;
|
|
left:5px;
|
|
margin-bottom:-5px;
|
|
border-width:5px 5px 0;
|
|
border-top-color:#000
|
|
}
|
|
|
|
.tooltip.right .tooltip-arrow {
|
|
top:50%;
|
|
left:0;
|
|
margin-top:-5px;
|
|
border-width:5px 5px 5px 0;
|
|
border-right-color:#000
|
|
}
|
|
|
|
.tooltip.left .tooltip-arrow {
|
|
top:50%;
|
|
right:0;
|
|
margin-top:-5px;
|
|
border-width:5px 0 5px 5px;
|
|
border-left-color:#000
|
|
}
|
|
|
|
.tooltip.bottom .tooltip-arrow {
|
|
top:0;
|
|
left:50%;
|
|
margin-left:-5px;
|
|
border-width:0 5px 5px;
|
|
border-bottom-color:#000
|
|
}
|
|
|
|
.tooltip.bottom-left .tooltip-arrow {
|
|
top:0;
|
|
right:5px;
|
|
margin-top:-5px;
|
|
border-width:0 5px 5px;
|
|
border-bottom-color:#000
|
|
}
|
|
|
|
.tooltip.bottom-right .tooltip-arrow {
|
|
top:0;
|
|
left:5px;
|
|
margin-top:-5px;
|
|
border-width:0 5px 5px;
|
|
border-bottom-color:#000
|
|
}
|
|
|
|
.fancybox-skin{
|
|
background:#333!important;
|
|
}
|
|
|
|
.fancybox-wrap {
|
|
top:75px !important
|
|
}
|
|
|
|
.ossn-wall-item
|
|
.post-contents img{
|
|
border-radius:20px;
|
|
}
|
|
|
|
.fancybox-inner img {
|
|
max-width:100%;
|
|
height:auto
|
|
}
|
|
|
|
.fancybox-lock .fancybox-overlay{
|
|
background:#0008;
|
|
backdrop-filter: blur(6px);
|
|
}
|
|
|
|
/***----------------------------------------Bloked----------------------------------------***/
|
|
|
|
.ossn-blocked i {
|
|
font-size:100px
|
|
}
|
|
|
|
.ossn-blocked {
|
|
text-align:center;
|
|
padding:100px
|
|
}
|
|
|
|
.ossn-blocked div {
|
|
font-size:50px;
|
|
font-weight:bold
|
|
}
|
|
|
|
.ossn-blocked p {
|
|
font-size:16px
|
|
}
|
|
|
|
/***---------------------------------------UserList---------------------------------------***/
|
|
|
|
.ossn-users-list-item .users-list-controls {
|
|
margin-top:20px
|
|
}
|
|
|
|
.ossn-users-list-item .users-list-controls a {
|
|
margin-left:5px
|
|
}
|
|
|
|
.ossn-users-list-item {
|
|
border:1px solid #e9eaed;
|
|
margin-bottom:10px;
|
|
margin-right:-10px;
|
|
margin-left:-10px
|
|
}
|
|
|
|
.ossn-users-list-item .uinfo a {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
margin-top:20px;
|
|
float:left;
|
|
text-overflow:ellipsis;
|
|
width:300px;
|
|
white-space:nowrap;
|
|
overflow:hidden
|
|
}
|
|
|
|
.ossn-users-list-item .col-md-2 {
|
|
text-align:center
|
|
}
|
|
|
|
.ossn-list-users {
|
|
height:60px;
|
|
border-bottom:1px solid #e9eaed;
|
|
display:block;
|
|
margin-left:5px;
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.ossn-list-users img,.ossn-list-users .uinfo {
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-list-users .uinfo .userlink {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
float:right;
|
|
margin-left:12px;
|
|
text-overflow:ellipsis;
|
|
width:370px;
|
|
white-space:nowrap;
|
|
overflow:hidden
|
|
}
|
|
|
|
.ossn-list-users .friendlink{
|
|
float:right;
|
|
margin-top:10px;
|
|
margin-right:9px;
|
|
text-overflow:ellipsis;
|
|
width:280px;
|
|
white-space:nowrap;
|
|
overflow:hidden
|
|
}
|
|
|
|
/***-----------------------------------Media Responsive-----------------------------------***/
|
|
|
|
@media only screen and (max-width:485px) {
|
|
|
|
.comments-list .comments-item .comment-user-img {
|
|
display:none
|
|
}
|
|
|
|
.comments-item .col-md-11 {
|
|
padding-left:15px
|
|
}
|
|
|
|
.ossn-wall-item-type {
|
|
display:block
|
|
}
|
|
|
|
.ossn-wall-item .meta .user {
|
|
width:155px;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis
|
|
}
|
|
|
|
.ossn-list-users .uinfo .userlink {
|
|
text-overflow:ellipsis;
|
|
width:195px;
|
|
white-space:nowrap;
|
|
overflow:hidden
|
|
}
|
|
|
|
.ossn-message-box .contents {
|
|
height:280px;
|
|
overflow-x:auto;
|
|
overflow:overlay
|
|
}
|
|
|
|
.ossn-notifications-box {
|
|
width:300px
|
|
}
|
|
|
|
.ossn-notifications-box .notfi-meta {
|
|
width:230px
|
|
}
|
|
|
|
.notification-friends .notfi-meta a {
|
|
width:100px
|
|
}
|
|
|
|
.ossn-notifications-box .notfi-meta,.ossn-notification-messages .user-item .data {
|
|
width:215px !important
|
|
}
|
|
|
|
.ossn-notification-messages .user-item .data .name {
|
|
width:110px !important
|
|
}
|
|
|
|
.ossn-notification-messages .reply-text-from {
|
|
width:200px !important;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis
|
|
}
|
|
|
|
.ossn-profile .profile-photo img {
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.ossn-profile .user-fullname{
|
|
font-size:16px;
|
|
margin-left: 92px;
|
|
margin-top: -174px;
|
|
width: 100%
|
|
}
|
|
|
|
.ossn-profile .top-container .profile-cover {
|
|
height: 196px
|
|
}
|
|
|
|
.ossn-profile .profile-photo {
|
|
margin-top: -124px;
|
|
margin-left: 20%
|
|
}
|
|
|
|
.profile-menu {
|
|
float:none;
|
|
margin:13px
|
|
}
|
|
|
|
.ossn-profile .top-container .profile-cover img {
|
|
width:auto
|
|
}
|
|
|
|
.profile-hr-menu ul li {
|
|
display:block;
|
|
text-align:center;
|
|
border-bottom:1px solid #eee;
|
|
margin-right:0
|
|
}
|
|
|
|
.profile-hr-menu ul li a {
|
|
margin-right:0
|
|
}
|
|
|
|
.ossn-profile-role {
|
|
display:none
|
|
}
|
|
|
|
|
|
.ossn-users-list-item img {
|
|
display:none
|
|
}
|
|
|
|
.ossn-users-list-item .users-list-controls {
|
|
margin-top:10px;
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.ossn-users-list-item .uinfo a {
|
|
margin-top:10px;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
width:90px
|
|
}
|
|
|
|
.ossn-search-page .ossn-users-list-item .uinfo a {
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
width:100px
|
|
}
|
|
|
|
.ossn-system-messages {
|
|
padding-left:15px;
|
|
padding-right:15px
|
|
}
|
|
|
|
.ossn-users-list-item {
|
|
padding-bottom:10px
|
|
}
|
|
|
|
.ossn-widget .widget-contents {
|
|
padding:10px
|
|
}
|
|
|
|
.ossn-message-box {
|
|
min-width:300px;
|
|
width:300px
|
|
}
|
|
|
|
.ossn-box-loading {
|
|
margin-left:150px;
|
|
margin-top:37px
|
|
}
|
|
|
|
.ossn-message-box .contents input[type="text"] {
|
|
width:195px
|
|
}
|
|
|
|
.ossn-box-inner {
|
|
width:280px
|
|
}
|
|
|
|
/*.ossn-group-cover img{top:auto !important}*/
|
|
|
|
.ossn-group-cover {
|
|
height:100px !important
|
|
}
|
|
|
|
.ossn-group-cover-header,
|
|
.ossn-group-profile .profile-header,
|
|
.ossn-group-profile .profile-header .header-bottom {
|
|
height:auto !important
|
|
}
|
|
|
|
.ossn-group-profile .profile-header {
|
|
max-height:inherit !important
|
|
}
|
|
|
|
.ossn-group-profile .profile-header .group-name {
|
|
float:none !important
|
|
}
|
|
|
|
.group-header-menu li,#group-header-menu {
|
|
width:100% !important
|
|
}
|
|
|
|
.group-header-menu li {
|
|
border-bottom:0 solid #EEE !important
|
|
}
|
|
|
|
.group-name {
|
|
text-align:center;
|
|
width:100%;
|
|
border-bottom:0 solid #eee
|
|
}
|
|
|
|
.ossn-group-members {
|
|
margin-left:15px;
|
|
margin-right:15px
|
|
}
|
|
|
|
.ossn-group-members .request-controls,.ossn-group-members .uinfo {
|
|
display:inline-block
|
|
}
|
|
|
|
.ossn-group-members .uinfo .userlink {
|
|
width:130px;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis
|
|
}
|
|
|
|
.sidebar-menu-nav .sidebar-menu .menu-content {
|
|
display:block
|
|
}
|
|
|
|
/*.sidebar-hide-contents-xs{display:none}*/
|
|
|
|
.home-left-contents .some-icons {
|
|
display:none
|
|
}
|
|
|
|
.newsfeed-right {
|
|
display:none
|
|
}
|
|
|
|
.ossn-messages .message-with .user-icon,
|
|
.ossn-messages .messages-recent .messages-from .user-item .image {
|
|
display:none
|
|
}
|
|
|
|
.ossn-messages .message-inner .row {
|
|
margin-left:0 !important
|
|
}
|
|
|
|
.logo img {
|
|
width:260px
|
|
}
|
|
|
|
.home-left-contents .description {
|
|
font-size:16px
|
|
}
|
|
|
|
.home-left-contents {
|
|
margin-bottom:20px
|
|
}
|
|
|
|
.dropdown-menu {
|
|
margin-left:-110px;
|
|
backdrop-filter: blur(6px);
|
|
}
|
|
|
|
.menu-footer-powered {
|
|
float:none
|
|
}
|
|
|
|
.menu-section-item-groups:before {
|
|
content:"\f07b" !important
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:992px) {
|
|
|
|
.ossn-group-cover img {
|
|
top:auto !important
|
|
}
|
|
|
|
.dropdown-menu {
|
|
margin-left:-110px;
|
|
backdrop-filter: blur(6px);
|
|
}
|
|
|
|
.ossn-profile .user-fullname {
|
|
max-width:500px;
|
|
font-size: 7.3vw
|
|
}
|
|
|
|
.comments-list .comments-item .comment-user-img {
|
|
display:none
|
|
}
|
|
|
|
.comments-item .col-md-11 {
|
|
padding-left:15px
|
|
}
|
|
|
|
.newsfeed-right {
|
|
display:none
|
|
}
|
|
|
|
.ossn-messages .message-with .user-icon,
|
|
.ossn-messages .messages-recent .messages-from .user-item .image {
|
|
display:none
|
|
}
|
|
|
|
.ossn-messages .message-inner .row {
|
|
margin-left:0 !important
|
|
}
|
|
|
|
.sidebar-menu-nav .sidebar-menu .menu-content {
|
|
display:block
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:1199px) {
|
|
|
|
.comments-list .comments-item .col-md-1,
|
|
.comments-list .comments-item .comment-user-img {
|
|
display:none
|
|
}
|
|
|
|
.comments-list .comments-item .col-md-11 {
|
|
width:100%
|
|
}
|
|
|
|
.comments-item .col-md-11 {
|
|
padding-left:15px
|
|
}
|
|
|
|
.group-search-details {
|
|
margin-left:10px
|
|
}
|
|
|
|
.ossn-search-page .ossn-users-list-item .uinfo {
|
|
margin-left:35px
|
|
}
|
|
|
|
.ossn-search-page .ossn-users-list-item .uinfo a {
|
|
text-overflow:ellipsis;
|
|
width:90%;
|
|
white-space:nowrap;
|
|
overflow:hidden
|
|
}
|
|
|
|
.ossn-users-list-item .users-list-controls {
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.ossn-profile .user-fullname {
|
|
max-width: 640px;
|
|
}
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
|
|
.ossn-profile .user-fullname {
|
|
max-width:767px
|
|
}
|
|
|
|
.ossn-search-page .ossn-users-list-item .uinfo {
|
|
margin-left:0
|
|
}
|
|
|
|
.sidebar-menu-nav ul .sub-menu li:before {
|
|
font-family:FontAwesome;
|
|
display:inline-block;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
vertical-align:middle
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:768px) {
|
|
|
|
.topbar {
|
|
width:100%
|
|
}
|
|
|
|
.sidebar {
|
|
margin-left:-200px
|
|
}
|
|
|
|
.sidebar-close-page-container {
|
|
margin-left:0px
|
|
}
|
|
|
|
.sidebar-close {
|
|
margin-left:-200px
|
|
}
|
|
|
|
.sidebar-open {
|
|
margin-left:0
|
|
}
|
|
|
|
.sidebar-menu-nav {
|
|
position:relative;
|
|
width:100%;
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.ossn-group-members {
|
|
height:75px !important
|
|
}
|
|
|
|
.ossn-topbar-dropdown-menu {
|
|
margin-right:-13px
|
|
}
|
|
|
|
.profile-cover-controls {
|
|
position: absolute;
|
|
width: 100%;
|
|
margin-left: -235px;
|
|
margin-top: 12px;
|
|
z-index: 1
|
|
}
|
|
}
|