/*
* RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
/*
vertical-align:baseline;
font-size:100%;
font:inherit;
*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display:block;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
* {
outline:none;
}
a:hover {
cursor:pointer;
}
a:link, a:visited, a:focus, a:active {
text-decoration:none;
}
/* OLD SITE */
#adminFasha {
display:block;
position:fixed;
height:29px;
width:100%;
background:#fcecc6;
z-index:5000 !important;
border-bottom:1px solid #f9d994;
color:#848484;
top:0;
}
#adminFasha + .menubar {
top:30px;
border-top:0;
}
#adminFlasha + .menubar + .wrapperMain {
padding-top:85px;
}
#adminFasha ul {
list-style-type:none;
display:table;
margin:0 auto;
padding:0;
padding-top:7px;
}
#adminFasha ul li {
background:transparent
url(https://static.bg-mamma.com/img/1/adminDelimiter.gif) no-repeat
scroll right top;
float:left;
height:15px;
list-style:none outside none;
margin-right:15px;
padding-right:25px;
}
#adminFasha ul li.last {
background:transparent repeat scroll 0 0;
margin-right:0;
padding-right:0;
}
#adminFasha ul li a {
color:#5b5b5b;
float:left;
}
#adminFasha ul li span {
background:transparent
url(https://static.bg-mamma.com/img/1/spriteAdminL.png) no-repeat scroll
0 0;
display:block;
float:left;
height:17px;
margin-right:5px;
width:17px;
}
#adminFasha ul li strong {
float:left;
font-weight:normal;
font-size:11px;
}
/* END of OLD SITE */
/* BASE */
html,
body {
height:100%;
min-height:100%;
min-height:100vh;
}
body {
background:#f7f7f7;
/* color:#5a5a5a; */
color:#111;
font-size:13px;
font-style:normal;
font-variant:normal;
position:relative;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
/* font-family:Arial, Helvetica, sans-serif; */
font-family:'Roboto', Arial, Helvetica, sans-serif;
}
a {
color:#4689f4;
/* color:#66a1ff; */
}
a:hover,
a:focus {
color:#333;
}
.post-content font[size='1'] {
line-height:100% !important;
}
.post-content font[size='2'] {
line-height:130% !important;
}
.post-content font[size='3'] {
line-height:130% !important;
}
.post-content font[size='4'] {
line-height:130% !important;
}
.post-content font[size='6'] {
line-height:130% !important;
}
.unselectable,
.wysibb-body .uk-button {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
.wrapper {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -50px;
background:#fff;
}
.wrapper.alternative-header,
.wrapper.alternative-background {
background-color:#f7f7f7;
}
.wrapper:before {
content:'';
display:block;
height:66px;
}
.wrapper.with-leading-header:before {
height:95px;
}
.wrapper.with-subheader:before {
height:66px;
}
.wrapper.with-leading-header.with-subheader:before {
height:95px;
}
.wrapper:after {
content:'';
display:block;
}
.wrapper-padding {
height:37px !important;
}
.wrapper .wrapper-padding.white {
background:#fff;
}
.wrapper .wrapper-padding.gray {
background:#f7f7f7;
}
.below-sub-header {
height:34px !important;
}
.footer,
.wrapper:after {
height:50px;
}
.wrapper.with-leading-header .global-header {
top:30px;
}
.wrapper.with-leading-header .search-page.widget-mode {
top:95px;
}
.leading-header {
position:fixed;
top:0;
left:0;
right:0;
background:#f5b918;
color:#fff !important;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px !important;
font-weight:400;
text-shadow:-1px 1px 0px rgba(0, 0, 0, 0.1);
height:30px !important;
line-height:30px !important;
overflow:hidden;
display:block;
text-decoration:none !important;
z-index:1010;
}
.leading-header .container,
.leading-header .content-container {
display:block;
}
.leading-header .content-container {
width:1296px;
}
@media screen and (min-width:1440px) {
.leading-header .content-container {
width:1370px;
}
}
@media screen and (max-width:1365px) {
.leading-header .content-container {
width:950px;
}
}
.leading-header b {
background:#66a1ff;
padding:0px 17px 0px 20px;
height:30px;
line-height:30px;
float:right;
font-size:16px !important;
font-weight:normal;
color:#fafafa !important;
text-decoration:none;
text-shadow:none;
}
.leading-header .float-left {
display:block;
max-width:80%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.leading-header-arrow {
float:right;
width:9px;
height:9px;
margin:9px 0 0 7px;
border:3px solid #fff;
transform:rotate(45deg);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-left:none;
border-bottom:none;
}
/* WALLPAPER */
body > .wrapper {
background-color:#fff;
}
.wallpaper,
.sticky-container {
background:#f7f7f7;
position:fixed;
top:65px;
display:none;
bottom:0;
cursor:pointer;
z-index:999;
background-position:50% 0px;
background-repeat:no-repeat;
/* background-attachment:fixed; */
}
.wallpaper span {
position:absolute;
top:0;
right:0;
bottom:0;
display:block;
left:0;
opacity:0;
-webkit-transition:opacity 1s ease-in-out;
-moz-transition:opacity 1s ease-in-out;
-ms-transition:opacity 1s ease-in-out;
-o-transition:opacity 1s ease-in-out;
transition:opacity 1s ease-in-out;
background-position:50% 0px;
background-repeat:no-repeat;
cursor:pointer;
will-change:transform, opacity;
z-index:0;
}
.wallpaper span.active {
opacity:1;
z-index:1;
}
.wallpaper span.in-transition {
z-index:2;
}
.sticky-container {
right:0;
z-index:1000;
}
.ad-cont.sticky-container {
position:fixed;
padding-top:0;
padding-bottom:0;
}
.ad-cont.sticky-container .ad-title {
right:0;
top:auto;
}
.wrapper.with-leading-header .wallpaper,
.wrapper.with-leading-header .sticky-container {
top:94px;
}
#wallpaper-left {
left:0;
right:100%;
background-position:top right;
}
#wallpaper-left span {
background-position:top right;
}
#wallpaper-right {
right:0;
left:100%;
background-position:top left;
}
#wallpaper-right span {
background-position:top left;
}
a.wallpaper:focus,
.sticky-container:focus {
z-index:999;
}
.impression_tracking_image,
.impression-tracking-image {
top:0;
left:0;
position:fixed;
width:1px;
height:1px;
}
/* END OF WALLPAPER */
/* BRANDED POSTS */
.branded-post,
.branded-post.ad-cont,
.topic .branded-post.ad-cont {
position:relative;
width:150px;
height:50px;
float:right;
line-height:50px;
margin:0 0 10px 10px;
padding:0;
}
/* END OF BRANDED POSTS */
.clear {
clear:both;
height:0px;
line-height:0px;
width:100%;
display:block;
font-size:1px;
overflow:hidden;
}
.container {
width:1000px;
min-width:1000px;
margin:0 auto;
}
.footer {
background:#444;
color:rgba(255, 255, 255, 0.4);
font-size:11px;
overflow:hidden;
line-height:50px;
position:relative;
z-index:1000;
}
.footer a {
color:#e5e5e5;
font-size:12px;
}
.footer a:hover,
.footer a:focus {
color:#fff;
}
.footer .footer-copy {
float:left;
height:50px;
line-height:50px;
}
.footer .footer-copy a {
color:rgba(255, 255, 255, 0.4);
font-size:12px;
}
.footer .footer-links {
float:right;
height:50px;
line-height:50px;
}
.footer .footer-links li {
float:left;
}
.footer .footer-links li,
.footer .footer-links li a {
display:block;
height:100%;
line-height:50px;
}
.footer .footer-links li a {
padding:0 7px;
}
.footer .footer-links li:before {
content:'';
background:#6c6e72;
height:12px;
width:1px;
margin-top:19px;
float:left;
}
.footer .footer-links li:first-child:before {
content:none;
}
/* .dropdown:after {
width:0;
height:0;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
position:absolute;
top:-6px;
right:11px;
} */
section.content {
position:relative;
z-index:999;
}
.content-container {
padding:0 25px;
width:950px;
margin:0 auto;
}
.breadcrumb {
padding:7px 0;
}
.breadcrumb,
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li > a > span,
.breadcrumb > li > span {
color:#111;
min-height:30px;
line-height:30px;
}
.uk-breadcrumb.breadcrumb > li > span {
color:rgba(17, 17, 17, 0.5);
}
.breadcrumb > li {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:400;
display:inline-block;
}
.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus {
color:#111;
text-decoration:underline;
}
.breadcrumb > li:after {
content:'';
display:inline-block;
width:7px;
height:10px;
/* background:transparent url(/assets/vessur/img/breadcrumb_separator.png) center center no-repeat; */
margin:0 6px 0 8px;
opacity:0.5;
position:relative;
top:2px;
}
.breadcrumb > li:nth-child(n + 2):before,
.breadcrumb > li:last-child:after {
content:none;
}
.breadcrumb > li:last-child {
color:#444;
}
.breadcrumb > li.home > a {
display:block;
float:left;
width:21px;
height:21px;
min-height:auto;
border-radius:21px;
background-color:#fff;
margin:3px 0 0 0;
opacity:0.7;
text-indent:-200px;
}
.breadcrumb > li.home > a > span {
visibility:hidden;
/* display:none; */
}
.breadcrumb > li.home > a:hover {
opacity:1;
}
/* date
datetime
datetime-local
email
month
time
url
week */
input[type='text'],
input[type='search'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='password'] {
font-size:16px;
border:1px solid rgba(17, 17, 17, 0.1);
padding:4px 5px;
height:25px;
line-height:25px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
color:#111;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
-webkit-box-shadow:0 0 4px 3px rgba(17, 17, 17, 0.1);
box-shadow:0 0 4px 3px rgba(17, 17, 17, 0.1);
background-color:#fff;
}
*:focus {
/* outline:2px solid red; */
}
a:focus,
button:focus {
z-index:1100;
}
.uk-form select,
.m-form select {
border:1px solid rgba(17, 17, 17, 0.1);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
}
.uk-form select:focus,
.m-form select:focus {
background:#fff;
}
input[type='text']:focus,
textarea:focus {
border-color:#bfbfbf;
}
input[type='text'] ::-moz-selection {
background:#b2d7ff;
color:#282627;
}
input[type='text'] ::selection {
background:#b2d7ff;
color:#282627;
}
input[type='radio'],
input[type='checkbox'] {
background-color:#fff;
/* background-color:transparent; */
border:1px solid #b7b7b7;
width:14px;
height:14px;
box-sizing:content-box !important;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
input[type='radio'] {
width:13px;
height:13px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
input[type='radio']:checked,
input[type='checkbox']:checked {
border-color:#252525;
}
input[type='radio']:before,
input[type='checkbox']:before {
content:'';
display:block;
}
input[type='radio']:checked:before {
width:7px;
height:7px;
margin:3px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
background:#252525;
}
input[type='checkbox']:checked:before {
width:11px;
height:9px;
margin:3px 1px 1px 1px;
/* background:transparent url(/assets/vessur/img/checkbox_check_icon.png) center center no-repeat; */
border-color:#252525;
}
input[type='radio']:disabled,
input[type='checkbox']:disabled {
border:1px solid rgba(17, 17, 17, 0.1);
}
textarea:disabled {
background-color:#fff;
border:1px solid rgba(17, 17, 17, 0.1);
}
.uk-danger input[type='checkbox']:checked {
background:#de1f1f;
border-color:#850000;
}
.uk-danger input[type='checkbox']:checked:before {
filter:invert(1);
}
/*
AUTORESIZE:
.expanding-form.expanded .expanding-form-inner-toggle .measure-height,
*/
textarea {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
line-height:22px;
display:block;
border:1px solid rgba(17, 17, 17, 0.1);
margin:0 0 15px 0;
padding:14px 18px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
min-height:74px;
max-height:200px;
}
/*
AUTORESIZE:
.expanding-form.expanded .expanding-form-inner-toggle textarea,
.expanding-form.expanded .expanding-form-inner-toggle .measure-height {
width:100%;
max-width:100%;
min-height:54px;
max-height:none;
box-sizing:border-box;
margin-bottom:7px;
padding:4px 7px;
overflow-y:auto;
}
.expanding-form.expanded .expanding-form-inner-toggle .measure-height {
display:none;
word-wrap:break-word;
white-space:pre-wrap;
}
*/
label {
cursor:pointer;
display:block;
font-size:15px;
color:rgba(17, 17, 17, 0.7);
}
label:hover,
label:focus,
label.checked {
color:#111;
}
label.input-label {
font-size:16px;
color:rgba(17, 17, 17, 0.5);
}
.uk-notify {
width:600px;
}
.uk-notify-top-center,
.uk-notify-bottom-center {
margin-left:-300px;
}
.uk-notify-message {
background-color:#414141;
color:#fff;
font-size:16px;
line-height:33px;
padding:13px 20px;
min-height:35px;
border-radius:3px;
box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3);
/*
position:relative;
min-width:450px;
left:50%;
transform:translateX(-50%);
display:inline-block;
*/
}
.uk-notify-message div {
white-space:nowrap;
}
.uk-notify .uk-button {
float:right;
display:inline-block;
margin:0 0 0 15px;
}
.uk-notify .uk-close {
display:none;
}
.uk-tooltip {
opacity:0;
background:#e5e5e5;
color:#444;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.uk-tooltip-right:after {
border-right-color:#e5e5e5;
}
.uk-tooltip-left:after {
border-left-color:#e5e5e5;
}
.uk-tooltip-top:after {
border-top-color:#e5e5e5;
}
.uk-tooltip-bottom:after {
border-bottom-color:#e5e5e5;
}
.uk-tooltip.uk-active {
opacity:1;
}
.uk-tooltip.m-tooltip-nobreak {
max-width:600px;
}
.float-right {
float:right !important;
}
.float-left {
float:left !important;
}
.float-none {
float:none !important;
}
.form-row,
label {
min-height:30px;
line-height:30px;
display:block;
}
.form-row label .inner-label {
float:left;
max-width:600px;
min-height:30px;
line-height:30px;
}
.form-row .m-select {
float:left;
margin:0 10px;
}
.form-row .m-select:first-child {
margin-left:0;
}
.form-row input[type='checkbox'],
.form-row input[type='radio'],
label.inline-label input[type='checkbox'],
label.inline-label input[type='radio'] {
float:left;
margin:6px 17px 0 0;
}
.report-modal .form-row input[type='checkbox'],
.report-modal label.inline-label input[type='checkbox'] {
margin:6px 9px 0 0;
}
.report-modal label {
display:inline-block;
padding-right:25px;
}
.report-modal label:last-child {
padding-right:0;
}
.report-modal textarea {
width:720px;
max-width:720px;
height:115px;
max-height:115px;
padding:4px 9px;
}
.report-modal fieldset {
margin-top:2px;
margin-bottom:3px;
}
.report-modal .modal-title .modal-button-wizard-back {
display:none;
width:26px;
height:17px;
background-size:788px 1316px;
background-position:-719px -613px;
}
.report-modal .modal-content .wizard-steps {
display:block;
}
.report-modal .modal-content .reason-option,
.rule-item {
margin:5px 0;
line-height:34px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
padding:0 5px;
box-sizing:border-box;
background:transparent;
position:relative;
cursor:pointer;
}
.report-modal .modal-content .reason-option:last-child,
.rule-item:last-child {
border:none;
}
.report-modal .modal-content .reason-option:hover {
border-color:rgba(17, 17, 17, 0.2);
color:#111;
}
.report-modal .modal-content .reason-option:after {
content:'';
display:inline-block;
position:absolute;
width:7px;
height:13px;
background-size:394px 658px;
background-position:-90px -9px;
transform:translate(-8px, 11px);
}
.report-modal .modal-content .reason-option .inner-label {
font-size:16px;
font-weight:400;
color:rgba(17, 17, 17, 0.7);
display:inline-block;
width:100%;
}
.report-modal .modal-content .wizard-step-final fieldset .inline-label {
padding:0px;
margin:5px 0;
}
.report-modal .modal-content .wizard-step-final fieldset label .black-label {
color:rgba(17, 17, 17, 0.7);
}
.report-modal .modal-footer {
padding:5px 0 0 0;
border-top:1px solid rgba(17, 17, 17, 0.1);
margin:25px 0 0;
}
.report-modal .modal-footer .footer-links {
text-align:center;
font-size:0px;
}
.report-modal .modal-footer .footer-links li {
display:inline-block;
vertical-align:top;
}
.report-modal .modal-footer .footer-links li a {
font-size:14px;
text-decoration:underline;
margin:0px;
}
.report-modal .modal-footer .footer-links li:after {
content:'';
background:rgba(17, 17, 17, 0.7);
height:16px;
width:1px;
display:inline-block;
margin-top:10px;
}
.report-modal .modal-footer .footer-links li:last-child:after {
content:none;
}
/* RULES START */
.list-rules.m-accordion {
margin:25px 0;
}
.rule-item .inner-label {
font-size:16px;
font-weight:400;
color:rgba(17, 17, 17, 0.7);
display:inline-block;
width:95%;
}
.rule-item .expanded-content span {
line-height:20px;
display:inline-block;
margin:10px 0 20px;
}
.rule-item .expanded-content span:first-letter {
text-transform:capitalize;
}
/* RULES END */
label.inline-label {
display:inline-block;
padding-right:40px;
}
.form-row label.inline-label.float-right {
padding-left:20px;
padding-right:0px;
}
.m-form input[type='text'],
.uk-form input[type='text'] {
box-sizing:border-box;
width:100%;
height:35px;
padding-left:20px;
}
.m-form input[type='text']:focus,
.uk-form input[type='text']:focus {
background:#fff;
border-color:#999;
}
.m-form .page-title {
padding-left:19px;
}
.m-form .row-button-alt {
border:none;
margin:0;
margin:0 -10px 0 10px;
padding:0 10px;
min-width:150px;
}
.m-form .form-row .row-button-alt:first-child {
margin-left:0;
}
.m-form .form-row {
min-height:35px;
}
.m-form .form-row label {
padding-top:6px;
padding-bottom:7px;
line-height:22px;
min-height:22px;
}
.m-form .form-row label.inline-label input[type='checkbox'],
.m-form .form-row label.inline-label input[type='radio'] {
margin-top:3px;
}
.m-form .form-row input[type='text'] {
float:left;
width:549px;
}
.m-form.add-to-recomm fieldset .form-row .input_counter {
top:7px;
}
.blank-list,
.blank-list > li {
margin:0;
display:block;
position:relative;
}
.blank-list .m-loader {
left:auto;
right:160px;
}
.blank-list > li,
.blank-list .list-item-actions,
.blank-list .list-item-actions > li {
height:44px;
line-height:44px;
}
.blank-list > li .user-avatar {
margin-top:7px;
margin-right:14px;
}
.blank-list > li .user-avatar img {
max-width:32px;
max-height:32px;
}
.blank-list.clickable > li,
.blank-list.editable > li > label,
.blank-list.editable > li > .list-item-actions > li {
cursor:pointer;
}
.blank-list.editable > li > label {
float:left;
position:relative;
height:35px;
line-height:37px;
padding:4px 0 5px 0;
}
.blank-list .list-item-actions {
position:relative;
z-index:1;
float:right;
}
.blank-list .list-item-actions > li {
display:inline-block;
padding:0 5px;
width:13px;
/* height:13px; */
height:44px;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
opacity:0.5454;
cursor:pointer;
}
.blank-list-empty {
color:rgba(17, 17, 17, 0.5);
background-color:rgba(0, 0, 0, 0.05);
font-size:18px;
text-align:center;
line-height:22px;
padding:33px 0;
margin:0 !important;
}
.blank-list.editable > li > label > input {
display:block;
margin-left:-10px;
margin-top:-1px;
padding-left:10px;
min-width:575px;
/* background:rgba(17, 17, 17, 0.1);
border:none; */
font-size:15px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.blank-list.editable .submit {
width:19px;
/* background-image:url(/assets/vessur/img/list_item_submit.png); */
}
.blank-list.editable .submit:hover {
opacity:1;
}
.blank-list.editable .edit {
/* background-image:url(/assets/vessur/img/list_item_edit.png); */
}
.blank-list.editable .edit:hover {
opacity:1;
}
.blank-list.editable .remove {
/* background-image:url(/assets/vessur/img/list_item_remove.png); */
}
.blank-list.editable .remove:hover {
opacity:1;
}
.christmas-admin .blank-list.editable > li {
min-height:44px;
height:auto;
}
.christmas-admin .blank-list.editable > li > label {
white-space:nowrap;
overflow:hidden;
max-width:100%;
text-overflow:ellipsis;
}
.christmas-admin .blank-list.editable > li > label > input {
margin-top:1px;
}
.christmas-admin .blank-list.editable > li.editing > label {
padding:4px 15px 5px;
margin-left:-6px;
}
.christmas-admin .blank-list.editable > li.editing:before {
content:'';
display:block;
z-index:0;
position:absolute;
background:rgba(17, 17, 17, 0.05);
top:-1px;
left:-25px;
right:-25px;
bottom:-2px;
-webkit-border-radius:2px;
border-radius:2px;
}
/* LOADER */
.m-loader {
/* background:rgba(0, 0, 0, 0.05); */
top:50%;
height:14px;
line-height:12px;
position:absolute;
left:50%;
margin-left:-70px;
margin-top:-7px;
width:140px;
text-align:center;
}
.m-loader.top {
top:0%;
margin-top:0px;
}
.m-loader.bottom {
top:auto;
margin-top:0px;
bottom:0%;
}
.m-loader span {
width:5%;
height:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#999;
opacity:0;
display:inline-block;
margin:2.5%;
}
.m-loader.small {
top:50%;
width:80px;
height:8px;
line-height:6px;
margin-left:-40px;
margin-top:-4px;
}
@keyframes dotloop {
0% {
opacity:0;
transform:translateX(-50px);
}
33% {
opacity:1;
transform:translateX(0px);
}
66% {
opacity:1;
transform:translateX(0px);
}
100% {
opacity:0;
transform:translateX(50px);
}
}
@-webkit-keyframes dotloop {
0% {
opacity:0;
-webkit-transform:translateX(-50px);
}
33% {
opacity:1;
-webkit-transform:translateX(0px);
}
66% {
opacity:1;
-webkit-transform:translateX(0px);
}
100% {
opacity:0;
-webkit-transform:translateX(50px);
}
}
.m-loader span:nth-child(6) {
background:rgba(200, 200, 0, 0.75);
-webkit-animation:dotloop 2s infinite ease-in-out;
animation:dotloop 2s infinite ease-in-out;
}
.m-loader span:nth-child(5) {
background:rgba(0, 200, 200, 0.75);
-webkit-animation:dotloop 2s 100ms infinite ease-in-out;
animation:dotloop 2s 100ms infinite ease-in-out;
}
.m-loader span:nth-child(4) {
background:rgba(200, 0, 200, 0.75);
-webkit-animation:dotloop 2s 200ms infinite ease-in-out;
animation:dotloop 2s 200ms infinite ease-in-out;
}
.m-loader span:nth-child(3) {
background:rgba(0, 0, 200, 0.75);
-webkit-animation:dotloop 2s 300ms infinite ease-in-out;
animation:dotloop 2s 300ms infinite ease-in-out;
}
.m-loader span:nth-child(2) {
background:rgba(0, 200, 0, 0.75);
-webkit-animation:dotloop 2s 400ms infinite ease-in-out;
animation:dotloop 2s 400ms infinite ease-in-out;
}
.m-loader span:nth-child(1) {
background:rgba(200, 0, 0, 0.75);
-webkit-animation:dotloop 2s 500ms infinite ease-in-out;
animation:dotloop 2s 500ms infinite ease-in-out;
}
/* ADMIN */
.admin-line {
min-height:35px;
line-height:35px;
padding:10px 15px;
background:#fff;
margin-bottom:20px;
}
.topic-content-footer + .admin-line {
margin-bottom:5px;
}
.admin-line-inner {
position:relative;
}
.admin-line-inner > ul > li {
float:left;
padding:0 5px;
height:35px;
line-height:35px;
display:block;
}
.admin-line-inner form.float-right {
border-left:1px solid rgba(17, 17, 17, 0.1);
padding-left:10px;
}
.admin-line-inner form.float-right .uk-button {
margin:0;
}
.admin-line input[type='checkbox'] {
margin-top:9px;
}
.admin-mode .edited-meta {
min-height:22px;
line-height:22px;
padding:0 0 7px;
margin-top:0;
text-align:right;
}
.admin-mode .edited-meta .uk-button {
float:right;
margin:0 -10px 3px 0;
}
.admin-line .m-dropdown {
float:right;
position:relative;
}
.admin-line .m-dropdown .uk-dropdown {
width:207px;
}
.board-content .admin-line {
padding:10px 0;
margin:16px 0 5px 0;
}
.admin-line .topic-admin.float-right input[type='checkbox'] {
margin-left:10px;
}
.board-content .admin-line + .m-list.list-mini {
margin-top:20px;
}
.admin-line select,
.system-page select {
float:left;
margin-top:2px;
margin-right:15px;
max-width:200px;
}
.m-list.admin-list .m-list-content {
padding-left:0;
padding-bottom:0;
}
.admin-list.with-image .m-list-content {
margin:0;
padding-left:165px;
padding-bottom:10px;
}
/* .admin-list.with-image .m-list-title img {
width:200px;
position:absolute;
transform:translate(0, -50%);
top:50%;
left:25px;
} */
.admin-list li figure {
position:absolute;
top:50%;
left:25px;
margin-top:-60px;
width:120px;
height:120px;
z-index:1;
}
.admin-list .recomm-topic-cover {
width:120px;
height:120px;
/*
position:absolute;
top:50%;
left:25px;
margin-top:-60px;
*/
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.admin-list .m-i-overlay:hover span {
background:transparent;
}
.admin-list .uk-icon-expand:before {
color:#fff;
opacity:0.7;
position:absolute;
top:50%;
left:50%;
margin:-12px -10px;
}
.admin-list .m-list-title a.original-title {
font-size:16px;
font-weight:300;
}
.admin-list .topic-right li {
margin-top:6px;
float:right;
}
.admin-list .admin-list-action,
.admin-list .start-date,
.admin-list .expire-at {
margin-top:15px;
font-size:13px;
}
.admin-list .admin-list-action {
text-align:center;
}
.admin-list .start-date,
.admin-list .expire-at {
color:rgba(17, 17, 17, 0.7);
text-align:right;
padding-right:10px;
}
.admin-list .expire-at {
color:#f3657c;
}
.admin-list .expire-at.active {
color:#70bda7;
}
.admin-list .board-topic .topic-icons {
bottom:0;
}
.admin-list .active-ad,
.admin-list .offline-ad {
height:8px;
width:8px;
border-radius:50%;
margin-left:8px;
}
.admin-list .active-ad {
background:#2fc700;
}
.admin-list .offline-ad {
background:#2fc700;
}
.uk-badge {
background:#f7f7f7;
color:rgba(17, 17, 17, 0.4);
height:20px;
line-height:20px;
border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 5px;
margin-left:10px;
vertical-align:middle;
}
.uk-padding-left-remove {
padding-left:0 !important;
}
.uk-padding-right-remove {
padding-right:0 !important;
}
.uk-margin-left-remove {
margin-left:0 !important;
}
.uk-margin-right-remove {
margin-right:0 !important;
}
.uk-margin-top-remove {
margin-top:0 !important;
}
.uk-margin-bottom-remove {
margin-bottom:0 !important;
}
.uk-margin-vertical-remove {
margin-top:0 !important;
margin-bottom:0 !important;
}
.uk-bold {
font-weight:700 !important;
}
.uk-text-italic {
font-style:italic !important;
}
/* BUTTONS */
/*
.uk-button.m-button - Primary (Default) Button
.uk-button.m-button.colored - Primary with category color inheritance
.uk-button.m-button.m-button-danger - Danger
.uk-button.m-button.smtrnsprnt - Semi-transparent
.uk-button.m-button.m-button-secondary - Secondary Button (Gray)
.uk-button.m-button.m-button-secondary.uk-disabled - Disabled
.uk-button.m-button-lite - Light Button without background
.uk-button.m-button-lite.m-button-text - Light Button without background and border (text-like black)
.uk-button.m-button-lite.m-button-link - Light Button without background and border (link-like blue)
.uk-button.m-button-lite.inverted - Inverted
*/
.uk-button {
padding:0;
line-height:1;
min-height:auto;
background:transparent;
}
.uk-button:hover,
.uk-button:focus {
background:transparent;
}
.m-button {
padding-left:15px;
padding-right:15px;
margin-right:10px;
float:left;
min-width:125px;
}
.m-button,
.m-button:link,
.m-button:active,
.m-button:focus,
.m-button:visited,
.spoiler-toggle {
height:35px;
line-height:35px;
font-size:16px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#fff;
background:#66a1ff;
}
.m-button:hover,
.m-button:focus {
background:#5a96f8;
color:#fff;
}
.m-button.m-button-danger {
background-color:#f3657c;
/*
background:#fff1f0;
color:#d85030;
border-color:#d85030; */
}
.m-button.colored,
.m-button.colored:link,
.m-button.colored:active,
.m-button.colored:focus,
.m-button.colored:visited {
background:#aaa;
position:relative;
-webkit-box-shadow:inset 0px 40px 0px rgba(0, 0, 0, 0);
box-shadow:inset 0px 40px 0px rgba(0, 0, 0, 0);
}
.m-button.colored:hover,
.m-button.colored:focus {
color:#fff;
-webkit-box-shadow:inset 0px 40px 0px rgba(17, 17, 17, 0.05);
box-shadow:inset 0px 40px 0px rgba(17, 17, 17, 0.05);
}
.m-button:disabled,
.m-button:disabled:hover {
background-color:#f5f5f5;
color:#999;
}
.m-button.colored:disabled,
.m-button.colored:disabled:hover {
color:rgba(255,255,255,0.3);
}
/*
.m-button.colored:before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:transparent;
}
.m-button.colored:hover:before,
.m-button.colored:focus:before {
background:rgba(17, 17, 17, 0.05);
}
*/
.spoiler-toggle {
clear:both;
border:none;
padding-top:0;
padding-bottom:0;
display:block;
}
.m-button.m-button-secondary,
.spoiler-toggle {
background:rgba(17, 17, 17, 0.1);
color:rgba(17, 17, 17, 0.7);
}
.m-button.m-button-secondary:hover,
.m-button.m-button-secondary:focus,
.spoiler-toggle:hover,
.spoiler-toggle:focus {
background:rgba(17, 17, 17, 0.15);
color:#111;
}
.m-button.m-button-secondary.uk-disabled,
.m-button.m-button-secondary.uk-disabled:hover {
background-color:#f5f5f5;
color:#999;
}
.m-button-group .m-button,
.m-button-group .m-button-lite {
-moz-border-radius:2px 0 0 2px;
-webkit-border-radius:2px 0 0 2px;
border-radius:2px 0 0 2px;
min-width:125px;
margin-right:0;
}
.m-button-group .m-dropdown .m-button,
.m-button-group .m-dropdown .m-button-lite {
/* -moz-border-radius:0 2px 2px 0;
-webkit-border-radius:0 2px 2px 0;
border-radius:0 2px 2px 0; */
display:block;
padding:0;
background:#373d47;
min-width:auto;
}
.m-button-group .m-dropdown .m-button-lite {
background:transparent;
/* border-left:none; */
/* height:33px; */
/* line-height:33px; */
padding:0 10px 0 19px;
}
.m-button-group .m-dropdown .m-button:hover,
.m-button-group .m-dropdown .m-button:focus {
background:#262b32;
}
.m-button-group .m-dropdown .m-button-lite:hover,
.m-button-group .m-dropdown .m-button-lite:focus {
}
.m-button-lite.inverted {
border-color:rgba(255, 255, 255, 0.4);
color:rgba(255, 255, 255, 0.7);
}
.m-button-lite.inverted:hover,
.m-button-lite.inverted:focus {
border-color:transparent;
background:rgba(17, 17, 17, 0.1);
color:#fff;
}
.m-button-lite.m-button-link.m-button-danger,
.m-button-lite.m-button-link.m-button-danger:active,
.m-button-lite.m-button-link.m-button-danger:focus,
.m-button-lite.m-button-link.m-button-danger:visited,
.m-button-lite.m-button-link.m-button-danger:hover {
color:#d85030;
}
.m-button-lite.m-button-link.m-button-warning,
.m-button-lite.m-button-link.m-button-warning:active,
.m-button-lite.m-button-link.m-button-warning:focus,
.m-button-lite.m-button-link.m-button-warning:visited,
.m-button-lite.m-button-link.m-button-warning:hover {
color:#d8a330;
}
.m-button .checkbox-icon {
float:left;
margin-top:9px;
margin-right:13px;
width:18px;
height:13px;
/* background:transparent url(/assets/vessur/img/button_tick_icon.png) center center no-repeat; */
}
.smtrnsprnt .m-button,
.m-button.smtrnsprnt {
background:rgba(0, 0, 0, 0.1);
color:#f0f0f0;
}
.m-button.smtrnsprnt:hover,
.m-button.smtrnsprnt:focus {
background:rgba(0, 0, 0, 0.2);
color:#fff;
}
.m-button .x-icon {
float:left;
margin-top:8px;
margin-right:13px;
width:16px;
height:16px;
/* background:transparent url(/assets/vessur/img/button_x_icon.png) center center no-repeat; */
}
.m-button:hover .checkbox-icon,
.m-button:focus .checkbox-icon,
.smtrnsprnt .m-button:hover .checkbox-icon,
.smtrnsprnt .m-button:focus .checkbox-icon,
.smtrnsprnt .m-button .checkbox-icon,
.m-button.smtrnsprnt:hover .checkbox-icon,
.m-button.smtrnsprnt:focus .checkbox-icon,
.m-button.smtrnsprnt .checkbox-icon {
/* background:transparent url(/assets/vessur/img/button_tick_icon_alt.png) center center no-repeat; */
}
.m-button .cogwheel-icon,
.m-button-lite .cogwheel-icon {
width:36px;
height:33px;
float:right;
/* background:transparent url(/assets/vessur/img/cogwheel_icon.png) center center no-repeat; */
opacity:0.7;
}
.m-button:hover .cogwheel-icon,
.m-button:focus .cogwheel-icon,
.m-button-lite:hover .cogwheel-icon,
.m-button-lite:focus .cogwheel-icon {
opacity:1;
}
.uk-button-dropdown.m-dropdown .uk-dropdown {
box-sizing:border-box;
/* width:100%; */
}
.uk-button-dropdown .uk-button {
margin:0 !important;
}
.two-row-container {
float:left;
margin:0 30px 0 0;
}
.two-row-container.last {
margin:0;
}
.two-row-container > p,
.two-row-container > label {
display:block;
color:rgba(17, 17, 17, 0.5);
font-size:16px;
line-height:22px;
min-height:22px;
padding:7px 0 7px 12px;
margin:0 !important;
}
.two-row-container .m-select {
margin-right:10px;
}
.two-row-container .m-select:last-child {
margin-right:0px;
}
.m-dropdown .uk-dropdown {
background:#fff;
padding:0;
width:auto;
border:1px solid rgba(17, 17, 17, 0.1);
-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
text-align:left;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown {
margin:0;
}
.uk-dropdown-bottom {
margin-top:9px;
margin-left:-1px;
}
.uk-dropdown-top {
margin-top:-9px;
margin-left:-1px;
}
.m-dropdown .uk-dropdown.uk-dropdown-bottom {
}
.m-dropdown .uk-dropdown.uk-dropdown-top {
}
.topic-post .user-info .uk-dropdown-bottom {
margin-top:0px;
}
.topic-post .user-info .uk-dropdown-top {
margin-top:-2px;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li {
display:block;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li:first-child {
border:none;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li a,
.m-dropdown .uk-dropdown .uk-nav-dropdown > li span.info-item {
display:block;
padding:10px 15px 11px 20px;
line-height:18px;
color:rgba(17, 17, 17, 0.5);
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li span.info-item {
font-size:14px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin-bottom:5px;
padding:0 15px 5px 20px;
line-height:23px;
white-space:normal;
word-break:break-all;
word-wrap:break-word;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li span.info-item strong {
font-weight:400;
color:#111;
}
.m-dropdown .uk-dropdown span.dropdown-added-border {
display:block;
background:#444;
width:auto;
height:3px;
position:absolute;
left:-1px;
right:-1px;
}
.m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-added-border {
top:-3px;
}
.m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-added-border {
bottom:-3px;
}
.m-dropdown .uk-dropdown span.dropdown-arrow-cont,
.m-dropdown .uk-dropdown span.dropdown-arrow {
display:block;
width:1px;
height:0px;
position:absolute;
}
.m-dropdown .uk-dropdown span.dropdown-arrow-cont {
right:11px;
border-left:11px solid transparent;
border-right:11px solid transparent;
}
.m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow-cont {
border-bottom:11px solid rgba(17, 17, 17, 0.1);
top:-11px;
}
.m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-arrow-cont {
border-top:11px solid rgba(17, 17, 17, 0.1);
bottom:-11px;
}
.user-info .uk-dropdown-top span.dropdown-arrow-cont {
left:48px;
right:auto;
}
.m-dropdown .uk-dropdown span.dropdown-arrow {
border-left:10px solid transparent;
border-right:10px solid transparent;
right:-10px;
}
.m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow {
top:1px;
border-bottom:10px solid #fff;
}
.m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-arrow {
bottom:1px;
border-top:10px solid #fff;
}
.m-dropdown.first-hover .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow {
/* border-bottom-color:rgba(0, 0, 0, 0.05); */
}
.m-dropdown.last-hover .uk-dropdown.uk-dropdown-top span.dropdown-arrow {
/* border-top-color:rgba(0, 0, 0, 0.05); */
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li > a {
color:rgba(17, 17, 17, 0.7);
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li > a:hover,
.m-dropdown .uk-dropdown .uk-nav-dropdown > li > a:focus {
background:transparent;
color:#000;
}
.m-button-lite {
padding:0 19px;
height:35px;
line-height:33px;
border:1px solid rgba(17, 17, 17, 0.1);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:transparent;
font-size:16px;
font-weight:400;
color:rgba(17, 17, 17, 0.7);
margin-right:10px;
min-width:125px;
float:left;
}
.m-button-lite:hover,
.m-button-lite:focus {
border-color:rgba(17, 17, 17, 0.2);
color:#111;
background:transparent;
}
.m-button-group:hover .m-button-lite {
border-color:rgba(17, 17, 17, 0.2);
color:#111;
}
.m-button-lite.m-button-text,
.m-button-lite.m-button-link {
border:none;
padding:0 10px;
min-width:0;
}
.m-button-lite.m-button-text:hover,
.m-button-lite.m-button-link:hover {
text-decoration:underline;
}
.m-button-lite.m-button-text:focus,
.m-button-lite.m-button-link:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
.m-button-lite.m-button-link,
.m-button-lite.m-button-link:hover {
color:#4689f4;
font-size:14px;
}
.usefulness-score.uk-button.m-button-lite.m-button-link {
font-weight: bold;
color: #1e1c1c;
text-decoration: none;
cursor: default;
line-height: 2.5;
}
a.m-button,
a.m-button-lite {
line-height:34px;
}
.icon-only {
display:block;
padding:0 8px;
min-width:auto;
width:auto;
margin-right:0;
}
.icon-only .button-icon {
margin-right:0;
}
.m-button.icon-only {
background:#373d47;
}
.m-button-lite.uk-disabled {
background-color:#f5f5f5 !important;
color:#999 !important;
border:1px solid rgba(17, 17, 17, 0.1) !important;
cursor:default !important;
}
.m-button-text.uk-disabled,
.m-button-text.uk-disabled:hover {
background-color:transparent !important;
border:none !important;
text-decoration:none !important;
}
.scroll-wrapper {
width:100%;
max-height:290px;
overflow-y:auto;
}
.m-select .scroll-wrapper {
width:auto !important;
}
.m-select .uk-dropdown {
padding:5px 0;
min-width:200px;
max-width:302px;
width:100%;
height:auto;
max-height:351px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}
.m-select.mini .uk-dropdown {
min-width:0;
}
.m-select.maxi {
width:100%;
}
.m-select.maxi .uk-button {
text-align:left;
}
.m-select.maxi .uk-button span,
.m-select.maxi .uk-dropdown {
max-width:100%;
}
.m-select.uk-text-center > .uk-button,
.m-select.uk-text-center .uk-dropdown .uk-nav-dropdown > li > a {
text-align:center;
}
.m-select.uk-text-left > .uk-button,
.m-select.uk-text-left .uk-dropdown .uk-nav-dropdown > li > a {
text-align:left;
}
.m-select .uk-dropdown.uk-dropdown-bottom {
border-top:1px solid rgba(17, 17, 17, 0.1);
margin:-1px 0 0 0;
}
.m-select .uk-dropdown.uk-dropdown-top {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin:1px 0 0 0;
}
.m-select .arrow-icon,
.uk-datepicker-heading .uk-form-select:before {
/* background:transparent url(/assets/vessur/img/icon_arrow_dropdown_down.png) center center no-repeat; */
width:19px;
height:19px;
display:inline-block;
position:absolute;
top:14px;
right:17px;
}
.m-select.uk-open .arrow-icon,
.m-select:hover .arrow-icon {
opacity:0.5;
}
.m-select .arrow-icon,
.m-select .uk-disabled .arrow-icon {
opacity:0.2;
}
.m-select input[type="text"] {
font-size:15px;
color:rgba(17, 17, 17, 0.7);
padding-left:10px;
}
.m-select .uk-button span {
max-width:200px;
}
.m-select .uk-button {
padding-right:38px;
min-width:100px;
}
.m-select.white .uk-button {
background:#fff;
}
.m-select-color .color_n,
.m-select-color i {
width:16px;
height:16px;
background:#000;
display:inline-block;
border-radius:3px;
}
.m-select-color .color_n {
float:left;
margin-top:1px;
margin-right:10px;
}
.m-select-color .uk-button {
padding-right:45px;
}
.m-select-color i {
position:absolute;
background:#000;
top:9px;
right:19px;
}
.uk-dropdown.uk-datepicker {
padding:19px;
background:#fff;
border:1px solid rgba(17, 17, 17, 0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
z-index:1011;
-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.uk-datepicker-heading .uk-form-select {
padding-right:20px;
padding-left:5px;
}
.uk-datepicker-heading .uk-form-select select {
/* max-height:300px; */
}
.uk-datepicker-heading .uk-form-select:before {
content:'';
right:0;
top:7px;
}
.uk-datepicker-table a.uk-active {
background-color:#444;
}
.float-right .uk-button,
.uk-button.float-right {
margin-right:0;
margin-left:10px;
}
.centered-buttons .uk-button,
.uk-button.centered-buttons,
.centered-button .uk-button,
.uk-button.centered-button {
float:none;
display:block;
margin:0 auto;
}
/* SIDENAV */
.uk-offcanvas {
z-index:1011;
overflow-y:scroll;
}
.m-sidenav-panel {
z-index:1011;
position:relative;
min-height:100%;
width:219px;
display:block;
background:#fff;
border-right:1px solid rgba(17, 17, 17, 0.1);
overflow:visible;
-webkit-box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1);
box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1);
-webkit-transition:-webkit-transform 500ms cubic-bezier(0.5, 0, 0, 1);
-moz-transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
-ms-transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
-o-transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
}
.m-sidenav-panel nav {
padding:19px 0 38px;
}
.m-sidenav-panel .uk-panel {
background:rgba(17, 17, 17, 0.02);
color:rgba(17, 17, 17, 0.7);
font-size:14px;
line-height:23px;
margin:0;
margin-top:10px;
padding:14px 21px 14px 24px;
border-top:1px solid rgba(17, 17, 17, 0.1);
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.m-sidenav-panel-close {
height:25px;
line-height:28px;
padding:0 7px;
font-size:12px;
text-transform:uppercase;
border-radius:2px;
margin:0 0 14px 18px;
}
.m-sidenav-panel-close:hover {
background-color:rgba(17, 17, 17, 0.02);
}
.m-sidenav-panel-close i {
width:18px;
height:25px;
/* background:transparent url(/assets/vessur/img/icon_fat_x.png) center center no-repeat; */
float:left;
margin-right:12px;
}
.m-sidenav-panel nav .nav-menu > li {
position:relative;
}
.m-sidenav-panel nav .nav-menu > li.uk-nav-header {
margin-left:10px;
padding-top:7px;
padding-bottom:6px;
}
.m-sidenav-panel nav .nav-menu .uk-nav-header,
.m-sidenav-panel nav .nav-menu > li.uk-nav-header a {
color:rgba(17, 17, 17, 0.5);
font-size:12px;
font-weight:400;
padding-left:15px;
margin-top:2px;
}
.m-sidenav-panel nav .nav-menu > li.uk-nav-header a {
margin:0;
padding:0;
}
.m-sidenav-panel nav .nav-menu > li.uk-nav-divider {
border-top-color:rgba(17, 17, 17, 0.1);
width:100%;
margin:12px auto;
}
.m-sidenav-panel nav .nav-menu > li a {
border-radius:2px;
padding:4px 10px;
font-size:14px;
line-height:19px;
min-height:17px;
background-color:transparent;
color:#111;
border:none;
}
.m-sidenav-panel nav .nav-menu > li > a {
width:174px;
margin:0 0 0 15px;
}
.m-sidenav-panel nav .nav-menu > li > a .count,
.private-messages .navigation-menu .notification-count {
height:16px;
min-width:8px;
line-height:17px;
float:right;
margin-right:-6px;
padding:0 4px;
color:rgba(17, 17, 17, 0.5);
background-color:rgba(17, 17, 17, 0.05);
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
border-radius:3px;
}
.private-messages .navigation-menu .notification-count {
height:22px;
min-width:13px;
font-size:12px;
line-height:22px;
color:#111;
margin-right:25px;
}
.m-sidenav-panel nav .nav-menu > li.uk-parent > a {
width:184px;
}
.m-sidenav-panel nav .nav-menu > li:hover > a,
.m-sidenav-panel nav .nav-menu > li li:hover > a {
background-color:rgba(17, 17, 17, 0.02);
background-image:none;
color:#111;
}
.m-sidenav-panel nav .nav-menu > li.uk-parent:hover > a:before,
.m-sidenav-panel nav .nav-menu > li li:hover > a:before {
display:none;
}
.m-sidenav-panel nav .nav-menu > li li a {
width:auto;
padding-left:5px;
padding-right:5px;
}
.m-sidenav-panel .uk-dropdown {
left:206px;
width:225px;
background:#fff;
border:1px solid rgba(17, 17, 17, 0.1);
padding:12px 0px;
margin:0;
border-radius:2px;
-webkit-box-shadow:0px 0px 10px 0px rgba(17, 17, 17, 0.1);
box-shadow:0px 5px 10px 0px rgba(17, 17, 17, 0.1);
}
.m-sidenav-panel nav .nav-menu > li.uk-open .uk-dropdown {
display:block;
}
.m-sidenav-panel .uk-dropdown.with-2-columns {
width:445px;
}
.m-sidenav-panel .uk-dropdown.with-3-columns {
width:665px;
}
.m-sidenav-panel .uk-dropdown.uk-dropdown-top {
bottom:-11px;
}
.m-sidenav-panel .uk-dropdown.uk-dropdown-bottom {
top:-11px;
}
.m-sidenav-panel .uk-dropdown .uk-nav-dropdown {
width:200px;
float:left;
padding:1px 10px 10px;
margin:0;
}
.m-sidenav-panel .uk-dropdown span.dropdown-arrow-cont,
.m-sidenav-panel .uk-dropdown span.dropdown-arrow {
display:block;
width:0px;
height:1px;
position:absolute;
}
.m-sidenav-panel .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow-cont {
top:11px;
}
.m-sidenav-panel .uk-dropdown.uk-dropdown-top span.dropdown-arrow-cont {
bottom:11px;
}
.m-sidenav-panel .uk-dropdown span.dropdown-arrow-cont {
left:-11px;
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-right:11px solid rgba(17, 17, 17, 0.1);
}
.m-sidenav-panel .uk-dropdown span.dropdown-arrow {
top:-10px;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid #fff;
left:1px;
}
.m-sidenav-panel .uk-dropdown .uk-nav-dropdown.column-2 {
border-left:1px solid rgba(17, 17, 17, 0.1);
}
/* HEADER */
.global-header {
background:#fff;
font-size:16px;
position:fixed;
top:0;
left:0;
right:0;
z-index:1010;
min-height:66px;
-webkit-box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1);
box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1);
}
.global-header .header-icon {
background-color:transparent;
background-repeat:no-repeat;
background-position:center center;
height:35px;
opacity:0.7;
float:left;
padding:0 5px;
margin-top:15px;
border-radius:2px;
}
.container.adaptive {
width:1346px;
}
.content-container.adaptive,
.global-header .content-container {
width:1296px;
}
.global-header .global-logo {
float:left;
width:180px;
height:65px;
margin-right:20px;
position:relative;
}
.global-header .global-logo span {
display:block;
width:180px;
height:21px;
/* background:transparent url(/assets/vessur/img/logo.png) center center no-repeat; */
position:absolute;
top:23px;
left:0;
}
.global-header .global-logo i {
width:31px;
height:11px;
/* background:transparent url(/assets/vessur/img/beta_logo_addon.png) center center no-repeat; */
position:absolute;
top:10px;
right:0;
}
a.beta {
line-height:65px;
text-decoration:underline;
font-size:11px;
color:#66a1ff;
float:left;
margin-right:41px;
}
a.beta:after {
content:'';
display:inline-block;
width:5px;
height:9px;
/* background:transparent url(/assets/vessur/img/beta_separator.png) center center no-repeat; */
margin-left:7px;
}
/* RESEARCH MODAL */
.uk-modal-dialog.research-dialog {
width:780px;
padding:45px;
}
.research-dialog .modal-button-close {
top:45px;
right:45px;
}
.research-dialog .modal-content-container p {
padding:5px 0;
}
.research-dialog .logo-blue,
.research-partner-logo span {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
}
.research-dialog .logo-blue {
background-image:url(/assets/vessur/img/bg-mamma_logo_optimized.svg);
background-size:contain;
}
.research-dialog .uk-modal-header .logo-blue {
display:block;
width:262px;
height:31px;
}
.research-dialog .modal-content-container .logo-blue {
display:inline-block;
width:135px;
height:16px;
background-size:contain;
position:relative;
top:2px;
margin-left:5px;
}
.research-dialog .research-partner-logo {
}
.research-dialog .research-partner-logo p {
color:rgba(17, 17, 17, 0.4);
font-size:11px;
}
.uk-modal.research-modal [class*='-logo'] span {
vertical-align:middle;
display:inline-block;
background-size:contain;
background-repeat:no-repeat;
background-color:transparent;
background-position:center center;
}
.uk-modal.research-modal .market-links-logo span {
width:113px;
height:48px;
background-image:url(/assets/vessur/img/market_links_logo.gif);
}
.uk-modal.research-modal .idein-logo span {
width:87px;
height:48px;
background-image:url(/assets/vessur/img/idein_optimized.svg);
}
.uk-modal.research-modal .uk-modal-header .idein-logo span {
width:100px;
height:56px;
}
.uk-modal.research-modal .mixa-logo span {
width:87px;
height:32px;
background-image:url(/assets/vessur/img/mixa_logo_optimized.svg);
}
.uk-modal.research-modal .uk-modal-header .mixa-logo span {
width:78px;
height:37px;
}
.uk-modal.research-modal .telerik-academy-logo span {
width:177px;
height:45px;
/* background-image:url(/assets/vessur/img/telerik-academy-school-optimized.svg); */
background-image:url(/assets/vessur/img/telerik-academy-school-slogan-optimized.png);
}
.uk-modal.research-modal .uk-modal-header .telerik-academy span {
width:78px;
height:37px;
}
.uk-modal.research-modal .klorane-logo span {
width:114px;
height:45px;
background-image:url(/assets/vessur/img/klorane-logo-optimized.svg);
/* background-image:url(/assets/vessur/img/klorane-logo-optimized.png); */
}
.uk-modal.research-modal .avene-logo span {
width:97px;
height:45px;
background-image:url(/assets/vessur/img/avene-logo-optimized.svg);
/* background-image:url(/assets/vessur/img/avene-logo-optimized.png); */
}
.uk-modal.research-modal .ozone-logo span {
width:155px;
height:32px;
background-image:url(/assets/vessur/img/ozone-logo-optimized.svg);
/* background-image:url(/assets/vessur/img/ozone-logo-optimized.png); */
}
.uk-modal.research-modal .jtn-logo span {
width:65px;
height:48px;
background-image:url(/assets/vessur/img/jtn-logo-optimized.png);
}
.uk-modal.research-modal .scalret-beauty-logo span {
width:87px;
height:48px;
background-image:url(/assets/vessur/img/scarlet-beauty-logo-optimized.svg);
}
.uk-modal.research-modal .frosch-logo span {
width:71px;
height:48px;
background-image:url(/assets/vessur/img/frosch-logo-optimized.svg);
}
/* END OF RESEARCH MODAL */
.global-header.alternative {
min-height:65px;
}
.global-header.alternative .header-right .m-dropdown {
display:inline-block;
}
.global-header.alternative .board-details {
font-family:Arial, Helvetica, sans-serif;
float:left;
margin:15px 5px 0 0;
}
.global-header.alternative .board-details li {
color:rgba(255, 255, 255, 0.7);
margin:0px 10px;
}
.global-header.alternative .global-logo {
width:164px;
margin-left:3px;
}
.global-header.alternative .global-logo span {
/* background-image:url(/assets/vessur/img/logo_alt.png); */
width:164px;
height:19px;
opacity:1;
}
.global-header .main-header {
background-color:#fff;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
position:absolute;
top:0;
left:0;
right:0;
z-index:2;
height:65px;
/* background:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 66%); */
}
.global-header.alternative .main-header {
background-color:#aaa;
border-bottom:0;
/* background:linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 100%); */
}
.main-header .nav-menu,
.main-header .nav-menu > li,
.main-header .nav-menu > li > a {
display:block;
height:65px;
line-height:65px;
}
.global-header nav > .nav-menu {
margin-left:-5px;
}
.global-header .nav-menu,
.global-header .nav-menu > li {
float:left;
position:relative;
}
.global-header .nav-menu > li > a {
padding:0 27px 0 0;
color:rgba(17, 17, 17, 0.7);
position:relative;
}
.global-header .nav-menu > li > a:hover i {
opacity:1;
}
.global-header.alternative .nav-menu > li > a {
color:#fff;
padding:0 17px 0 0;
}
.global-header.alternative .nav-menu > li > a > i {
margin-top:15px;
}
.global-header.alternative .nav-menu > li > a:hover i {
background-color:rgba(17, 17, 17, 0.1);
}
.global-header .nav-menu > li > a.active {
font-weight:700;
}
.global-header .nav-menu > li > a:hover {
color:#000;
}
.global-header.alternative .nav-menu > li > a:hover {
color:#fff;
}
.global-header .nav-menu > li > a:hover span,
.global-header .nav-menu > li > a:focus span,
.global-header .nav-menu > li > a.active span {
border-bottom:3px solid #454545;
}
/* HEADER ICONS */
.search-icon {
/* background-image:url(/assets/vessur/img/search_icon.png); */
width:23px;
margin-right:1px;
}
.global-header.search-header .search-icon {
margin-right:7px;
}
.search-icon.inverted {
/* background:transparent url(/assets/vessur/img/search_icon_inverted.png) center center no-repeat; */
opacity:1;
}
.bars-icon {
/* background-image:url(/assets/vessur/img/bars_icon.png); */
width:25px;
}
.icon-title {
text-transform:uppercase;
font-size:12px;
font-weight:400;
}
.bars-icon:hover,
.search-icon:hover {
opacity:1;
}
.bars-icon.inverted {
/* background:transparent url(/assets/vessur/img/bars_icon_inverted.png) center center no-repeat; */
opacity:1;
}
.header-right .more-info {
opacity:1;
width:20px;
height:35px;
padding:0 5px;
margin:15px 0 0 5px;
border-radius:2px;
}
.header-right .more-info:hover {
background-color:rgba(17, 17, 17, 0.1);
}
.more-info.inverted {
/* background:transparent url(/assets/vessur/img/more_icon_inverted.png) center center no-repeat; */
}
.follow-action.inverted .follow-icon {
/* background:transparent url(/assets/vessur/img/follow_icon_inverted.png) center center no-repeat; */
/* padding:0 2px; */
}
.follow-action.inverted.following .follow-icon {
/* background-image:url(/assets/vessur/img/following_icon_inverted.png); */
opacity:1;
}
.favorite-action.inverted .favorite-icon {
/* background:transparent url(/assets/vessur/img/heart_icon_inverted.png) center center no-repeat; */
/* padding:0 2px; */
}
.favorite-action.inverted.marked .favorite-icon {
/* background-image:url(/assets/vessur/img/heart_icon_alt_inverted.png); */
opacity:1;
}
.share-action.inverted .share-icon {
/* background:transparent url(/assets/vessur/img/share_button_icon_inverted.svg) center center no-repeat; */
}
.global-header .header-right .icon-only.inverted {
margin-left:10px;
}
/* END OF HEADER ICONS */
/* SUB-HEADER NAV */
.sub-header {
}
.sub-header .nav-menu,
.sub-header .nav-menu > li,
.sub-header .nav-menu > li > a {
display:block;
height:35px;
text-align:center;
}
.sub-header .nav-menu > li {
display:inline-block;
}
.sub-header .nav-menu > li > a {
line-height:33px;
padding:0 18px;
box-sizing:border-box;
font-size:13px;
text-transform:uppercase;
color:rgba(17, 17, 17, 0.7);
border:2px solid transparent;
background-color:rgba(17, 17, 17, 0.05);
}
.sub-header .nav-menu > li > a:hover {
background-color:rgba(17, 17, 17, 0.1);
color:#111;
}
.sub-header .nav-menu > li > a.active {
color:#111;
border-color:#111;
background-color:transparent;
}
.sub-header .nav-menu > li:first-child > a {
border-radius:3px 0 0 3px;
}
.sub-header .nav-menu > li:last-child > a {
border-radius:0 3px 3px 0;
}
/* END OF SUB-HEADER NAV */
.global-header .m-dropdown .uk-dropdown span.dropdown-arrow-cont {
left:0;
margin:0;
right:auto;
}
.global-header .m-dropdown .uk-dropdown {
width:263px;
padding:5px 0;
}
.global-header.alternative .m-dropdown .uk-dropdown {
width:175px;
margin-top:0;
}
.global-header .profile-dropdown .user-avatar,
.global-header .profile-dropdown .user-name {
cursor:pointer;
}
.global-header .profile-dropdown .user-name {
padding-left:10px;
font-size:14px;
color:rgba(17, 17, 17, 0.7);
max-width:325px;
width:auto;
float:left;
}
.global-header .profile-dropdown:hover .m-i-overlay span {
background:transparent;
}
.global-header .m-dropdown.profile-dropdown .uk-dropdown {
width:227px;
}
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown,
.m-select .uk-dropdown .uk-nav-dropdown {
padding:0;
}
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li,
.m-select .uk-dropdown .uk-nav-dropdown > li {
position:relative;
border:none;
}
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li:last-child {
margin-bottom:-1px;
}
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li a,
.m-select .uk-dropdown .uk-nav-dropdown > li a {
padding-left:15px;
padding-right:15px;
font-size:13px;
min-height:19px;
line-height:19px;
word-break:break-word;
}
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li:hover,
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li:active {
background-color:rgba(17, 17, 17, 0.02);
color:#111;
}
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li:hover > a,
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li > a:focus {
}
.m-select .uk-dropdown .uk-nav-dropdown > li:hover > a,
.m-select .uk-dropdown .uk-nav-dropdown > li > a:focus {
background-color:rgba(17, 17, 17, 0.02);
}
.m-select .uk-dropdown .uk-nav-dropdown > li > a.active {
font-weight:700;
}
.global-header
.m-dropdown.first-hover
.uk-dropdown.uk-dropdown-bottom
span.dropdown-arrow {
border-bottom-color:#fff;
}
.global-header ul.nav-menu > li.m-dropdown > div.uk-dropdown {
position:absolute;
top:56px;
right:0;
}
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown
> div.uk-dropdown {
position:absolute;
top:0;
left:261px;
}
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown
> div.uk-dropdown.uk-dropdown-top {
top:auto;
bottom:0;
margin-top:0;
}
.global-header .nav-menu .m-dropdown .uk-dropdown .scroll-wrapper {
width:100%;
width:261px;
min-width:232px;
height:408px;
overflow-y:auto;
}
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown
> a:before {
background-position:right 15px center;
background-repeat:no-repeat;
/* background-image:url(/assets/vessur/img/header_menu_arrow.png); */
}
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown:hover
> a:before {
/* background-image:url(/assets/vessur/img/header_menu_arrow_alt.png); */
color:#111;
}
.global-header .user-avatar {
width:35px;
height:35px;
margin-right:0;
margin-top:15px;
/* background:transparent url(/assets/vessur/img/avatar_placeholder.png) center center no-repeat; */
box-sizing:border-box;
}
.global-header .user-avatar img {
max-width:37px;
max-height:37px;
}
.global-header .notifications-icon {
/* background:transparent url(/assets/vessur/img/bell_header_icon.png) center center no-repeat; */
width:21px;
height:25px;
opacity:0.7;
margin-right:6px;
margin-top:20px;
display:inline-block;
vertical-align:top;
}
.global-header.alternative .notifications-icon {
/* background-image:url(/assets/vessur/img/bell_header_icon_alt.png); */
}
.global-header .messages-icon {
/* background:transparent url(/assets/vessur/img/envelope_header_icon.png) center center no-repeat; */
height:21px;
width:25px;
opacity:0.7;
margin-right:6px;
margin-top:22px;
display:inline-block;
vertical-align:top;
}
.global-header.alternative .messages-icon {
/* background-image:url(/assets/vessur/img/envelope_header_icon_alt.png); */
}
.global-header .notifications-icon.new:before,
.global-header .messages-icon.new:before {
content:'';
width:8px;
height:8px;
background:red;
display:block;
position:absolute;
top:10px;
right:13px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #fff;
}
.global-header .header-right {
float:right;
position:relative;
}
.global-header .header-right > .uk-button {
margin:15px 20px 0 0;
}
.global-header .header-right > .uk-button.openLogin {
margin-right:0;
}
.global-header.alternative .header-right > .uk-button {
margin:15px 0 0 10px;
}
.global-header .header-right > .m-button {
min-width:111px;
}
.global-header .header-right > .m-button-lite {
min-width:auto;
}
.global-header .header-right .nav-menu > li {
position:static;
}
.global-header .header-right .nav-menu > li > a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
padding-left:0px;
text-decoration:none;
}
.global-header .header-title {
color:#fff;
line-height:65px;
font-weight:400;
max-width:560px;
padding:0 30px 0 20px;
position:relative;
float:left;
}
.header-title:hover {
color:#fff;
text-decoration:none;
}
.header-title:before {
content:'';
width:1px;
height:35px;
background-color:#e7e7e7;
position:absolute;
top:50%;
margin-top:-18px;
left:0;
}
.global-header .m-dropdown .uk-dropdown .uk-nav-dropdown > li > a strong {
font-size:12px;
color:rgba(17, 17, 17, 0.4);
font-weight:400;
display:block;
}
.global-header
.header-right
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
> .uk-nav-dropdown
> li:first-child
> a {
background-position-y:19px;
padding-top:9px;
padding-bottom:12px;
width:auto;
min-height:18px;
line-height:19px;
}
.global-header
.header-right
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
> .uk-nav-dropdown
> li:last-child
> a {
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.main-header .header-right {
height:65px;
}
.global-header
ul.nav-menu
> li.m-dropdown.notifications-dropdown
> div.uk-dropdown {
width:430px;
margin-left:-364px;
}
.global-header
ul.nav-menu
> li.m-dropdown.notifications-dropdown
> div.uk-dropdown
.uk-nav-dropdown,
.global-header
.nav-menu
.m-dropdown
.uk-dropdown
.scroll-wrapper
.uk-nav-dropdown {
overflow:hidden;
}
.global-header
ul.nav-menu
> li.m-dropdown.notifications-dropdown
> div.uk-dropdown
.uk-nav-dropdown {
max-width:428px;
}
.global-header
ul.nav-menu
> li.m-dropdown.notifications-dropdown
> div.uk-dropdown
.m-dd-content.jspScrollable
.uk-nav-dropdown,
.global-header
.nav-menu
.m-dropdown
.uk-dropdown
.scroll-wrapper.jspScrollable
.uk-nav-dropdown,
.m-select .uk-dropdown .scroll-wrapper.jspScrollable .uk-nav-dropdown {
padding-right:0;
}
.m-dd-header {
height:30px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin-top:-5px;
}
.m-dd-header .mark-all-as-read {
margin-top:2px;
margin-right:20px;
}
.m-dd-header .mark-all-as-read i {
opacity:0.7;
}
.m-dd-header .mark-all-as-read i:before {
margin:0;
}
.m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown li {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
padding:10px 31px 10px 59px;
}
.m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown li:hover {
background-color:rgba(17, 17, 17, 0.02);
}
.m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown li a {
padding:0px;
}
.global-header
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
li
a.notif-status-msg {
color:#4186f7;
line-height:38px;
}
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
li
a.notif-status-msg
span {
color:#111;
}
.m-dd-header p {
font-size:12px;
font-weight:300;
color:rgba(17, 17, 17, 0.5);
float:left;
padding-left:13px;
line-height:30px;
height:30px;
text-transform:uppercase;
}
.m-dd-header p a {
color:rgba(17, 17, 17, 0.5);
text-decoration:underline;
}
.m-dd-header p a:hover {
color:#111;
text-decoration:none;
}
.m-dd-header .m-button-lite {
float:right;
font-size:12px;
height:23px;
line-height:23px;
padding:0 10px;
margin-top:12px;
margin-right:10px;
color:#444;
}
.m-dd-header .m-button-lite:hover,
.m-dd-header .m-button-lite:active,
.m-dd-header .m-button-lite:focus {
border-color:#aaa !important;
color:#000 !important;
}
.m-dd-content {
width:429px;
height:600px;
overflow:hidden;
overflow-y:auto;
}
.m-dd-content:focus {
-webkit-box-shadow:inset 0 0 1px 1px #a5c9ed;
box-shadow:inset 0 0 1px 1px #a5c9ed;
}
.global-header .m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown > li a {
line-height:19px;
color:#111;
max-width:310px;
}
.global-header
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
> li
a
b {
color:#444;
font-weight:700;
display:inline-block;
}
.global-header .m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown > li a,
.global-header
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
> li
a
* {
word-break:keep-all;
}
.global-header
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
> li:hover
> a,
.global-header
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
> li
> a:focus {
font-weight:400;
}
.m-dd-content .notif-icon {
display:inline-block;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
position:absolute;
opacity:0.7;
}
.m-dd-content .notif-post {
/* background-image:url(/assets/vessur/img/notification_icon_post.png); */
width:29px;
height:30px;
top:15px;
left:16px;
}
.m-dd-content .notif-post-m {
/* background-image:url(/assets/vessur/img/notification_icon_post_m.png); */
width:34px;
height:35px;
top:10px;
left:14px;
}
.m-dd-content .notif-topic {
/* background-image:url(/assets/vessur/img/notification_icon_topic.png); */
width:34px;
height:39px;
top:6px;
left:12px;
}
.m-dd-content .notif-paid {
width:34px;
height:39px;
top:6px;
left:12px;
}
.m-dd-content .notif-ty {
/* background-image:url(/assets/vessur/img/notification_icon_ty.png); */
width:27px;
height:32px;
top:14px;
left:18px;
}
.m-dd-content .loyalty-program-notification {
border-bottom:1px solid rgba(17, 17, 17, 0.30);
background:rgba(102, 161, 255, 0.20);
min-height:78px;
box-sizing:border-box;
}
.m-dd-content .loyalty-program-notification .notif-icon {
opacity:1;
width:35px;
height:35px;
left:15px;
top:15px;
}
.m-dd-content .loyalty-program-notification .notif-icon svg {
width:100%;
height:100%;
}
.m-dd-content .notification-item-actions {
display:none;
position:absolute;
bottom:0;
right:10px;
top:0;
width:21px;
}
.m-dd-content .uk-nav-dropdown > li:hover .notification-item-actions {
display:block;
}
.m-dd-content .notification-item-actions a {
position:absolute;
right:0;
}
.m-dd-content .notification-item-actions a i {
opacity:0.7;
background-repeat:no-repeat;
background-position:center center;
opacity:0.7;
display:block;
width:21px;
height:21px;
border-radius:50%;
background-color:#eee;
}
.m-dd-content .notification-item-actions a i:hover {
background-color:#e5e5e5;
}
.m-dd-content .notification-mark-as-read {
top:10px;
}
.m-dd-content .notification-delete {
bottom:5px;
}
.m-dd-content .notification-mark-as-read i {
/* background-image:url(/assets/vessur/img/notif_mark_as_read.png); */
border-radius:50%;
background-color:#eee;
}
.m-dd-content .notification-mark-as-read i:hover {
background-color:#e5e5e5;
}
.m-dd-content .notification-delete i {
/* background-image:url(/assets/vessur/img/notif_close.png); */
}
.m-dd-content .notification-mark-as-read:hover i,
.m-dd-content .notification-delete:hover i {
opacity:1;
}
.m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown > li .interaction {
transform-origin:50% 50%;
transform:scale(0.9);
bottom:50%;
right:6px;
margin-bottom:6px;
}
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
> li
.interaction.mark-as-read {
margin-bottom:-30px;
}
.m-dd-content .user-avatar {
position:absolute;
top:15px;
left:13px;
margin-top:0;
box-sizing:border-box;
}
.m-dd-content .msg-header .msg-author {
display:block;
font-weight:500;
}
.m-dd-content .msg-header .msg-title {
color:rgba(17, 17, 17, 0.7);
max-width:312px;
}
.m-dd-loading {
height:24px;
line-height:24px;
font-size:11px;
color:#999;
text-align:center;
}
.m-dd-footer {
display:block;
height:30px;
line-height:30px;
background:#444;
color:#fff !important;
font-size:14px;
text-align:center;
margin-left:-1px;
margin-right:-1px;
margin-bottom:-6px;
}
.m-dd-footer:hover {
background:#000;
}
.m-dd-blank {
height:197px;
}
.m-dd-blank p {
font-size:16px;
color:rgba(17, 17, 17, 0.5);
line-height:25px;
text-align:center;
padding-top:13px;
margin-bottom:14px;
}
.m-dd-blank .bell-icon {
/* background:transparent url(/assets/vessur/img/notifications_icon_big_bell.png) center center no-repeat; */
width:95px;
height:95px;
display:block;
margin:29px auto 0;
}
.m-dd-blank .message-icon-big {
/* background:transparent url(/assets/vessur/img/notifications_icon_big_message.png) center center no-repeat; */
width:95px;
height:95px;
display:block;
margin:29px auto 0;
}
/* ONBOARDING */
.global-header .nav-menu-centered .m-button-text {
margin-top:15px;
margin-right:8px;
}
.global-header .content-container.nav-menu-centered {
text-align:center;
}
.global-header .nav-menu-centered .nav-menu {
float:none;
display:inline-block;
}
.global-header .nav-menu-centered .global-logo {
margin-right:0;
}
.nav-menu-centered .nav-menu li > span,
.nav-menu-centered .nav-menu li a {
font-size:14px;
text-transform:uppercase;
padding:0 60px 0 0;
color:rgba(17, 17, 17, 0.7);
}
.nav-menu-centered .nav-menu li.active > span,
.nav-menu-centered .nav-menu li.active a {
color:#111;
}
.nav-menu-centered .nav-menu > li:last-child > span,
.nav-menu-centered .nav-menu > li:last-child a {
padding:0;
}
.nav-menu-centered .nav-menu i {
display:inline-block;
width:22px;
height:22px;
border-radius:50%;
background-color:rgba(17, 17, 17, 0.1);
color:rgba(17, 17, 17, 0.5);
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:22px;
font-style:normal;
margin-right:9px;
}
.nav-menu-centered .nav-menu .active i {
color:#fff;
background-color:rgba(17, 17, 17, 0.7);
}
/* SEARCH */
.search-logo {
display:block;
float:left;
width:86px;
height:65px;
margin-right:9px;
position:relative;
margin-left:7px;
}
.search-logo span {
width:86px;
height:11px;
/* background:transparent url(/assets/vessur/img/header_logo_search.png) center center no-repeat; */
position:absolute;
top:27px;
left:0;
}
.global-header.search-header {
-webkit-box-shadow:none;
box-shadow:none;
}
.global-header.search-header .icon-title {
color:rgba(17, 17, 17, 0.7);
line-height:66px;
float:left;
}
.global-header.search-header input {
width:1045px;
background-color:rgba(17, 17, 17, 0.05);
border:transparent;
height:25px;
z-index:1;
float:left;
margin-top:13px;
font-size:22px;
padding:6px 5px;
}
.global-header.search-header input:focus {
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent;
}
.global-header .content-container {
position:relative;
}
.global-header .content-container.logo-centered {
text-align:center;
}
.global-header .content-container.logo-centered .global-logo {
display:inline-block;
float:none;
margin:0;
margin-left:-90px;
position:absolute;
top:0;
left:50%;
}
.container-close {
/* background:transparent url(/assets/vessur/img/header_icon_close.png) center center no-repeat; */
width:20px;
height:20px;
padding:23px 0;
margin-left:10px;
float:right;
opacity:0.7;
}
.container-close:hover {
opacity:1;
}
/* SEARCH PAGE */
section.content.search-page {
margin:0;
z-index:1011;
}
.search-heading {
padding-left:25px;
font-size:19px;
color:rgba(17, 17, 17, 0.5);
line-height:22px;
min-height:29px;
margin:0 0 33px 0;
}
.search-heading strong {
font-weight:400;
}
.search-heading span {
color:#111;
}
.search-results-section .search-heading {
margin-bottom:10px;
}
.wrapper section.content.search-page.widget-mode {
background:#fff;
position:fixed;
top:66px;
padding-top:59px;
left:0;
right:0;
bottom:0;
overflow-y:auto;
overflow-x:hidden;
z-index:1000;
}
.wrapper .search-page .center-screen-message,
.wrapper .search-page.widget-mode .search-inner,
.wrapper .search-page.widget-mode {
/* display:none;
opacity:0; */
}
.center-screen-message {
font-size:16px;
color:rgba(17, 17, 17, 0.5);
text-align:center;
position:absolute;
top:50%;
margin-top:-10px;
right:0;
left:0;
height:30px;
}
.wrapper .search-page.widget-mode .center-screen-message {
display:block;
opacity:1;
}
.search-inner {
position:relative;
}
.search-results-section {
width:687px;
float:right;
}
.search-results-section .m-list-heading {
background:rgba(17, 17, 17, 0.05);
font-size:16px;
color:#999;
min-height:25px;
height:auto;
line-height:25px;
padding:14px 24px 16px 22px;
margin-left:-22px;
margin-bottom:19px;
}
.search-results-section .m-list-heading span,
.search-results-section .m-list-content .m-list-subtitle span,
.search-results-section .m-list-content .m-list-title span,
.search-results-section .m-list-members > li a .user-name span {
font-weight:700;
color:#111;
text-decoration:underline;
}
.search-results-section .m-list-heading b {
font-weight:400;
color:#444;
}
.search-results-section .m-list-heading a {
color:#69a3ff;
float:right;
text-align:right;
font-size:14px;
}
.search-results-section .m-list-heading a:hover {
color:#69a3ff;
text-decoration:underline;
}
.search-results-section .m-pagination {
margin-top:0;
margin-bottom:20px;
}
.search-results-section .m-list {
margin-top:0;
}
.search-results-section .m-list > li:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.search-results-section .m-list > li.m-list-empty {
border-bottom:none;
}
.search-results-section .m-list .m-list-content {
width:100%;
padding-bottom:6px;
padding-right:25px;
box-sizing:border-box;
}
.search-results-section .m-list-content .m-list-title {
font-size:18px;
margin-bottom:7px;
}
.search-page-posts .search-results-section .m-list-content .m-list-title {
margin-bottom:16px;
}
.search-results-section .m-list-content .author {
margin-bottom:5px;
}
.search-results-section .m-list-content .author,
.search-results-section .m-list-content .author a {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
}
.search-results-section .m-list-content .author a {
color:#444;
}
.search-results-section .m-list-content .m-list-subtitle {
font-size:14px;
margin-top:5px;
margin-bottom:0;
line-height:18px;
word-break:break-word;
}
.search-page-posts .search-results-section .m-list-content .m-list-subtitle {
margin-top:3px;
font-size:15px;
}
.search-results-section li[data-result-type]:last-child {
border-bottom:none;
}
.search-results-section .uk-button.uk-hidden + .clear {
margin-bottom:35px;
}
.m-list.m-list-members {
padding:15px 0;
}
.m-list.m-list-members > li,
.m-list.m-list-members > li a,
.m-list.m-list-members .user-rank,
.m-list.m-list-members .more,
.m-list.m-list-members .more li {
min-height:43px;
line-height:43px;
display:block;
}
.m-list.m-list-members > li {
padding:0;
margin:0;
border:none;
}
.m-list.m-list-members > li > a {
padding:10px;
color:#444;
font-size:15px;
}
.m-list.m-list-members > li > a:hover,
.m-list.m-list-members > li:hover {
background:#eee;
}
.m-list.m-list-members > li > a > .user-status-icon {
margin-bottom:1px;
margin-left:6px;
vertical-align:middle;
}
.m-list-members .user-avatar {
margin-right:13px;
}
.m-list-members .user-avatar {
width:43px;
height:43px;
}
.m-list-members .user-avatar img {
max-width:45px;
max-height:45px;
}
.profile-content .m-list-members .user-avatar strong,
.m-list-members .user-avatar strong {
line-height:43px;
font-size:18px;
}
.m-list.m-list-members .user-name {
font-size:13px;
height:44px;
line-height:44px;
font-family:Arial, Helvetica, sans-serif;
}
.m-list.m-list-members .user-name .ellipsis-container {
position:relative;
display:block;
float:left;
height:100%;
font-weight:400;
color:rgba(17, 17, 17, 0.5);
width:auto;
max-width:500px;
}
.m-list.m-list-members .user-name strong {
color:rgba(17, 17, 17, 0.7);
}
.m-list.m-list-members .more,
.m-list .post-count {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
}
.m-list.m-list-members .more li {
float:left;
}
.m-list.m-list-members .user-rank {
min-width:190px;
display:block;
color:#000;
opacity:0.6;
}
.m-list.m-list-members .post-count,
.m-list .post-count {
min-width:60px;
display:block;
color:#999;
font-size:11px;
}
.m-list.m-list-members .more .post-count {
line-height:44px;
}
.m-list.m-list-members .post-count i,
.m-list .post-count i {
width:13px;
height:14px;
/* background:transparent url(/assets/vessur/img/icon_posts_count.png) center center no-repeat; */
float:left;
margin-right:8px;
margin-top:9px;
opacity:0.4;
}
.m-list.m-list-members .post-count i {
margin-top:16px;
}
.m-list strong.post-count {
font-weight:400;
float:none;
display:inline-block;
margin-left:16px;
}
.m-list strong.post-count i {
margin-top:6px;
}
.alt-nav-menu.search-type {
padding:0 19px;
}
.alt-nav-menu.search-type li a {
border-top:1px solid rgba(17, 17, 17, 0.1);
line-height:24px;
height:20px;
}
.sidebar-section .advanced-trigger {
color:rgba(17, 17, 17, 0.7);
display:block;
border-top:1px solid rgba(17, 17, 17, 0.1);
height:22px;
line-height:22px;
padding:12px 24px;
}
.sidebar-section.expanded .advanced-trigger {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.sidebar-section.floating-sidebar .title-section {
font-size:12px;
text-transform:uppercase;
color:#999;
padding-bottom:7px;
}
.sidebar-section .advanced-trigger i,
.alt-nav-menu li a.active i,
.alt-nav-menu.sidebar-filters li a i {
background:transparent center center no-repeat;
width:12px;
height:7px;
display:inline-block;
float:right;
margin-top:8px;
}
.sidebar-section .advanced-trigger i {
/* background-image:url(/assets/vessur/img/icon_arrow_expand.png); */
}
.sidebar-section .advanced-trigger.border-bottom {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.sidebar-section.expanded .advanced-trigger i {
/* background-image:url(/assets/vessur/img/icon_arrow_shrink.png); */
}
.sidebar-section .advanced {
display:none;
}
.sidebar-section.expanded .advanced {
display:block;
padding-bottom:19px;
}
.sidebar-section .advanced .hr-line {
margin-bottom:4px;
}
.sidebar-section input[type='text'] {
width:165px;
height:25px;
margin:0 9px;
padding-left:9px;
}
.alt-nav-menu.sidebar-filters-predefined {
padding-top:6px;
}
.alt-nav-menu.sidebar-filters-predefined li {
margin-top:0;
margin-left:10px;
}
.alt-nav-menu.sidebar-filters-predefined li a.active i,
.alt-nav-menu li a.active i {
/* background-image:url(/assets/vessur/img/icon_checked_mini.png); */
width:12px;
height:9px;
margin-top:6px;
}
.advanced .filter-group {
background-color:rgba(17, 17, 17, 0.05);
margin:0 10px;
}
.advanced .alt-nav-menu li a {
padding:5px 0;
font-size:14px;
color:#444;
font-weight:400;
text-transform:none;
}
.advanced .alt-nav-menu.autocomplete-selection li a.active {
font-size:13px;
font-weight:700;
padding-right:10px;
padding-left:10px;
}
.advanced .alt-nav-menu li a.active {
font-weight:700;
}
.alt-nav-menu.sidebar-filters li {
font-size:14px;
}
.alt-nav-menu.autocomplete-selection li a {
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.alt-nav-menu.autocomplete-selection li a.active i {
/* background-image:url(/assets/vessur/img/icon_remove_filter.png); */
width:10px;
height:10px;
position:absolute;
top:3px;
right:0;
}
.alt-nav-menu.sidebar-filters-predefined li a:hover,
.alt-nav-menu.sidebar-filters li a:hover {
background:none;
}
input[type='text'].mini {
width:68px;
margin:0 6px;
font-size:12px;
}
.input_container {
position:relative;
display:inline-block;
}
.private-messages .input_container {
display:block;
}
.input_container .m-loader {
right:28px;
left:auto;
}
.sidebar-section .m-autocomplete {
margin-left:9px;
margin-top:-17px;
}
.sidebar-section .m-autocomplete .uk-dropdown {
width:338px;
}
/* END OF SEARCH */
/* COMPOSE */
.compose .topic-info {
margin-bottom:3px;
}
.compose .topic-content .topic-post {
margin-bottom:0;
border-bottom:none;
}
.compose .preview-control {
background:#fff;
border-top:1px solid rgba(17, 17, 17, 0.1);
border-left:1px solid rgba(17, 17, 17, 0.1);
border-right:1px solid rgba(17, 17, 17, 0.1);
padding-right:24px;
padding-left:14px;
padding-top:8px;
min-height:42px;
}
.compose .preview-content.expanded .preview-control {
border-top:none;
}
.compose.reply-compose .preview-content.expandable .post-header {
border-bottom:none;
}
.compose .preview-content .post-content,
.compose.reply-compose .preview-content.expandable.expanded .post-header {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.compose .preview-content .post-content.attachment-container {
padding-bottom:5px;
}
.input_container .m-input-counter {
position:relative;
z-index:1;
}
.compose .m-form.expandable,
.compose .m-form .expandable-inner {
border:1px solid rgba(17, 17, 17, 0.05);
box-sizing:border-box;
width:1000px;
}
.compose .m-form.expandable {
background:#eee;
position:relative;
}
.compose .m-form.expandable .inner-shadow {
height:20px;
overflow:hidden;
position:absolute;
top:0;
left:0;
right:0;
}
.compose .m-form.expandable .inner-shadow.expanded:before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:0px;
-webkit-box-shadow:0px 0 20px 2px rgba(17, 17, 17, 0.15);
box-shadow:0px 0 20px 2px rgba(17, 17, 17, 0.15);
}
.compose .m-form .expandable-inner {
margin-left:-26px;
background:#f7f7f7;
border-color:#e0e0e0;
border-bottom:none;
}
.compose .m-form .two-row-container .m-input-counter {
width:738px;
}
.compose .m-form .two-row-container .m-select {
background:#fff;
}
.compose .m-form .two-row-container .m-select,
.compose .m-form > .uk-button.float-right {
margin-right:0;
}
.compose .m-form .two-row-container {
margin-right:0px;
}
.compose .m-form .two-row-container > label {
padding-left:0;
}
.input_counter {
color:#999;
font-size:12px;
position:absolute;
top:0;
right:0;
z-index:2;
padding-right:10px;
height:35px;
line-height:35px;
}
.input_counter + .m-input-counter {
padding-right:60px;
}
.compose .m-form .m-button-secondary {
margin-right:10px;
}
.compose .m-htab-nav ul li a.active {
font-weight:400;
}
.topic-compose .hr-line {
margin:0;
}
.compose .m-editor {
height:353px;
min-height:353px;
width:100%;
box-sizing:border-box;
resize:none;
}
.compose .m-editor:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
.preview.topic-post .uk-alert {
margin-bottom:0;
}
.poll-creator .uk-modal-dialog,
.image-uploader .uk-modal-dialog,
.image-cropper .uk-modal-dialog {
width:950px;
padding:23px 26px 26px;
}
.poll-creator .m-form .form-row-alt input[type='text'] {
width:890px;
}
.poll-creator .m-form .poll-creator-options input[type='text'] {
width:612px;
}
.poll-creator-options li {
display:inline-block;
padding:5px 0;
font-size:16px;
}
.poll-creator-options li span {
padding-left:20px;
}
.poll-creator-options button {
float:none;
}
.m-form .form-row-alt input[type='text'].mini {
width:52px;
margin:-6px 10px -7px 0;
}
.poll-creator .uk-modal-header,
.image-uploader .uk-modal-header,
.image-cropper .uk-modal-header {
padding-bottom:8px;
}
.m-form .form-row label {
font-size:16px;
}
.expandable-inner label.inline-label {
padding-right:10px;
min-width:30%;
}
.poll-creator .m-form .form-row label.inline-label,
.image-uploader .m-form .form-row label.inline-label,
.image-cropper .m-form .form-row label.inline-label {
padding-right:30px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.m-form label.inline-label input[type='radio'],
.m-form .form-row label input[type='checkbox'] {
margin-right:10px;
}
.attachments,
.attachments ul li {
position:relative;
}
.attachments ul li,
.attachments ul li > span {
height:35px;
line-height:35px;
display:inline-block;
}
.attachments ul li > span {
float:left;
margin-right:6px;
font-size:14px;
color:#444;
text-decoration:underline;
}
.attachments .ellipsis-container {
max-width:100px;
}
.attachments ul li > a {
display:inline-block;
width:35px;
height:35px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
margin-left:1px;
}
.attachments ul li > a:last-child {
margin-right:31px;
}
.attachments ul li > a i {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
width:100%;
height:100%;
}
.attachments ul li > a.edit i {
/* background-image:url(/assets/vessur/img/edit_icon.png); */
}
.attachments ul li > a.remove i {
/* background-image:url(/assets/vessur/img/remove_icon.png); */
}
.attachments ul li > a:hover {
background-color:#eee;
}
.compose .latest-topic-posts-title {
font-size:19px;
font-weight:400;
color:#111;
line-height:26px;
min-height:26px;
padding-top:10px;
padding-bottom:18px;
margin-top:35px;
}
/* END OF COMPOSE */
/* BBCODES */
.wysibb {
font-size:15px;
line-height:22px;
}
.wysibb-body iframe {
padding:15px 0;
display:block;
}
.spoiler > .spoiler-text {
display:none;
}
.topic-post pre {
background:#f7f7f7;
border:1px solid rgba(17, 17, 17, 0.1);
}
.spoiler.shown > .spoiler-text {
display:block;
}
ins {
background:transparent;
}
.wysibb .wysibb-text {
padding:15px 42px 20px 20px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container.modeSwitch {
display:none;
}
.wysibb .wbb-emoji-toolbar {
position:absolute;
top:0px;
right:-1px;
bottom:0px;
background:#fff;
border-left:1px solid rgba(17, 17, 17, 0.1);
width:41px;
overflow:hidden;
}
.wysibb .wbb-emoji-toolbar.expanded {
width:262px;
}
.wysibb .wbb-emoji-toolbar:before {
content:'';
background:#fff;
border-right:1px solid rgba(17, 17, 17, 0.1);
width:41px;
height:100%;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:1;
}
.wysibb .wbb-emoji-headers {
position:absolute;
top:0px;
bottom:0px;
right:1px;
width:41px;
border-left:1px solid rgba(17, 17, 17, 0.1);
z-index:2;
}
.wysibb .wbb-emoji-headers li {
display:block;
position:relative;
width:42px;
height:41px;
float:right;
}
.wysibb .wbb-emoji-headers li a {
/* border-left:1px solid rgba(17, 17, 17, 0.1); */
border-bottom:1px solid transparent;
display:block;
height:100%;
}
.wysibb .wbb-emoji-headers li i {
position:absolute;
top:0px;
right:-1px;
left:-1px;
bottom:0px;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
opacity:0.4285;
}
.wysibb .wbb-emoji-headers li a:focus {
z-index:0;
}
.wysibb .wbb-emoji-headers li a:before,
.wysibb .wbb-emoji-headers li a:after {
content:'';
position:absolute;
top:-1px;
right:-1px;
bottom:-1px;
width:1px;
/* background:rgba(17, 17, 17, 0.1); */
}
.wysibb .wbb-emoji-headers li a:after {
left:0;
bottom:auto;
width:100%;
height:1px;
background:transparent;
}
.wysibb .wbb-emoji-headers li.active a {
border-left:1px solid #fff;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.wysibb .wbb-emoji-headers li.active a:before {
width:3px;
background:#444;
}
.wysibb .wbb-emoji-headers li.active a:after {
background:rgba(17, 17, 17, 0.1);
}
.wysibb .wbb-emoji-headers li.most_used a {
/* background-image:url(/assets/vessur/img/most_used.png); */
}
.wysibb .wbb-emoji-headers li.faces a {
/* background-image:url(/assets/vessur/img/faces.png); */
}
.wysibb .wbb-emoji-headers li.hearts a {
/* background-image:url(/assets/vessur/img/hearts.png); */
}
.wysibb .wbb-emoji-headers li.nature a {
/* background-image:url(/assets/vessur/img/nature.png); */
}
.wysibb .wbb-emoji-headers li.party a {
/* background-image:url(/assets/vessur/img/party.png); */
}
.wysibb .wbb-emoji-headers li.sports a {
/* background-image:url(/assets/vessur/img/sports.png); */
}
.wysibb .wbb-emoji-headers li.office a {
/* background-image:url(/assets/vessur/img/office.png); */
}
.wysibb .wbb-emoji-headers li.people a {
/* background-image:url(/assets/vessur/img/people.png); */
}
.wysibb .wbb-emoji-headers li.city a {
/* background-image:url(/assets/vessur/img/city.png); */
}
.wysibb .wbb-emoji-headers li.others a {
/* background-image:url(/assets/vessur/img/others.png); */
}
.wysibb .wbb-emoji-list {
position:absolute;
top:0px;
bottom:0px;
left:0px;
width:219px;
background:#fff;
z-index:0;
padding:0 10px;
box-sizing:border-box;
}
.wysibb .wbb-emoji-sets {
padding-top:15px;
padding-left:10px;
padding-right:10px;
display:block;
}
.wysibb .wbb-emoji-sets li {
display:block;
padding-bottom:15px;
}
.wysibb .wbb-emoji-sets p {
font-size:16px;
color:#999;
padding-bottom:10px;
}
.smile {
width:22px;
height:22px;
line-height:22px;
padding:3px;
}
.smile img {
max-width:22px;
max-height:22px;
}
.wysibb .wbb-emoji-toolbar .scroll-wrapper {
max-width:100%;
width:100%;
max-height:100%;
height:100%;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
height:40px;
padding:0;
border:none;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn
span.btn-inner {
opacity:0.7;
height:30px;
line-height:30px;
/* margin:5px; */
margin:13px 12px;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn
span.editor-fontcolor {
height:14px;
line-height:14px;
min-width:15px;
margin:5px 4px;
padding:8px 6px;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn
span.btn-inner.ve-tlb-table1 {
margin:5px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {
background:#fff;
border:none;
padding:0;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown:active {
padding-right:10px;
border:none;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown.on,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown.on:active,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-select.on,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-select.on:active {
background:#fff;
box-shadow:none;
border:none;
padding:0;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown:hover {
background:#fff;
border:none;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown.on,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown.on:active {
padding-right:10px;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.on
span.btn-inner,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn:hover
span.btn-inner,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn:active
span.btn-inner,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown.on
span.btn-inner,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown:hover
span.btn-inner,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown:active
span.btn-inner {
opacity:1 !important;
background-color:#f0f0f0;
position:relative;
z-index:1;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:before,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn:hover:before,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn:active:before,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown.on:before,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown:hover:before,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-dropdown:active:before {
opacity:1 !important;
background-color:#f0f0f0;
content:'';
display:block;
position:absolute;
top:5px;
left:4px;
width:26px;
height:30px;
z-index:0;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-select,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-select.dis:hover,
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-select:active {
background:#fff;
border:none;
padding:0;
width:auto;
}
.wysibb .editor-icon {
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
min-width:6px;
}
.wysibb .editor-dd-arrow {
background-color:transparent;
/* background-image:url(/assets/vessur/img/editor_dd_arrow.png); */
width:10px;
height:100%;
position:absolute;
top:0;
right:0;
}
.wysibb .editor-fontsize {
/* background-image:url(/assets/vessur/img/editor_font_size.png); */
}
.wysibb .editor-bold {
/* background-image:url(/assets/vessur/img/editor_bold.png); */
}
.wysibb .editor-italic {
/* background-image:url(/assets/vessur/img/editor_italic.png); */
}
.wysibb .editor-underline {
/* background-image:url(/assets/vessur/img/editor_underline.png); */
}
.wysibb .editor-fontcolor {
/* background-image:url(/assets/vessur/img/editor_font_color.png); */
}
.wysibb .editor-superscript {
/* background-image:url(/assets/vessur/img/editor_superscript.png); */
}
.wysibb .editor-subscript {
/* background-image:url(/assets/vessur/img/editor_subscript.png); */
}
.wysibb .editor-align-left {
/* background-image:url(/assets/vessur/img/editor_align_left.png); */
}
.wysibb .editor-align-center {
/* background-image:url(/assets/vessur/img/editor_align_center.png); */
}
.wysibb .editor-align-right {
/* background-image:url(/assets/vessur/img/editor_align_right.png); */
}
.wysibb .editor-bullets {
/* background-image:url(/assets/vessur/img/editor_bullets.png); */
}
.wysibb .editor-spoiler {
/* background-image:url(/assets/vessur/img/editor_spoiler.png); */
}
.wysibb .editor-quote {
/* background-image:url(/assets/vessur/img/editor_quote.png); */
}
.wysibb .editor-hr {
/* background-image:url(/assets/vessur/img/editor_hr.png); */
}
.wysibb .editor-link {
/* background-image:url(/assets/vessur/img/editor_insert_link.png); */
}
.wysibb .editor-code {
/* background-image:url(/assets/vessur/img/editor_insert_code.png); */
}
.wysibb .editor-image {
/* background-image:url(/assets/vessur/img/editor_insert_image.png); */
}
.wysibb .editor-video {
/* background-image:url(/assets/vessur/img/editor_insert_video.png); */
}
.wbb-select.wbb-select-icon-only .wbb-list,
.wbb-select.wbb-select-mini .wbb-list {
width:auto !important;
}
.wbb-select.wbb-select-icon-only .option {
margin:0;
padding:0;
}
.wbb-select .val {
height:100%;
line-height:40px;
}
.wbb-select.wbb-select-mini .val {
padding:0 5px;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn.wbb-select.wbb-select-mini
.val
span.btn-inner {
/* margin:5px 0; */
margin:13px 6px;
}
.wbb-select .option.selected {
background-color:#f0f0f0;
color:#5a5a5a;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container {
border:0;
position:relative;
padding:0 5px;
margin:0;
display:inline-block;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container:after {
content:'';
position:absolute;
top:9px;
bottom:9px;
height:22px;
right:-1px;
width:1px;
background:rgba(17, 17, 17, 0.1);
}
.wysibb {
border:1px solid rgba(17, 17, 17, 0.1);
}
.wysibb .wysibb-toolbar {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
input.inp-text.wbbm-brdred,
textarea.inp-text.wbbm-brdred {
border:1px solid #e51111;
}
.wbbm-inperr {
color:#e51111;
font-size:11px;
}
.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn
span.btn-tooltip {
bottom:45px;
}
.wbb-sub-list {
float:left;
width:200px;
margin-right:10px;
}
.wbb-sub-list:last-child {
margin-right:0px;
}
.wbb-list-title {
font-family:'Roboto', Arial, Helvetica, sans-serif !important;
font-size:16px !important;
line-height:30px !important;
color:#999 !important;
padding:0 0 5px 5px !important;
margin:0 !important;
}
.wbb-list .sc {
border:2px solid #fff;
float:left;
margin:0;
}
.wbb-list .sc:hover,
.wbb-list .sc.active {
border:2px solid rgba(17, 17, 17, 0.1);
position:relative;
}
.wbb-list .sc:hover:before,
.wbb-list .sc.active:before {
content:'';
border:2px solid rgba(255, 255, 255, 0.5);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.wbb-cp .wbb-list {
padding:15px !important;
width:410px !important;
min-height:235px !important;
/* overflow:hidden; */
}
.wysibb blockquote {
border-left:2px solid rgba(17, 17, 17, 0.1);
padding:5px 10px;
}
.wysibb .wysibb-body li {
list-style-type:circle;
}
.wysibb .bottom-label {
cursor:pointer;
position:absolute;
bottom:0;
left:0;
right:0;
background:#ffffd5;
text-align:center;
height:20px;
line-height:22px;
font-size:14px;
}
.wysibb .bottom-label:hover {
text-decoration:underline;
background:#fff9bc;
}
.wbb-br,
.wbb-email,
.wbb-move,
.wbb-strike,
.wbb-inpagelink,
.wbb-glow,
.wbb-unorderedlist,
.wbb-list span[oid='fs_custom'],
.private-messages-compose .wbb-sup,
.private-messages-compose .wbb-sub,
.private-messages-compose .wbb-spoiler,
.private-messages-compose .wbb-tbl {
display:none !important;
}
/* END OF BBCODES */
/* IMAGE UPLOADER */
.image-uploader .dropblock {
background:#fff;
min-height:300px;
position:relative;
font-size:16px;
color:#111;
}
.image-uploader .dropblock .inset-border {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border:2px dashed rgba(17, 17, 17, 0.1);
}
.image-uploader .dropblock.dragover {
background:rgba(0, 0, 0, 0.05);
}
.image-uploader .dropblock.dragover .inset-border {
border-color:#999;
top:15px;
left:15px;
right:15px;
bottom:15px;
}
.image-uploader .dropblock .alt-p {
color:#a6a6a6;
}
.image-uploader .dropblock.dragover {
color:#a2a2a2;
}
.image-uploader .dropblock.dragover .alt-p {
color:#999;
}
.image-uploader .dropblock.dropped {
}
.image-uploader .dropblock p {
font-size:18px;
text-align:center;
line-height:26px;
}
.image-uploader .dropblock .uk-button,
.image-uploader .dropblock .uk-form-file {
float:none;
margin:0 auto;
display:block;
cursor:pointer;
}
.image-uploader .drop-file-icon {
/* background:transparent url(/assets/vessur/img/drop_file_icon.png) center center no-repeat; */
width:79px;
height:79px;
margin:0 auto;
}
.image-uploader .m-form .form-row {
text-align:center;
}
.image-uploader .m-form .form-row input[type='text'] {
float:none;
width:362px;
}
.image-uploader .uk-progress {
width:695px;
position:absolute;
top:50%;
left:50%;
margin-left:-348px;
margin-top:-6px;
}
.image-cropper .cropper {
max-width:100%;
max-height:100%;
width:100%;
}
.image-cropper .cropper img {
max-width:100%;
max-height:100%;
}
.image-uploader .modal-content-container {
min-height:100px;
position:relative;
}
.m-loader-inline.m-overlay {
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
width:100%;
height:100%;
z-index:1000;
}
.cropper-interface {
text-align:center;
}
.cropper-interface ul li {
cursor:pointer;
display:inline-block;
margin:5px;
height:41px;
line-height:41px;
width:45px;
background-color:transparent;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.cropper-interface ul li i {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
width:100%;
height:100%;
opacity:0.42;
display:inline-block;
vertical-align:middle;
}
.cropper-interface ul li:hover {
background-color:#ededed;
}
.cropper-interface ul li:hover i {
opacity:1;
}
.cropper-interface ul li.reset i {
/* background-image:url(/assets/vessur/img/reset_icon.png); */
}
.cropper-interface ul li.hflip i {
/* background-image:url(/assets/vessur/img/hflip_icon.png); */
}
.cropper-interface ul li.vflip i {
/* background-image:url(/assets/vessur/img/vflip_icon.png); */
}
/* END OF IMAGE UPLOADER */
/* REGISTER */
.inpage-modal-heading {
text-align:center;
font-size:20px;
font-weight:300;
padding:8px 0;
line-height:30px;
margin:23px 0 10px 0;
color:#444;
}
.inpage-modal-heading.error {
color:#d85030;
}
.inpage-modal,
.inpage-modal .uk-modal-dialog {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
.inpage-modal .modal-form-body {
padding:6px 20px 12px 20px;
}
.inpage-modal .modal-form-heading {
padding:22px 20px 0 19px;
}
.inpage-modal .modal-form-container {
background-color:#f2f2f2;
margin-top:34px;
}
.inpage-modal .modal-form-container .wide-button {
margin-bottom:20px;
}
.inpage-modal .modal-form-container .button-social {
margin-bottom:26px;
}
.inpage-modal .modal-form-container .act a span {
padding-right:7px;
}
.inpage-modal.bordered {
border:1px solid rgba(17, 17, 17, 0.1);
margin-top:34px;
}
.page-heading {
font-size:24px;
line-height:26px;
margin-bottom:25px;
}
.page-heading:after {
content:'';
width:500px;
height:1px;
background-color:rgba(17, 17, 17, 0.1);
display:block;
margin-top:28px;
}
.page-wide-message {
margin-top:80px;
}
.page-wide-message > p {
font-size:24px;
line-height:33px;
margin:18px auto;
text-align:center;
width:580px;
}
.page-wide-message p.message-description {
font-size:20px;
font-weight:300;
}
.page-wide-message .message-title a,
.page-wide-message .message-title a:hover,
.page-wide-message .message-description a,
.page-wide-message .message-description a:hover {
color:#111;
}
.list-box {
float:left;
line-height:45px;
padding-top:31px;
font-size:17px;
margin-left:39px;
}
.list-box-heading {
padding-bottom:14px;
font-size:20px;
font-weight:300;
}
.list-box ul li i {
/* background:transparent url(/assets/vessur/img/icon_arrow_right.png) center center no-repeat; */
opacity:0.7;
width:7px;
float:left;
height:22px;
margin-top:5px;
margin-right:19px;
}
.list-box ul li {
line-height:23px;
padding:14px 0;
min-height:23px;
height:auto;
font-weight:300;
}
.registration .inpage-modal .modal-form-container {
border-left:1px solid rgba(17, 17, 17, 0.1);
border-right:none;
border-top:none;
border-bottom:none;
float:right;
margin-top:0;
position:relative;
}
.inpage-modal .modal-form-container p {
color:rgba(17, 17, 17, 0.5);
line-height:23px;
padding:6px 15px;
text-align:center;
font-size:14px;
}
.inpage-modal .modal-form-container p a {
color:#111;
}
.modal-form-container .attention input[type='text'],
.modal-form-container .attention input[type='password'] {
border:1px solid #e40000;
}
.inpage-modal .form-row label .inner-label {
float:none;
min-height:30px;
line-height:30px;
}
.input-tooltip-container {
position:relative;
}
.input-tooltip {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#fff;
border:1px solid rgba(17, 17, 17, 0.1);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-sizing:border-box;
display:none;
line-height:19px;
min-height:35px;
position:absolute;
top:23px;
color:rgba(17, 17, 17, 0.5);
min-width:240px;
padding:5px 14px;
z-index:9999;
}
.form-row.input-tooltip-container .input-tooltip {
top:0;
-webkit-box-shadow:0 0 4px 3px rgba(17, 17, 17, 0.1);
box-shadow:0 0 4px 3px rgba(17, 17, 17, 0.1);
}
.input-tooltip-right {
left:100%;
margin-left:10px;
}
.input-tooltip-left {
right:100%;
margin-right:10px;
}
.input-tooltip.alt {
min-width:323px;
padding:11px 14px;
}
.input-tooltip span:first-child {
color:#111;
font-weight:400;
margin-right:1px;
}
input:focus + .input-tooltip {
display:block;
}
.modal-form-container .m-progress {
height:5px;
margin-top:12px;
margin-bottom:10px;
}
.modal-form-container .m-progress span {
background-color:#e40000;
height:5px;
}
.input-tooltip .password-status {
color:#e40000;
}
.input-tooltip-right .input-tooltip-arrow,
.input-tooltip-left .input-tooltip-arrow {
background-color:#fff;
height:7px;
width:7px;
position:absolute;
top:13px;
transform:rotate(45deg);
}
.input-tooltip-left .input-tooltip-arrow {
border-top:1px solid rgba(17, 17, 17, 0.1);
border-right:1px solid rgba(17, 17, 17, 0.1);
right:-5px;
}
.input-tooltip-right .input-tooltip-arrow {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
border-left:1px solid rgba(17, 17, 17, 0.1);
left:-5px;
}
.registration .modal-form-container .wide-button {
margin-bottom:20px;
}
.registration .modal-form-container .wide-button.m-button:disabled,
.registration .modal-form-container .wide-button.m-button:disabled:hover {
background-color:#a4c5f9;
color:#fff;
}
.g-recaptcha {
min-height:83px;
-webkit-transform:scale(1.0515);
-webkit-transform-origin:0 0;
-moz-transform:scale(1.0515);
-moz-transform-origin:0 0;
-ms-transform:scale(1.0515);
-ms-transform-origin:0 0;
-o-transform:scale(1.0515);
-o-transform-origin:0 0;
transform:scale(1.0515);
transform-origin:0 0;
}
.ad-cont.requested > div > [id^='div-gpt-ad']:before,
.ad-cont.requested > [id^='div-gpt-ad']:before,
.g-recaptcha:before {
content:'';
display:block;
position:absolute;
z-index:1;
top:50%;
left:50%;
margin-top:-10px;
margin-left:-10px;
width:20px;
height:20px;
/* background:transparent url(/assets/vessur/img/cogwheel_icon.png) center center no-repeat; */
opacity:0.7;
-webkit-animation:uk-rotate 2s infinite linear;
animation:uk-rotate 2s infinite linear;
}
.g-recaptcha > div {
margin:0 auto;
position:relative;
z-index:2;
}
/* END OF REGISTER */
/* SCROLL */
/*
.jspVerticalBar, .jspTrack:before, .jspDrag:before {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
*/
.jspVerticalBar {
right:2px;
width:25px;
}
.jspVerticalBar,
.jspTrack {
background:none;
}
.jspTrack:before {
content:'';
position:absolute;
width:11px;
left:7px;
right:7px;
top:19px;
bottom:19px;
}
.jspDrag {
background:transparent;
width:25px;
left:0px;
/* min-height:60px; */
/* background:rgba(17, 17, 17, 0.1); */
}
.jspDrag:before {
content:'';
position:absolute;
width:5px;
left:10px;
right:10px;
top:15px;
bottom:15px;
background:rgba(17, 17, 17, 0.1);
}
.jspVerticalBar.hovering .jspDrag:before,
.jspVerticalBar.scrolling .jspDrag:before {
background:#444;
}
/* .jspVerticalBar.hovering .jspTrack:before, */
.jspVerticalBar.scrolling .jspTrack:before {
background:transparent;
}
.scroll-wrapper::-webkit-scrollbar {
width:5px;
height:5px;
}
.scroll-wrapper::-webkit-scrollbar-thumb {
background:rgba(17, 17, 17, 0.1);
}
/*
:-moz-placeholder {
color:red;
}
::-moz-placeholder {
color:red;
}
:-ms-input-placeholder {
color:red;
}
:-webkit-input-placeholder {
color:red;
}
*/
/* PAGINATION */
.m-pagination {
float:right;
margin-top:3px;
}
.mini-from {
float:right;
}
.m-pagination > li > a,
.m-pagination > li > span {
font-family:Arial, Helvetica, sans-serif;
min-width:8px;
padding:0 8px;
line-height:28px;
height:28px;
background:transparent;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font-size:14px;
color:rgba(17, 17, 17, 0.7);
overflow:hidden;
margin-left:3px !important;
margin-right:3px !important;
}
.m-pagination > li {
float:left;
height:28px;
line-height:28px;
margin-left:0 !important;
margin-right:0 !important;
}
.m-pagination > li.page-all a {
font-size:13px;
}
.m-pagination > li:hover > a,
.m-pagination > li:focus > a,
.m-pagination > li > a:focus {
background-color:rgba(17, 17, 17, 0.05);
color:#111;
}
.m-pagination > .uk-active > span {
background-color:rgba(17, 17, 17, 0.7);
color:#fff;
}
.m-pagination > .uk-active > span {
font-weight:700;
}
.m-pagination > .mini-form {
margin-left:17px !important;
margin-top:0px;
position:relative;
}
.m-pagination > .mini-form > form > * {
position:relative;
}
.m-pagination > .mini-form .uk-form-width-mini {
background:#fff;
border:1px solid rgba(17, 17, 17, 0.2);
margin:0 0 0 2px;
padding:0 8px;
height:28px;
line-height:28px;
min-width:56px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font-size:11px;
color:rgba(17, 17, 17, 0.4);
z-index:3;
box-sizing:border-box;
}
.m-pagination > .mini-form .uk-form-width-mini:focus {
border:1px solid rgba(17, 17, 17, 0.4);
color:#111;
}
.m-pagination > .uk-pagination-previous > *,
.m-pagination > .uk-pagination-next > * {
display:block;
width:21px;
height:28px;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
padding:0;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
opacity:0.7;
}
.m-pagination > .uk-pagination-previous > a:before {
/* background-image:url(/assets/vessur/img/larr.png); */
}
.m-pagination > .uk-pagination-next > a:before {
/* background-image:url(/assets/vessur/img/rarr.png); */
}
.m-pagination > .uk-pagination-previous:hover > *,
.m-pagination > .uk-pagination-previous:focus > *,
.m-pagination > .uk-pagination-next:hover > *,
.m-pagination > .uk-pagination-next:focus > * {
opacity:1;
background-color:transparent;
}
.m-pagination > .mini-form form > * {
float:left;
}
.m-pagination > .mini-form form .uk-button {
/* display:block;
width:32px;
height:28px;
margin:0;
padding:0;
background-position:center center;
background-repeat:no-repeat; */
/* background-image:url(/assets/vessur/img/rarr.png); */
/* background-color:transparent;
border:none; */
min-height:27px;
/* opacity:0.7; */
}
.m-pagination > .mini-form form .uk-button:focus {
-webkit-box-shadow:none;
box-shadow:none;
background-color:none;
}
.m-pagination
> .mini-form
form
.uk-button
.m-pagination
> .mini-form
> .uk-button:hover,
.m-pagination > .mini-form > .uk-button:focus {
opacity:1;
}
.uk-pagination > .uk-disabled > span {
background-color:transparent;
}
.m-pagination .uk-disabled > *,
.m-pagination .uk-disabled:hover > *,
.m-pagination > .mini-form form .uk-button.uk-disabled,
.m-pagination > .mini-form form .uk-button.uk-disabled:hover {
opacity:0.2;
}
/* MINI */
.m-pagination-mini,
.m-pagination-mini li,
.m-pagination-mini li a {
display:block;
float:left;
height:15px;
line-height:16px;
font-size:12px;
color:rgba(17, 17, 17, 0.7);
}
.m-pagination-mini li.sep {
border-left:1px solid rgba(17, 17, 17, 0.1);
width:0px;
}
.m-pagination-mini li a,
.m-pagination-mini li span {
padding:0 5px;
min-width:16px;
text-align:center;
}
.m-pagination-mini li span {
padding:0 10px;
}
.m-pagination-mini li a:hover {
text-decoration:underline;
color:#111;
}
/* CARDS */
.m-card {
width:300px;
box-sizing:border-box;
border:1px solid rgba(17, 17, 17, 0.1);
background:#fff;
position:relative;
}
.m-card .m-card-border-top {
position:relative;
z-index:3;
height:2px;
background:#aaa;
margin-top:-1px;
margin-left:-1px;
margin-right:-1px;
}
.m-card-content-container .m-card-border-top {
margin:0;
}
.m-card .m-card-content-container {
background-color:transparent;
margin-left:-1px;
margin-right:-1px;
margin-bottom:-1px;
box-sizing:border-box;
min-height:148px;
max-height:148px;
position:relative;
overflow:hidden;
}
.m-card .m-card-content-container:before,
.m-card .m-card-content-container:after {
content:'';
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:1;
}
.m-card.tpl2 .m-card-content-container:after {
background:rgba(255, 255, 255, 0.9);
border:1px solid rgba(17, 17, 17, 0.1);
border-top:none;
z-index:2;
}
.m-card.tpl2:hover .m-card-content-container:after {
background:rgba(255, 255, 255, 0.85);
}
.m-card .m-card-image {
display:block;
width:100%;
height:170px;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.m-card-content {
position:relative;
z-index:3;
color:#444;
padding:19px 16px 18px;
box-sizing:border-box;
line-height:19px;
min-height:148px;
max-height:148px;
overflow:hidden;
}
.m-card-content a {
text-decoration:none;
}
.m-card .m-card-subtitle {
display:block;
color:rgba(17, 17, 17, 0.9);
font-size:15px;
line-height:21px;
font-weight:300;
box-sizing:border-box;
}
.m-card .m-card-title {
color:#444;
font-size:17px;
line-height:25px;
max-height:75px;
}
.m-card-grid .m-card .m-card-title {
display:block;
display:-webkit-box;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.m-card .details {
margin-top:13px;
}
.m-card .details,
.m-card .details li,
.m-card .details .m-card-subtitle {
height:22px;
line-height:22px;
display:block;
}
.m-card .details li {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
}
.m-card .details li:first-child {
padding-right:8px;
position:relative;
}
.m-card .details li:first-child:after {
content:'';
width:1px;
height:13px;
background-color:rgba(17, 17, 17, 0.2);
position:absolute;
top:5px;
bottom:3px;
right:0;
}
.m-card .details li:last-child {
padding-right:0;
}
.m-card .details li i {
float:left;
display:block;
}
.m-card .details .m-card-subtitle {
padding-left:8px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:13px;
max-width:192px;
}
.m-card .details .m-card-posts {
width:13px;
height:14px;
margin:6px 5px 0 0;
opacity:0.4285;
/* background:transparent url(/assets/vessur/img/card_icon_posts.png) center center no-repeat; */
}
.m-card .details .m-card-views {
width:19px;
height:14px;
margin:4px 5px 0 0;
opacity:0.4285;
/* background:transparent url(/assets/vessur/img/card_icon_views.png) center center no-repeat; */
}
.landing .grid .grid-item .fa-play-circle,
.m-card .m-card-image .fa-play-circle {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:64px;
height:64px;
color:#fff;
-wbekit-filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
opacity:0.66;
}
.landing .grid .grid-item .fa-play-circle {
width:32px;
height:32px;
}
.landing .grid .grid-item .hoveredTitle .fa-play-circle,
.landing .grid .grid-item .fa-play-circle:hover,
.m-card:hover .m-card-image .fa-play-circle {
opacity:0.8;
}
.m-card-grid {
padding:0 13px 0 12px;
width:975px;
}
.m-card-grid .m-card {
float:left;
margin:0 12px 25px 13px;
}
.m-card-grid-2-3 {
width:650px;
float:left;
padding-right:0;
}
.m-card-grid-1-3 {
width:325px;
float:left;
padding-left:0;
}
.recommended-inner .m-card-grid-1-3 {
/* width:300px;
padding-left:13px; */
}
.m-card-grid-switch,
.m-card-grid-switch li,
.m-card-grid-switch li a {
float:left;
height:24px;
position:relative;
}
.m-card-grid-switch {
margin:6px 2px 0px 0;
width:84px;
float:right;
position:relative;
z-index:2;
}
.m-card-grid-switch li a {
width:42px;
/* background:transparent url(/assets/vessur/img/grid_switch_icon.png) center center no-repeat; */
opacity:0.2;
}
.m-card-grid-switch li a.alt {
/* background-image:url(/assets/vessur/img/grid_switch_icon_alt.png); */
}
.m-card-grid-switch li a:hover {
opacity:0.4;
}
.m-card-grid-switch li a.active {
opacity:1;
}
.m-card-grid-title,
.m-list-heading {
font-size:19px;
line-height:30px;
color:rgba(17, 17, 17, 0.9);
position:relative;
z-index:1;
}
.m-card-grid-title {
margin:0 0 15px 13px;
}
.m-card-grid-description {
margin:-15px 12px 15px 13px;
}
.m-card-grid-description p {
border-bottom:3px solid #aaa;
}
.m-card-grid-description p.m-list-headers {
border-top:none;
margin-top:0;
}
.m-i-overlay {
position:relative;
}
.m-i-overlay span {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0, 0, 0, 0.3);
}
.m-card:hover .m-i-overlay span {
background:rgba(0, 0, 0, 0);
}
.m-card.tpl3:hover .m-card-border-top {
margin-top:-48px;
}
.landing .m-card.tpl3:hover .m-card-border-top,
.curated .m-card.tpl3:hover .m-card-border-top {
margin-top:-98px;
}
.landing .m-card.tpl3:hover .m-card-content > .m-card-subtitle,
.curated .m-card.tpl3:hover .m-card-content > .m-card-subtitle {
height:90px;
max-height:90px;
}
.m-card.tpl4 .m-card-title,
.m-card.tpl3 .m-card-title {
font-size:17px;
font-weight:400;
line-height:23px;
max-height:46px;
}
.topic-promo-widget .m-card.tpl4 .m-card-title,
.topic-promo-widget .m-card.tpl3 .m-card-title {
max-height:69px;
}
.m-card.tpl3:hover .m-card-title {
/*
max-height:69px;
-webkit-line-clamp:3!important; */
}
.m-card.tpl3 {
height:272px;
}
.m-card.tpl3 .m-card-content-container {
min-height:272px;
max-height:272px;
margin-top:-1px;
}
.m-card.tpl4 .m-card-content-container:after,
.m-card.tpl3 .m-card-content-container:after {
top:auto;
right:1px;
left:1px;
z-index:3;
height:1px;
background-color:rgba(17, 17, 17, 0.1);
}
.m-card.tpl4 .m-card-content,
.m-card.tpl3 .m-card-content {
background:#fff;
padding-top:11px;
border-left:1px solid rgba(17, 17, 17, 0.1);
border-right:1px solid rgba(17, 17, 17, 0.1);
}
.m-card.tpl4 .details,
.m-card.tpl3 .details {
margin-top:8px;
position:absolute;
bottom:14px;
left:17px;
z-index:4;
}
.m-card.tpl3.width-2 {
width:625px;
}
.m-card.tpl3 .m-card-content > .m-card-subtitle {
max-height:0;
height:0px;
overflow:hidden;
}
.m-card.tpl4 .m-card-image,
.m-card.tpl3 .m-card-image {
position:relative;
z-index:2;
}
.m-card.tpl3:hover .m-card-image {
/* background-position:center bottom; */
}
.m-card.tpl4 .m-card-content > .m-card-subtitle,
.m-card.tpl3:hover .m-card-content > .m-card-subtitle {
padding-top:6px;
height:48px;
max-height:48px;
}
.m-card.tpl3.width-2 .details .m-card-subtitle {
max-width:500px;
}
.m-card.tpl4 .m-card-content-container {
min-height:325px;
max-height:325px;
margin-top:-1px;
}
.m-card.tpl4 .m-card-image {
height:175px;
}
.m-card.tpl4:hover .m-card-border-top {
margin-top:0;
}
.centered-buttons {
margin:13px 0;
display:block;
}
.centered-buttons .m-button,
.centered-buttons .m-button-lite {
float:none;
display:block;
margin:0 auto;
}
.centered-buttons .chevron-icon {
margin:14px 0 0 9px;
}
.action-card-list-title {
padding:71px 0 75px;
font-size:18px;
width:405px;
line-height:32px;
margin:0 auto;
text-align:center;
}
.action-card-list .action-card {
float:left;
margin-right:25px;
margin-bottom:25px;
cursor:pointer;
position:relative;
}
.action-card-list .action-card:nth-child(3n) {
margin-right:0px;
}
.action-card .action-card-image {
display:block;
width:300px;
height:150px;
position:relative;
background-color:rgba(17, 17, 17, 0.1);
background-position:right center;
background-repeat:no-repeat;
background-size:cover;
}
.action-card .card-title {
position:absolute;
bottom:12px;
left:20px;
color:#fff;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:18px;
line-height:23px;
font-weight:400;
width:260px;
}
.action-card .card-action {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:20px;
width:280px;
height:45px;
}
.action-card .card-action a:first-child {
float:left;
color:#fff;
line-height:47px;
height:45px;
}
.action-icon {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
float:left;
height:45px;
}
.action-cancel {
/* background-image:url(/assets/vessur/img/action_card_cancel.png); */
width:18px;
margin-right:11px;
}
.action-confirm {
/* background-image:url(/assets/vessur/img/action_card_confirm.png); */
width:22px;
margin-right:9px;
}
.action-close {
/* background-image:url(/assets/vessur/img/action_card_close.png); */
width:20px;
float:right;
margin-right:16px;
display:none;
}
.action-card-list .action-card:hover .action-close {
display:block;
}
.action-card.action-pending .action-card-image,
.action-card.action-pending .card-action {
opacity:0.3;
}
.action-card-list .action-card.action-pending .action-close {
display:none;
}
/* LISTS */
.background-none {
background:transparent !important;
}
a.m-list-heading {
color:rgba(17, 17, 17, 0.9);
display:block;
}
.m-list-heading h2 {
font-size:19px;
line-height:30px;
}
.m-list-heading .chevron-icon.float-right {
margin-top:11px;
}
.explore-boards a.m-list-heading {
text-decoration:underline;
}
.m-list li.m-list-heading {
border-top:none;
}
.m-list + .m-list-heading,
.m-list li.m-list-heading {
margin-top:30px;
}
.m-list-heading span {
color:#999;
}
.m-list-heading .m-list-heading-action {
font-size:12px;
margin-left:9px;
display:inline-block;
}
.m-card-grid-description p,
.m-list-description p {
padding:7px 0;
color:#999;
font-size:15px;
line-height:19px;
}
.m-list-empty {
color:rgba(17, 17, 17, 0.5);
font-size:16px;
line-height:22px;
padding:100px 0 60px;
text-align:center;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-list-empty i {
width:32px;
height:32px;
background:transparent;
display:inline-block;
vertical-align:middle;
margin-right:10px;
}
.m-list {
margin:15px 0;
display:block;
}
.m-list > li {
border-top:1px solid rgba(17, 17, 17, 0.1);
position:relative;
padding:17px 0 10px 0;
}
.m-list > li:hover {
background:#fff;
}
.m-list > li a:hover {
text-decoration:none;
}
.m-table-list li .m-list-content .m-list {
margin:0;
}
.m-table-list li .m-list-content .m-list li {
padding:0;
}
.m-table-list li .m-list-content .m-list li a {
color:#999;
}
.m-table-list-container .m-table-list li .m-list-content.uk-width-1-1 {
width:100%;
}
.m-list > li.ad-cont,
.m-list > li.ad-cont + li {
border-color:transparent !important;
}
.m-list-content {
width:520px;
float:left;
}
.m-list .m-list-content {
margin-left:25px;
padding-bottom:10px;
}
.m-list-content .m-list-subtitle {
margin-top:9px;
font-size:13px;
font-weight:300;
line-height:22px;
}
.m-list-content .m-list-subtitle a {
display:block;
line-height:22px;
}
.m-list-content .m-list-title {
line-height:25px;
font-size:17px;
color:rgba(17, 17, 17, 0.7);
}
.m-list li.unread .m-list-title {
font-weight:500;
}
.m-list li .m-list-title a {
color:#444;
}
.m-list-title a:first-child {
margin-right:5px;
}
.m-list li .m-list-content .m-list-title .inline-relpos {
/* display:none; */
}
.m-list li .m-list-content .m-list-title .unread-posts-count {
display:none;
vertical-align:top;
color:#fff;
}
.m-list li.unread .m-list-title .unread-posts-count {
display:inline-block;
}
.m-list-title .unread-posts-count:hover {
text-decoration:none;
}
.m-list-content.board-topic .topic-author {
font-family:Arial, Helvetica, sans-serif;
margin-top:8px;
width:100%;
}
.m-list-content-right {
max-width:360px;
margin:1px 19px 0 0;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:rgba(17, 17, 17, 0.4);
}
.m-list-content-right > ul > li {
float:left;
line-height:14px;
text-align:center;
padding:0 5px;
margin-top:7px;
border:none;
min-width:48px;
max-width:70px;
}
.m-list-content-right > ul > li a {
color:rgba(17, 17, 17, 0.7);
}
.m-list-content-right > ul > li.latest-post {
max-width:200px;
width:200px;
font-size:12px;
line-height:25px;
margin-top:0px;
float:right;
text-align:right;
position:relative;
}
.m-list-content-right > ul > li.latest-post > a {
max-width:150px;
display:inline-block;
padding-left:1px;
font-weight:700;
}
/* */
/* */
.m-list-headers {
border-top:3px solid #444;
margin-top:9px;
}
.m-table-list {
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-list-headers div,
.m-table-list li .padding-col-1-3 {
float:left;
line-height:16px;
padding-top:18px;
padding-bottom:17px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
}
.padding-col-1-3 {
padding-left:26px;
width:80px;
text-align:center;
}
.m-table-list li .padding-col-1-3 {
padding-top:22px;
padding-bottom:22px;
}
.m-list-headers .m-list-content {
width:531px;
}
.m-table-list-container .m-list-headers .m-list-content {
width:480px;
}
.m-table-list > li,
.list-drag-item {
display:block;
min-height:61px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.m-table-list.uk-sortable li,
.list-drag-item {
cursor:move;
}
.m-table-list li div,
.list-drag-item div {
float:left;
line-height:23px;
}
.m-table-list li .m-list-content,
.list-drag-item .m-list-content {
width:520px;
padding:0 10px 0 0;
position:relative;
display:table;
}
.m-table-list-container .m-table-list li .m-list-content {
width:470px;
}
.m-table-list li .m-list-content a,
.list-drag-item .m-list-content a {
display:table-cell;
padding:6px 0 6px 51px;
max-width:449px;
line-height:23px;
color:#444;
font-size:16px;
vertical-align:middle;
height:49px;
cursor:pointer;
}
.m-table-list.without-images li .m-list-content a,
.m-table-list.without-images .list-drag-item .m-list-content a {
padding-left:0;
}
.m-table-list-container .m-table-list li .m-list-content a {
max-width:419px;
}
.list-drag-item,
.m-table-list .uk-sortable-placeholder {
background:#fff;
opacity:1;
}
.list-drag-item {
display:none !important;
}
.m-table-list li:hover {
background:#fff;
}
.m-table-list li .uk-sortable-handle {
width:25px;
height:25px;
/* background:transparent url(/assets/vessur/img/sortable_handle.png) center center no-repeat; */
margin-left:67px;
margin-top:19px;
display:none;
}
.m-table-list li:hover .uk-sortable-handle,
.m-table-list li.uk-sortable-placeholder .uk-sortable-handle {
display:block;
}
.m-list-content .m-list-image {
float:left;
width:37px;
height:35px;
position:absolute;
top:50%;
margin-top:-18px;
background-color:transparent;
background-position:center right;
background-repeat:no-repeat;
background-size:cover;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.m-table-list-container .m-table-list {
margin-bottom:70px;
}
.m-table-list li .list-item-action {
position:relative;
display:none;
float:right;
padding-left:30px;
padding-right:10px;
line-height:61px;
height:61px;
min-width:80px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#444;
/* background:transparent url(/assets/vessur/img/list_action_taken_icon.png) left center no-repeat; */
}
.m-table-list li:hover .list-item-action,
.m-table-list li .list-item-action.action-taken {
display:block;
}
/* INTERACIVE LISTS */
.no-content {
min-height:636px;
background-color:#fff;
background-position:top left;
background-repeat:repeat-x;
}
.no-content p {
color:#000;
font-size:30px;
font-weight:300;
text-transform:uppercase;
line-height:49px;
width:540px;
margin-top:190px;
float:right;
}
section .no-content .content-container p.action-description {
font-size:20px;
font-weight:200;
margin-top:4px;
text-transform:none;
height:49px;
}
.no-content .action-description i {
width:32px;
height:49px;
margin-left:16px;
display:inline-block;
vertical-align:middle;
background-color:transparent;
background-position:center 4px;
background-repeat:no-repeat;
}
.no-content .content-container {
background-color:transparent;
background-position:45px 65px;
background-repeat:no-repeat;
min-height:636px;
}
section.new-posts .no-content {
background-image:url(/assets/vessur/img/new_posts_no_content_gradient.png);
}
section.new-posts .no-content .content-container {
background-image:url(/assets/vessur/img/new_posts_no_content_clipart.png);
}
section.followed-topics .no-content {
background-image:url(/assets/vessur/img/followed_topics_no_content_gradient.png);
}
section.followed-topics .no-content .content-container {
background-image:url(/assets/vessur/img/followed_topics_no_content_clipart.png);
}
section.followed-topics .no-content .action-description i {
/* background-image:url(/assets/vessur/img/big_bell.png); */
}
section.followed-topics .no-content .content-container {
background-position:25px 95px;
}
section.followed-topics .no-content p {
margin-top:205px;
margin-right:45px;
}
section.new-topics .no-content {
background-image:url(/assets/vessur/img/new_topics_no_content_gradient.png);
}
section.new-topics .no-content .content-container {
background-image:url(/assets/vessur/img/new_topics_no_content_clipart.png);
}
section.new-topics .no-content .content-container {
background-position:right 30px;
}
section.new-topics .no-content p {
width:500px;
margin-top:260px;
float:left;
}
section.last-active .no-content {
background-image:url(/assets/vessur/img/last_active_no_content_gradient.png);
}
section.last-active .no-content .content-container {
background-position:15px 65px;
background-image:url(/assets/vessur/img/last_active_no_content_clipart.png);
}
section.last-active .no-content p {
margin-top:155px;
}
section.last-active .no-content .action-description i {
width:37px;
height:49px;
/* background-image:url(/assets/vessur/img/big_cursor.png); */
background-position:left 0px;
}
.m-dd-content .interaction i,
.list-interactions .interaction i {
float:left;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
opacity:0.7;
}
.m-dd-content .follow i,
.list-interactions .follow i {
/* background-image:url(/assets/vessur/img/follow_item_icon.png); */
}
.m-dd-content .unfollow i,
.list-interactions .unfollow i {
/* background-image:url(/assets/vessur/img/unfollow_item_icon.png); */
}
.m-dd-content .trash i,
.list-interactions .trash i {
/* background-image:url(/assets/vessur/img/trash_icon.png); */
}
.m-dd-content .interaction:hover i,
.list-interactions .interaction:hover i,
.list-interactions .interaction:hover i,
.list-interactions .interaction:hover i {
opacity:1;
}
.list-interactions .mark-all-as-read,
.list-interactions .mark-all-as-read i {
width:40px;
height:40px;
margin:0;
}
.m-dd-content .interaction,
.list-interactions .mark-all-as-read,
.list-interactions .interaction {
position:absolute;
cursor:pointer;
}
.list-interactions .mark-all-as-read {
background:#eee;
border-radius:20px;
right:15px;
top:-4px;
}
.list-interactions .m-list > li:hover {
background:rgba(17, 17, 17, 0.01);
}
.m-dd-content .uk-nav-dropdown > li.marked,
.m-dd-content .uk-nav-dropdown > li.marked:hover,
.list-interactions .m-list > li.marked,
.list-interactions .m-list > li.marked:hover,
.list-interactions .m-card-grid > .m-card.marked,
.list-interactions .m-card-grid > .m-card.marked:hover {
opacity:0.4;
background:rgba(17, 17, 17, 0.1);
}
.m-dd-content .interaction,
.m-dd-content .interaction i,
.list-interactions .interaction,
.list-interactions .interaction i {
width:24px;
height:24px;
}
.m-dd-content .interaction,
.list-interactions .interaction {
background:none;
bottom:15px;
right:67px;
}
.m-dd-content .uk-nav-dropdown > li .mark-as-read,
.list-interactions .m-list > li .mark-as-read {
background:#eee;
bottom:15px;
right:25px;
border-radius:12px;
}
.m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown > li .interaction,
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
> li.marked
.interaction,
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
> li.marked:hover
.interaction,
.list-interactions .m-list > li .interaction,
.list-interactions .m-list > li.marked .interaction,
.list-interactions .m-list > li.marked:hover .interaction,
.list-interactions .m-list > li.unread.marked:hover .interaction.mark-as-read {
display:none;
}
.m-dropdown .uk-dropdown .m-dd-content .uk-nav-dropdown > li:hover .interaction,
.list-interactions .m-list > li:hover .interaction {
display:block;
}
.list-interactions .m-list > li.unread:hover .interaction.mark-as-read i {
opacity:0.7;
}
.list-interactions .m-list > li:hover .interaction.mark-as-read:hover {
background:#eee;
cursor:default;
}
.list-interactions .m-list > li:hover .interaction.mark-as-read i {
opacity:0.1;
}
.list-interactions .m-list > li:hover .interaction.mark-as-read:hover,
.list-interactions .mark-all-as-read:hover {
background:#e5e5e5;
cursor:pointer;
}
/* END OF INTERACIVE LISTS */
/* ADS */
.m-card.sponsored-topic {
border:none;
height:325px;
}
.sponsored-topic .ad-title {
display:block;
position:absolute;
right:0;
z-index:10;
top:-19px;
}
.ad-cont {
position:relative;
padding-top:16px;
text-align:center;
}
.ad-cont > [id^='div-gpt-ad'] {
display:flex;
justify-content:center;
align-items:center;
position:relative;
}
.ad-cont > [id^='div-gpt-ad'] > * {
position:relative;
z-index:1;
}
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
li.ad-cont.notification-ad {
padding:0;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
li.ad-cont.notification-ad.requested.empty {
border-bottom:none;
}
.m-dropdown
.uk-dropdown
.m-dd-content
.uk-nav-dropdown
li.ad-cont.notification-ad.requested.filled
.ad-title {
display:none !important;
}
.ad-cont.notification-ad > [id^='div-gpt-ad'] {
min-height:97px;
display:block;
width:400px;
}
.ad-cont.notification-ad.requested.empty > [id^='div-gpt-ad'] {
min-height:auto;
width:auto;
display:none;
}
.ad-cont.requested.empty {
background:rgba(17, 17, 17, 0.05);
}
.ad-cont.branded-post {
display:none;
}
.ad-cont.paid-topic-ad.rectangle-ad.requested.empty {
background:none;
}
.ad-cont.branded-post.requested.empty {
background:none;
display:none;
}
.topic .topic-footer .ad-cont.rectangle-ad.requested.empty {
margin-top:0;
}
.topic .topic-header .ad-cont.rectangle-ad.requested.empty {
margin-top:30px;
padding-top:0;
}
.ad-cont.requested.empty > div > [id^='div-gpt-ad']:before,
.ad-cont.requested.empty > [id^='div-gpt-ad']:before {
animation:none;
content:'\0420\0435\043a\043b\0430\043c\0430';
margin:-8px 0 0 0;
transform:translate(-50%, -50%);
line-height:18px;
height:18px;
background:none;
border:1px solid #aaa;
display:inline-block;
white-space:nowrap;
width:auto;
padding:2px 7px;
border-radius:3px;
color:#777;
}
.ad-cont.requested.filled > div > [id^='div-gpt-ad']:before,
.ad-cont.requested.filled > [id^='div-gpt-ad']:before {
content:'';
display:none;
}
.ad-cont.empty .ad-title {
display:none;
}
.billboard-ad,
.header-ad {
width:970px;
margin:0 auto;
padding-top:0;
}
.billboard-ad > [id^='div-gpt-ad'] {
padding-top:16px;
min-height:250px;
/* height:250px; */
max-height:500px;
/* ( 728x410 + 728x90 ) */
position:relative;
}
/*
.billboard-ad > [id^='div-gpt-ad']:before {
content:'';
position:absolute;
top:16px;
left:0;
right:0;
bottom:0;
background:rgba(17, 17, 17, 0.05);
}
*/
.half-page-ad {
width:300px;
max-height:600px;
}
.rectangle-ad {
width:300px;
min-height:250px;
max-height:250px;
}
.rectangle-ad > [id^='div-gpt-ad'] {
min-height:250px;
height:250px;
max-height:250px;
position:relative;
}
.topic .rectangle-ad {
float:right;
margin-top:14px;
}
.topic .topic-header .rectangle-ad {
margin-bottom:16px;
}
.topic .topic-footer .rectangle-ad {
margin-top:-16px;
}
.m-card-grid .ad-cont {
min-width:100%;
float:left;
padding-bottom:42px;
box-sizing:border-box;
}
.m-card-grid .m-card.ad-cont {
min-width:auto;
}
.m-card-grid .ad-cont > * {
text-align:center;
margin:0 auto;
}
.m-card-grid .ad-cont .ad-title,
.board .ad-title,
.topic .ad-title {
right:0;
}
.topic-header .ad-title,
.board-header .ad-title {
/* right:0;
text-align:right !important; */
}
.board-content .ad-cont,
.topic-content .ad-cont {
margin-top:16px;
}
.board-content .ad-cont {
margin-left:-10px;
margin-bottom:16px;
}
.topic-content .ad-cont {
margin-bottom:30px;
margin-top:-5px;
}
.ad-cont + .m-card-grid {
padding-top:41px;
}
.m-card.ad-cont {
padding-top:0;
border:none;
background:transparent;
height:272px;
}
.m-card.ad-cont.tpl3 .m-card-content-container:after {
background-color:transparent;
}
.ad-title {
color:#999;
font-size:12px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
position:absolute;
text-align:right !important;
line-height:13px;
height:16px;
width:100px;
top:0;
right:16px;
}
.m-card .m-card-content-container .ad-title {
top:auto;
right:4px;
bottom:0px;
z-index:4;
}
.m-card.ad-cont .ad-title {
top:-16px;
}
.m-card.ad-cont.height-2 {
height:325px;
background:#f4f3f3;
}
.m-card.ad-cont.height-2 .m-card-content-container {
min-height:325px;
max-height:325px;
margin-left:0;
}
.m-card.ad-cont.height-2 .m-card-content-container > .ad-title {
top:22px;
right:5px;
transform:none;
}
.m-card.ad-cont .m-card-content-container > div {
position:relative;
z-index:4;
}
.m-card.ad-cont.height-2 .m-card-content-container > div {
top:50%;
transform:translateY(-50%);
position:absolute;
}
.m-card.ad-cont.height-2 .ad-title {
top:22px;
right:5px;
}
.m-list .billboard-ad {
margin:0 auto 15px;
}
.m-list > li.ad-cont {
padding:16px 0 0;
}
.m-list > li > .ad-title {
top:5px;
right:27px;
}
.m-list > li.ad-cont > .ad-title {
top:0px;
right:15px;
}
.m-list > li.ad-cont {
/* padding:0px; */
}
.m-list > li.ad-cont > ins {
display:none;
padding:20px 0 15px 0;
}
.board-topic.ad-cont {
padding-top:21px;
}
section.index .half-page-ad {
margin-bottom:25px;
}
section.index .most-recent .ad-cont {
float:right;
width:300px;
padding-top:55px;
margin-right:25px;
}
section.index .most-recent .ad-title {
top:40px;
right:0;
}
section.index .most-recent .m-list .ad-title {
top:5px;
bottom:auto;
right:0;
}
.landing .m-card.ad-cont .ad-title,
.curated .m-card.ad-cont .ad-title {
position:absolute;
top:auto;
bottom:0;
right:0;
}
/* COLLAPSE ADS ON BRANDED LANDINGS */
.landing.branded .m-card.tpl3.ad-cont {
height:auto;
padding:0;
margin:0;
}
.landing.branded .m-card.tpl3.ad-cont.requested.filled {
padding-bottom:42px;
margin:0 12px 25px 13px;
height:272px;
}
.landing.branded .m-card.tpl3.ad-cont > .m-card-content-container {
min-height:0;
}
/* BOARD */
.board-header {
background-color:#f7f7f7;
min-height:116px;
}
.board-filters {
height:63px;
overflow:hidden;
}
.board-filters ul {
border-top:3px solid rgba(17, 17, 17, 0.1);
}
.board-filters ul,
.board-filters ul li,
.board-filters ul li a {
line-height:58px;
height:60px;
display:block;
}
.board-filters ul li a {
height:auto;
min-height:60px;
}
.board-filters ul li {
float:left;
color:#111;
/* position:relative; */
}
.board-filters ul li a {
color:#111;
padding:0 20px;
position:relative;
font-weight:400;
font-size:15px;
}
.board-filters ul li a span {
position:absolute;
top:-3px;
left:0px;
right:0px;
border-top:0 solid #aaa;
}
.board-filters ul li a:hover,
.board-filters ul li a:focus,
.board-filters ul li a.active,
.board-filters ul .is-selected a {
color:#aaa;
}
.board-filters ul li a:hover span,
.board-filters ul li a:focus span,
.board-filters ul li a.active span,
.board-filters ul .is-selected a span {
border-top:3px solid #aaa;
left:0px;
right:0px;
}
/* .board-filters ul li:first-child a {
padding:0 15px 0 0;
}
.board-filters ul li:first-child a span {
left:0px;
}
.board-filters ul li:last-child a {
padding:0 0 0 15px;
}
.board-filters ul li:last-child a span {
right:0px;
} */
.board-filters ul li.spacer {
padding:0;
}
.board-filters .uk-slidenav-position {
overflow:hidden;
height:60px;
}
.board-details,
.board-action {
float:right;
height:35px;
margin-top:9px;
}
.board-details li {
display:block;
float:left;
height:35px;
padding:0 10px;
font-size:13px;
line-height:35px;
color:rgba(17, 17, 17, 0.4);
text-align:right;
}
.board-details li span {
font-size:12px;
}
.board-details li:last-child {
border:none;
}
.board-title {
font-size:28px;
font-weight:400;
color:#aaa;
padding:5px 0 35px;
line-height:33px;
float:left;
max-width:55%;
}
.more-info {
/* background:transparent url(/assets/vessur/img/more_horizontal.png) center center no-repeat; */
display:inline-block;
width:23px;
/* padding:0 8px; */
height:18px;
opacity:0.7;
position:relative;
}
.more-info.alt {
width:19px;
height:19px;
margin-left:10px;
}
.more-info:hover {
opacity:1;
}
.board-info {
position:relative;
}
.board-info-right {
height:37px;
/*
position:absolute;
width:45%;
right:0;
top:50%; */
}
.board-filters-nav {
width:38px;
height:63px !important;
display:block !important;
top:0 !important;
margin-top:0 !important;
}
.board-filters-nav span {
width:23px;
height:23px;
display:block;
position:absolute;
top:21px;
}
.board-filters-nav-right {
right:0 !important;
}
.board-filters-nav-left {
left:0 !important;
}
.board-filters-nav-left-underlay,
.board-filters-nav-right-underlay {
width:56px;
height:56px;
display:none;
position:absolute;
top:0;
}
.board-filters-nav:before {
content:'' !important;
display:block;
border-top:3px solid rgba(17, 17, 17, 0.1);
}
.board-filters-nav-left span {
/* background:transparent url(/assets/vessur/img/filters_left_arrow.png) center center no-repeat; */
left:0;
}
.board-filters-nav-right span {
/* background:transparent url(/assets/vessur/img/filters_right_arrow.png) center center no-repeat; */
right:0;
}
.board-filters-nav span {
opacity:0.7;
}
.board-filters-nav:hover span,
.board-filters-nav:focus span {
opacity:1;
}
.board-filters-nav.disabled span {
opacity:0.1;
}
.board-filters-nav.disabled {
cursor:default;
}
.board-action {
margin-top:8px;
margin-left:9px;
}
.board-action .m-dropdown.m-select .uk-dropdown {
width:auto;
margin-left:1px;
}
.follow-action {
padding:0 11px 0 12px;
min-width:auto;
}
.mark-all-as-read {
float:right;
width:28px;
height:28px;
margin:4px 0 0 23px;
}
.mark-as-read {
width:24px;
height:24px;
}
.mark-as-read i,
.mark-all-as-read i {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
opacity:0.7;
display:block;
}
.mark-all-as-read i {
/* background-image:url(/assets/vessur/img/mark_all_as_read.png); */
width:24px;
height:14px;
margin:6px 0 6px 4px;
}
.mark-as-read i {
/* background-image:url(/assets/vessur/img/mark_as_read.png); */
width:13px;
height:11px;
}
.mark-as-read:hover i,
.mark-all-as-read:hover i {
opacity:1;
}
/* TOPIC PROMO WIDGET */
.topic-promo-widget {
}
.topic-promo-widget-inner {
height:375px;
max-height:375px;
}
.board .topic-promo-widget-inner {
margin-left:-25px;
margin-right:-25px;
}
.topic-promo-widget-inner .m-slideset {
height:325px;
max-height:325px;
}
.topic-promo-widget-inner .m-slideset-nav .uk-slidenav:before {
content:none;
}
.topic-promo-widget-inner .m-slideset-nav {
margin-bottom:13px;
}
.topic-promo-widget-inner .m-card-grid .m-card {
margin-bottom:0;
}
/* INDEX/LANGING CATEGORIES */
.landing a {
color:#144084;
text-decoration:none;
font-size:11px;
-o-transition:color 0.2s ease-in;
-ms-transition:color 0.2s ease-in;
-moz-transition:color 0.2s ease-in;
-webkit-transition:color 0.2s ease-in;
transition:color 0.2s ease-in;
}
.landing .see,
.landing .comment,
.landing .like {
display:block;
color:#fff;
line-height:14px;
padding:2px 0;
font-size:11px;
float:left;
margin-right:15px;
position:relative;
}
.landing .landing-featured {
background:#f4f7f9;
}
.landing .m-card-grid {
margin-bottom:20px;
padding-top:25px;
}
.landing-header {
height:150px;
background:transparent no-repeat bottom right;
background-size:cover;
}
.landing-header .title {
font-size:24px;
font-weight:400;
font-family:'Roboto', Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#111;
padding:23px 43px 0 0;
height:47px;
line-height:47px;
display:block;
position:relative;
margin-left:23px;
}
.landing-header .text {
color:#111;
padding:0;
width:400px;
line-height:22px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:15px;
margin-left:23px;
font-weight:300;
}
.landing.otnovo_na_uchilishte .landing-header .title,
.landing.otnovo_na_uchilishte .landing-header .text {
color:#fff;
}
.board-filters.landing-categories {
background:#f4f7f9;
}
.board-filters.landing-categories ul {
text-align:center;
}
.board-filters.landing-categories ul li {
float:none;
display:inline-block;
}
.landing a.call-to-action {
padding:0 12px 0 0;
}
.landing a.call-to-action u {
display:block;
z-index:0;
background-color:#aaa;
height:32px;
position:absolute;
top:14px;
bottom:15px;
right:0;
left:11px;
-webkit-border-radius:4px;
border-radius:4px;
}
.landing a.call-to-action i {
display:inline-block;
width:32px;
height:32px;
position:relative;
top:12px;
background:transparent center center no-repeat;
background-size:100%;
}
.landing a.call-to-action:hover u {
opacity:0.75;
}
.landing a.call-to-action:hover b,
.landing a.call-to-action b {
font-weight:normal;
position:relative;
padding-left:5px;
font-size:11px;
color:#292929;
text-transform:uppercase;
letter-spacing:-0.5px;
top:0px;
}
.article-list .list li.main {
border-bottom:1px solid #e8e8e8;
margin:0;
padding:22px 411px 0 134px;
float:left;
position:relative;
min-height:58px;
width:406px;
}
.article-list .list .thumb {
float:left;
width:110px;
height:80px;
overflow:hidden;
margin:0 0 0 -134px;
background:#000;
position:relative;
top:-11px;
}
.article-list .filters {
position:absolute;
left:0px;
right:0px;
top:-1px;
border:1px solid #eef3f6;
background:#f2f6f8;
display:none;
}
.article-list .filters .head {
background:#fff;
height:56px;
padding:0 24px;
border:0 none;
}
.grid .grid-item .thumb div {
position:relative;
overflow:hidden;
width:110px;
height:80px;
}
.grid .grid-item .thumb img {
max-width:none;
position:absolute;
left:50%;
top:50%;
width:auto;
height:80px;
-webkit-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
transform:translateY(-50%) translateX(-50%);
}
/* ICONS */
.button-icon {
float:left;
display:inline-block;
margin:0 9px 0 0;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
color:#111;
opacity:0.7;
}
.button-icon.centered {
float:none;
vertical-align:top;
display:inline-block;
}
.uk-button:hover .button-icon,
.uk-button:focus .button-icon,
.uk-button:active .button-icon {
opacity:1;
}
.uk-button.uk-disabled .button-icon {
opacity:0.3;
}
.follow-icon {
/* background-image:url(/assets/vessur/img/follow_icon.png); */
width:19px;
height:21px;
margin-top:6px;
}
.follow-action.following .follow-icon {
/* background-image:url(/assets/vessur/img/following_icon.png); */
}
.share-icon {
/* background-image:url(/assets/vessur/img/share_button_icon.svg); */
width:21px;
height:21px;
margin-top:7px;
}
.favorite-icon {
/* background-image:url(/assets/vessur/img/heart_icon.png); */
width:19px;
height:17px;
margin-top:9px;
}
.favorite-action.marked .favorite-icon {
/* background-image:url(/assets/vessur/img/heart_icon_alt.png); */
opacity:1;
}
.report-icon {
/* background-image:url(/assets/vessur/img/report_icon.png); */
width:20px;
height:19px;
margin:0;
}
.post-useful-icon {
/* background-image:url(/assets/vessur/img/post_useful_icon.png); */
width:16px;
height:18px;
margin:6px 6px 0 1px;
}
.uk-button.marked .post-useful-icon {
/* background-image:url(/assets/vessur/img/post_useful_icon_active.png); */
opacity:1;
}
.post-quote-icon {
/* background-image:url(/assets/vessur/img/post_quote_icon.png); */
width:18px;
height:14px;
margin:10px 6px 0 1px;
}
.post-share-icon {
/* background-image:url(/assets/vessur/img/share_filled_button_icon.svg); */
width:21px;
height:21px;
margin:6px 5px 0 0;
}
.post-reply-icon {
/* background-image:url(/assets/vessur/img/post_share_icon.png); */
width:15px;
height:13px;
margin:9px 5px 0 0;
}
.post-delete-icon {
/* background-image:url(/assets/vessur/img/trash_icon.png); */
width:15px;
height:19px;
margin:6px 5px 0 0;
}
.chevron-icon {
/* background-image:url(/assets/vessur/img/chevron_icon.png); */
width:12px;
height:7px;
margin:8px 10px 0 7px;
}
.chevron-icon.float-right {
margin:13px 0 0 10px;
}
.chevron-icon-mini {
/* background-image:url(/assets/vessur/img/chevron_icon_mini_left.png); */
width:6px;
height:10px;
margin:12px 10px 0 0;
}
.date-registered-icon {
/* background-image:url(/assets/vessur/img/icon_user_date_registered.png); */
width:23px;
height:22px;
margin:10px 5px 0 0;
}
.post-count-icon {
/* background-image:url(/assets/vessur/img/icon_user_post_count.png); */
width:17px;
height:20px;
margin:11px 5px 0 0;
}
.usefuls-count-icon {
/* background-image:url(/assets/vessur/img/icon_user_usefuls_count.png); */
width:19px;
height:20px;
margin:10px 5px 0 0;
}
.last-seen-icon {
/* background-image:url(/assets/vessur/img/icon_user_last_seen.png); */
width:20px;
height:20px;
margin:11px 5px 0 0;
}
.send-message-icon {
/* background-image:url(/assets/vessur/img/icon_send_message.png); */
width:19px;
height:16px;
margin:0;
}
.user-rank-icon {
/* background-image:url(/assets/vessur/img/icon_user_rank.png); */
width:13px;
height:16px;
margin:2px 9px 0 0;
opacity:1;
}
.user-location-icon {
/* background-image:url(/assets/vessur/img/icon_user_location.png); */
width:11px;
height:16px;
margin:1px 9px 0 0;
opacity:0.5;
}
.user-gender-icon {
/* background-image:url(/assets/vessur/img/icon_user_gender.png); */
width:13px;
height:18px;
margin:0 9px 0 0;
opacity:0.5;
}
.user-age-icon {
/* background-image:url(/assets/vessur/img/icon_user_age.png); */
width:13px;
height:13px;
margin:1px 9px 0 0;
opacity:0.5;
}
.user-email-icon {
/* background-image:url(/assets/vessur/img/icon_user_email.png); */
width:15px;
height:13px;
margin:4px 9px 0 0;
}
.share-facebook-icon {
/* background-image:url(/assets/vessur/img/icon_share_facebook.png); */
opacity:1;
}
.share-gplus-icon {
background-image:url(/assets/vessur/img/icon_share_gplus.png);
opacity:1;
}
.share-twitter-icon {
/* background-image:url(/assets/vessur/img/icon_share_twitter.png); */
opacity:1;
}
.share-viber-icon {
/* background-image:url(/assets/vessur/img/icon_share_twitter.png); */
opacity:1;
}
.share-whatsapp-icon {
/* background-image:url(/assets/vessur/img/icon_share_twitter.png); */
opacity:1;
}
.edit-icon {
/* background-image:url(/assets/vessur/img/icon_edit.png); */
width:15px;
height:15px;
}
.edit-inline-icon {
/* background-image:url(/assets/vessur/img/icon_edit_inline.png); */
width:15px;
height:19px;
margin-top:8px;
}
.edit-big-icon {
/* background-image:url(/assets/vessur/img/icon_edit_big.png); */
width:19px;
height:18px;
margin-top:7px;
}
.button-facebook-icon {
/* background-image:url(/assets/vessur/img/icon_button_fb.png); */
width:24px;
height:34px;
margin:0 5px 0 0;
opacity:1;
}
.arrow-right-icon {
/* background:url(/assets/vessur/img/icon_arrow_right.png); */
width:7px;
height:12px;
}
.image-icon {
/* background-image:url(/assets/vessur/img/image_icon.png); */
width:22px;
height:19px;
margin-top:7px;
}
.poll-icon {
/* background-image:url(/assets/vessur/img/poll_icon.png); */
width:21px;
height:20px;
margin-top:7px;
}
.sync-icon {
/* background-image:url(/assets/vessur/img/icon_sync.png); */
width:23px;
height:24px;
margin:5px 10px 0 0;
}
.add-icon {
/* background-image:url(/assets/vessur/img/add_option_icon.png); */
width:19px;
height:19px;
margin:7px;
}
.cogwheel-icon-dark {
/* background-image:url(/assets/vessur/img/cogwheel_icon.png); */
opacity:0.7;
width:19px;
height:20px;
margin:1px 10px 0 0;
}
.edit-avatar-icon {
/* background-image:url(/assets/vessur/img/edit_avatar_icon.png); */
width:17px;
height:14px;
margin-top:7px;
}
.white-delete-icon {
/* background-image:url(/assets/vessur/img/white-x-icon.png); */
width:10px;
height:10px;
}
.m-button:hover .checkbox-icon,
.m-button:focus .checkbox-icon,
.smtrnsprnt .m-button:hover .checkbox-icon,
.smtrnsprnt .m-button:focus .checkbox-icon,
.smtrnsprnt .m-button .checkbox-icon,
.m-button.smtrnsprnt:hover .checkbox-icon,
.m-button.smtrnsprnt:focus .checkbox-icon,
.m-button.smtrnsprnt .checkbox-icon {
width:18px;
height:13px;
background-position:-157px -316px;
}
.unfollow-icon {
/* background-image:url(/assets/vessur/img/unfollow_item_icon.png); */
width:22px;
height:20px;
margin-top:7px;
margin-right:7px;
}
.cogwheel-icon-small {
/* background-image:url(/assets/vessur/img/cogwheel_icon.png); */
width:17px;
height:18px;
}
/* BOARD CONTENT */
.board-content {
background:#fff;
}
.board-content .board-content-header,
.board-content .board-content-footer {
padding:23px 0 22px;
}
.board-topic-list .board-topic {
display:block;
min-height:62px;
border-top:1px solid rgba(17, 17, 17, 0.1);
position:relative;
padding-bottom:17px;
}
.board-topic-list .board-topic .topic-cover {
float:left;
width:176px;
height:94px;
margin-top:17px;
margin-right:10px;
}
.board-topic-list .board-topic:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.board-topic .topic-left {
padding-left:25px;
float:left;
position:relative;
}
.board-topic .topic-right {
float:right;
}
.board-topic.tpl5 .topic-right {
height:111px;
position:relative;
}
.board-topic .topic-title {
/* min-height:33px; */
line-height:22px;
font-size:16px;
max-width:530px;
padding-top:17px;
padding-bottom:1px;
}
.board-topic.tpl5 .topic-title {
max-width:550px;
width:550px;
}
.board-topic .topic-title a {
display:inline;
margin-right:6px;
}
.board-topic.unread .topic-title {
font-weight:500;
}
.board-topic .m-pagination-mini {
margin-top:6px;
margin-left:7px;
}
.board-topic .topic-author {
float:left;
color:rgba(17, 17, 17, 0.4);
font-size:12px;
margin-top:8px;
position:relative;
}
.board-topic .topic-author > a,
.board-topic .topic-author > span > a {
font-size:12px;
}
.board-topic a {
color:rgba(17, 17, 17, 0.7);
}
.board-topic a:hover,
.board-topic a:focus {
color:#111;
}
.topic-right > ul {
display:block;
}
.topic-right > ul > li {
text-align:center;
float:left;
margin:0 12px;
line-height:14px;
margin-top:20px;
color:#999;
font-size:11px;
min-width:40px;
max-width:65px;
}
.topic-right > ul > li.topic-admin,
.topic-right > ul > li.latest-post {
min-width:auto;
text-align:right;
margin-top:13px;
margin-right:0;
margin-left:0;
font-size:12px;
line-height:25px;
position:relative;
}
.topic-right > ul > li.latest-post {
width:200px;
max-width:200px;
}
.topic-right > ul > li.topic-admin input[type='checkbox'] {
margin:3px 1px 3px 11px;
}
.topic-right > ul > li > a:first-child {
font-weight:700;
}
li.latest-post .user-info .uk-dropdown-bottom span.dropdown-arrow-cont {
left:auto;
right:20px;
}
.topic-views-icon {
display:inline-block;
width:17px;
height:13px;
margin-bottom:3px;
/* background:transparent url(/assets/vessur/img/topic_views_icon.png) center center no-repeat; */
opacity:0.4;
}
.topic-comments-icon {
display:inline-block;
width:13px;
height:14px;
margin-bottom:2px;
/* background:transparent url(/assets/vessur/img/topic_posts_icon.png) center center no-repeat; */
opacity:0.4;
}
.relpos {
position:relative;
}
.inline-relpos {
display:inline-block;
position:relative;
}
.board-topic .inline-relpos {
height:13px;
min-width:20px;
}
.board-topic a.unread-posts-count {
background:#f00;
background:linear-gradient(#f00, #ec0000);
color:#fff;
font-size:11px;
font-weight:700;
display:inline-block;
height:16px;
padding:0 5px;
line-height:18px;
margin-right:0px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
position:absolute;
top:0;
left:0;
}
.topic-icons {
position:absolute;
width:24px;
display:flex;
flex-direction:column;
justify-content:center;
}
.topic-icons.details {
position:relative;
width:auto;
display:inline-block;
}
.board-topic .topic-icons {
top:0;
bottom:-20px;
left:-1px;
}
.board-topic .topic-icons ul {
padding:20px 0 20px;
width:24px;
font-size:18px;
color:#919191;
display:block;
}
.board-topic
.topic-left
.user-info
.uk-dropdown-bottom
span.dropdown-arrow-cont {
left:70px;
}
/* SPECIAL BOARD INTERACTIONS */
.board-content .interaction i {
float:left;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
opacity:0.7;
}
.board-content .follow i {
/* background-image:url(/assets/vessur/img/follow_item_icon.png); */
}
.board-content .unfollow i {
/* background-image:url(/assets/vessur/img/unfollow_item_icon.png); */
}
.board-content .trash i {
/* background-image:url(/assets/vessur/img/trash_icon.png); */
}
.board-content .interaction:hover i,
.board-content .interaction:hover i,
.board-content .interaction:hover i {
opacity:1;
}
/* .board-content .mark-all-as-read,
.board-content .mark-all-as-read i {
width:40px;
height:40px;
margin:0;
}
.board-content .mark-all-as-read,
.board-content .interaction {
position:absolute;
cursor:pointer;
}
.board-content .mark-all-as-read {
background:#eee;
border-radius:20px;
right:15px;
top:-4px;
} */
.board-content .interaction {
position:absolute;
cursor:pointer;
}
.board-content .board-topic-list > ul > li:hover {
background:rgba(17, 17, 17, 0.01);
}
.board-content .board-topic-list > ul > li.marked,
.board-content .board-topic-list > ul > li.marked:hover {
opacity:0.4;
background:rgba(17, 17, 17, 0.1);
}
.board-content .interaction,
.board-content .interaction i {
width:24px;
height:24px;
}
.board-content .interaction {
background:none;
bottom:15px;
right:67px;
}
.board-content .board-topic-list > ul > li .mark-as-read {
background:#eee;
bottom:15px;
right:25px;
border-radius:12px;
}
.board-content .board-topic-list > ul > li .interaction,
.board-content .board-topic-list > ul > li.marked .interaction,
.board-content .board-topic-list > ul > li.marked:hover .interaction,
.board-content
.board-topic-list
> ul
> li.unread.marked:hover
.interaction.mark-as-read {
display:none;
}
.board-content .board-topic-list > ul > li:hover .interaction {
display:block;
}
.board-content
.board-topic-list
> ul
> li.unread:hover
.interaction.mark-as-read
i {
opacity:0.7;
}
.board-content
.board-topic-list
> ul
> li:hover
.interaction.mark-as-read:hover {
background:#eee;
cursor:default;
}
.board-content .board-topic-list > ul > li:hover .interaction.mark-as-read i {
opacity:0.1;
}
.board-content
.board-topic-list
> ul
> li.unread:hover
.interaction.mark-as-read:hover {
background:#e5e5e5;
cursor:pointer;
}
/* TOPIC */
.post-content-inner iframe {
background:rgba(17, 17, 17, 0.15);
display:inline-block;
display:block;
width:480px;
height:270px;
max-width:100%;
}
.post-content-inner iframe.align-center {
margin:0 auto;
}
.post-content-inner iframe.align-right {
margin-left:auto;
}
.topic .post-content .post-content-inner,
.topic .post-content .post-content-inner > *,
.fr-element a[target='_blank'],
.topic .post-content .post-content-inner a[target='_blank'] {
word-break:break-word;
}
.topic .post-content .post-content-inner ul {
}
.topic .topic-post .post-content .post-content-inner ul li,
.list-messages .topic-post .post-content ul li {
padding-left:0px;
list-style-position:inside;
}
.topic .tpl3 .post-content .post-content-inner {
min-height:73px;
}
.fr-element a.url-content[target='_blank'],
.topic .post-content .post-content-inner a.url-content[target='_blank'] {
word-break:break-all;
}
.fr-element a,
.topic .post-content .post-content-inner a {
color:#6ba0f1;
text-decoration:underline;
}
.fr-element a:hover,
.fr-element a:focus,
.topic .post-content .post-content-inner a:hover,
.topic .post-content .post-content-inner a:focus {
color:#6ba0f1;
text-decoration:none;
}
.quick-edit-wrapper form {
display:none;
background-color:rgba(17, 17, 17, 0.05);
padding:7px;
margin-bottom:3px;
}
.quick-edit-wrapper fieldset {
margin:0;
}
.quick-edit-wrapper textarea {
width:100%;
min-height:200px;
max-height:500px;
box-sizing:border-box;
margin-bottom:7px;
padding:4px 7px;
overflow-y:auto;
resize:vertical;
}
.topic-post .quick-edit-wrapper form,
.topic-post.edit-mode .edited-meta .uk-button.icon-only,
.topic-post.edit-mode .post-content-inner {
display:none;
}
.topic-post.edit-mode .quick-edit-wrapper form {
display:block;
}
.topic-actions .follow-action {
margin:0;
}
.topic-actions .more-info {
display:block;
height:34px;
width:13px;
}
.topic-actions .m-select .uk-dropdown {
width:auto;
}
/* FOR ACTION CARDS ONLY */
/*
.topic-actions .action-button {
display:block;
position:relative;
height:33px;
line-height:34px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#919191;
background-position:center center;
background-repeat:no-repeat;
border:1px solid rgba(17, 17, 17, 0.1);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
overflow:hidden;
}
.action-button > span {
float:left;
display:inline-block;
width:35px;
height:33px;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.action-button:hover,
.action-button:focus {
border-color:#aaa;
color:#aaa;
}
.action-button.active,
.action-button.active:hover,
.action-button.active:focus,
.uk-open .action-button,
.uk-open .action-button > span,
.uk-open .action-button:hover,
.uk-open .action-button:focus,
.uk-open .action-button:hover > span
.uk-open .action-button:focus > span
.action-button:hover > span,
.action-button:focus > span {
background-color:#aaa;
color:#fff;
}
.action-button.active,
.action-button.active:hover,
.action-button.active:focus,
.uk-open .action-button,
.uk-open .action-button:hover,
.uk-open .action-button:focus {
border-color:transparent;
}
.action-button.star-button > span {
background-image:url(/assets/vessur/img/mask_star_icon.png);
}
.action-button.active.star-button > span {
background-image:url(/assets/vessur/img/star_icon.png);
}
*/
/* END OF FOR ACTION CARDS ONLY */
.topic-header {
border-top:5px solid #aaa;
position:relative;
}
.topic-info {
margin-top:23px;
margin-bottom:30px;
float:left;
width:550px;
position:relative;
}
.topic-actions {
float:left;
width:320px;
}
.topic-actions > ul > li {
position:relative;
float:left;
margin-right:10px;
}
.topic-actions ul li:last-child {
margin-right:0;
}
.share-action .uk-modal-dialog {
width:480px;
height:220px;
padding:23px 25px 18px;
position:relative;
}
.share-action .share-action-inner ul,
.share-action .share-action-inner ul li,
.share-action .share-action-inner ul li .uk-button,
.share-action .share-action-inner ul li .uk-button .button-icon {
height:40px;
line-height:40px;
}
.share-action .share-action-inner ul {
display:block;
text-align:center;
margin:30px auto 0;
}
.share-action .share-action-inner ul li {
display:inline-block;
margin:0 5px;
}
.share-action .share-action-inner ul li .uk-button,
.share-action .share-action-inner ul li .uk-button .button-icon {
display:block;
width:40px;
border-radius:3px;
}
.share-action .share-action-inner ul li .share-facebook {
background:#4b76bd;
}
.share-action .share-action-inner ul li .share-gplus {
background:#fb5245;
}
.share-action .share-action-inner ul li .share-twitter {
background:#00c6ff;
}
.share-action .share-action-inner ul li .share-viber {
background-color:#7d3daf;
}
.share-action .share-action-inner ul li .share-whatsapp {
background-color:#1bd741;
}
.share-action .share-action-inner input {
margin-top:12px;
width:421px;
display:block;
}
.topic .topic-title,
.topic .topic-title a {
color:#111;
font-weight:400;
font-size:30px;
line-height:33px;
}
.topic .topic-title a {
display:block;
}
.topic .topic-icons.details {
min-height:22px;
line-height:22px;
padding-bottom:10px;
margin-top:13px;
}
.topic .topic-icons li {
margin:0 13px 0 0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:rgba(17, 17, 17, 0.4);
}
.topic-info ul li {
display:inline-block;
}
.icons-wrapper,
.topic-icons li span {
vertical-align:middle;
display:inline-block;
height:22px;
}
.topic-icons li span.icons-wrapper {
height:16px;
}
.topic .details li i {
float:left;
}
.topic .details li i {
display:inline-block;
margin-right:5px;
vertical-align:top;
}
.topic-icons li {
/* width:13px; */
display:block;
margin-bottom:2px;
cursor:pointer;
/* font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:rgba(17, 17, 17, 0.4);
vertical-align:top;
margin-right:5px; */
}
.topic-icons li .topic-views-icon {
margin-top:4px;
}
.topic-icons li .topic-comments-icon {
margin-top:6px;
}
.topic-icons li.members-online {
cursor:pointer;
}
.topic-icons li.members-online i {
height:8px;
width:8px;
background-color:#05c317;
margin-top:7px;
margin-right:0;
border-radius:50%;
}
.topic-icons li.members-online span {
vertical-align:top;
}
.topic-icons li i {
/* width:13px; */
display:block;
/* background-color:transparent;
background-position:center center;
background-repeat:no-repeat; */
margin:0 auto;
}
.topic-icons li .ti-hot {
width:10px;
height:13px;
/* background-image:url(/assets/vessur/img/topic_icons_hot.png); */
}
.topic-icons li .ti-hotter {
width:10px;
height:13px;
/* background-image:url(/assets/vessur/img/topic_icons_hotter.png); */
}
.topic-icons li .ti-locked {
width:10px;
height:13px;
/* background-image:url(/assets/vessur/img/topic_icons_locked.png); */
opacity:0.5966;
}
.topic-icons li .ti-pinned {
width:11px;
height:17px;
/* background-image:url(/assets/vessur/img/topic_icons_pinned.png); */
opacity:0.5966;
}
.topic-icons li .ti-paid,
.topic-icons li .ti-paid1 {
width:8px;
height:13px;
/* background-image:url(/assets/vessur/img/topic_icons_paid.png); */
opacity:0.5966;
}
.topic-icons li .ti-editors {
width:13px;
height:17px;
/* background-image:url(/assets/vessur/img/topic_icons_editors.png); */
opacity:0.5966;
}
.topic-icons li .ti-poll {
width:10px;
height:11px;
/* background-image:url(/assets/vessur/img/topic_icons_poll.png); */
opacity:0.5966;
}
.topic-icons li .ti-video {
width:15px;
min-width:15px;
height:14px;
background-position:-346px -187px !important;
transform:scale(0.8);
opacity:0.5966;
}
.user-avatar {
float:left;
margin-right:9px;
position:relative;
width:85px;
height:85px;
line-height:1;
text-align:center;
background:#fff;
vertical-align:middle;
border:1px solid rgba(17, 17, 17, 0.1);
border-radius:2px;
overflow:hidden;
margin-right:15px;
background-image:url(/assets/vessur/img/avatar_placeholder_big.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
/* cursor:pointer; */
}
.user-avatar img {
border-radius:2px;
max-width:87px;
max-height:87px;
display:inline-block;
vertical-align:middle;
background:#fff;
position:relative;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-sizing:content-box;
border:80px solid #fff;
object-fit:contain;
}
.user-avatar span {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.user-avatar strong {
display:inline-block;
background:#fff;
border-radius:2px;
width:100%;
height:100%;
color:rgba(17, 17, 17, 0.2);
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:300;
line-height:85px;
font-size:48px;
}
.alt-modal .user-info-mini .user-avatar strong,
.global-header .user-avatar strong,
.topic-author .user-avatar strong,
.list-messages .user-avatar strong {
line-height:35px;
font-size:24px;
font-weight:400;
}
.topic-author {
margin-top:5px;
cursor:pointer;
}
.topic-info .topic-title + .topic-author {
margin-top:13px;
}
.topic-author .user-avatar,
.blank-list .user-avatar {
width:30px;
height:30px;
}
.topic-author .user-avatar img {
max-width:32px;
max-height:32px;
}
.topic-author .user-avatar strong,
.blank-list .user-avatar strong {
line-height:30px;
font-size:22px;
}
.topic-author .m-dropdown > .user-avatar span {
background:rgba(0, 0, 0, 0.2);
}
.user-info-mini {
float:left;
}
.user-info-mini .user-avatar {
width:33px;
height:33px;
}
.user-info-mini .user-avatar img {
max-width:35px;
max-height:35px;
}
.topic-author .m-dropdown > p,
.topic-author > p,
.modal-content-container .user-info-mini > p {
float:left;
font-size:12px;
color:#999;
line-height:17px;
margin-top:-1px;
}
.topic-author .m-dropdown > p,
.topic-author > p {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
}
.topic-author .m-dropdown > p strong,
.topic-author > p strong {
font-weight:500;
}
.topic-info .topic-author .m-dropdown > p > a,
.topic-info .topic-author > p > a {
color:#444;
}
.topic-info .topic-author .m-dropdown > p:hover a,
.topic-info .topic-author .m-dropdown > p:hover {
color:#111;
}
.topic .topic-details {
float:left;
margin-top:14px;
margin-bottom:5px;
width:100%;
}
.topic .topic-details li {
float:left;
text-align:right;
height:20px;
line-height:20px;
color:rgba(17, 17, 17, 0.5);
margin-bottom:7px;
background:#fff;
border-radius:2px;
font-size:12px;
padding:0 5px;
}
.topic .topic-details li:last-child {
float:right;
}
.topic .topic-details li:last-child:first-child {
float:left;
}
.topic .topic-details li:last-child span {
cursor:pointer;
}
.topic .topic-details li:last-child span:hover {
color:rgba(17, 17, 17, 0.7);
}
.topic .topic-header ul.topic-details li a {
color:rgba(17, 17, 17, 0.5);
}
.topic-author:hover .m-dropdown > .user-avatar span,
.topic-author:focus .m-dropdown > .user-avatar span {
background:transparent;
}
.topic-content-header .m-button,
.topic-content-footer .m-button {
float:left;
min-width:125px;
}
.topic-content-header p,
.topic-content-footer p {
float:left;
padding:11px 0 12px 0;
font-size:12px;
color:#919191;
}
.topic-content-header,
.topic-content-footer {
padding-bottom:20px;
}
.topic-content-header .m-pagination,
.topic-content-footer .m-pagination {
margin-right:-7px;
}
.topic .recommended {
background:#fff;
}
.user-status-icon {
width:6px;
height:6px;
display:inline-block;
vertical-align:middle;
background:gray;
border-radius:6px;
margin-left:5px;
}
.usi-online {
background:#2fc700;
}
.usi-offline {
background:red;
}
/* POST */
.topic-post {
position:relative;
border:1px solid rgba(17, 17, 17, 0.1);
background:#fff;
margin-bottom:20px;
}
.topic-post.post-attachments {
background:none;
border:none;
margin-bottom:0;
}
.topic-post.post-attachments .post-content.attachment-container {
border:1px solid rgba(17, 17, 17, 0.1);
background:#fff;
margin-bottom:20px;
}
.topic-post:before {
content:'';
background:#aaa;
height:2px;
position:absolute;
top:-2px;
left:-1px;
right:-1px;
}
.topic-post .uk-flex {
display:block;
}
.post-right {
float:right;
min-height:40px;
}
.post-user-name {
font-size:14px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.post-user-name strong {
color:rgba(17, 17, 17, 0.7);
}
.post-user-name a,
.post-user-name a .ellipsis-container {
position:relative;
display:block;
float:left;
height:100%;
color:rgba(17, 17, 17, 0.5);
width:auto;
max-width:100%;
}
.post-user-name a:hover,
.post-user-name a:hover .ellipsis-container,
.post-user-name a:hover strong {
color:#111;
}
.post-anchor {
position:absolute;
top:-67px;
left:0;
height:0;
width:0;
}
.with-leading-header .post-anchor {
top:-97px;
}
.list-messages .post-anchor {
top:-64px;
}
.with-leading-header .list-messages .post-anchor {
top:-94px;
}
.post-content,
.post-header,
.post-header .user-info,
.post-left {
padding-right:24px;
padding-left:24px;
}
.post-left {
width:125px;
min-height:40px;
float:left;
padding-right:0;
padding-bottom:15px;
}
.post-header {
position:relative;
padding-left:0;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.topic-post.new-post .post-header,
.list-messages li.new-message .m-accordion-entry-header,
.list-messages li.updated .m-accordion-entry-header {
background:#ffffd3;
}
.post-header p,
.post-header .post-link,
.post-header .post-date {
height:40px;
line-height:40px;
}
.post-header .post-link,
.post-header .post-date {
float:right;
padding-left:10px;
color:#999;
font-size:12px;
}
.post-header .post-link a,
.post-header a.post-link .post-link {
display:inline-block;
font-size:15px;
color:rgba(17, 17, 17, 0.7);
}
.post-header a.post-link:hover span,
.post-header a.post-link:focus span,
.post-header .post-link a:hover,
.post-header .post-link a:focus {
text-decoration:underline;
color:#111;
}
.topic-post .post-admin {
float:right;
}
.post-content .post-admin {
margin:-17px -20px 0 0;
overflow-y:hidden;
height:17px;
}
.post-content .attachment-header {
position:relative;
}
.post-content .attachment-header .post-admin {
height:24px;
position:absolute;
top:20px;
right:27px;
padding-top:8px;
}
.post-content .post-admin .uk-button {
margin-top:-8px;
position:relative;
}
.post-header .post-admin .edit-icon,
.post-header .post-admin input {
float:left;
}
.post-header .post-admin .edit-icon {
width:34px;
height:37px;
margin:3px 0 0 8px;
opacity:1;
}
.post-header .post-admin .edit-icon:before {
margin:9px 8px;
}
.post-header .post-admin input {
margin:11px 0px 13px 6px;
}
.post-admin .mark-as-model input[type='checkbox'] {
margin:0 7px 0 0;
position:relative;
bottom:-3px;
}
.post-content {
font-size:15px;
line-height:24px;
padding-top:17px;
padding-bottom:20px;
}
.post-content.attachment-container {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
/* padding-top:25px;
padding-bottom:25px; */
}
.post-content.attachment-container:last-child {
border-bottom:0px;
}
.post-content.attachment-container .video-wrapper,
.post-content.attachment-container .video-wrapper iframe {
width:100%;
height:535px;
padding:0;
border:none;
}
.post-content .user-avatar {
width:85px;
height:85px;
}
.post-content .user-avatar img {
max-width:87px;
max-height:87px;
}
.post-content .user-avatar strong {
line-height:85px;
font-size:48px;
font-weight:300;
}
.post-content .user-avatar:hover span,
.post-content .user-avatar:focus span {
background:transparent;
}
/* legacy */
.quote-wrapper .quote .quote-wrapper,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper {
background:#fff;
}
.quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
pre,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
pre,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
pre {
background:#fff;
}
.quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper {
background:#f7f7f7;
}
.quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
pre,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
pre,
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
.quote-wrapper
.quote
pre {
background:#f7f7f7;
}
.post-content .m-quote,
.post-content .quote-wrapper {
background:#f7f7f7;
border:1px solid rgba(17, 17, 17, 0.1);
padding:6px 14px 25px;
margin:20px 0 17px;
font-size:14px;
}
.post-content-inner > .quote-wrapper:first-child {
margin-top:px;
}
.post-content .m-quote.even,
.post-content .quote-wrapper.even {
background:#fff;
}
.post-content .m-quote .m-quote,
.quote-wrapper .quote-wrapper {
margin-top:0;
}
.post-content img {
max-width:100%;
max-height:600px;
}
.private-messages .post-content img {
height:auto;
}
.post-content .m-quote img,
.post-content .quote img {
max-width:100%;
max-height:600px;
}
.post-content td img,
.post-content .m-quote td img,
.post-content .quote td img {
max-width:100%;
max-height:600px;
}
.private-messages
.post-content
td
img
.private-messages
.post-content
.m-quote
td
img,
.private-messages .post-content .quote td img {
max-width:100%;
max-height:200px;
}
.post-content .m-quote .m-quote-title,
.post-content .quote-wrapper .quoteheader,
.post-content .post-content-inner a.quoteheader {
line-height:30px;
min-height:30px;
font-style:italic;
color:#343434;
padding:5px 0 12px;
position:relative;
}
.post-content .post-content-inner a.quoteheader:hover,
.post-content .post-content-inner a.quoteheader:focus {
color:#343434;
}
.post-content .m-quote .m-quote-title a,
.post-content .quote-wrapper .quoteheader a {
color:rgba(17, 17, 17, 0.7);
}
.post-content .m-quote .m-quote-title a:hover,
.post-content .quote-wrapper .quoteheader a:hover,
.post-content .m-quote .m-quote-title a:focus,
.post-content .quote-wrapper .quoteheader a:focus {
color:#111;
}
.post-content .m-quote .m-quote-title a:before,
.post-content .quote-wrapper .quoteheader a:before,
.post-content .quote-wrapper .quoteheader:before {
content:'';
display:inline-block;
width:16px;
height:12px;
margin-right:10px;
margin-top:9px;
float:left;
/* background:transparent url(/assets/vessur/img/quote_icon.png) center center no-repeat; */
opacity:0.5;
}
.post-content .quote-wrapper .quoteheader a:before {
position:absolute;
top:5px;
left:0px;
display:none;
opacity:0.4 !important;
}
.post-content .quote-wrapper .quoteheader:hover a:before {
display:block;
}
.post-content .m-quote .m-quote-title a:hover:before,
.post-content .quote-wrapper .quoteheader a:hover:before {
opacity:1;
}
.post-content .m-quote blockquote,
.post-content .quote-wrapper .quote {
/*
font-style:normal;
padding:0 25px;
font-size:14px; */
border:none;
}
.post-content .quote-wrapper .quoteheader span {
text-decoration:underline;
}
.edited-meta {
color:#252525;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-top:8px;
}
.edited-meta .uk-button {
margin-right:-10px;
}
.edited-meta .uk-button .edit-inline-icon {
margin:0;
}
.edited-meta i,
.edited-meta span {
color:#919191;
}
.author-signature {
padding:20px 0 0;
border-top:1px solid rgba(17, 17, 17, 0.1);
margin-top:20px;
max-width:600px !important;
max-width:100% !important;
/* max-height:179px !important; */
max-height:200px !important;
/* overflow-y:auto; */
overflow:hidden !important;
line-height:20px !important;
font-family:'Roboto', Arial, Helvetica, sans-serif !important;
font-style:italic !important;
font-size:14px !important;
color:rgba(17, 17, 17, 0.4) !important;
word-break:break-word;
}
.author-signature img {
max-width:600px !important;
max-height:179px !important;
}
/* is this needed? */
.topic-post .post-left .author-data {
display:block;
margin-top:12px;
}
.topic-post .post-left .author-data li {
color:#919191;
font-size:12px;
line-height:18px;
display:block;
}
.topic-post .post-left .author-data li.posts-count {
color:#111;
margin-top:3px;
}
.topic-post .post-left .post-user-rank {
color:#999;
font-size:12px;
line-height:17px;
margin-top:-11px;
margin-bottom:10px;
}
/* */
.uk-flex:after {
content:'';
clear:both;
display:block;
height:0px;
}
.post-actions {
padding-top:26px;
padding-bottom:10px;
}
.post-actions ul,
.post-actions li {
display:block;
position:relative;
height:35px;
line-height:35px;
z-index:1;
}
.post-actions li a,
.post-actions li .uk-button {
margin:0;
}
.post-useful,
.post-quote,
.post-reply,
.post-share,
.post-delete {
float:right;
margin-left:10px;
}
.post-useful .count {
font-size:12px;
color:rgba(17, 17, 17, 0.5);
float:right;
margin-left:7px;
line-height:37px;
height:33px;
}
.post-useful .m-button .count {
color:#fff;
}
.topic-post-owner .post-actions li.post-useful a:hover i,
.topic-post-owner .post-actions li.post-useful a:focus i {
/* opacity:0.7; */
}
.topic-post-owner .post-actions li.post-useful a:hover,
.topic-post-owner .post-actions li.post-useful a:focus {
/* color:rgba(17, 17, 17, 0.7);
cursor:default; */
}
.post-report {
float:left;
}
.post-report .uk-button {
padding:8px 5px 7px 0;
display:block;
height:35px;
}
.post-report i {
opacity:0.5;
}
.post-report:hover i,
.post-report:focus i {
opacity:1;
}
.topic-post.original:before,
.topic-post.post-attachment:before,
.latest-topic-posts .topic-post:before {
content:none;
}
.user-info-inner a:hover,
.user-info-inner a:focus {
text-decoration:underline;
}
/* TOPIC POSTS TEMPLATES */
.tpl4 .post-header .post-right,
.tpl4 .post-content .post-right {
box-sizing:border-box;
width:100%;
}
.tpl2 .post-user-name,
.tpl2 .post-header > .post-link,
.tpl2 .post-header > .post-date,
.tpl2 .post-header > .post-admin {
margin:12px 0 13px;
}
.tpl2 .post-user-name {
width:440px;
float:left;
}
.tpl2 .post-user-name a {
max-width:440px;
}
.tpl2 .post-user-name a .ellipsis-container {
max-width:420px;
}
.tpl2 .m-dropdown > .user-avatar {
width:43px;
height:43px;
margin:10px 14px 0 0;
border-radius:0;
}
.tpl2 .m-dropdown > .user-avatar img {
max-width:45px;
max-height:45px;
border-radius:0;
}
.tpl2 .m-dropdown > .user-avatar strong {
line-height:43px;
font-size:30px;
font-weight:400;
}
.tpl3 .post-left > .user-info {
width:125px;
margin:25px 0 16px;
}
.tpl3 .post-left .user-info > .user-avatar {
width:123px;
height:123px;
}
.tpl3 .post-left .user-info > .user-avatar img {
max-width:125px;
max-height:125px;
}
.tpl3 .post-left .user-info > .user-avatar strong {
line-height:123px;
font-size:90px;
font-weight:400;
}
.tpl3 .post-left .author-data {
margin-top:0;
}
.tpl3 .post-right .post-content {
width:795px;
}
/* POLL */
.m-accordion .topic-post.post-attachment {
margin-bottom:16px;
}
.attachment-header {
margin:0 -24px 0 -24px;
padding-right:35px;
cursor:pointer;
}
.expandable.expanded .attachment-header {
margin-bottom:20px;
}
.accordion .attachment-container .attachment-header .button-icon.chevron-icon {
margin-top:16px;
}
.attachment-header .attachment-badge {
font-size:14px;
color:rgba(17, 17, 17, 0.4);
height:18px;
line-height:18px;
margin-top:5px;
}
.attachment-header .attachment-title {
font-size:15px;
height:20px;
line-height:21px;
}
.attachment-header .attachment-icon {
/* background:transparent url(/assets/vessur/img/topic_poll_icon.png) center center no-repeat; */
width:26px;
height:28px;
float:left;
margin:7px 16px 0 24px;
opacity:0.4;
}
.attachment-header .attachment-icon.qa-pairs-icon {
opacity:1;
}
.attachment-header .edit-icon {
width:32px;
height:32px;
padding:0;
}
.attachment-header .edit-icon:before {
margin:9px 8px;
}
.attachment-inner {
position:relative;
}
.attachment-inner .form-row input[type='checkbox'],
.attachment-inner .form-row input[type='radio'] {
margin-left:7px;
}
.attachment-content {
display:block;
background:#f7f7f7;
margin:0 -19px;
padding:14px 12px 10px;
}
.accordion .attachment-container .attachment-inner {
padding:0;
border:none;
}
.poll-section-title {
font-size:16px;
color:rgba(17, 17, 17, 0.5);
height:30px;
line-height:22px;
padding:3px 0;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin:0 7px;
}
.poll-results .poll-section-title {
border-bottom-color:transparent;
}
.poll-actions {
margin-top:30px;
margin-bottom:5px;
}
.poll-actions .m-button-text {
min-width:auto;
margin-right:0;
}
.attachment-legend {
font-size:12px;
color:#919191;
padding-left:38px;
margin-top:4px;
}
.attachment-content .form-row {
padding:8px 0 7px;
}
.poll-results-list {
font-size:15px;
color:#444;
line-height:23px;
margin:0 7px;
position:relative;
}
.poll-results .poll-results-list-container {
display:block;
overflow:hidden;
}
.poll-results .toggle-shrink-trigger {
cursor:pointer;
width:42px;
height:20px;
background-color:#f7f7f7;
position:absolute;
left:50%;
margin-left:-21px;
bottom:-14px;
border-radius:2px;
}
.poll-results .toggle-shrink-trigger .button-icon.chevron-icon {
margin:auto;
position:static;
float:none;
right:auto;
}
.poll-results .toggle-shrink-trigger .more-count {
display:inline-block;
}
.poll-results.poll-results-expanded .toggle-shrink-trigger .more-count {
display:none;
}
.poll-results {
padding-bottom:0px;
}
.poll-results.poll-results-expanded .poll-results-list {
padding-bottom:10px;
}
.poll-results-list ul li {
position:relative;
}
.poll-results-list .row-style strong {
font-weight:400;
color:rgba(17, 17, 17, 0.7);
}
.poll-results-list .row-style.voted strong {
color:#111;
}
.poll-results-list .row-style span {
position:relative;
float:left;
width:81%;
z-index:1;
}
.poll-results-list .row-style span:first-child {
float:right;
text-align:right;
max-width:15%;
margin:1px 5px 0 0;
height:20px;
}
.poll-results-list .row-style .list-background {
background-color:rgba(17, 17, 17, 0.1);
padding:5px 0;
position:absolute;
top:-1px;
left:-1px;
bottom:-1px;
z-index:0;
width:0%;
-webkit-transform:scaleX(0);
-webkit-transform-origin:0% 0%;
-ms-transform:scaleX(0);
-ms-transform-origin:0% 0%;
transform:scaleX(0);
transform-origin:0% 0%;
border-radius:2px;
}
.poll-results-list .row-style.voted .list-background {
background-color:rgba(17, 17, 17, 0.3);
}
.poll-results-list .row-style {
border:1px solid rgba(17, 17, 17, 0.1);
min-height:20px;
padding:5px;
border-radius:2px;
margin-top:10px;
}
/* END OF POLL */
.expandable .expandable-inner {
display:none;
}
.expandable .expandable-inner-alternative {
display:block;
}
.expandable.expanded .expandable-inner {
display:block;
}
.expandable.expanded .expandable-inner-alternative {
display:none;
}
.topic-cover {
background-color:#eee;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:300px;
}
.topic-cover .overlay {
background:transparent url(/assets/vessur/img/cover_overlay.png) bottom
left repeat-x;
width:100%;
height:300px;
}
.topic-footer {
padding-top:15px;
padding-bottom:25px;
}
.topic-footer .m-list.list-mini {
background:#fff;
}
.expanding-form {
}
.expanding-form .expanding-form-inner {
position:relative;
background:rgba(0, 0, 0, 0.05);
}
.expanding-form .expanding-form-inner-toggle {
/* overflow:hidden; */
max-height:0px;
padding:0 25px;
position:relative;
z-index:1;
}
.expanding-form.expanded .expanding-form-inner-toggle {
max-height:320px;
}
.expanding-form .expanding-form-title {
height:50px;
line-height:49px;
font-size:20px;
color:rgba(17, 17, 17, 0.7);
display:block;
padding-left:25px;
overflow:hidden;
position:relative;
z-index:2;
}
.expanding-form .expanding-form-title span {
float:left;
}
.expanding-form .expanding-form-title .chevron-icon {
margin-top:22px;
margin-left:8px;
}
.expanding-form .expanding-form-title:hover .chevron-icon,
.expanding-form .expanding-form-title:focus .chevron-icon {
opacity:1;
}
.expanding-form textarea {
/* width:912px;
max-width:912px;
min-width:912px; */
width:533px;
max-width:533px;
min-width:533px;
min-height:94px;
margin-bottom:20px;
resize:none;
}
.expanding-form-actions {
padding-bottom:21px;
}
.expanding-form-actions .uk-button.float-right {
margin:0;
}
.topic-footer .expanding-form {
float:left;
padding-right:25px;
}
.topic-post .user-info {
/* cursor:pointer; */
position:relative;
float:left;
width:500px;
}
.topic-post .user-info .user-avatar {
cursor:pointer;
}
/* QA PAIRS */
.qa-pairs-container .attachment-legend {
margin:0;
padding:0 0 16px 0;
}
.qa-pairs-container .attachment-content {
padding:16px;
}
.qa-pairs-container .attachment-inner.expandable-inner-alternative {
cursor:pointer;
padding-top:16px;
}
.qa-pairs-container
.attachment-inner.expandable-inner-alternative
.attachment-content {
border-top:1px solid #e0e0e0;
padding-top:0;
background:none;
}
.qa-pairs-container
.attachment-inner.expandable-inner-alternative
.attachment-content
p {
color:#848484;
font-size:14px;
font-weight:400;
line-height:1;
padding:8px;
}
.qa-pair-expandable {
border-top:1px solid #e0e0e0;
padding:16px;
margin-left:-16px;
margin-right:-16px;
}
.qa-pair-expandable:last-child {
border-bottom:1px solid #e0e0e0;
}
.qa-pair-expandable .qa-pair-expandable-trigger {
position:relative;
color:#565656;
font-size:16px;
font-weight:500;
padding-left:40px;
cursor:pointer;
}
.qa-pair-expandable .qa-pair-expandable-trigger .button-icon.chevron-icon {
right:auto;
left:6px;
margin:0;
top:50%;
margin-top:-4px;
}
.qa-pair-expandable .qa-pair-expandable-inner {
max-height:0;
overflow:hidden;
padding-left:40px;
}
.qa-pair-expandable .qa-pair-expandable-inner p {
color:#848484;
font-size:14px;
font-weight:400;
line-height:normal;
padding-top:8px;
}
.qa-pair-expandable.qa-pair-expanded .qa-pair-expandable-inner {
max-height:500px;
}
.qa-pair-feedback {
float:right;
}
.qa-pair-feedback li {
display:inline-block;
margin-left:8px;
}
.qa-pair-feedback li .uk-button .button-icon {
color:#585858;
}
.qa-pair-feedback li .uk-button.marked[data-qa-pair-feedback='1'] .button-icon {
color:#89c37a;
}
.qa-pair-feedback li .uk-button.marked[data-qa-pair-feedback='0'] .button-icon {
color:#d23636;
}
.qa-pairs-container:hover .expandable-trigger.expandable-inner-alternative .attachment-content {
background:#f7f7f7;
}
/* USER INFO */
.user-info .uk-dropdown-bottom span.dropdown-arrow-cont {
right:auto;
left:48px;
}
.user-info .user-info-inner {
width:498px;
min-height:144px;
padding:15px 15px 0;
position:relative;
cursor:default;
}
.user-info .user-info-inner > .user-avatar {
width:123px;
height:123px;
}
.user-info .user-info-inner > .user-avatar img {
max-width:125px;
max-height:125px;
}
.user-info .user-info-inner > .user-avatar strong {
font-size:72px;
font-weight:400;
line-height:123px;
}
.user-info .user-details,
.user-info .user-info-footer {
color:rgba(17, 17, 17, 0.5);
}
.user-info .user-details {
float:left;
max-width:377px;
font-size:14px;
line-height:20px;
margin-top:1px;
min-height:124px;
min-width:330px;
}
.user-info .user-details p,
.user-info .user-details p a {
min-height:20px;
display:block;
height:20px;
line-height:20px;
color:#111;
}
.user-info .user-details p {
padding:2px 0 6px;
}
.user-info .user-details .user-name {
padding:5px 0;
font-size:16px;
color:#111;
}
.user-info .user-name a .ellipsis-container {
width:auto;
max-width:300px;
}
.user-info .user-name a .ellipsis-container,
.user-info-inner .user-status-icon,
.user-info .user-info-footer ul li {
float:left;
}
.user-info-inner .user-status-icon {
margin-top:8px;
margin-left:5px;
margin-bottom:0;
}
.user-info .user-email {
font-style:italic;
color:#111;
}
.user-info .user-info-footer {
margin-top:5px;
font-size:13px;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.user-info .user-info-footer ul li.float-left {
margin-right:19px;
}
.user-info .user-info-footer ul li.float-right {
margin-left:19px;
}
.user-info .user-info-footer ul,
.user-info .user-info-footer ul li,
.user-info .user-info-footer a {
display:block;
height:42px;
line-height:44px;
}
.user-info .user-info-footer a:hover,
.user-info .user-info-footer a:focus {
text-decoration:none;
color:#fff;
}
.user-info .send-message {
position:absolute;
top:22px;
right:20px;
width:19px;
height:16px;
}
/* End of USER INFO */
.list-mini {
border:1px solid rgba(17, 17, 17, 0.1);
margin-top:35px;
margin-bottom:0px;
}
.list-mini-title {
font-size:22px;
color:#444;
padding:28px 24px 9px;
}
.list-mini .m-list-content {
width:auto;
padding:16px 25px 17px;
float:none;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.list-mini .m-list-content:last-child {
border-bottom:none;
}
.list-mini .m-list-content a {
display:inline;
}
section.index .most-recent .ad-cont + .content-container {
width:625px;
float:left;
}
section.index .most-recent,
section.index .trending {
margin-top:15px;
}
section.index .most-recent {
margin-bottom:25px;
}
section.index .recommended {
margin-top:4px;
}
section.index .m-list-heading,
section.topic .recommended .m-list-heading,
section.board .recommended .m-list-heading {
padding-top:10px;
}
section.index .recommended .m-list-heading,
section.index .trending .m-list-heading,
section.index .curated .m-list-heading,
section.topic .recommended .m-list-heading,
section.board .recommended .m-list-heading {
padding-bottom:15px;
}
section.board .recommended .m-card-grid {
/* padding:0; */
/* margin:0 -12px 0 -13px; */
}
section.board .recommended .recommended-inner,
section.topic .recommended .recommended-inner {
margin-left:-25px;
margin-right:-25px;
}
section.index .group-recommendations .m-list-heading {
padding-bottom:6px;
}
section.index > .container:first-child .m-list-heading {
padding-top:0;
}
section.index .m-list .m-list-content {
margin-left:15px;
}
section.index .m-list .m-list-content-right {
margin-right:-3px;
}
section.index .m-list > li:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
section.index .more-section .load-more-section {
margin-top:5px;
}
#load-more {
position:relative;
}
.m-slideset-nav .uk-progress-mini {
height:1px;
}
.m-slideset-nav .uk-progress-bar {
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
background:#111;
}
.m-slideset-nav .uk-progress-bar.pending {
-webkit-transition:all 5s linear;
-moz-transition:all 5s linear;
-ms-transition:all 5s linear;
-o-transition:all 5s linear;
transition:all 5s linear;
width:100%;
}
.m-slideset {
display:block;
width:100%;
overflow:hidden;
}
.m-slideset li {
float:left;
}
.curated .m-slideset,
.curated .m-slideset li {
height:272px;
max-height:272px;
}
.m-slider {
margin-top:25px;
margin-bottom:25px;
min-height:317px;
}
.m-slider .uk-slideshow,
.m-slide {
min-height:280px;
}
.m-slide-content {
display:flex;
width:100%;
height:100%;
padding:25px;
box-sizing:border-box;
}
.m-slide-content img {
/* position:absolute;
top:50%;
transform:translateY(-50%); */
width:412px;
height:230px;
}
.m-slider .m-slide-content .m-list-heading {
color:inherit;
padding-top:0;
}
.sponsored-groups .m-slideset,
.sponsored-groups .m-slideset li {
height:150px;
max-height:150px;
}
.sponsored-groups .m-slideset li {
width:300px;
margin:0 12px 25px 13px;
}
.sponsored-groups .action-card-list {
margin:0 auto;
padding:0 13px 0 12px;
width:975px;
}
.sponsored-groups .action-card-list .action-card {
margin:0;
}
.m-slideset-nav {
margin-top:13px;
text-align:center;
}
.m-slideset-nav .uk-slideset-nav,
.m-slideset-nav .uk-slidenav,
.m-slideset-nav .uk-slideset-nav > li {
float:none;
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
height:23px;
}
.m-slideset-nav .uk-slideset-nav > li {
padding:0 7px;
}
.m-slideset-nav .uk-slideset-nav {
width:136px;
}
.m-slideset-nav .uk-slideset-nav li a {
width:9px;
height:9px;
border-radius:9px;
background-color:rgba(17, 17, 17, 0.1);
float:left;
margin-top:8px;
}
.m-slideset-nav .uk-slideset-nav li.uk-active a {
background-color:#111;
}
.m-slideset-nav .uk-slidenav {
background:transparent center center no-repeat;
width:23px;
opacity:0.7;
}
.m-slideset-nav .uk-slidenav:hover {
opacity:1;
}
.m-slideset-nav .uk-slidenav.uk-slidenav-previous {
/* background-image:url(/assets/vessur/img/filters_left_arrow.png); */
}
.m-slideset-nav .uk-slidenav.uk-slidenav-next {
/* background-image:url(/assets/vessur/img/filters_right_arrow.png); */
}
.m-slideshow {
width:780px;
height:605px;
}
.m-slideshow-arrow {
position:absolute;
top:50%;
margin-top:-23px;
width:45px;
height:45px;
background:transparent center center no-repeat;
z-index:1;
}
.m-slideshow-arrow-left {
left:-100px;
/* background-image:url(/assets/vessur/img/slideshow_arrow_left.png); */
}
.m-slideshow-arrow-right {
right:-100px;
/* background-image:url(/assets/vessur/img/slideshow_arrow_right.png); */
}
.m-slideshow-arrow-done {
/* background-image:url(/assets/vessur/img/slideshow_arrow_done.png); */
z-index:2;
}
.m-helper-container,
.m-helper,
.m-helper:before,
.m-helper:after,
.m-helper u,
.m-helper u:after,
.m-helper i {
top:0;
left:0;
position:absolute;
width:19px;
height:19px;
display:block;
border-radius:50%;
z-index:1;
}
/*
.m-helper u,
.m-helper u:after,
*/
.m-helper:before,
.m-helper:after {
content:'';
z-index:1;
background-color:#69a3ff;
-webkit-animation:help-bubble-pulse 1.5s linear infinite;
-moz-animation:help-bubble-pulse 1.5s linear infinite;
-o-animation:help-bubble-pulse 1.5s linear infinite;
animation:help-bubble-pulse 1.5s linear infinite;
}
.m-helper:after {
-webkit-animation-delay:0.35s;
-moz-animation-delay:0.35s;
-o-animation-delay:0.35s;
animation-delay:0.35s;
}
.m-helper i {
z-index:2;
cursor:pointer;
/* background:transparent url(/assets/vessur/img/guided_tour_helper.png) center center no-repeat; */
/* box-shadow:0 0 1px 0px #66a1ff;
-webkit-box-shadow:0 0 1px 0px #66a1ff; */
}
.m-helper i.symbol {
background:#66a1ff;
color:#fff;
text-align:center;
font-style:normal;
line-height:19px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.m-helper-container.top-right,
.m-helper-container.right-top {
top:-9px;
right:-9px;
left:auto;
}
.m-helper-container.bottom-left,
.m-helper-container.left-bottom {
bottom:-9px;
left:-9px;
top:auto;
}
.m-helper-container.top-left,
.m-helper-container.left-top {
top:-9px;
left:-9px;
}
.m-helper-container .uk-dropdown {
background:transparent;
border-radius:3px;
border:none;
cursor:default;
-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.2);
box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.2);
}
/*
.m-helper-container .m-dropdown.uk-open:before {
content:'';
display:block;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background:rgba(0, 0, 0, 0.1);
}
*/
.m-helper-container.right-top .m-dropdown .uk-dropdown.uk-dropdown-right {
margin-top:-51px;
margin-left:16px;
}
.m-helper-container.right-top
.m-dropdown
.uk-dropdown.uk-dropdown-right
span.dropdown-arrow-cont {
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-right:11px solid #66a1ff;
top:48px;
left:-20px;
right:auto;
}
.m-helper-container.right-top
.m-dropdown
.uk-dropdown.uk-dropdown-right
span.dropdown-arrow {
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid #66a1ff;
top:-10px;
left:-10px;
}
.m-helper-container.left-top .m-dropdown .uk-dropdown.uk-dropdown-left {
margin-top:-51px;
margin-left:-16px;
}
.m-helper-container.left-top
.m-dropdown
.uk-dropdown.uk-dropdown-left
span.dropdown-arrow-cont {
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-left:11px solid #66a1ff;
top:48px;
left:auto;
right:-20px;
}
.m-helper-container.left-top
.m-dropdown
.uk-dropdown.uk-dropdown-left
span.dropdown-arrow {
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid #66a1ff;
top:-10px;
left:-10px;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-bottom {
margin-top:15px;
}
.m-helper-container
.m-dropdown
.uk-dropdown.uk-dropdown-bottom
span.dropdown-arrow-cont {
top:-7px;
right:auto;
left:50%;
margin-left:-10px;
border-bottom:11px solid #66a1ff;
border-left:11px solid transparent;
border-right:11px solid transparent;
}
.m-helper-container
.m-dropdown
.uk-dropdown.uk-dropdown-bottom
span.dropdown-arrow {
top:1px;
border-bottom:10px solid #66a1ff;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-top {
margin-top:-12px;
}
.m-helper-container
.m-dropdown
.uk-dropdown.uk-dropdown-top
span.dropdown-arrow-cont {
bottom:-7px;
right:auto;
left:50%;
margin-left:-10px;
border-top:11px solid #5281cc;
border-left:11px solid transparent;
border-right:11px solid transparent;
}
.m-helper-container
.m-dropdown
.uk-dropdown.uk-dropdown-top
span.dropdown-arrow {
border-top:10px solid #5281cc;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.promo-banner {
padding-top:40px;
z-index:999;
position:relative;
font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.promo-banner .banner-ribbon,
.promo-banner .close-guide,
.promo-banner .promo-banner-action {
position:relative;
text-align:center;
}
.promo-banner .banner-ribbon {
background:transparent url(/assets/vessur/img/promo-banner.png) center
center no-repeat;
width:445px;
height:58px;
display:block;
margin:0 auto;
}
.promo-banner .banner-ribbon span {
color:#fff;
font-size:20px;
line-height:44px;
text-align:center;
display:block;
font-weight:300;
}
.promo-banner .close-guide {
position:absolute;
display:block;
top:-12px;
left:50%;
margin-left:163px;
width:24px;
height:24px;
background:#5190e9;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.promo-banner .close-guide:hover i {
opacity:0.7;
}
.promo-banner .close-guide i {
width:24px;
height:24px;
background:transparent url(/assets/vessur/img/close-banner.png) center
center no-repeat;
position:absolute;
display:block;
top:0;
left:0;
}
.promo-banner .promo-banner-action {
font-size:16px;
line-height:25px;
text-align:center;
display:block;
width:170px;
margin:-10px auto 7px;
color:#3965a4;
}
.promo-banner .promo-banner-action:hover {
text-decoration:underline;
}
.promo-banner .promo-banner-action i {
/* background-image:url(/assets/vessur/img/promo-banner-arr-left.png); */
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
width:6px;
height:10px;
display:inline-block;
margin-left:8px;
}
.promo-banner .promo-banner-action:hover i {
transform:translateX(4px);
}
.promo-banner:before {
content:'';
display:block;
width:500px;
position:absolute;
top:-20px;
left:50%;
margin-left:-250px;
height:5px;
-webkit-box-shadow:0px 0px 150px 130px rgba(102, 161, 255, 0.14);
box-shadow:0px 0px 150px 130px rgba(102, 161, 255, 0.14);
z-index:0;
}
.promo-banner .promo-banner-action,
.promo-banner .promo-banner-action i,
.promo-banner .close-guide i {
-webkit-transition:all 250ms cubic-bezier(0.5, 0, 0, 1);
-moz-transition:all 250ms cubic-bezier(0.5, 0, 0, 1);
-ms-transition:all 250ms cubic-bezier(0.5, 0, 0, 1);
-o-transition:all 250ms cubic-bezier(0.5, 0, 0, 1);
transition:all 250ms cubic-bezier(0.5, 0, 0, 1);
}
/* SYSTEM PAGES */
.system-page,
.list-page {
margin-bottom:60px;
background:#fff;
font-size:16px;
color:#444;
}
.system-page .post-date {
max-width:140px;
}
.list-page {
background-color:transparent;
}
.sidebar-section {
width:220px;
padding:27px 0 20px 0;
float:left;
}
.alt-nav-menu {
padding:10px;
}
.alt-nav-menu.autocomplete-selection {
padding-top:4px;
padding-bottom:4px;
}
.alt-nav-menu.autocomplete-selection li:first-child {
padding-top:6px;
}
.alt-nav-menu.autocomplete-selection li:last-child {
padding-bottom:16px;
}
.navigation-menu li {
line-height:40px;
}
.navigation-menu li a,
.sidebar-section .title-section {
color:#111;
display:block;
min-height:22px;
line-height:22px;
padding:9px 0;
padding-left:20px;
position:relative;
}
.alt-nav-menu li a {
position:relative;
display:block;
color:rgba(17, 17, 17, 0.7);
text-transform:uppercase;
font-size:14px;
min-height:20px;
line-height:20px;
padding:15px 0 15px 5px;
}
.alt-nav-menu li:first-child a {
border-top:none;
}
.navigation-menu li a:before {
content:'';
top:5px;
left:0px;
bottom:5px;
position:absolute;
display:block;
width:0px;
background:#444;
}
.navigation-menu li a:hover:before,
.navigation-menu li a.active:before {
width:3px;
}
.alt-nav-menu li a:hover,
.alt-nav-menu li a.active {
color:#111;
text-decoration:none;
}
.search-type li a:before {
content:'';
background-color:transparent;
display:block;
position:absolute;
left:0;
right:0;
top:10px;
bottom:10px;
}
.search-type li a:hover:before,
.search-type li a.active:before {
background-color:rgba(17, 17, 17, 0.05);
}
.navigation-menu li a.active {
font-weight:700;
}
.floating-sidebar {
background:#fff;
border:1px solid #e6e6e6;
font-size:16px;
padding:0 0 20px 0;
}
.floating-sidebar.has-advanced {
padding-bottom:0;
}
.hr-line {
height:1px;
background:rgba(17, 17, 17, 0.1);
margin:8px 0 7px;
}
.floating-sidebar .hr-line {
margin:8px 19px 14px;
}
.system-page .title-section {
color:#999;
}
.system-page .title-section .desc,
.two-row-container .desc {
display:block;
font-size:11px;
line-height:15px;
}
.profile .sidebar-section,
.system-page .sidebar-section,
.profile .main-section,
.system-page .main-section {
position:relative;
}
.profile .sidebar-section:after,
.system-page .sidebar-section:after,
.profile .main-section:before,
.system-page .main-section:before {
content:'';
display:block;
position:absolute;
top:0;
bottom:0;
right:-1px;
width:1px;
background:#eee;
}
.profile .main-section:before,
.system-page .main-section:before {
right:auto;
left:0px;
}
.system-page .main-section {
width:780px;
float:right;
box-sizing:border-box;
font-size:15px;
padding:20px 20px 20px 0;
}
.system-page.no-sidebar .main-section {
width:100%;
}
.system-page .main-section > div {
padding-left:20px;
min-height:327px;
height:auto;
}
.system-page.no-sidebar .main-section > div {
padding-left:30px;
border:none;
}
.system-page .main-section > div > .hr-line {
margin:0;
}
.system-page.general .main-section > div > .hr-line {
margin:18px 20px 7px;
}
.system-page .page-title {
font-size:24px;
line-height:48px;
padding-left:17px;
padding-bottom:2px;
}
.system-page .page-title.with-action {
font-size:18px;
padding-bottom:5px;
}
.system-page .page-title.with-action .icon-back {
/* background:transparent url(/assets/vessur/img/icon_arrow_back.png) left center no-repeat; */
width:8px;
height:14px;
padding:7px 13px 9px 0;
float:left;
margin:9px 7px 0 3px;
opacity:0.5454;
}
.system-page .page-title.with-action .icon-back:hover {
opacity:1;
}
.system-page .page-subtitle {
font-size:16px;
color:#444;
font-weight:700;
line-height:26px;
}
.system-page .padded .page-subtitle {
margin-bottom:0;
}
.system-page .page-title span {
margin-left:2px;
font-size:15px;
line-height:48px;
vertical-align:top;
}
.profile-panel {
background-color:rgba(0, 0, 0, 0.05);
padding:15px 20px;
}
.paragraph {
font-size:14px;
line-height:26px;
color:#999;
}
.profile .main-section .form-row label .inner-label {
font-size:14px;
line-height:26px;
}
.system-page .padded {
padding:14px 20px;
}
.system-page .padded p {
margin-bottom:15px;
}
.system-page textarea {
width:100%;
max-width:100%;
box-sizing:border-box;
margin-bottom:20px;
min-height:106px;
}
.system-page .form-row label,
.system-page label.form-row {
line-height:28px;
}
.profile-panel.summary {
padding-top:0;
}
.profile-panel .user-avatar {
width:160px;
height:160px;
margin:20px 0 0 0;
}
.profile-panel .user-avatar img {
max-width:162px;
max-height:162px;
}
.profile-panel .user-avatar strong {
font-weight:300;
line-height:160px;
font-size:90px;
}
.profile-panel .row {
display:block;
width:539px;
margin:0px;
min-height:28px;
font-size:15px;
vertical-align:top;
padding:4px 0;
}
.profile-panel .details {
margin-top:10px;
float:left;
position:relative;
}
.profile-panel .row .align-left,
.profile-panel .row .align-right {
display:inline-block;
line-height:28px;
min-height:28px;
}
.profile-panel .row .align-right {
line-height:29px;
}
.system-page .align-left {
float:left;
text-align:left;
}
.system-page .align-right {
font-size:14px;
float:left;
width:179px;
text-align:right;
padding-right:20px;
}
.system-page .more-information {
font-size:15px;
line-height:40px;
padding:16px 0 0 20px;
}
.system-page .text-left {
float:left;
width:133px;
font-size:14px;
}
.system-page .text-left,
.system-page .text-right {
min-height:22px;
line-height:22px;
padding:9px 0;
display:inline-block;
float:left;
max-width:585px;
}
.system-page .more-information ul {
padding-left:133px;
}
.system-page tr {
line-height:36px;
}
.system-page th,
.system-page td {
padding:0 10px;
line-height:36px;
}
.system-page th {
font-weight:400;
padding-top:2px;
font-size:14px;
text-align:left;
}
.system-page .more-information table {
left:-10px;
position:relative;
}
.no-sidebar .main-section {
padding-right:30px;
}
.no-sidebar .profile-panel .details {
margin-top:31px;
width:740px;
}
.no-sidebar .profile-panel .user-avatar {
margin-top:39px;
}
.no-sidebar .profile-panel .row {
width:100%;
padding:0;
}
.no-sidebar .profile-panel .align-right {
width:158px;
}
.no-sidebar .profile-panel .row .align-left,
.no-sidebar .profile-panel .row .align-right {
line-height:28px;
}
.no-sidebar .profile-panel .row .align-left {
width:550px;
}
.no-sidebar .profile-panel {
padding-bottom:20px;
}
.italic {
font-style:italic;
}
/* .system-page .active {
font-weight:700;
} */
.groups {
line-height:39px;
font-size:15px;
padding:18px 0 15px 19px;
}
.list-radio input {
margin-right:6px;
vertical-align:middle;
margin-top:-2px;
}
.group-name {
float:left;
width:457px;
line-height:23px;
padding:8px 8px 8px 0;
}
.list-radio.binary .toggle-radio {
color:#555;
cursor:pointer;
}
.list-radio.binary .toggle-radio:hover {
color:#000;
}
.list-radio.binary label.checked {
color:#999;
cursor:default;
}
.list-radio label {
display:inline-block;
font-size:14px;
line-height:40px;
padding-right:20px;
}
.list-radio a {
padding-left:12px;
color:#999;
}
.list-radio a.list-radio-close {
margin-left:5px;
margin-top:9px;
/* background:transparent url(/assets/vessur/img/row_close.png) center center no-repeat; */
width:13px;
height:13px;
display:block;
float:right;
padding:5px;
}
.buttons-right {
float:right;
margin-top:18px;
text-align:right;
}
.buttons-right .uk-button {
margin-right:0px;
margin-left:15px;
}
.post-result {
background-color:rgba(0, 0, 0, 0.05);
height:107px;
width:100%;
color:#999;
line-height:110px;
text-align:center;
font-size:14px;
}
.num-badge {
min-width:11px;
line-height:21px;
height:21px;
padding:0 14px;
text-align:center;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background-color:rgba(17, 17, 17, 0.1);
font-size:12px;
font-weight:700;
}
.topic-post .num-badge {
float:right;
margin-top:11px;
margin-left:12px;
}
.filters-submenu li {
float:left;
line-height:68px;
padding-left:20px;
padding-right:2px;
}
.filters-submenu li a {
display:block;
line-height:68px;
}
.system-page .main-section .post-topic-title li,
.system-page .main-section .post-topic-title li a {
color:#000;
font-size:14px;
}
.system-page .main-section .topic-post .post-topic-title {
padding-left:0;
float:none !important;
}
.system-page.wide .main-section {
width:100%;
}
.system-page.wide .sidebar-section {
display:none;
}
.system-page.wide .main-section > div {
border:none;
}
.hourly-stats .labels td {
min-width:19px;
text-align:center;
}
.hourly-stats .data td {
height:150px;
padding:0 10px;
min-width:10px;
}
.hourly-stats .data td .bar-stat {
height:100%;
width:15px;
display:block;
vertical-align:bottom;
position:relative;
margin:0 auto;
}
.hourly-stats .data td .bar-stat span {
width:100%;
height:0%;
display:block;
background:#629af3;
position:absolute;
bottom:0;
left:0;
right:0;
border-top-left-radius:2px;
border-top-right-radius:2px;
-webkit-transform:scaleY(0);
-webkit-transform-origin:50% 100%;
-ms-transform:scaleY(0);
-ms-transform-origin:50% 100%;
transform:scaleY(0);
transform-origin:50% 100%;
}
.system-page a {
color:#444;
}
.system-page a:hover {
color:#000;
}
.system-page a.m-button:hover {
color:#fff;
}
.system-page .main-section .topic-post .breadcrumb li {
display:inline-block;
}
.system-page .main-section .topic-post .breadcrumb li > a {
color:#444;
}
.system-page .main-section .topic-post .ellipsis-container {
float:left;
max-width:525px;
}
.system-page.wide .main-section .topic-post .ellipsis-container {
max-width:725px;
}
.page-subtitle input[type='checkbox'] {
vertical-align:middle;
margin-top:5px;
}
/* PROFILE */
/* MARIA */
.profile-header {
font-size:16px;
background-color:#f7f7f7;
color:#111;
min-height:226px;
}
.profile-content {
background:#fff;
}
.profile-content > div {
min-width:100%;
}
.profile-header .profile-details {
padding:20px 0;
}
.profile-header .user-avatar {
width:125px;
height:125px;
margin-right:23px;
box-sizing:border-box;
}
.profile-header .user-avatar strong {
font-size:90px;
font-weight:400;
line-height:123px;
}
.profile-header .user-avatar img {
max-width:127px;
max-height:127px;
}
.profile-header .user-details {
height:125px;
line-height:27px;
}
.profile-header .user-details .left-section {
margin-top:34px;
float:left;
width:520px;
}
.profile-header .left-section .ellipsis-container {
max-width:437px;
}
.profile-header .user-details .right-section {
margin-top:57px;
}
.right-section .last-btn {
margin:0;
}
.profile .title-detail {
color:rgba(17, 17, 17, 0.5);
vertical-align:top;
margin-right:5px;
}
.title-detail > span {
color:#111;
}
.profile-title {
font-size:20px;
}
.profile .title-detail,
.profile-title .ellipsis-container {
float:left;
width:auto;
}
.m-htab-nav.m-htab-nav-centered {
text-align:center;
}
.m-htab-nav.m-htab-nav-centered,
.m-htab-nav.m-htab-nav-centered ul,
.m-htab-nav.m-htab-nav-centered ul li,
.m-htab-nav.m-htab-nav-centered ul li a {
height:60px;
line-height:60px;
}
.m-htab-nav.m-htab-nav-centered ul li {
display:inline-block;
float:none;
position:relative;
}
.m-htab-nav.m-htab-nav-centered ul li a {
text-transform:uppercase;
line-height:60px;
font-size:14px;
padding:0 12px;
color:rgba(17, 17, 17, 0.7);
}
.m-htab-nav.m-htab-nav-centered ul li a:before {
background:#111;
left:0;
right:0;
}
.m-htab-nav.m-htab-nav-centered ul li a:hover:before {
background:rgba(17, 17, 17, 0.5);
}
.m-htab-nav.m-htab-nav-centered ul li.uk-active a:hover:before {
background:#111;
}
.m-htab-nav ul li a:hover,
.m-htab-nav ul li a:focus,
.m-htab-nav ul li a.active,
.m-htab-nav ul li.uk-active a {
color:#111;
}
.loyalty-program .m-htab-nav.bordered,
.profile-header .m-htab-nav.bordered {
border-top:3px solid rgba(17, 17, 17, 0.1);
}
.loyalty-program .m-htab-nav ul li a:before,
.profile-header .m-htab-nav ul li a:before {
top:-3px;
}
.profile-header .m-button-lite {
padding:0 13px;
min-width:auto;
}
.profile-header .button-icon {
margin-right:7px;
}
.send-msg-icon {
/* background-image:url(/assets/vessur/img/envelope_profile_icon.png); */
width:22px;
height:18px;
margin-top:7px;
}
.send-msg-icon:hover {
opacity:1;
}
.add-friend-icon {
/* background-image:url(/assets/vessur/img/add_friends_icon.png); */
width:25px;
height:23px;
margin-top:6px;
}
.marked .add-friend-icon {
/* background-image:url(/assets/vessur/img/profile_page_tick_icon.png); */
width:19px;
height:17px;
margin-top:8px;
}
.user-icon {
/* background-image:url(/assets/vessur/img/user_icon.png); */
width:48px;
height:45px;
}
.pub-icon {
/* background-image:url(/assets/vessur/img/pub_icon.png); */
width:33px;
height:39px;
}
.pub-icon-small {
/* background-image:url(/assets/vessur/img/pub_icon_small.png); */
width:28px;
height:33px;
}
.last-login-icon {
/* background-image:url(/assets/vessur/img/clock_icon.png); */
width:35px;
height:35px;
}
/* ICONS STATS */
.summary-post-useful-icon {
/* background-image:url(/assets/vessur/img/summary_post_useful_icon.png); */
width:30px;
height:33px;
}
.topic-icon {
/* background-image:url(/assets/vessur/img/topic_icon.png); */
width:27px;
height:34px;
}
.spend-time-icon {
/* background-image:url(/assets/vessur/img/spend_time_icon.png); */
width:35px;
height:33px;
}
.profile-poll-icon {
/* background-image:url(/assets/vessur/img/profile_poll_icon.png); */
width:28px;
height:31px;
}
.summary-glas-icon {
/* background-image:url(/assets/vessur/img/summary_glas_icon.png); */
width:31px;
height:32px;
}
/* ICONS STATS */
.profile .sidebar-section .button-icon {
position:absolute;
top:0;
}
.profile .sidebar-section .gender-icon {
/* background-image:url(/assets/vessur/img/gender_icon.png); */
width:18px;
height:25px;
margin-top:13px;
}
.profile .sidebar-section .birthday-icon {
/* background-image:url(/assets/vessur/img/birthday_icon.png); */
width:18px;
height:18px;
margin-top:16px;
}
.profile .sidebar-section .location-icon {
/* background-image:url(/assets/vessur/img/location_icon.png); */
width:13px;
height:20px;
margin-top:15px;
margin-right:19px;
}
.profile .sidebar-section .local-date-time-icon {
/* background-image:url(/assets/vessur/img/local_date_time_icon.png); */
width:21px;
height:21px;
margin-top:15px;
margin-right:12px;
}
.profile .sidebar-section .email-icon {
/* background-image:url(/assets/vessur/img/email_icon.png); */
width:18px;
height:15px;
margin-top:18px;
}
.profile .sidebar-section .www-fb-icon {
/* background-image:url(/assets/vessur/img/www_fb_icon.png); */
width:22px;
height:24px;
margin-top:14px;
}
.profile .sidebar-section .profile-fb-icon {
/* background-image:url(/assets/vessur/img/fb_icon.png); */
width:9px;
height:19px;
margin-top:16px;
margin-right:3px;
}
.profile .sidebar-section .skype-icon {
/* background-image:url(/assets/vessur/img/skype_icon.png); */
width:17px;
height:17px;
margin-top:17px;
}
.summary-box {
border:1px solid rgba(17, 17, 17, 0.1);
border-radius:2px;
}
.summary-box .button-icon {
opacity:1;
position:absolute;
top:20px;
left:20px;
}
.summary-box ul li {
float:left;
width:316px;
font-size:12px;
line-height:17px;
position:relative;
}
.summary-box ul li > div {
float:left;
min-height:68px;
padding-left:70px;
padding-bottom:10px;
}
.summary-box ul li:first-child > div {
padding-left:82px;
}
.summary-box .title-section {
font-family:Arial, Helvetica, sans-serif;
padding-top:19px;
color:rgba(17, 17, 17, 0.5);
}
.summary-box .content-section {
font-size:16px;
line-height:20px;
}
.profile-section-title {
font-size:20px;
line-height:30px;
padding:32px 0 16px 0;
}
.profile-section-subtitle {
font-size:16px;
padding:22px 0 16px 0;
line-height:22px;
}
.profile-section-title + .profile-section-subtitle {
padding-top:0;
}
.profile .sidebar-section {
padding:0;
width:320px;
min-width:320px;
box-sizing:border-box;
}
.profile .sidebar-section .profile-section-title {
margin-right:20px;
}
.row {
position:relative;
padding:12px 60px 13px 31px;
line-height:25px;
word-wrap:break-word;
margin-right:20px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.row span {
font-size:16px;
line-height:16px;
}
.row span i {
margin-right:14px;
margin-top:15px;
left:0;
opacity:1;
}
.profile .main-section {
position:relative;
float:left;
padding-left:18px;
width:630px;
min-width:630px;
box-sizing:border-box;
}
.profile .sidebar-section:after,
.profile .main-section:before {
top:36px;
}
.profile .profile-posts .sidebar-section:after,
.profile .profile-posts .main-section:before {
top:30px;
}
.profile-content-message {
height:105px;
text-align:center;
color:rgba(17, 17, 17, 0.5);
font-size:16px;
line-height:102px;
padding:0;
border-top:1px solid rgba(17, 17, 17, 0.1);
box-sizing:border-box;
margin-top:3px;
}
.profile-section-group {
font-size:16px;
color:rgba(17, 17, 17, 0.7);
}
.profile-list-header {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
padding:0 0 15px 0;
font-size:12px;
color:rgba(17, 17, 17, 0.7);
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
margin-top:-4px;
}
.profile-table-list {
border-top:none;
}
.profile-table-list .m-list-content a {
color:rgba(17, 17, 17, 0.7);
}
.profile-table-list .m-list-content {
float:left;
}
.profile-table-list .m-list-content a:hover {
color:#111;
text-decoration:underline;
}
.col-right {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:rgba(17, 17, 17, 0.7);
}
.profile-table-list li div {
line-height:60px;
}
.profile-personal-text {
font-size:16px;
line-height:28px;
padding-bottom:14px;
margin-top:-7px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.profile-author-signature .profile-personal-text {
border-bottom:none;
}
.profile-card-grid {
width:620px;
margin-left:-5px;
}
.profile-card {
float:left;
width:300px;
height:48px;
background-color:#aaa;
margin:0 5px 10px;
}
.profile-card span {
font-size:18px;
line-height:48px;
color:#fff;
padding-left:20px;
}
.profile-general .sidebar-section .accordion {
width:297px;
}
.profile-content .accordion li {
margin-bottom:10px;
font-size:16px;
}
.profile-content .accordion li .expandable-trigger {
background-color:rgba(17, 17, 17, 0.05);
border-radius:2px;
padding-left:20px;
position:relative;
color:#111;
height:50px;
line-height:50px;
padding-right:40px;
box-sizing:border-box;
display:block;
}
.profile-content .accordion li .expandable-trigger .ellipsis-container {
line-height:50px;
padding-right:30px;
width:596px;
float:left;
}
.settings-profile .profile-content .accordion li .expandable-trigger {
padding-right:0;
}
.settings-profile .accordion .close-icon,
.settings-profile .accordion .edit-icon {
float:none;
margin-left:46px;
margin-right:0;
vertical-align:middle;
padding:5px;
}
.settings-profile .accordion .edit-icon {
margin-left:0;
}
.settings-profile .accordion .edit-icon + .close-icon {
margin-left:18px;
}
.profile-content .accordion li.expanded .expandable-trigger {
border-radius:2px 2px 0 0;
}
.expandable-inner > p,
.profile-content .accordion li .expandable-inner p {
min-height:20px;
line-height:20px;
padding-top:13px;
padding-bottom:8px;
}
.expandable-inner > p span,
.profile-content .accordion li .expandable-inner p span {
color:rgba(17, 17, 17, 0.5);
}
.accordion .button-icon.chevron-icon {
position:absolute;
top:0;
right:0;
margin:22px 22px 0 9px;
}
.accordion .expandable-inner {
padding:15px 15px 15px 20px;
border:1px solid rgba(17, 17, 17, 0.05);
}
.profile-table-list-container {
margin-bottom:-9px;
}
.profile-table-list-container .expandable-inner {
display:block;
overflow:hidden;
max-height:310px;
}
.profile-table-list-container.expanded .expandable-inner {
overflow:auto;
max-height:none;
}
.profile-table-list-container .m-button-text {
padding-right:0;
margin:9px 0 0 0;
}
.profile-author-signature {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.profile-author-signature img {
margin:10px 0 30px;
}
/* STATS */
.summary-box.stats ul li {
width:auto;
}
.summary-box.stats ul li > div {
padding-left:38px;
padding-right:10px;
}
.summary-box.stats ul li:first-child > div {
padding-left:44px;
}
.summary-box.stats ul li:last-child > div {
padding-right:0;
}
.summary-box.stats .title-section {
padding-top:17px;
padding-bottom:5px;
}
.profile-content .more-information {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:rgba(17, 17, 17, 0.7);
padding:10px 30px 7px 30px;
border:1px solid rgba(17, 17, 17, 0.1);
border-radius:2px;
}
.profile-content .more-information .data {
background-color:rgba(17, 17, 17, 0.05);
}
.hourly-stats .labels td div {
border-right:1px solid rgba(17, 17, 17, 0.1);
height:5px;
padding:0 5px;
}
.summary-box.stats {
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.summary-box.stats .button-icon {
left:0;
}
.more-information .bar-stat span b {
position:absolute;
top:-20px;
left:50%;
font-size:10px;
line-height:10px;
font-weight:normal;
color:rgba(17, 17, 17, 0.5);
width:32px;
text-align:center;
margin-left:-16px;
}
/* END OF STATS */
/* POSTS */
.sidebar-navigation-menu {
margin-left:-15px;
padding-top:30px;
}
.sidebar-navigation-menu li a {
font-size:16px;
line-height:25px;
padding:7px 0 8px 15px;
width:174px;
display:inline-block;
color:rgba(17, 17, 17, 0.7);
}
.sidebar-navigation-menu li a:hover,
.sidebar-navigation-menu li a.active {
color:#111;
background-color:rgba(17, 17, 17, 0.05);
}
.sidebar-nav-small .sidebar-section {
width:194px;
min-width:194px;
}
.sidebar-nav-small .main-section {
width:756px;
min-width:756px;
padding-left:31px;
}
.profile-posts .profile-section-title {
padding:32px 0 5px 0;
}
.profile-posts .m-pagination {
padding-bottom:10px;
}
.profile-posts .topic-post-list {
padding-top:11px;
}
.profile-posts .post-content .post-date {
color:rgba(17, 17, 17, 0.4);
float:right;
font-size:12px;
}
.profile-posts .post-footer .post-actions {
padding-right:24px;
padding-bottom:30px;
padding-top:6px;
}
.profile-posts .post-header {
padding-right:0;
}
.profile-posts .post-header > div > div {
max-width:620px;
}
.profile-posts .post-content {
padding-top:7px;
}
.profile-posts .post-header .breadcrumb {
padding-left:24px;
padding-top:9px;
padding-bottom:11px;
max-width:595px;
}
.profile-posts .post-header .breadcrumb > li {
max-height:23px;
}
.profile-posts .post-header .breadcrumb > li:last-child a {
font-weight:700;
max-width:585px;
}
.profile-posts .post-header .breadcrumb,
.profile-posts .post-header .breadcrumb > li,
.profile-posts .post-header .breadcrumb > li a {
min-height:23px;
line-height:23px;
}
/* END OF POSTS */
/* START_TOPIC */
.profile-content .m-list .m-list-content {
margin-left:0;
width:100%;
}
.profile-content .m-list.with-actions .m-list-content {
margin-left:0;
width:520px;
}
.profile-content .m-list.with-actions .m-list-content-right {
margin-right:0;
}
.profile-content .m-list-content.board-topic .topic-author {
font-size:13px;
/* margin-top:0; */
color:rgba(17, 17, 17, 0.4);
position:relative;
}
.profile-content .topic-author a {
color:rgba(17, 17, 17, 0.7);
}
.profile-content .m-list-content .m-list-subtitle {
/* margin-top:0; */
}
.profile-content .m-list {
margin:0 0 17px 0;
}
.profile-content .m-list > li:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
/* END OF START_TOPIC */
/* MY PROFILE */
.profile-title .edit-icon {
float:none;
margin:0;
}
.profile-title .icon-only {
height:19px;
display:inline-block;
}
.edit-avatar .edit-avatar-icon {
float:none;
margin:4px 4px 3px 0;
opacity:1;
vertical-align:bottom;
}
.user-avatar .edit-avatar {
background-color:rgba(0, 0, 0, 0.5);
position:absolute;
bottom:0;
left:0;
right:0;
height:21px;
line-height:21px;
font-size:13px;
color:#fff;
}
.user-avatar .remove-avatar {
background-color:rgba(0, 0, 0, 0.5);
position:absolute;
top:0;
right:0;
width:20px;
height:20px;
}
.user-avatar .remove-avatar .white-delete-icon {
position:absolute;
top:50%;
left:50%;
margin:-5px 0 0 -5px;
opacity:1;
}
/* TOPICS */
.profile-section-title + .uk-pagination-right {
padding-bottom:21px;
}
.profile-section-title + .uk-pagination-right {
margin-top:-8px;
}
/* END OF TOPICS */
/* FAVORITES */
.m-list-action > a,
.m-list-action > .uk-button {
margin-top:7px;
}
.m-list-action > .uk-button {
margin-right:0px;
}
/* END OF FAVORITES */
/* FOLLOWED FOLLOWING BOARDS */
.m-table-list.profile-boards li .profile-list-content {
width:475px;
padding-right:0;
}
.profile-boards .m-list-content-right {
margin:0;
float:right;
}
.profile-boards .m-list-action .uk-button {
margin-top:13px;
}
/* END OF FOLLOWING BOARDS */
/* BOARDS */
.profile-table-list.profile-boards > li {
position:relative;
}
.profile-boards .m-dropdown .uk-dropdown span.dropdown-arrow-cont {
right:0px;
}
.profile-boards .m-list-action .m-select {
margin-top:11px;
}
.profile-boards .m-select .uk-button,
.profile-boards .m-select .uk-dropdown .uk-nav-dropdown > li a {
font-size:14px;
}
.profile-boards .m-select .uk-dropdown {
margin-left:4px;
width:208px;
}
.profile-boards .m-select .uk-dropdown.uk-dropdown-bottom {
margin-top:15px;
}
.profile-boards .m-select .uk-dropdown.uk-dropdown-top {
margin-top:-11px;
}
.profile-content .profile-boards .m-select .uk-button .cogwheel-icon-small {
margin:9px 0 0 22px;
position:absolute;
top:50%;
margin-top:-9px;
right:0;
}
.profile-boards .m-select .uk-dropdown .uk-nav-dropdown > li > a.active {
background-color:rgba(17, 17, 17, 0.05);
color:#111;
font-weight:400;
/* background-image:url(/assets/vessur/img/icon_checked_mini.png); */
background-repeat:no-repeat;
background-position:185px center;
}
.profile-boards .m-select .m-button-lite.m-button-text:hover {
text-decoration:none;
}
.profile-table-list.profile-boards.sortable-boards {
margin-left:-11px;
margin-right:-11px;
box-sizing:border-box;
margin-top:-1px;
}
.profile-table-list.profile-boards.sortable-boards > li {
padding-left:10px;
padding-right:10px;
border:1px solid transparent;
margin-bottom:-1px;
}
.profile-table-list.profile-boards.sortable-boards > li:after {
content:'';
display:block;
position:absolute;
left:10px;
right:10px;
bottom:-1px;
height:1px;
background:#e7e7e7;
}
.profile-table-list.profile-boards.sortable-boards > li:hover,
.profile-table-list.profile-boards.sortable-boards
> li.uk-sortable-placeholder {
margin-top:-1px;
border:1px solid #e7e7e7;
/* background:transparent url(/assets/vessur/img/rec_icon.png) 3px center no-repeat; */
}
/* END OF BOARDS */
/* INTERESTS */
.profile .category-list li {
height:48px;
text-align:left;
font-size:16px;
line-height:48px;
color:#fff;
box-sizing:border-box;
padding:0 0 0 20px;
background-color:#aaa;
float:none;
width:100%;
margin:0 0 10px 0;
}
.profile .category-list li a {
font-size:15px;
line-height:46px;
display:none;
color:#fff;
padding:0 18px;
}
.profile .category-list li:hover a {
display:block;
}
.profile .category-list.alternative li:hover,
.profile .category-list.alternative li.updated {
color:rgba(17, 17, 17, 0.7);
background-color:rgba(17, 17, 17, 0.05);
border-color:transparent;
}
.profile .category-list.alternative li {
border:1px solid rgba(17, 17, 17, 0.1);
color:rgba(17, 17, 17, 0.5);
background-color:#fff;
}
.profile .category-list.alternative li a {
color:rgba(17, 17, 17, 0.7);
}
.close-icon {
/* background-image:url(/assets/vessur/img/close_icon_alt.png); */
width:14px;
height:14px;
}
.tick-icon {
/* background-image:url(/assets/vessur/img/tick_icon_category_list.png); */
width:16px;
height:14px;
}
.profile .category-list .close-icon,
.profile .category-list .tick-icon {
float:none;
opacity:1;
margin-left:11px;
margin-right:0;
vertical-align:middle;
}
/* END OF INTERESTS */
/* FRIENDS */
.profile-content .member-search {
padding:0 20px;
background-color:rgba(17, 17, 17, 0.05);
}
.profile-content form.padded .profile-section-title {
padding:23px 0 17px 0;
}
.profile-content form .search-friends input {
width:760px;
}
.profile-content form .search-friends .m-button {
float:none;
margin-left:10px;
}
.profile-content form .search-friends label {
color:rgba(17, 17, 17, 0.5);
font-size:16px;
}
.profile-content .search-friends {
padding-bottom:20px;
}
.profile-content .search-friends-result {
padding-bottom:8px;
}
.search-friends-result .profile-table-list li {
min-height:65px;
}
.search-friends-result .profile-table-list li:hover {
background:none;
}
.search-friends-result .profile-table-list > li .profile-list-content {
line-height:65px;
}
.search-friends-result .profile-table-list > li:last-child {
border-bottom:none;
}
.search-friends-result .profile-list-content .m-list-image {
width:43px;
height:43px;
margin-top:-22px;
}
.search-friends-result .profile-list-content p {
font-size:16px;
padding-left:55px;
color:rgba(17, 17, 17, 0.7);
max-width:700px;
}
.search-friends-result .uk-button {
margin-top:16px;
}
/* TABLE */
.profile-content .m-table th,
.profile-content .m-table td {
color:rgba(17, 17, 17, 0.5);
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #e7e7e7;
}
.profile-content .m-table th {
font-weight:400;
text-align:left;
padding:0 0 14px 0;
border-top:none;
line-height:20px;
height:20px;
}
.profile-buddies .profile-content .m-table td:first-child,
.settings-profile .profile-content .m-table td:first-child {
padding-right:80px;
padding-left:55px;
position:relative;
color:#111;
}
.profile-content .m-table td:first-child .m-list-image {
width:43px;
height:43px;
display:block;
position:absolute;
top:50%;
margin-top:-22px;
left:0;
background:transparent center right no-repeat;
background-size:cover;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.profile-content .m-table td:first-child .icon-only {
position:absolute;
right:40px;
height:32px;
top:50%;
margin-top:-16px;
}
.profile-content .m-table td {
background:none;
padding:10px 10px 10px 0px;
}
.profile-content .m-table td .ellipsis-container {
display:inline-block;
vertical-align:middle;
width:auto;
max-width:400px;
font-weight:400;
}
.profile-content td .list-item-actions > li {
padding:0;
}
/* END OF TABLE */
/* END OF FRIENDS */
/* SETTINGS */
.m-helper-alt-container,
.m-helper-alt,
.m-helper-inner {
width:17px;
height:17px;
display:block;
}
.m-helper-alt-container {
position:relative;
margin-left:10px;
display:inline-block;
vertical-align:middle;
}
.m-helper-alt,
.m-helper-inner,
.m-helper-alt-container.bottom-right {
position:absolute;
top:0;
left:0;
}
.poll-creator .m-helper-alt-container {
margin-left:0;
left:-15px;
}
.m-helper-alt i {
font-size:13px;
font-style:normal;
font-weight:700;
color:rgba(17, 17, 17, 0.7);
width:17px;
height:17px;
border-radius:50%;
background-color:rgba(17, 17, 17, 0.1);
text-align:center;
display:block;
line-height:17px;
}
.m-helper-inner {
font-size:14px;
line-height:23px;
left:27px;
width:330px;
height:auto;
border-radius:2px;
background-color:#eff5ff;
padding:10px 25px 10px 20px;
color:#111;
}
.poll-creator .m-helper-inner {
width:185px;
}
.m-helper-alt-container.bottom-right {
top:auto;
bottom:0;
left:100%;
}
.profile-content .hr-line {
margin:0;
}
fieldset > ul > li {
display:inline-block;
}
.close-icon-small {
/* background:transparent url(/assets/vessur/img/close_10x10_icon.png) center center no-repeat; */
width:20px;
height:20px;
position:absolute;
top:14px;
right:7px;
opacity:1;
}
.settings .profile-content .desc,
.settings .profile-content .form-row .desc {
min-height:22px;
line-height:22px;
font-size:12px;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
color:rgba(17, 17, 17, 0.5);
padding:4px 0;
font-weight:normal;
}
.profile-section-subtitle.uk-bold {
padding:11px 0 9px 0;
}
.settings .form-row.wide {
width:318px;
}
.settings .form-row.wide input[type='text'],
.settings .form-row.wide input[type='password'] {
padding:4px 9px;
font-size:15px;
}
.settings .form-row input[type='checkbox'],
.settings label input[type='radio'],
.settings .form-row input[type='radio'] {
margin:7px 10px 0 0;
}
.settings label.inline-label {
padding-right:10px;
}
.edit-icon.dark {
/* background-image:url(/assets/vessur/img/edit_small_icon_black.png); */
}
.edit-icon.dark:hover {
opacity:1;
}
.close-icon.dark {
/* background-image:url(/assets/vessur/img/close_14x14_icon.png); */
background-image:none;
opacity:0.7;
}
.close-icon.dark:hover {
opacity:1;
}
.profile-content textarea {
width:298px;
max-width:298px;
height:85px;
padding:4px 9px;
margin-bottom:0;
}
.settings .profile-content form .search-friends input {
width:538px;
}
.uk-modal-dialog.profile-page-modal {
padding:25px;
width:780px;
}
.uk-modal-dialog.profile-page-modal .modal-title,
.uk-modal-dialog.report-modal .modal-title,
.uk-modal-dialog.rules-modal .modal-title {
font-size:20px;
padding:5px 0 28px 0;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.profile-content .m-select .uk-button {
padding-left:10px;
min-width:89px;
}
.profile-content .m-select,
.profile-page-modal .m-select {
float:left;
margin:0 0 0 10px;
}
.profile-content .m-select .arrow-icon,
.profile-page-modal .m-select .arrow-icon {
right:7px;
}
.profile-content .m-select .uk-button span,
.profile-page-modal .m-select .uk-button span {
max-width:90px;
text-align:left;
font-size:15px;
}
.profile-content .m-select .uk-dropdown .uk-nav-dropdown > li a {
font-size:15px;
}
.profile-page-modal .m-select .uk-button {
padding-right:38px;
padding-left:10px;
min-width:88px;
}
.profile-page-modal .modal-button-close {
top:28px;
}
.profile-page-modal.with-dropdown .modal-content {
padding-bottom:10px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.profile-page-modal label.inline-label {
line-height:16px;
}
.profile-page-modal label.inline-label input[type='radio'] {
margin:0px 8px 0 0;
}
.uk-modal-dialog.profile-page-modal .modal-content p {
font-size:16px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
line-height:25px;
padding:23px 0 9px 0;
}
fieldset .form-row p {
font-size:15px;
}
.pasword-prompt .uk-modal-dialog {
width:580px;
padding:25px;
}
/* END OF SETTINGS */
/* NPE */
.profile-content .m-progress {
height:5px;
margin-top:12px;
margin-bottom:10px;
}
.profile-content .m-progress span {
background-color:#e40000;
height:5px;
}
/* END OF NPE */
/* PROFILE_VIEW */
/* END OF PROFILE_VIEW */
/* SETTINGS_VIEW */
/* END OF SETTINGS_VIEW */
/* PROFILE ADMIN */
.profile-main-table,
.profile-inner-table {
width:100%;
}
.profile-inner-table {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
line-height:20px;
font-size:13px;
}
.profile-inner-table td {
padding:5px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.profile-column-left {
width:20%;
}
.profile-column-right {
width:80%;
}
.profile-first-column {
width:20%;
}
.profile-second-column {
width:60%;
}
.profile-third-column {
width:20%;
}
.track-ip .profile-first-column {
width:20%;
}
.track-ip .profile-second-column {
width:20%;
}
.track-ip .profile-third-column {
width:40%;
}
.track-ip .profile-fourth-column {
width:20%;
}
.showPermissions .profile-column-left {
width:50%;
}
.showPermissions .profile-column-right {
width:50%;
}
/* END OF PROFILE ADMIN */
/* END OF PROFILE */
/* TABLE */
.m-table {
width:100%;
display:table;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-table.with-heading {
border-top:none;
}
.m-table th {
border-top:1px solid rgba(17, 17, 17, 0.1);
border-bottom:1px solid rgba(17, 17, 17, 0.1);
color:#999;
}
.m-table td {
color:#444;
background:rgba(0, 0, 0, 0.05);
}
.m-table th,
.m-table td {
height:40px;
font-size:15px;
padding:0 20px;
line-height:40px;
}
.m-table .m-list-content {
margin:10px 0;
width:380px;
}
.m-table tr:last-child td {
padding-bottom:11px;
}
.m-table td .user-status-icon {
margin-bottom:1px;
}
.m-table tr td:last-child input[type='checkbox'],
.m-table tr th:last-child input[type='checkbox'] {
float:right;
}
.m-table a {
color:#111;
}
.m-table a:hover {
text-decoration:underline;
}
/* MESSAGES */
.system-page .sidebar-section .m-button {
margin-left:20px;
margin-top:3px;
margin-bottom:10px;
}
.system-page .sidebar-section .navigation-menu .add-icon {
margin:1px 10px 0 0;
}
.system-page .main-section .page-title-right {
font-size:14px;
float:right;
}
.system-page .main-section .page-title-right span {
display:inline-block;
line-height:47px;
padding-top:3px;
}
.system-page .main-section .page-title-right .title-section {
margin-right:3px;
}
.private-messages .system-page .main-section .page-title {
float:left;
}
.title-action {
float:right;
margin-right:21px;
margin-top:1px;
width:20px;
height:20px;
padding:0 5px;
}
.title-section.with-action + ul.navigation-menu li input[type='checkbox'] {
margin-right:27px;
float:right;
margin-top:12px;
}
.title-section.with-action + ul.navigation-menu li a {
max-width:180px;
float:left;
}
.m-progress {
width:100%;
float:right;
height:10px;
margin-left:9px;
margin-top:23px;
margin-right:1px;
margin-bottom:17px;
background-color:rgba(17, 17, 17, 0.1);
padding:0 !important;
}
.m-progress span {
background-color:#2fc700;
width:0%;
height:10px;
float:left;
max-width:100%;
padding-top:0 !important;
}
.private-messages .m-progress {
width:150px;
}
.private-messages .page-title.ellipsis-container {
max-width:290px;
}
.message-options {
min-height:42px;
padding-top:17px;
padding-left:17px;
padding-bottom:10px;
}
.message-options .m-select .uk-button {
min-width:26px;
padding:0 24px 0px 14px;
}
.message-options .m-select .arrow-icon {
right:15px;
}
.message-options .m-select,
.message-options .uk-button.icon-only {
margin-right:10px;
float:left;
}
.message-options .uk-button.icon-only i {
/* width:26px; */
/* margin-top:0; */
margin:0 6px;
}
.message-options input[type='checkbox'] {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:14px;
}
.message-options .m-pagination {
margin-top:5px;
}
.list-messages {
background-color:rgba(0, 0, 0, 0.05);
margin-bottom:31px;
}
.list-messages > ul > li {
line-height:40px;
box-sizing:border-box;
position:relative;
}
.list-messages > ul > li .m-accordion-entry-header {
border:1px solid rgba(0, 0, 0, 0.05);
border-bottom:none;
}
.list-messages > ul > li:first-child .m-accordion-entry-header {
border-top-color:rgba(17, 17, 17, 0.1);
}
.list-messages > ul > li:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.list-messages > ul > li.toggle-content {
width:740px;
}
.list-messages > ul > li.toggle-content:last-child {
border-bottom:none;
}
.list-messages > ul > li.toggle-content .m-accordion-entry-header {
border-color:rgba(17, 17, 17, 0.1);
}
.list-messages ul li a {
color:#444;
}
.list-messages ul li .post-content a[target='_blank'] {
color:#6ba0f1;
text-decoration:underline;
word-break:break-word;
}
.list-messages ul li .msg-header {
min-height:40px;
float:left;
width:676px;
}
.list-messages ul li input {
float:left;
margin-top:11px;
margin-right:10px;
margin-left:20px;
margin-bottom:14px;
}
.list-messages ul li a .msg-author {
float:left;
width:132px;
}
.list-messages ul li a .msg-author b {
font-weight:400;
}
.list-messages ul li a.unread-message .msg-author b {
font-weight:700;
}
.list-messages ul li a .msg-author span {
color:rgba(17, 17, 17, 0.3);
}
.list-messages ul li a .msg-icon {
float:left;
width:12px;
height:10px;
margin:14px 2px 10px 6px;
}
.list-messages ul li a .msg-title {
float:left;
padding-left:4px;
width:400px;
line-height:20px;
padding:10px 0;
word-break:break-word;
}
.list-messages ul li a .msg-date {
float:right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.unread-message {
font-weight:700;
}
.replied-icon {
/* background:transparent url(/assets/vessur/img/replied_icon.png) center center no-repeat; */
}
.msg-data {
display:block;
font-size:12px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin-top:-6px;
color:#999;
padding-bottom:6px;
}
.list-labels {
display:block;
margin-top:5px;
}
.list-labels .no-labels {
font-size:13px;
line-height:16px;
min-height:20px;
padding:2px 0;
color:rgba(17, 17, 17, 0.4);
margin-bottom:6px;
}
.list-labels .uk-badge {
/*
background:#66a1ff;
color:#fff; */
padding-right:0px;
margin-left:0;
margin-right:5px;
margin-bottom:6px;
white-space:nowrap;
}
.list-labels .uk-badge .ellipsis-container,
.system-page .main-section .list-labels .uk-badge .ellipsis-container {
max-width:270px;
float:none;
display:inline-block;
width:auto;
}
.list-labels .uk-badge .uk-close {
line-height:19px;
margin-left:3px;
vertical-align:top;
}
.list-messages .user-avatar {
max-width:35px;
max-height:35px;
width:37px;
height:35px;
margin-bottom:14px;
}
.list-messages .user-avatar img {
max-width:37px;
max-height:37px;
}
.toggle-content {
background-color:#fff;
height:auto;
box-sizing:border-box;
}
.list-messages .topic-post .post-left {
float:left;
width:153px;
color:#999;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 0 45px;
margin-top:-12px;
border:none;
}
.list-messages .topic-post .post-left .user-info {
height:40px;
width:153px;
}
.list-messages .topic-post .post-left .user-info .post-user-name a {
color:#999;
}
.list-messages .topic-post .post-left .author-data li {
line-height:21px;
}
.list-messages .topic-post .author-data {
margin:0px;
}
.list-messages .topic-post .post-right {
float:right;
width:521px;
padding-right:16px;
padding-bottom:8px;
}
.list-messages .topic-post .post-right .post-content {
width:100%;
padding:0px;
padding-top:27px;
}
.list-messages .topic-post .post-right .m-quote-title a {
width:444px;
}
.list-messages .topic-post .post-right .m-quote {
padding-left:33px;
}
.list-messages .topic-post .post-actions li {
padding-right:0px;
}
.m-accordion .topic-post {
background-color:#fff;
border-top:none;
margin-bottom:0px;
}
.m-accordion.expandable .expandable-trigger,
.m-accordion.expandable p {
color:#111;
font-family:'Roboto', Aria, Helvetica, sans-serif;
line-height:21px;
min-height:21px;
padding-top:7px;
padding-bottom:7px;
font-size:16px;
}
.m-accordion.expandable.uk-alert-danger .expandable-trigger p {
color:#f00;
font-weight:700;
}
.m-accordion.expandable.expanded .expandable-trigger {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.m-accordion.expandable .expandable-trigger,
.m-accordion.expandable .expandable-inner {
padding-left:17px;
padding-right:17px;
}
.m-accordion.expandable .expandable-inner {
padding-bottom:17px;
}
.m-accordion.expandable .hr-line {
margin:5px 0;
}
.m-accordion.expandable a {
color:#111;
}
.m-accordion.expandable a:hover {
text-decoration:underline;
}
.expanded-content {
overflow:hidden;
max-height:0px;
}
.toggle-content .expanded-content {
height:auto;
max-height:none;
}
.m-accordion-alt > ul > li {
margin-bottom:10px;
}
.m-accordion-alt .hr-line {
margin:0;
}
.m-accordion-alt .toggle-content .expanded-content {
max-height:500px;
overflow-y:auto;
}
/* TABS NAV */
.system-page.no-sidebar .m-htab-nav {
padding-left:32px;
}
.system-page.no-sidebar .m-htab-nav + .main-section {
padding-top:0;
}
.m-htab-nav,
.m-htab-nav ul,
.m-htab-nav ul li,
.m-htab-nav ul li a {
height:67px;
display:block;
line-height:67px;
}
.m-htab-nav.bordered {
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-htab-nav.bordered ul {
position:relative;
margin-top:-1px;
}
.m-htab-nav ul li {
float:left;
}
.m-htab-nav ul li a {
padding:0 18px;
position:relative;
color:#444;
font-size:14px;
line-height:73px;
}
.m-htab-nav ul li a:before {
content:'';
display:block;
position:absolute;
left:18px;
right:18px;
top:0;
height:0;
background:#444;
}
.m-htab-nav.m-htab-nav-left ul li:first-child a {
padding-left:0;
}
.m-htab-nav.m-htab-nav-left ul li:first-child a:before {
left:0;
}
.m-htab-nav.m-htab-nav-right ul li:last-child a {
padding-right:0;
}
.m-htab-nav.m-htab-nav-right ul li:last-child a:before {
right:0;
}
.m-htab-nav ul li a:hover,
.m-htab-nav ul li a:focus,
.m-htab-nav ul li a.active,
.m-htab-nav ul li.uk-active a {
text-decoration:none;
}
.m-htab-nav ul li a.active {
font-weight:700;
}
.m-htab-nav ul li a:hover:before,
.m-htab-nav ul li a:focus:before,
.m-htab-nav ul li a.active:before,
.m-htab-nav ul li.uk-active a:before {
height:3px;
}
.m-htab-nav ul li a i {
float:left;
display:inline-block;
margin:24px 10px 0 0;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
}
.m-htab-nav ul li a .public-profile-general-icon {
/* background-image:url(/assets/vessur/img/profile_general_icon.png); */
width:20px;
height:21px;
}
.m-htab-nav ul li a .public-profile-posts-icon {
/* background-image:url(/assets/vessur/img/profile_posts_icon.png); */
width:19px;
height:20px;
margin-top:26px;
margin-right:8px;
}
.m-htab-nav ul li a .public-profile-stats-icon {
/* background-image:url(/assets/vessur/img/profile_stats_icon.png); */
width:20px;
height:20px;
margin-top:25px;
}
.profile-send-message {
position:absolute;
display:block;
width:170px;
height:30px;
line-height:30px;
top:1px;
right:-3px;
font-size:14px;
color:#444;
}
.system-page .profile-send-message:hover {
text-decoration:none;
}
.profile-send-message i {
float:left;
display:inline-block;
margin:4px 10px 0 0;
/* background:transparent url(/assets/vessur/img/profile_envelope_icon.png) center center no-repeat; */
width:22px;
height:18px;
}
.m-button-tabs .m-button-lite {
background-color:transparent;
border-color:transparent;
padding:0 15px;
min-width:auto;
}
.m-button-tabs .m-button-lite:hover {
border-color:#aaa;
}
.m-button-tabs .m-button-lite.active {
border-color:rgba(17, 17, 17, 0.1);
cursor:default;
}
/* ACCORDION */
.accordion-container {
width:750px;
background-color:#fff;
padding:0 24px;
}
.accordion-container .accordion-heading {
line-height:28px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
padding:24px 0;
font-size:20px;
}
.accordion-container .accordion-close {
width:20px;
height:20px;
padding:4px 0 4px 4px;
float:right;
/* background:transparent url(/assets/vessur/img/icon_accordion_close.png) center center no-repeat; */
opacity:0.5454;
cursor:pointer;
}
.accordion-container .accordion-close:hover {
opacity:1;
}
.accordion-container .accordion-message {
min-height:181px;
padding-top:100px;
line-height:20px;
text-align:center;
font-size:20px;
}
.accordion-content ul {
display:block;
}
.accordion-content ul li {
border-top:1px solid rgba(17, 17, 17, 0.1);
padding:11px 30px 12px;
font-size:16px;
display:block;
}
.accordion-content ul li:first-child {
border-top:none;
}
.accordion-content ul li a {
color:#444;
}
.accordion-content ul li .item-header {
display:block;
line-height:46px;
}
.accordion-content ul li:hover,
.accordion-content li.expanded {
background-color:rgba(0, 0, 0, 0.05);
}
.accordion-content .arrow-icon {
float:left;
width:20px;
height:20px;
margin-top:13px;
margin-right:16px;
/* background:transparent url(/assets/vessur/img/icon_arrow_down.png) center center no-repeat; */
}
.accordion-content li .expanded-content input {
float:left;
}
.accordion-content li .expanded-content button {
margin-left:10px;
}
.accordion-content li .expanded-content input {
min-height:25px;
min-width:303px;
padding-left:20px;
font-size:16px;
margin-bottom:10px;
}
.accordion-content li.expanded .expanded-content {
margin-top:10px;
margin-bottom:12px;
max-height:300px;
}
.accordion-content li.expanded .arrow-icon {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
.accordion-content li.expanded:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin-bottom:25px;
}
/* MODALS */
.uk-modal {
z-index:1011;
}
.m-overlay {
background:rgba(0, 0, 0, 0.3);
overflow:hidden;
}
.m-overlay.m-loader-container {
background:rgba(255, 255, 255, 0.8);
}
.uk-modal .uk-modal-footer {
margin-top:25px;
}
.uk-modal .uk-modal-header p,
.uk-modal .uk-modal-footer p,
.uk-modal .uk-modal-title {
font-size:20px;
line-height:30px;
color:#111;
text-transform:none;
}
.modal-subtitle {
font-size:18px;
margin:8px 0 7px 0;
font-weight:normal;
padding:18px 0 3px;
color:rgba(17, 17, 17, 0.7);
}
.modal-content-container p {
font-size:16px;
line-height:29px;
color:#111;
}
.modal-content-container p a {
color:#71a4f3;
}
.modal-content-container p a:hover {
text-decoration:underline;
}
.uk-modal-dialog {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.uk-alert {
background:#ebf3ff;
/* border:1px solid #69a3ff; */
line-height:20px;
font-size:14px;
padding:18px;
margin-bottom:25px;
min-height:20px;
}
.uk-alert .paragraph {
color:#2d7091;
}
.uk-alert.profile-panel {
padding:15px 20px;
}
.uk-alert.uk-alert-danger {
background:#fff1f0;
}
.uk-alert.uk-alert-warning {
background:#fff3d9;
color:#d0a442;
}
.uk-alert.uk-alert-success {
background:#ebf9e7;
color:#66a255;
}
.uk-alert .uk-alert-icon {
width:40px;
height:40px;
float:left;
margin-right:16px;
position:relative;
top:-9px;
}
.uk-alert .uk-alert-icon svg,
.uk-alert .uk-alert-icon img {
width:100%;
height:auto;
object-fit:contain;
}
.bottom-prompt {
width:100%;
height:auto;
box-sizing:border-box;
position:fixed;
z-index:1001;
bottom:0px;
line-height:20px;
font-size:16px;
padding:18px;
min-height:20px;
}
.bottom-prompt .content-container {
position:relative;
}
.bottom-prompt-monochrome {
background:#fff;
color:#444;
border-top:1px solid rgba(17, 17, 17, 0.1);
/*
-webkit-box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1);
box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1); */
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),
0 1px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.05);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.05),
0 2px 8px rgba(0, 0, 0, 0.05);
}
.bottom-prompt-close {
margin:0 0 0 10px;
padding:10px;
float:right;
}
.cookiebanner .uk-button,
.bottom-prompt-cta {
float:right;
}
.cookiebanner {
background:#ebf3ff;
margin:0;
}
.cookiebanner a {
text-decoration:underline;
}
.cookiebanner p {
font-size:14px;
}
.bottom-prompt p {
position:absolute;
top:50%;
transform:translateY(-50%);
width:75%;
left:25px;
}
.cookiebanner .uk-button {
min-width:20px;
}
.uk-alert .uk-close {
color:inherit;
}
.promo-line {
height:50px;
text-align:center;
font-size:16px;
line-height:49px;
}
.promo-line a,
.promo-line a .ellipsis-container {
display:inline-block;
height:50px;
vertical-align:top;
white-space:nowrap;
}
.promo-line a .ellipsis-container {
width:auto;
}
.promo-line img {
display:inline-block;
margin-right:20px;
max-height:38px;
max-width:38px;
width:38px;
height:38px;
vertical-align:middle;
}
.promo-line-button {
padding:7px 23px;
border:1px solid #fff;
box-sizing:border-box;
height:35px;
line-height:35px;
margin:0 10px 0 20px;
border-radius:3px;
font-size:15px;
transition:background-color 100ms ease-in-out;
}
.promo-line-button:hover {
background-color:rgba(255, 255, 255, 0.2);
}
.promo-line .promo-line-close {
width:40px;
vertical-align:middle;
margin:0 0 0 10px;
}
.promo-line .promo-line-close svg {
max-width:16px;
max-height:16px;
display:inline-block;
vertical-align:middle;
}
.promo-line.dark .promo-line-close svg path {
stroke:#111;
}
/* LOGIN */
#login {
width:380px;
}
#login * {
box-sizing:border-box;
}
pre {
font-size:14px;
line-height:20px;
padding:10px 15px;
}
.modal-form-container {
box-sizing:border-box;
width:380px;
display:block;
margin:0 auto;
padding:10px 10px 5px 10px;
background-color:#fff;
border:1px solid rgba(17, 17, 17, 0.1);
border-radius:0;
}
.modal-form-container a {
color:#111;
text-decoration:none;
}
.modal-form-container a:hover,
.modal-form-checkbox label:first-child:hover {
text-decoration:underline;
}
.modal-form-heading {
padding:0;
}
.modal-form-cover {
width:380px;
height:217px;
box-sizing:border-box;
border:1px solid rgba(17, 17, 17, 0.1);
border-bottom:none;
margin-left:-11px;
margin-top:-11px;
margin-bottom:35px;
}
.modal-form-cover.modal-form-login-cover {
background:#fcfcfc url(/assets/vessur/img/login_modal_cover.png) center
bottom no-repeat;
}
#login .modal-button-close {
top:28px;
right:29px;
}
.modal-form-title {
font-size:24px;
padding:0 0 14px;
color:#111;
}
.modal-form-body {
color:#252525;
padding:20px 20px 30px;
font-size:16px;
}
/* modal-form-group */
fieldset {
margin-top:12px;
margin-bottom:12px;
position:relative;
}
fieldset label {
color:rgba(17, 17, 17, 0.5);
font-size:16px;
line-height:16px;
}
fieldset label:hover,
fieldset label:focus {
color:rgba(17, 17, 17, 0.5);
}
fieldset.error label {
position:relative;
}
fieldset.error label:before,
fieldset.error .wysibb:before {
content:'';
width:3px;
height:35px;
display:block;
background-color:#e40000;
position:absolute;
bottom:0;
left:0;
}
fieldset.error label.inline-label:before {
bottom:4px;
}
fieldset.error.no-borders label:before,
fieldset.error.no-borders label.inline-label:before {
width:0;
}
fieldset.error .wysibb:before {
top:-1px;
height:auto;
left:-1px;
bottom:-1px;
}
fieldset .caption {
font-size:14px;
background-color:rgba(162, 162, 162, 0.13);
color:#888;
border-radius:2px;
margin-top:3px;
display:block;
line-height:18px;
padding:5px;
text-align:center;
}
.report-modal fieldset .caption {
display:none;
text-align:left;
font-size:13px;
position:absolute;
bottom:10px;
left:0;
padding:2px 19px;
}
fieldset.error .caption {
background-color:rgba(255, 0, 0, 0.05);
color:#e40000;
}
fieldset.warn .caption {
background-color:#fffceb;
color:#e28327;
}
fieldset.with-action > label {
width:510px;
}
fieldset.with-action > .uk-button,
fieldset.with-action > .m-dropdown {
position:absolute;
margin:0;
top:23px;
right:0;
}
fieldset.with-action > .m-button-text {
margin-right:-10px;
}
fieldset .inline-label,
fieldset .inline-label .inner-label {
line-height:22px;
min-height:22px;
padding:4px 0;
}
fieldset .inline-label {
padding-right:10px;
vertical-align:middle;
}
fieldset .inline-label .inner-label {
float:none;
display:block;
}
fieldset .inline-label .form-row {
line-height:35px;
}
fieldset .inline-label .form-row input[type='checkbox'] {
margin-top:9px;
margin-right:10px;
}
fieldset .inline-label input[type='text'],
fieldset .inline-label input[type='password'],
fieldset .inline-label textarea {
margin:0;
}
/* end of modal-form-group */
fieldset input[type='text'],
fieldset input[type='email'],
fieldset input[type='password'],
.modal-form-container input[type='text'],
.modal-form-container input[type='email'],
.modal-form-container input[type='password'] {
box-sizing:border-box;
margin:7px 0 0;
display:block;
width:100%;
height:35px;
}
fieldset input[type='text']:focus,
fieldset input[type='email']:focus,
fieldset input[type='password']:focus,
.modal-form-container input[type='text']:focus,
.modal-form-container input[type='email']:focus,
.modal-form-container input[type='password']:focus {
border-color:rgba(17, 17, 17, 0.2);
}
fieldset input.changed:invalid {
border-color:#e40000;
}
/* end of modal-form-group */
.modal-form-container .modal-form-checkbox {
position:relative;
display:block;
margin-top:-6px;
margin-bottom:33px;
}
.modal-form-container .modal-form-checkbox label {
min-height:20px;
padding-left:25px;
margin-bottom:0;
font-weight:400;
cursor:pointer;
display:inline-block;
font-size:16px;
color:#111;
}
.modal-form-container .modal-form-checkbox label:last-child {
float:right;
}
.modal-form-container .modal-form-checkbox input[type='checkbox'] {
position:absolute;
left:0;
top:4px;
margin-left:0px;
}
.modal-form-container .wide-button {
width:100%;
margin-bottom:30px;
margin-right:0;
float:none;
}
.modal-form-container .wide-button:hover {
text-decoration:none;
}
.modal-form-container .button-social {
background-color:#4966b6;
}
.modal-form-container .button-social:hover {
background-color:#33477f;
}
.modal-form-container .act {
padding-bottom:8px;
}
.modal-form-container .act a {
display:block;
text-align:center;
padding:7px 10px;
}
.modal-form-container .act a:first-child {
color:#71a4f3;
}
.modal-form-container .act a span {
padding-right:8px;
color:rgba(17, 17, 17, 0.5);
text-decoration:none;
display:inline-block;
}
/* End of LOGIN */
/* ACCOUNT LINKING */
.account-linking-wrapper {
width:569px;
margin:0 auto;
max-width:100%;
}
.account-linking-card {
background:#fff;
padding:32px;
box-sizing:border-box;
border-radius:8px;
}
.account-linking h1 {
color:#111;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:400;
line-height:30px;
text-align:center;
}
.account-linking h1.attention-title {
color:#C32020;
}
.account-linking p {
color:#111;
text-align:center;
font-size:14px;
line-height:30px;
margin:16px 0;
padding:0 16px;
}
.account-linking p.account-linking-subtitle {
color:rgba(17, 17, 17, 0.7);
}
.account-linking-card > p {
font-size:16px;
line-height:24px;
text-align:left;
padding:0;
margin:24px 0 6px;
}
.account-linking p a {
color:#66a1ff;
text-decoration:underline;
}
.account-linking p a:hover,
.account-linking p a:focus,
.account-linkingp a:active {
text-decoration:none;
}
.account-linking-logo-list {
display:flex;
justify-content:center;
align-items:center;
gap:28px;
align-self:stretch;
}
.account-linking-icon,
.account-linking-logo {
width:160px;
height:42px;
background:transparent center center no-repeat;
background-size:contain;
}
.account-linking-icon {
width:42px;
background-image:url(/assets/vessur/img/link_icon_optimized.svg);
}
.account-linking-logo.bg-mamma-logo {
background-image:url(/assets/vessur/img/bg-mamma_graphite_logo_optimized.svg);
}
.account-linking-icon.attention {
background-image:url(/assets/vessur/img/link_icon_optimized_orange.svg);
}
.account-linking-logo.incentivai-logo {
background-image:url(/assets/vessur/img/incentivai_logo_optimized.svg);
}
.account-linking-icon.exclamation-icon {
width:87px;
height:75px;
margin:32px auto 16px;
padding:19px;
background-image:url(/assets/vessur/img/exclamation_icon_optimized.svg);
}
/* End of ACCOUNT LINKING */
/* LOYALTY PROGRAM */
.loyalty-program .uk-alert {
display:flex;
padding:16px;
align-items:center;
gap:16px;
position:relative;
}
.loyalty-program .main-section > div > .uk-alert.lp-alert {
padding:4px 8px;
}
.loyalty-program .uk-alert .uk-alert-icon {
float:none;
margin-right:0;
top:0;
}
.loyalty-program .uk-alert p {
flex:1 0 0;
font-size:16px;
}
.loyalty-program .uk-alert,
.loyalty-program .hr-line,
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button,
.loyalty-program .main-section > div > .lp-panel,
.loyalty-program .main-section > div > .lp-icons-list {
margin:24px 0;
}
.loyalty-program .lp-campaign > .uk-grid {
margin-top:24px;
margin-bottom:24px;
}
.loyalty-program .main-section > div > .uk-alert,
.loyalty-program .main-section > div > .hr-line,
.loyalty-program .main-section > div > .profile-section-title,
.loyalty-program .main-section > div > .profile-section-subtitle,
.loyalty-program .main-section > div > .profile-content-message,
.loyalty-program .main-section > div > .lp-panel.padded,
.loyalty-program .main-section > div > .incentivai-panel,
.loyalty-program .main-section > div > .lp-list,
.loyalty-program .main-section > div > .lp-progress-bar-container {
margin:16px 0;
}
.loyalty-program .main-section > div > .profile-section-title,
.loyalty-program .main-section > div > .profile-section-subtitle {
padding:0;
}
/* INCENTIVAI PANEL */
.incentivai-panel {
border-radius:8px;
background:#0a2d88 bottom center no-repeat;
background-image:url(/assets/vessur/img/incentivai_panel_background.jpg), linear-gradient(126deg, #9539b6 5.94%, #0a2d88 94.24%);
background-size:100%;
padding:30px;
font-family:'Manrope', 'Roboto', Arial, Helvetica, sans-serif;
font-style:normal;
color:#fff;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:22px;
letter-spacing:0.1px;
display:flex;
padding:24px 32px;
align-items:center;
gap:32px;
flex-shrink:0;
}
.lp-ip-content {
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:16px;
flex:1 0 0;
}
.lp-ip-title {
font-size:32px;
font-weight:700;
line-height:36px;
letter-spacing:1.5px;
}
.lp-ip-description a,
.lp-ip-link,
.lp-ip-link:hover,
.lp-ip-link:focus {
color:#fff;
/* text-decoration:underline; */
border-bottom:1px solid #fff;
}
.lp-ip-button,
.lp-ip-button:hover,
.lp-ip-button:active,
.lp-ip-button:focus {
padding:11px 8px;
font-weight:500;
line-height:22px;
height:44px;
letter-spacing:1.25px;
text-align:center;
color:#0a2d88;
background:#fff;
display:block;
border-radius:4px;
}
.lp-ip-button:hover {
background:#dae3f9;
}
.lp-ip-button:focus,
.lp-ip-button:active {
background:#b6c0db;
}
.lp-ip-button.disabled,
.lp-ip-button:disabled {
background:#f1f0f1;
color:#a59ea7;
}
/* LOYALTY PROGRAM PANEL */
.lp-panel {
border-radius:4px;
background:#F7F7F7;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-style:normal;
line-height:normal;
color:#111;
font-size:16px;
font-weight:400;
padding:12px 8px;
}
.lp-panel.padded {
padding:16px;
border-radius:8px;
}
.lp-panel-content {
display:flex;
align-items:center;
align-self:stretch;
gap:16px;
}
.lp-panel.padded > .lp-panel-content {
display:flex;
flex-direction:column;
align-items:flex-end;
gap:16px;
flex:1 0 0;
}
.lp-panel .lp-panel-content .lp-panel-actions .uk-button svg {
width:20px;
height:20px;
}
.lp-panel-content > * {
align-self:stretch;
}
.lp-panel-content > p {
flex:1 0 0;
align-items:center;
display:flex;
}
.lp-panel .lp-panel-title,
.lp-panel .lp-panel-footnote {
color:#585858;
}
.lp-panel .lp-panel-item {
font-size:20px;
display:flex;
align-items:flex-start;
gap:16px;
align-self:stretch;
text-align:left;
}
.lp-panel .lp-panel-item > p {
width:100%;
}
.lp-panel .lp-panel-item > b {
white-space:nowrap;
text-align:right;
}
.lp-panel .lp-panel {
background:#E6E6E6;
}
.lp-panel .lp-panel-actions {
display:flex;
align-items:center;
gap:16px;
}
.lp-panel .lp-panel-actions .uk-button {
float:none;
margin:0;
}
.lp-panel.compact {
background:none;
font-size:14px;
}
/* LOYALTY PROGRAM PANEL CARD */
.lp-card {
display:flex;
align-items:center;
gap:36px;
flex:1 0 0;
padding:16px;
}
.lp-card.align-items-top {
align-items:flex-start;
}
.lp-card-icon {
width:72px;
height:72px;
}
.lp-card-icon svg {
width:auto;
height:100%;
object-fit:contain;
display:block;
margin:0 auto;
}
.lp-card-content {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px;
flex:1 0 0;
}
.lp-card-title,
.lp-progress-bar-title {
color:#585858;
font-size:16px;
font-weight:400;
}
.lp-card-title.heavy {
color:#111;
font-size:20px;
font-weight:700;
line-height:normal;
}
.lp-card-value {
color:#111;
font-size:32px;
font-weight:700;
}
.lp-card-unit {
font-size:17px;
display:inline-block
}
.lp-card-leading-title {
color:#585858;
font-size:10px;
font-weight:400;
line-height:normal;
text-transform:uppercase;
border-radius:4px;
border:1px solid #808080;
padding:2px 4px;
margin-bottom:-8px;
}
.lp-panel.lp-card.blue-leading-title .lp-card-leading-title {
color:#fff;
border:1px solid #66a1ff;
background:#66a1ff;
}
.lp-card-description {
color:#585858;
}
.loyalty-program-wrapper .lp-panel.lp-card {
display:flex;
padding:16px;
align-items:flex-start;
gap:36px;
flex:1 0 0;
align-self:stretch;
border-radius:8px;
background:#f7f7f7;
}
.lp-panel.lp-card.blue-card,
.lp-panel.lp-card.blue-card .lp-card-leading-title,
.lp-panel.lp-card.blue-card .lp-card-title,
.lp-panel.lp-card.blue-card .lp-card-description {
color:#2c7091;
}
.lp-panel.lp-card.blue-card {
background:#eaf3ff;
}
.lp-panel.lp-card.blue-card .lp-card-leading-title {
border:1px solid #2C7091;
}
/* LOYALTY PROGRAM LIST */
.lp-list {
color:#111;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
line-height:normal;
}
.lp-list-title {
font-size:18px;
font-weight:500;
line-height:normal;
min-height:43px;
padding:11px 0;
box-sizing:border-box;
}
.lp-list-subtitle {
color:#585858;
}
/* LOYALTY PROGRAM ICONS LIST */
.lp-icons-list {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px;
align-self:stretch;
}
.lp-icons-list > * {
align-self:stretch;
}
.lp-icons-list-item {
display:flex;
padding:8px 0px;
align-items:center;
gap:8px;
}
.lp-icons-list-item-icon {
height:32px;
width:32px;
}
.lp-icons-list-item-icon > svg {
width:100%;
height:auto;
}
.lp-icons-list-item p {
flex:1 0 0;
}
/* LOYALTY PROGRAM INLINE ICONS LIST */
.lp-inline-icons-list {
display:flex;
flex-direction:row;
align-items:center;
gap:24px;
align-self:stretch;
flex-wrap:nowrap;
justify-content:space-between;
align-content:center;
}
.lp-inline-icons-list-item {
display:flex;
justify-content:center;
align-items:center;
align-self:stretch;
width:36px;
text-align:center;
}
.lp-inline-icons-list-item svg {
max-width:36px;
max-height:36px;
opacity:0.5;
}
.lp-inline-icons-list-item.current-level {
width:72px;
}
.lp-inline-icons-list-item.current-level svg {
max-width:72px;
max-height:72px;
}
.lp-inline-icons-list-item.completed svg {
opacity:1;
}
/* LOYALTY PROGRAM LIST TIMELINE */
.lp-timeline-list-item {
position:relative;
}
.lp-timeline-list-item:before {
content:'';
position:absolute;
display:block;
width:1px;
top:10px;
bottom:-10px;
left:5px;
border-left:1px solid #66a1ff;
z-index:1;
}
.lp-timeline-list-item.gray:before {
border-left:1px dashed #d9d9d9;
}
.lp-timeline-list-item:last-child:before {
content:none;
}
.lp-timeline-list-item-icon {
position:absolute;
display:block;
width:12px;
height:12px;
position:absolute;
top:3px;
left:0;
z-index:2;
}
.lp-timeline-list-item-icon svg {
width:100%;
height:100%;
display:block;
}
.lp-timeline-list-item-title {
padding-left:19px;
padding-bottom:8px;
font-size:14px;
font-weight:500;
}
.lp-timeline-list-item-subtitle {
padding-left:19px;
padding-bottom:24px;
font-size:12px;
color:#848484;
}
/* LOYALTY PROGRAM ACCORDION */
.lp-accordion li {
padding:4px;
box-sizing:border-box;
position:relative;
cursor:pointer;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.lp-accordion li:last-child {
border:none;
}
.loyalty-program .lp-accordion li .expandable-trigger {
color:rgba(17, 17, 17, 0.7);
display:flex;
color:#565656;
font-size:15px;
font-weight:500;
line-height:normal;
background:none;
padding:12px;
height:auto;
display:flex;
align-items:center;
gap:16px;
justify-content:space-between;
min-height:18px;
}
.loyalty-program .lp-accordion li .expandable-inner {
color:#848484;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:normal;
border:none;
padding:0;
padding-left:12px;
padding-right:24px;
}
.loyalty-program .lp-accordion li .button-icon.chevron-icon {
margin:0;
position:static;
min-width:13px;
}
/* LOYALTY PROGRESS BAR */
.lp-progress-bar-inner {
display:flex;
align-items:center;
gap:16px;
align-self:stretch;
}
.lp-progress-bar-title b:before {
content:'- ';
display:inline;
}
.lp-progress-bar-path {
border-radius:4px;
background:#e0e0e0;
height:4px;
flex:1 0 0;
}
.lp-progress-bar {
border-radius:4px 0px 0px 4px;
background:#66a1ff;
height:4px;
}
/* LOYALTY PROGRAM HERO */
.lp-hero {
background:#9ccd8e;
background:transparent center center no-repeat;
background-size:cover;
box-sizing:border-box;
padding:55px 30px 90px;
min-height:400px;
display:flex;
align-items:center;
justify-content:center;
}
.lp-hero.comming-soon {
background-image:url(/assets/vessur/img/hero-campaign-coming-soon-optimized.jpg);
background-image:url(/assets/vessur/img/hero-campaign-coming-soon-optimized.svg), linear-gradient(transparent, transparent);
padding:140px 30px 40px;
min-height:300px;
}
.lp-hero.campaign-jan-2025 {
background-image:url(/assets/vessur/img/hero-campaign-jan-2025-optimized.jpg);
background-image:url(/assets/vessur/img/hero-campaign-jan-2025-optimized.svg), linear-gradient(transparent, transparent);
padding:40px 30px;
min-height:300px;
}
.lp-hero.campaign-mar-2025 {
background-image:url(/assets/vessur/img/hero-campaign-march-2025-optimized.jpg);
padding:40px 30px;
min-height:300px;
}
.lp-hero.campaign-may-2025 {
background-image:url(/assets/vessur/img/hero-campaign-may-2025.jpg);
padding:40px 30px;
min-height:300px;
}
.lp-hero.campaign-all {
padding:40px 30px;
min-height:300px;
}
.lp-hero-inner {
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
color:#444;
text-align:center;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-style:normal;
line-height:normal;
width:100%;
max-width:632px;
}
.lp-hero-inner h2 {
font-size:30px;
font-weight:500;
color:#444;
}
.lp-hero-inner p,
.lp-hero-inner ul li {
font-size:16px;
font-weight:400;
color:#444;
}
.lp-hero-inner ul {
display:flex;
justify-content:center;
align-items:center;
gap:72px;
align-self:stretch;
}
.lp-hero-inner ul li {
line-height:24px;
}
.lp-hero-inner ul li span {
display:inline-block;
line-height:24px;
margin-left:10px;
}
.lp-hero ul li svg {
float:left;
height:24px;
}
.content.loyalty-program {
background:#fff;
}
.loyalty-program .m-htab-nav {
background:#f7f7f7;
}
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button svg {
width:21px;
height:21px;
display:inline-block;
margin-left:4px;
}
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button,
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button:hover {
float:none;
display:block;
margin-left:auto;
margin-right:auto;
height:auto;
color:#66a1ff;
text-align:center;
font-size:16px;
font-weight:500;
line-height:29px;
text-decoration-line:underline;
text-decoration-style:solid;
text-decoration-skip-ink:none;
text-decoration-thickness:auto;
text-underline-offset:auto;
text-underline-position:from-font;
}
.loyalty-program .lp-general .intro,
.loyalty-program .lp-general .lp-list {
margin-top:36px;
padding-bottom:24px;
}
.loyalty-program .lp-general h1 {
color:#111;
text-align:center;
font-size:44px;
font-weight:500;
line-height:normal;
}
.loyalty-program .lp-general .lp-icons-list {
gap:16px;
}
.loyalty-program .lp-general h2 {
color:#111;
font-size:24px;
font-weight:500;
line-height:50px; /* 208.333% */
}
.loyalty-program .lp-general h2,
.loyalty-program .lp-general .m-button-lite.m-button-link.lp-centered-text-button,
.loyalty-program .lp-icons-list-item {
padding:0;
margin:0;
}
.loyalty-program .lp-general p.subtitle {
margin-top:24px;
color:#565656;
text-align:center;
font-size:20px;
font-weight:500;
line-height:29px;
}
.loyalty-program .lp-general .bullet-number {
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
border:1px solid #66a1ff;
box-sizing:border-box;
background:#fff;
color:#66a1ff;
text-align:center;
font-size:24px;
line-height:39px;
font-weight:400;
margin-right:19px;
font-style:normal;
}
.loyalty-program .main-section .uk-alert.lp-alert-with-action {
display:flex;
padding:8px 16px;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:8px;
align-self:stretch;
border-radius:4px;
background:#eaf3ff;
}
.lp-alert-with-action .lp-alert-inner {
display:flex;
align-items:center;
gap:16px;
align-self:stretch;
}
.lp-alert-with-action .m-button {
color:#fff;
background:#2c7091;
float:none;
}
.lp-alert-with-action .hr-line {
width:100%;
background:#fff;
align-self:stretch;
margin:0;
}
.loyalty-program .lp-alert-with-action p {
font-size:18px;
}
.loyalty-program .lp-alert-with-action p a {
color:#2c7091;
text-decoration:underline;
}
.lp-alert-with-action p.lp-alert-footnote {
color:#585858;
text-align:center;
font-size:12px;
font-weight:400;
line-height:normal;
}
.uk-badge.m-badge {
right:12px;
height:11px;
color:#FFF;
text-align:center;
font-size:10px;
font-style:normal;
font-weight:300;
line-height:12px;
text-transform:uppercase;
padding:1px 2px;
position:absolute;
top:7px;
background:#89C379;
font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.profile-dropdown .uk-badge.m-badge {
top:13px;
right:15px;
}
/* PERSONAL DATA COLLECTION FORM */
#lp-pd-collection-modal {
}
#lp-pd-collection-modal-initial {
}
.radio-with-dropdown label.inline-label input[type="radio"] {
margin-top:10px;
}
.radio-with-dropdown span.inner-label,
.radio-with-dropdown div.inner-label {
min-height:35px;
line-height:35px;
}
.radio-with-dropdown .m-select {
margin-left:0;
}
.radio-with-dropdown .m-select .uk-button {
min-width:200px;
}
.radio-with-dropdown .m-select .uk-button span {
max-width:150px;
}
#lp-pd-collection-modal .footnote,
#lp-pd-collection-modal-initial .footnote {
color:rgba(17, 17, 17, 0.5);
font-size:12px;
}
#lp-pd-collection-modal .modal-subtitle,
#lp-pd-collection-modal-initial .modal-subtitle {
font-size:18px;
margin:8px 0 7px 0;
font-weight:normal;
padding:18px 0 3px;
color:rgba(17, 17, 17, 0.7);
}
/* End of LOYALTY PROGRAM */
.m-modal-confirm-question,
.m-modal-prompt-label,
.m-modal-alert-text {
color:#444;
font-size:16px;
line-height:25px;
word-wrap:break-word;
word-break:break-word;
}
.modal-button-close {
/* background:transparent url(/assets/vessur/img/modal_close_icon.png) center center no-repeat; */
opacity:0.7;
width:22px;
height:21px;
position:absolute;
right:24px;
top:24px;
}
.uk-modal-close:hover .modal-button-close,
.modal-button-close:hover {
opacity:1;
}
.m-form .form-row-alt input[type='text'] {
width:585px;
}
.m-form .form-row-alt .m-button {
margin:0 0 0 10px;
}
.uk-modal .hr-line {
margin:10px 0;
}
.system-page .uk-modal-dialog,
.members-search .uk-modal-dialog,
.modal-list-search .uk-modal-dialog,
.move-to .uk-modal-dialog {
width:780px;
padding:30px;
}
.system-page .modal-button-close {
right:30px;
top:30px;
}
.system-page .main-section .form-row-alt input[type='text'] {
width:560px;
}
.alt-modal .uk-modal-header {
margin-bottom:25px;
padding-right:20px;
}
.alt-modal .uk-modal-header p {
text-align:center;
margin-top:6px;
}
.alt-modal .uk-modal-header p.modal-subtitle {
font-size:18px;
margin:8px 0 7px 0;
}
.alt-modal .uk-modal-header p:only-of-type {
text-align:left;
}
.alt-modal .uk-modal-dialog {
width:780px;
padding:15px 25px 25px;
}
.alt-modal .modal-button-close {
top:26px;
right:24px;
}
.alt-modal .inline-label {
padding-right:25px;
padding-bottom:10px;
font-size:15px;
}
.alt-modal .modal-panel {
background:#eee;
padding:10px;
}
#topic-more-info .modal-panel {
padding-left:35px;
}
@media (min-width:1220px) {
#topic-more-info .modal-panel {
padding-left:45px;
}
}
.alt-modal .large-padding {
padding:45px 0 35px;
}
.alt-modal .modal-content-container > table {
width:100%;
}
.alt-modal .modal-content-container > table table {
max-width:90%;
margin:0 auto;
}
.alt-modal .modal-content-container > table table td {
min-width:150px;
}
.alt-modal .modal-content-container > table td.padding {
width:60px !important;
min-width:60px !important;
}
.uk-modal-footer .uk-button {
float:none;
}
.uk-modal-footer.uk-text-right .m-button {
margin:0;
}
.alt-modal .user-info-mini .user-avatar {
background:#eee;
}
.alt-modal .user-info-mini {
padding:10px;
}
.alt-modal .user-info-mini p {
color:#888;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#topic-more-info.alt-modal .user-info-mini p {
width:75%;
}
.alt-modal .user-info-mini a {
color:#111;
}
#topic-more-info.alt-modal .user-info-mini a {
max-width:100%;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
}
.m-modal-confirm .uk-modal-dialog {
width:780px;
padding:0;
font-size:16px;
}
.m-modal-confirm .uk-modal-content {
background:#f3f3f3;
}
.m-modal-confirm .m-modal-confirm-question {
display:block;
width:600px;
padding:72px 0 74px;
text-align:center;
margin:0 auto;
}
.m-modal-confirm .uk-modal-footer {
padding:0 25px 25px 25px;
}
.info-modal .modal-button-close {
/* background-image:url(/assets/vessur/img/info_modal_close.png); */
width:24px;
height:24px;
right:31px;
top:34px;
}
.info-modal .uk-modal-dialog {
background-color:#f7ca34;
width:700px;
box-sizing:border-box;
padding:27px 67px 37px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border-top:6px solid #66a1ff;
position:relative;
}
.info-modal .uk-modal-dialog:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:transparent url(/assets/vessur/img/info_modal_baloons.png)
center center no-repeat;
z-index:-1;
opacity:0.3;
}
.info-modal.bottom-border .uk-modal-dialog {
border-top:none;
border-bottom:6px solid #66a1ff;
}
.info-modal .modal-content-container p,
.info-modal .modal-content-container ul li {
font-size:14px;
line-height:24px;
color:#203433;
padding:8px 0;
}
.info-modal .modal-content-container p a {
font-weight:700;
color:#07d !important;
}
.info-modal .modal-content-container .modal-title {
font-size:22px;
font-weight:bold;
color:#fff;
padding-top:15px;
padding-bottom:21px;
}
.info-modal .hr-line {
background:#fbe59a;
margin:17px 0 12px;
}
.info-modal .logo {
/* background:transparent url(/assets/vessur/img/info_modal_logo.png) center center no-repeat; */
width:170px;
height:47px;
position:absolute;
bottom:26px;
right:30px;
}
.info-modal .modal-content-container ul li {
/* background:transparent url(/assets/vessur/img/info_modal_bullet.png) 0 10px no-repeat; */
padding:8px 0 15px 36px;
margin-left:-36px;
}
.info-modal .modal-content-container strong {
font-size:16px;
}
.info-trigger {
display:block;
position:fixed;
z-index:1010;
bottom:34px;
left:34px;
/* background:#f7ca34 url(/assets/vessur/img/info_icon.png) center center no-repeat; */
width:35px;
height:35px;
-webkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:35px;
}
.info-trigger:hover {
-webkit-box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.1);
box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.1);
}
.info-trigger.promo-guide {
width:41px;
height:31px;
background:transparent url(/assets/vessur/img/guided_tour_info.png) center
center no-repeat;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.info-trigger.promo-guide:hover {
-webkit-box-shadow:none;
box-shadow:none;
}
.info-modal.beta .uk-modal-dialog {
background-color:#eff5ff;
padding:27px 67px 37px;
}
.info-modal.beta .modal-content-container .modal-title {
color:#66a1ff;
}
.info-modal.beta .modal-content-container ul li {
/* background-image:url(/assets/vessur/img/info_modal_bullet_alt.png); */
}
.info-modal.beta .hr-line {
background:rgba(17, 17, 17, 0.1);
margin:17px -13px 15px;
}
.info-modal.beta .uk-modal-dialog:before {
opacity:1;
}
.info-modal.beta .logo {
bottom:18px;
right:17px;
/* background-image:url(/assets/vessur/img/info_modal_logo_alt.png); */
opacity:0.7;
}
.uk-modal.info-modal .uk-modal-dialog .modal-content-container .modal-title {
color:rgba(17, 17, 17, 0.5);
}
/* TRANSFORMS */
.flip-v {
-moz-transform:scaleY(-1);
-o-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
transform:scaleY(-1);
filter:FlipV;
-ms-filter:'FlipV';
}
.flip-h {
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
filter:FlipH;
-ms-filter:'FlipH';
}
.qa-pair-expandable.qa-pair-expanded .qa-pair-expandable-trigger .chevron-icon,
.expandable.expanded .expandable-trigger .chevron-icon,
.expanding-form.expanded .expanding-form-title .chevron-icon,
.poll-results.poll-results-expanded .toggle-shrink-trigger .chevron-icon,
.rule-item.toggle-content .chevron-icon,
.r-180 {
-webkit-transform:rotate(180deg);
/* Chrome and other webkit browsers */
-moz-transform:rotate(180deg);
/* FF */
-o-transform:rotate(180deg);
/* Opera */
-ms-transform:rotate(180deg);
/* IE9 */
transform:rotate(180deg);
/* W3C compliant browsers */
}
.r-ccw-90 {
-webkit-transform:rotate(-90deg);
/* Chrome and other webkit browsers */
-moz-transform:rotate(-90deg);
/* FF */
-o-transform:rotate(-90deg);
/* Opera */
-ms-transform:rotate(-90deg);
/* IE9 */
transform:rotate(-90deg);
/* W3C compliant browsers */
}
/*
.color_1 select:focus,
.color_1 textarea:focus,
.color_1 input:not([type]):focus,
.color_1 input[type='text']:focus,
.color_1 input[type='password']:focus,
.color_1 input[type='datetime']:focus,
.color_1 input[type='datetime-local']:focus,
.color_1 input[type='date']:focus,
.color_1 input[type='month']:focus,
.color_1 input[type='time']:focus,
.color_1 input[type='week']:focus,
.color_1 input[type='number']:focus,
.color_1 input[type='email']:focus,
.color_1 input[type='url']:focus,
.color_1 input[type='search']:focus,
.color_1 input[type='tel']:focus,
.color_1 input[type='color']:focus {
border-color:#9bbebd;
background:#fff;
}
*/
/* ANIMATION */
.board-filters ul li a,
.board-filters ul li a span,
.m-dropdown .uk-dropdown .uk-nav-dropdown > li > a,
.m-button,
.m-button.colored:before,
.m-button-lite,
.m-pagination > .mini-form .uk-form-width-mini,
.m-pagination > .mini-form form .uk-button,
.m-pagination > .uk-pagination-previous > *,
.m-pagination > .uk-pagination-next > *,
.m-pagination > .mini-form form .uk-button:before,
.m-pagination > li > a,
.m-pagination > .uk-pagination-next > *,
.footer a,
.user-avatar span,
.button-icon,
.share-action .share-action-inner input,
.share-action .share-action-inner > ul > li > .uk-button,
.topic-post .m-quote .m-quote-title a:before,
.topic-post .quote-wrapper .quoteheader a:before,
.post-actions li,
.post-actions li a,
.post-actions li a i,
.expanding-form-title,
.expanding-form-inner-toggle,
.expanding-form.expanded .expanding-form-title .chevron-icon,
.poll-results .toggle-shrink-trigger .chevron-icon,
.rule-item.toggle-content .chevron-icon,
.sidebar-section ul.navigation-menu li a:before,
.m-htab-nav ul li a, .m-htab-nav ul li a:before,
.nav-menu > li a,
.nav-menu > li a span,
.global-header .main-header,
.global-header .sub-header,
/*
.m-card .m-card-subtitle,
.m-card .m-card-title,
*/
.m-list > li,
.m-i-overlay span,
.options-panel,
.options-panel-trigger,
.options-panel .options-panel-trigger:before,
.image-uploader .dropblock,
.image-uploader .dropblock .inset-border,
.wysibb .wbb-emoji-headers li a:before,
.wysibb .wbb-emoji-toolbar,
.info-trigger,
.profile-card {
-webkit-transition:all 100ms ease-in-out;
-moz-transition:all 100ms ease-in-out;
-ms-transition:all 100ms ease-in-out;
-o-transition:all 100ms ease-in-out;
transition:all 100ms ease-in-out;
}
.button-icon.favorite-icon,
.button-icon.post-useful-icon,
.button-icon.follow-icon {
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
.uk-tooltip,
.search-page,
.action-card .card-action,
.action-card .action-card-image {
-webkit-transition:opacity 200ms ease-in-out;
-moz-transition:opacity 200ms ease-in-out;
-ms-transition:opacity 200ms ease-in-out;
-o-transition:opacity 200ms ease-in-out;
transition:opacity 200ms ease-in-out;
}
.expanded-content,
.blank-list > li,
.accordion-content .arrow-icon,
.image-uploader .modal-content-container,
.latest-topic-posts .post-header,
.list-messages .animated .m-accordion-entry-header {
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-ms-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
}
.jspTrack:before,
.jspDrag:before,
.global-header.search-header input,
.poll-results-list-container,
.attachment-inner,
.center-screen-message,
/* .m-card, */
.search-page,
.m-card .m-card-content-container:after,
.m-card .m-card-content,
.m-card.tpl4 .m-card-border-top,
.m-card.tpl4 .m-card-content > .m-card-subtitle,
.m-card.tpl3 .m-card-border-top,
.m-card.tpl3 .m-card-content > .m-card-subtitle {
-webkit-transition:all 200ms ease-in-out;
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out;
}
.m-card.tpl3 .m-card-image,
.m-card.tpl4 .m-card-image {
-webkit-transition:background-position 500ms cubic-bezier(0.5, 0, 0, 1);
-moz-transition:background-position 500ms cubic-bezier(0.5, 0, 0, 1);
-ms-transition:background-position 500ms cubic-bezier(0.5, 0, 0, 1);
-o-transition:background-position 500ms cubic-bezier(0.5, 0, 0, 1);
transition:background-position 500ms cubic-bezier(0.5, 0, 0, 1);
}
.hourly-stats .data.animated td .bar-stat span,
.poll-results-list ul li .list-background.animated {
-webkit-transition:all 200ms cubic-bezier(1, 0, 0.5, 1);
-moz-transition:all 200ms cubic-bezier(1, 0, 0.5, 1);
-ms-transition:all 200ms cubic-bezier(1, 0, 0.5, 1);
-o-transition:all 200ms cubic-bezier(1, 0, 0.5, 1);
transition:all 200ms cubic-bezier(1, 0, 0.5, 1);
}
.reset-animation {
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
/*
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
100%{
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0
}
0% {
-webkit-box-shadow:0 0 0 0 #66a1ff;
box-shadow:0 0 0 0 #66a1ff;
opacity:.75
}
25% {
-webkit-box-shadow:0 0 0 0 #66a1ff;
box-shadow:0 0 0 0 #66a1ff;
opacity:.75
}
100%{
-webkit-box-shadow:0 0 4px 13px #66a1ff;
box-shadow:0 0 4px 13px #66a1ff;
opacity:0
}
*/
@-webkit-keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0;
}
}
@keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0;
}
}
@-moz-keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0;
}
}
@-o-keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.75;
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0;
}
}
.spin {
-webkit-animation:uk-rotate 2s infinite linear;
animation:uk-rotate 2s infinite linear;
}
/* ELLIPSIS */
.ellipsis-container {
width:100%;
display:block;
}
/*
.post-user-name,
.post-user-name a span,
.topic .post-topic-title,
*/
.user-info .user-name span,
.list-messages ul li a .msg-title,
.list-messages ul li a .msg-author,
.ellipsis-container,
.uk-tooltip.m-tooltip-nobreak .uk-tooltip-inner {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.list-messages ul li.toggle-content a .msg-title {
height:auto;
word-break:break-word;
white-space:normal;
overflow:visible;
text-overflow:unset;
max-height:none;
}
.m-ellipsis {
overflow:hidden;
text-overflow:ellipsis;
display:block;
display:-webkit-box;
-webkit-box-orient:vertical;
white-space:normal;
word-wrap:break-word;
}
.m-ellipsis-2 {
-webkit-line-clamp:2;
}
.m-ellipsis-3 {
-webkit-line-clamp:3;
}
/* ONBOARDING - for code review */
.onboarding .category-section .close-page {
float:right;
/* background:transparent url(/assets/vessur/img/button_icon_close.png) center center no-repeat; */
width:20px;
height:20px;
margin-top:11px;
}
.onboarding .category-section .page-title {
width:950px;
line-height:33px;
text-align:center;
color:#4b4b4b;
padding:0px;
font-size:24px;
}
.onboarding .category-list {
margin-top:51px;
}
.onboarding .category-list li {
float:left;
margin-bottom:20px;
margin-right:25px;
}
.onboarding .category-list li:nth-child(3n) {
margin-right:0px;
}
.onboarding .category-list li .button-category {
position:relative;
width:300px;
height:48px;
text-align:left;
font-size:16px;
padding-left:17px;
cursor:pointer;
border:1px solid rgba(17, 17, 17, 0.1);
background-color:#fff;
-webkit-transition:background-color 100ms ease-in-out;
-moz-transition:background-color 100ms ease-in-out;
-ms-transition:background-color 100ms ease-in-out;
-o-transition:background-color 100ms ease-in-out;
transition:background-color 100ms ease-in-out;
}
.onboarding .category-list li .button-category.active {
color:#fff;
font-weight:normal;
/* background-image:url(/assets/vessur/img/button_icon_checked.png); */
background-repeat:no-repeat;
background-position:260px center;
}
.onboarding .category-list li .button-category:hover {
border:2px solid #aaa;
padding-left:16px;
}
.onboarding .category-list li .button-category:focus,
.onboarding .category-list li .button-category:active,
.onboarding .category-list li .button-category::-moz-focus-inner {
outline:none !important;
border:1px solid transparent !important;
}
.onboarding .continue {
float:right;
font-size:16px;
margin-top:15px;
display:inline-block;
color:#000 !important;
line-height:29px;
}
.onboarding .continue span {
float:right;
/* background:transparent url(/assets/vessur/img/button_icon_continue.png) center center no-repeat; */
width:27px;
height:29px;
margin-left:15px;
}
.category-list .m-dropdown {
position:relative;
}
.category-list .m-dropdown .uk-dropdown {
padding:15px;
width:300px;
box-sizing:border-box;
background:#aaa;
color:#fff;
font-size:16px;
line-height:22px;
}
.category-list .m-dropdown .uk-dropdown span.dropdown-arrow-cont {
border-top:11px solid transparent;
border-bottom:11px solid transparent;
top:50%;
margin-top:-11px;
}
.category-list .m-dropdown .uk-dropdown span.dropdown-arrow {
border-top:10px solid transparent;
border-bottom:10px solid transparent;
top:-10px;
}
.category-list
.m-dropdown
.uk-dropdown.uk-dropdown-right
span.dropdown-arrow-cont {
border-right:11px solid rgba(17, 17, 17, 0.1);
left:-23px;
right:auto;
}
.category-list .m-dropdown .uk-dropdown.uk-dropdown-right span.dropdown-arrow {
border-right:10px solid #aaa;
left:-9px;
right:auto;
}
.category-list
.m-dropdown
.uk-dropdown.uk-dropdown-left
span.dropdown-arrow-cont {
border-left:11px solid rgba(17, 17, 17, 0.1);
right:-23px;
left:auto;
}
.category-list .m-dropdown .uk-dropdown.uk-dropdown-left span.dropdown-arrow {
border-left:10px solid #aaa;
right:-9px;
left:auto;
}
/*
* FIXES
*/
/* TOPIC */
/* IE9 flex 'support' */
.ie9 .board-topic .topic-icons ul {
padding:20px 0;
}
.ie9 .topic .topic-icons ul {
padding:10px 0;
}
.lte9 .topic-post .uk-flex .post-left {
border-right:none;
}
.lte9 .topic-post .uk-flex {
position:relative;
overflow:hidden;
}
/*
.lte9 .topic-post .uk-flex:after {
content:'';
background:rgba(17, 17, 17, 0.1);
width:1px;
height:100%;
position:absolute;
top:0px;
bottom:0px;
left:123px;
}
*/
/* OPTIONS PANEL */
.options-panel {
position:fixed;
z-index:1008;
top:50%;
left:0px;
transform:translateY(-50%) translateX(-100%);
background:#f2f2f2;
width:360px;
height:auto;
border-radius:0 3px 3px 0;
border:1px solid #e0e0e0;
-webkit-transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
-moz-transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
-ms-transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
-o-transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
transition:transform 500ms cubic-bezier(0.5, 0, 0, 1);
}
.options-panel.admin-menu {
top:50%;
width:234px;
}
.options-panel.opened {
transform:translateY(-50%) translateX(0px);
box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);
z-index:1009;
}
.pre-panel.opened {
z-index:1999;
}
.options-panel-trigger {
position:absolute;
top:50%;
margin-top:-18px;
height:36px;
width:36px;
background:#e0e0e0;
right:-36px;
border-radius:0 3px 3px 0;
color:#999;
text-align:center;
font-size:36px;
cursor:pointer;
}
.options-panel .options-panel-trigger:before {
content:'';
display:block;
top:50%;
left:50%;
margin-left:-6px;
margin-top:-10px;
width:0;
height:0;
position:absolute;
border:10px solid transparent;
border-left-color:#999;
border-radius:5px;
}
.options-panel.opened .options-panel-trigger:before {
border-left-color:transparent;
border-right-color:#999;
margin-left:-16px;
}
.options-panel .options-panel-trigger:hover:before {
border-left-color:#444;
}
.options-panel.opened .options-panel-trigger:hover:before {
border-left-color:transparent;
border-right-color:#444;
}
.options-panel .buttons-right {
margin-bottom:18px;
}
.options-panel .nav-menu {
padding:20px;
}
.options-panel .nav-menu li a {
display:block;
min-height:22px;
line-height:22px;
padding:9px 10px 9px 15px;
font-size:16px;
color:rgba(17, 17, 17, 0.7);
border-radius:4px;
}
.options-panel .nav-menu li a:hover,
.options-panel .nav-menu li a:focus,
.options-panel .nav-menu li a.active {
background-color:rgba(17, 17, 17, 0.05);
color:#111;
}
.pre-panel {
width:100%;
height:100%;
max-width:360px;
max-height:500px;
}
.pre-panel,
.pre-panel .options-panel-trigger {
opacity:0.9;
}
.pre-panel .options-panel-trigger {
margin-top:-54px;
}
.options-panel-trigger.no-arrow {
font-size:20px;
line-height:36px;
}
.options-panel-trigger.no-arrow:before {
content:none;
}
.pre-panel pre {
border:4px solid #eee;
max-width:360px;
max-height:500px;
height:100%;
width:100%;
overflow-y:auto;
background:#111;
color:#ddd;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
/* END OF OPTIONS PANEL */
.showcase h2 {
color:rgba(0, 0, 0, 0.3);
}
.showcase hr {
border-top:1px solid rgba(0, 0, 0, 0.05);
}
@media screen and (min-width:1440px) {
.container.adaptive {
width:1420px;
}
.content-container.adaptive,
.global-header .content-container {
width:1370px;
}
.m-visible-small {
display:none !important;
}
.m-visible-medium {
display:none !important;
}
.m-hidden-large {
display:none !important;
}
.global-header.alternative .header-right > .uk-button {
margin-left:20px;
}
.global-header .header-title {
max-width:610px;
}
.global-header.search-header input {
width:1120px;
}
}
@media screen and (min-width:1366px) and (max-width:1439px) {
.m-visible-small {
display:none !important;
}
.m-visible-large {
display:none !important ;
}
.m-hidden-medium {
display:none !important;
}
}
@media screen and (max-width:1365px) {
.container.adaptive {
width:1000px;
}
.content-container.adaptive,
.global-header .content-container {
width:950px;
}
.m-visible-medium {
display:none !important;
}
.m-visible-large {
display:none !important;
}
.m-hidden-small {
display:none !important;
}
.nav-menu-centered .nav-menu li > span,
.nav-menu-centered .nav-menu li a {
padding:0 38px 0 0;
}
.global-header .nav-menu-centered:before {
content:'';
width:1px;
height:35px;
background-color:#e7e7e7;
position:absolute;
top:50%;
margin-top:-18px;
left:-15px;
}
.global-header .header-title {
max-width:455px;
}
.global-header.search-header input {
width:700px;
}
.global-header.alternative .header-right {
margin-right:-5px;
}
.global-header.alternative .header-right > .uk-button {
margin-left:5px;
}
.global-header
.header-right
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
> .uk-nav-dropdown
> li:first-child
> a {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
a.beta {
margin-right:18px;
width:80px;
line-height:14px;
margin-top:18px;
}
}
.to-top {
width:46px;
height:42px;
/* background:#fff url(/assets/vessur/img/to_top.png) center center no-repeat; */
background-color:#fff;
border-radius:2px;
display:block;
position:fixed;
bottom:50px;
right:0;
z-index:1010;
}
/* SYSTEM TOOL */
.system-tool .m-select {
margin-bottom:5px;
}
.system-tool .m-select .uk-button {
width:100%;
}
.system-tool .m-select.single-option.uk-open .uk-dropdown {
display:none;
}
.system-tool .m-select .uk-button .state-icon,
.system-tool .m-select .uk-dropdown a .state-icon {
background:transparent url(/img/system/state-icon.png) center center
no-repeat;
margin:0;
right:14px;
top:50%;
transform:translateY(-50%);
position:absolute;
width:24px;
height:24px;
}
.system-tool .m-select .uk-button,
.system-tool .m-select .uk-dropdown .uk-nav-dropdown > li a {
font-size:16px;
font-weight:normal;
color:rgba(17, 17, 17, 0.7);
}
.system-tool .m-select .uk-dropdown .uk-nav-dropdown > li a {
padding-right:38px;
}
/*
.system-tool .m-select .uk-dropdown .uk-nav-dropdown > li a {
padding-left:25px;
}
.system-tool .m-select .uk-dropdown .uk-nav-dropdown > li a[data-default] {
padding-left:15px;
}
*/
.system-tool .m-select .uk-button {
color:#111;
padding-left:13px;
line-height:38px;
height:40px;
}
.system-tool .m-select .uk-dropdown .uk-nav-dropdown > li a.active {
color:#111;
background:rgba(17, 17, 17, 0.05);
}
.system-tool .m-select .button-icon {
opacity:0.3;
}
.system-tool .m-select .button-icon:hover {
opacity:0.7;
}
.system-tool .m-select.checked .uk-button .state-icon,
.system-tool .m-select .uk-dropdown a.active .state-icon {
opacity:1;
background-image:url(/img/system/state-icon-checked.png);
}
.system-tool .sub-section.gray {
background-color:#f7f7f7;
}
.system-tool .sub-section {
padding:13px 0 30px;
}
.system-tool .topic-post:before {
background:#000;
}
.system-tool .post-content {
padding-top:24px;
padding-bottom:35px;
}
.system-tool .topic-post-list {
width:725px;
margin:0 auto;
}
.global-header .global-logo.logo-system-tool {
width:140px;
}
.global-header .global-logo.logo-system-tool span {
width:100%;
height:17px;
/* background-image:url(/img/info_modal_logo_alt.png); */
}
.system-tool .hr-line {
width:100%;
margin:25px 0;
}
.system-tool .sub-section-title {
font-size:13px;
color:rgba(17, 17, 17, 0.5);
min-height:22px;
line-height:22px;
padding:11px 0 8px;
}
/*
@media screen and (max-width:1024px) {
.container {
max-width:100%;
min-width:100%;
}
.uk-width-1-3 {
width:50%;
}
.content-container {
max-width:100%;
box-sizing:border-box;
padding:0 15px;
}
.system-tool .topic-post-list {
max-width:100%;
box-sizing:border-box;
}
}
@media screen and (max-width:725px) {
.uk-width-1-3 {
width:100%;
}
}
*/
.landing-wrapper .wrapper-padding {
height:0 !important;
}
.landing-wrapper .container,
.container {
background:none;
padding:0;
box-shadow:none;
}
.page-not-found {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-weight:100;
text-align:center;
margin-top:65px;
position:relative;
}
.pnf-img {
background:transparent url(/assets/vessur/img/page-not-found.png) center
center no-repeat;
width:218px;
height:198px;
position:absolute;
bottom:127px;
left:52px;
}
.maintenance .pnf-img {
background-image:url(/assets/vessur/img/mtnc.png);
top:auto;
bottom:27px;
left:0;
}
.maintenance .page-not-found {
margin-top:0;
padding-top:124px;
}
.maintenance .page-not-found-header {
border-bottom:2px solid #5190e9;
position:relative;
}
.maintenance .page-not-found-header:before {
bottom:0px;
left:0;
background:transparent url(/assets/vessur/img/mtnc.png) center center
no-repeat;
width:218px;
height:194px;
position:absolute;
content:'';
display:block;
}
.maintenance .page-not-found-subheader {
width:570px;
margin:0 auto;
}
@media only screen and (max-width:1024px) {
.maintenance .container,
.maintenance .content-container,
.maintenance .global-header .content-container {
width:100%;
box-sizing:border-box;
min-width:100%;
}
.maintenance .page-not-found-subheader {
width:auto;
}
.maintenance .page-not-found-header:before,
.maintenance .pnf-img {
content:none;
display:none;
}
.maintenance .page-not-found {
padding-top:0;
}
}
.page-not-found a {
color:#5190e9;
}
h1.page-not-found-header {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-weight:100;
font-size:40px;
line-height:50px;
padding:10px 0;
}
.page-not-found-subheader,
.page-not-found-content {
font-size:20px;
line-height:33px;
padding:10px 0;
}
.page-not-found-subheader {
max-width:420px;
font-weight:300;
margin:0 auto 50px;
}
.page-not-found-content {
margin-top:35px;
}
.page-not-found-soft .page-not-found-subheader {
max-width:420px;
font-size:18px;
line-height:26px;
position:relative;
z-index:1;
}
.page-not-found .separator {
width:100%;
height:2px;
background-color:#5190e9;
position:absolute;
bottom:125px;
left:0;
right:0;
}
.go-to a {
color:#5190e9;
font-size:16px;
font-weight:400;
}
.go-to a:hover,
.go-to a:focus {
text-decoration:underline;
}
.go-to .footer-links {
display:block;
margin:0 auto;
text-align:center;
padding:42px 0;
}
.go-to .footer-links li,
.go-to .footer-links li a {
display:inline-block;
line-height:21px;
}
.go-to .footer-links li a {
padding:0 10px;
}
.go-to .footer-links li .separator {
background:#777;
display:inline-block;
height:3px;
width:3px;
border-radius:50%;
vertical-align:middle;
margin-bottom:3px;
}
.report h2,
.report h5 {
margin-bottom:10px;
}
.report textarea {
width:100%;
box-sizing:border-box;
min-width:100%;
max-width:100%;
min-height:130px;
}
/* SVG */
.onboarding .category-list li .button-category.active:before,
input[type='checkbox']:checked:before,
.blank-list.editable .submit:before,
.blank-list.editable .edit:before,
.blank-list.editable .remove:before,
.m-dd-content .notification-mark-as-read i:before,
.m-dd-content .notification-delete i:before,
.m-dd-blank .bell-icon,
.m-dd-blank .message-icon-big,
.image-uploader .drop-file-icon,
.m-sidenav-panel nav .nav-menu > li.uk-parent > a:before,
.global-header .global-logo span,
.global-header .global-logo i,
a.beta:after,
.global-header.alternative .global-logo span,
.global-header.alternative .messages-icon,
.breadcrumb > li:after,
.breadcrumb > li.home > a:before,
.container-close:before,
.info-modal .logo,
.info-trigger,
.info-modal.beta .logo,
.info-modal.beta .modal-content-container ul li,
.global-header .global-logo.logo-system-tool span,
.user-icon,
.m-slideshow-arrow-done,
.m-slideshow-arrow-left,
.m-slideshow-arrow-right,
.m-helper i,
section.last-active .no-content .action-description i,
section.followed-topics .no-content .action-description i,
.m-dd-content .notif-topic,
.m-dd-content .notif-paid,
.m-dd-content .notif-post,
.m-dd-content .notif-post-m,
.m-dd-content .notif-ty,
.pub-icon,
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown
> a:before,
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown:hover
> a:before,
.global-header .user-avatar,
.last-login-icon,
.spend-time-icon,
.search-logo span,
.summary-glas-icon,
.summary-post-useful-icon,
.post-quote-icon,
.post-share-icon,
.post-reply-icon,
.pub-icon-small,
.to-top:before,
.topic-icon,
.profile-poll-icon,
.onboarding .continue span,
.onboarding .category-section .close-page,
.post-content .m-quote .m-quote-title a:before,
.post-content .quote-wrapper .quoteheader a:before,
.post-content .quote-wrapper .quoteheader:before,
.attachment-header .poll-icon,
.cropper-interface ul li.reset i,
.cropper-interface ul li.hflip i,
.cropper-interface ul li.vflip i,
.edit-inline-icon,
.edit-big-icon,
.button-facebook-icon,
.info-modal .modal-button-close,
.info-modal .modal-content-container ul li,
.add-friend-icon,
.marked .add-friend-icon,
.global-header .bars-icon:before,
.bars-icon.inverted:before,
.global-header .search-icon:before,
.search-icon.inverted:before,
.sync-icon,
.m-slideset-nav .uk-slidenav.uk-slidenav-previous,
.m-slideset-nav .uk-slidenav.uk-slidenav-next,
.more-info:before,
.topic-actions .more-info:before,
.board-filters-nav-left span,
.board-filters-nav-right span,
.profile .sidebar-section .www-fb-icon,
.profile .sidebar-section .profile-fb-icon,
.profile-send-message i,
.global-header .notifications-icon,
.global-header .messages-icon,
.global-header.alternative .notifications-icon,
.date-registered-icon,
.accordion-content .arrow-icon,
.modal-button-close,
.profile-boards .m-select .uk-dropdown .uk-nav-dropdown > li > a.active:before,
.close-icon.dark:before,
.close-icon-small,
.edit-icon.dark:before,
.profile .sidebar-section .gender-icon,
.profile .sidebar-section .location-icon,
.profile .sidebar-section .local-date-time-icon,
.profile .sidebar-section .birthday-icon,
.profile .sidebar-section .skype-icon,
.profile .sidebar-section .email-icon,
.profile-table-list.profile-boards.sortable-boards > li:hover:before,
.close-icon,
.tick-icon,
.accordion-container .accordion-close,
.last-seen-icon,
.user-rank-icon,
.user-location-icon,
.send-message-icon,
.user-gender-icon,
.user-age-icon,
.replied-icon,
.m-htab-nav ul li a .public-profile-general-icon,
.m-htab-nav ul li a .public-profile-stats-icon,
.m-htab-nav ul li a .public-profile-posts-icon,
.image-icon,
.arrow-right-icon,
.poll-icon,
.add-icon,
.cogwheel-icon-dark,
.edit-avatar-icon,
.white-delete-icon,
.user-email-icon,
.share-facebook-icon:before,
.share-twitter-icon:before,
.share-viber-icon:before,
.share-whatsapp-icon:before,
.edit-icon:before,
.more-info.inverted:before,
.follow-icon,
.follow-action.following .follow-icon,
.follow-action.inverted .follow-icon,
.follow-action.inverted.following .follow-icon,
.favorite-action.inverted .favorite-icon,
.favorite-action.inverted.marked .favorite-icon,
.unfollow-icon,
.cogwheel-icon-small,
.topic-views-icon,
.topic-comments-icon,
.promo-banner .promo-banner-action i,
.system-page .page-title.with-action .icon-back:before,
.list-radio a.list-radio-close,
.send-msg-icon,
.share-icon,
.favorite-icon,
.favorite-action.marked .favorite-icon,
.share-action.inverted .share-icon,
.report-icon,
.post-useful-icon,
.post-delete-icon,
.chevron-icon,
.chevron-icon-mini,
.uk-button.marked .post-useful-icon,
.list-interactions .follow i,
.list-interactions .unfollow i,
.list-interactions .trash i,
.m-dd-content .follow i,
.m-dd-content .unfollow i,
.m-dd-content .trash i,
.board-topic .follow i,
.board-topic .unfollow i,
.board-topic .trash i,
.mark-all-as-read i:before,
.mark-as-read i:before,
.usefuls-count-icon,
.post-count-icon,
.list-box ul li i,
.m-pagination > .uk-pagination-previous > a:before,
.m-pagination > .uk-pagination-next > a:before,
.m-pagination > .uk-pagination-previous > span:before,
.m-pagination > .uk-pagination-next > span:before,
.m-pagination > .mini-form form .uk-button:before,
.m-card .details .m-card-posts,
.m-card .details .m-card-views,
.m-card-grid-switch li a:before,
.m-card-grid-switch li a.alt:before,
.action-cancel,
.action-confirm,
.action-close:before,
.m-table-list li .uk-sortable-handle,
.m-table-list li .list-item-action:before,
.m-select .arrow-icon,
.uk-datepicker-heading .uk-form-select:before,
.m-sidenav-panel-close i,
.m-button .x-icon,
.m-button:hover .checkbox-icon,
.m-button:focus .checkbox-icon,
.smtrnsprnt .m-button:hover .checkbox-icon,
.smtrnsprnt .m-button:focus .checkbox-icon,
.smtrnsprnt .m-button .checkbox-icon,
.m-button.smtrnsprnt:hover .checkbox-icon,
.m-button.smtrnsprnt:focus .checkbox-icon,
.m-button.smtrnsprnt .checkbox-icon,
.m-button .cogwheel-icon,
.m-button-lite .cogwheel-icon:before,
.m-button .checkbox-icon,
.topic-icons li .ti-hot,
.topic-icons li .ti-hotter,
.topic-icons li .ti-locked,
.topic-icons li .ti-pinned,
.topic-icons li .ti-paid,
.topic-icons li .ti-paid1,
.topic-icons li .ti-editors,
.topic-icons li .ti-poll,
.topic-icons li .ti-video,
.ad-cont.requested > div > [id^='div-gpt-ad']:before,
.ad-cont.requested > [id^='div-gpt-ad']:before,
.g-recaptcha:before,
.m-list.m-list-members .post-count i,
.m-list .post-count i,
.sidebar-section .advanced-trigger i,
.sidebar-section.expanded .advanced-trigger i,
.alt-nav-menu.sidebar-filters-predefined li a.active i,
.alt-nav-menu li a.active i,
.alt-nav-menu.autocomplete-selection li a.active i,
.attachments ul li > a.edit i,
.attachments ul li > a.remove i,
.report-modal .modal-title .modal-button-wizard-back,
.report-modal .modal-content .reason-option:after,
.wysibb .editor-spoiler,
.wysibb .wbb-emoji-headers li.city i,
.wysibb .wbb-emoji-headers li.people i,
.wysibb .wbb-emoji-headers li.office i,
.wysibb .wbb-emoji-headers li.hearts i,
.wysibb .wbb-emoji-headers li.most_used i,
.wysibb .wbb-emoji-headers li.faces i,
.wysibb .wbb-emoji-headers li.nature i,
.wysibb .wbb-emoji-headers li.sports i,
.wysibb .wbb-emoji-headers li.party i,
.wysibb .wbb-emoji-headers li.others i,
.wysibb .editor-align-center,
.wysibb .editor-bullets,
.wysibb .editor-align-left,
.wysibb .editor-align-right,
.wysibb .editor-image,
.wysibb .editor-subscript,
.wysibb .editor-superscript,
.wysibb .editor-quote,
.wysibb .editor-code,
.wysibb .editor-fontcolor:before,
.wysibb .editor-fontsize,
.wysibb .editor-link,
.wysibb .editor-video,
.wysibb .editor-italic,
.wysibb .editor-bold,
.wysibb .editor-underline,
.wysibb .editor-hr,
.wysibb .editor-dd-arrow:before {
background:transparent url(/assets/vessur/img/sprite.png?v=1.4);
background-image:-webkit-linear-gradient(transparent, transparent),
url(/assets/vessur/img/sprite.svg?v=1.4);
background-image:linear-gradient(transparent, transparent),
url(/assets/vessur/img/sprite.svg?v=1.4);
background-size:394px 658px;
background-repeat:no-repeat;
}
.onboarding .category-list li .button-category.active:before {
width:19px;
height:14px;
background-position:-104px -265px;
content:'';
display:block;
position:absolute;
right:16px;
top:17px;
}
input[type='checkbox']:checked:before {
width:12px;
height:9px;
background-position:-219px -324px;
}
.blank-list.editable .submit:before {
width:19px;
height:14px;
background-position:-212px -9px;
content:'';
display:block;
margin-top:15px;
}
.blank-list.editable .edit:before {
width:13px;
height:15px;
background-position:-160px -181px;
content:'';
display:block;
margin-top:15px;
}
.blank-list.editable .remove:before {
width:13px;
height:14px;
background-position:-360px -324px;
content:'';
display:block;
margin-top:15px;
}
.m-dd-content .notification-mark-as-read i:before {
width:12px;
height:10px;
background-position:-275px -454px;
content:'';
display:block;
position:absolute;
top:5px;
left:5px;
}
.m-dd-content .notification-delete i:before {
width:8px;
height:8px;
background-position:-372px -137px;
content:'';
display:block;
position:absolute;
top:6px;
left:7px;
}
.m-dd-blank .bell-icon {
width:95px;
height:95px;
background-position:-10px -503px;
opacity:0.4;
}
.m-dd-blank .message-icon-big {
width:95px;
height:95px;
background-position:-10px -398px;
opacity:0.4;
}
.image-uploader .drop-file-icon {
width:79px;
height:79px;
background-position:-10px -309px;
}
.m-sidenav-panel nav .nav-menu > li.uk-parent > a:before {
content:'';
display:block;
margin:4px 10px 0 0;
float:right;
width:6px;
height:11px;
background-position:-140px -314px;
opacity:0.4;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2019-fortune-game a {
background-color:#bceced;
background-image:url(/assets/vessur/img/koleda2019_desktop_button_icon.png);
background-position:bottom right 2px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2019-fortune-game a:hover {
background-color:#7fd6d8;
color:#111;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2020-fortune-game a {
background-color:#bceced;
background-image:url(/assets/vessur/img/koleda2020_desktop_button_icon.png);
background-position:bottom right 2px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2020-fortune-game a:hover {
background-color:#7fd6d8;
color:#111;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2021-fortune-game a {
background-color:#61b1bf;
background-image:url(/assets/vessur/img/cg-2021-menu-icon.svg),
-moz-linear-gradient(left, #61b1bf 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2021-menu-icon.svg),
-webkit-linear-gradient(left, #61b1bf 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2021-menu-icon.svg),
linear-gradient(to right, #61b1bf 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
color:#111;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2021-fortune-game a:hover {
}
.m-sidenav-panel nav .nav-menu > li#koleda-2022-fortune-game a {
background-color:#4a8bb3;
background-image:url(/assets/vessur/img/cg-2022-menu-icon.svg),
-moz-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2022-menu-icon.svg),
-webkit-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2022-menu-icon.svg),
linear-gradient(to right, #4a8bb3 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
color:#111;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2022-fortune-game a:hover {
}
.m-sidenav-panel nav .nav-menu > li#koleda-2023-fortune-game a {
background-color:#4a8bb3;
background-image:url(/assets/vessur/img/cg-2023-menu-icon.svg),
-moz-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2023-menu-icon.svg),
-webkit-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2023-menu-icon.svg),
linear-gradient(to right, #4a8bb3 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
color:#111;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2023-fortune-game a:hover {
}
.m-sidenav-panel nav .nav-menu > li#koleda-2019-landing a {
background-color:#ebf9e0;
background-image:url(/assets/vessur/img/BGmama_KV_christmas_menuicon_54x54_sq.png),
-moz-linear-gradient(left, #ffc08d 60%, #fa8161 100%);
background-image:url(/assets/vessur/img/BGmama_KV_christmas_menuicon_54x54_sq.png),
-webkit-linear-gradient(left, #ffc08d 60%, #fa8161 100%);
background-image:url(/assets/vessur/img/BGmama_KV_christmas_menuicon_54x54_sq.png),
linear-gradient(to right, #ffc08d 60%, #fa8161 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2019-landing a:hover {
}
.m-sidenav-panel nav .nav-menu > li#proekt-moyat-dom-2019 a {
background-color:#b7e0fb;
background-image:url(/assets/vessur/img/Proekt_moiat_dom_icon_54px_desktop.png),
-moz-linear-gradient(left, #b7e0fb 60%, #c08dff 100%);
background-image:url(/assets/vessur/img/Proekt_moiat_dom_icon_54px_desktop.png),
-webkit-linear-gradient(left, #b7e0fb 60%, #c08dff 100%);
background-image:url(/assets/vessur/img/Proekt_moiat_dom_icon_54px_desktop.png),
linear-gradient(to right, #b7e0fb 60%, #c08dff 100%);
background-position:bottom right 0px, bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#proekt-moyat-dom-2019 a:hover {
}
.m-sidenav-panel nav .nav-menu > li#otnovo-na-uchilishte a {
background-color:#92B2C4;
background-image:url(/assets/vessur/img/otnovo-na-uchilishte-2024-54x54.png),
-moz-linear-gradient(left, #92B2C4 60%, #fff 100%);
background-image:url(/assets/vessur/img/otnovo-na-uchilishte-2024-54x54.png),
-webkit-linear-gradient(left, #92B2C4 60%, #fff 100%);
background-image:url(/assets/vessur/img/otnovo-na-uchilishte-2024-54x54.png),
linear-gradient(to right, #92B2C4 60%, #fff 100%);
background-position:bottom right 0px, 0px 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
color:#FFFFFF;
}
.m-sidenav-panel nav .nav-menu > li#video-portal a {
background-color:transparent;
background-image:url(/assets/vessur/img/Video_Portal_icon_54px_desktop.png);
background-position:center right 4px;
background-repeat:no-repeat;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#video-portal a:hover {
}
.m-sidenav-panel nav .nav-menu > li#zdrave a {
background-color:#ffdf9b;
background-image:url(/assets/vessur/img/zdrave_icon_54x54_m.png),
-moz-linear-gradient(left, #ffdf9b 60%, #fff 100%);
background-image:url(/assets/vessur/img/zdrave_icon_54x54_m.png),
-webkit-linear-gradient(left, #ffdf9b 60%, #fff 100%);
background-image:url(/assets/vessur/img/zdrave_icon_54x54_m.png),
linear-gradient(to right, #ffdf9b 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#zaedno-vkashti a {
background-color:#e8a771;
background-image:url(/assets/vessur/img/stay_home_icon_54.png),
-moz-linear-gradient(left, #e8a771 60%, #fff 100%);
background-image:url(/assets/vessur/img/stay_home_icon_54.png),
-webkit-linear-gradient(left, #e8a771 60%, #fff 100%);
background-image:url(/assets/vessur/img/stay_home_icon_54.png),
linear-gradient(to right, #e8a771 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#bgmamma20 a {
background-color:#e9cc7f;
background-image:url(/assets/vessur/img/bg-mamma-20-menu-icon-84x84.svg),
-moz-linear-gradient(left, #e9cc7f 60%, #fff 100%);
background-image:url(/assets/vessur/img/bg-mamma-20-menu-icon-84x84.svg),
-webkit-linear-gradient(left, #e9cc7f 60%, #fff 100%);
background-image:url(/assets/vessur/img/bg-mamma-20-menu-icon-84x84.svg),
linear-gradient(to right, #e9cc7f 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#patuvay-spodelyay a {
background-color:#f07f61;
background-image:url(/assets/vessur/img/patuvay-spodelyay-54x54.png),
-moz-linear-gradient(left, #f07f61 60%, #fff 100%);
background-image:url(/assets/vessur/img/patuvay-spodelyay-54x54.png),
-webkit-linear-gradient(left, #f07f61 60%, #fff 100%);
background-image:url(/assets/vessur/img/patuvay-spodelyay-54x54.png),
linear-gradient(to right, #f07f61 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#spetsialistite-govoryat a {
background-color:#75a1f8;
background-image:url(/assets/vessur/img/spetsialistite-govoryat-desktop-icon.png),
-moz-linear-gradient(left, #75a1f8 60%, #fff 100%);
background-image:url(/assets/vessur/img/spetsialistite-govoryat-desktop-icon.png),
-webkit-linear-gradient(left, #75a1f8 60%, #fff 100%);
background-image:url(/assets/vessur/img/spetsialistite-govoryat-desktop-icon.png),
linear-gradient(to right, #75a1f8 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#koleda-2020-landing a {
background-color:#f5e3cf;
background-image:url(/assets/vessur/img/koleda2020-desktop-icon-optimized-54x54.png),
-moz-linear-gradient(left, #f5e3cf 60%, #f5e3cf 100%);
background-image:url(/assets/vessur/img/koleda2020-desktop-icon-optimized-54x54.png),
-webkit-linear-gradient(left, #f5e3cf 60%, #f5e3cf 100%);
background-image:url(/assets/vessur/img/koleda2020-desktop-icon-optimized-54x54.png),
linear-gradient(to right, #f5e3cf 60%, #f5e3cf 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#la-roche a {
background-color:#fff;
background-image:url(/assets/vessur/img/la_roche_54x54_optimized.png),
-moz-linear-gradient(left, #a3c8f2 60%, #fff 100%);
background-image:url(/assets/vessur/img/la_roche_54x54_optimized.png),
-webkit-linear-gradient(left, #a3c8f2 60%, #fff 100%);
background-image:url(/assets/vessur/img/la_roche_54x54_optimized.png),
linear-gradient(to right, #a3c8f2 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#la-roche a:hover {
}
.m-sidenav-panel nav .nav-menu > li#velikden a {
background-color:#ffaf83;
background-image:url(/assets/vessur/img/easter_icon_optimized.svg),
-moz-linear-gradient(left, #ffaf83 56%, rgba(255, 175, 131, 0.38) 88%, #fff 100%);
background-image:url(/assets/vessur/img/easter_icon_optimized.svg),
-webkit-linear-gradient(left, #ffaf83 56%, rgba(255, 175, 131, 0.38) 88%, #fff 100%);
background-image:url(/assets/vessur/img/easter_icon_optimized.svg),
linear-gradient(to right, #ffaf83 56%, rgba(255, 175, 131, 0.38) 88%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#velikden a:hover {
}
.m-sidenav-panel nav .nav-menu > li#oferti a {
background-color:#ef555a;
background-image:url(/assets/vessur/img/oferti_54x54_optimized.png?v=1.1),
-moz-linear-gradient(left, #ef555a 60%, #fff 100%);
background-image:url(/assets/vessur/img/oferti_54x54_optimized.png?v=1.1),
-webkit-linear-gradient(left, #ef555a 60%, #fff 100%);
background-image:url(/assets/vessur/img/oferti_54x54_optimized.png?v=1.1),
linear-gradient(to right, #ef555a 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#oferti a:hover {
}
.m-sidenav-panel nav .nav-menu > li#zaedno-otkrivame-sveta a {
background-color:#e2d6bb;
background-image:url(/assets/vessur/img/zaedno_otkrivame_sveta_54x54.png),
-moz-linear-gradient(left, #e2d6bb 60%, #f8f7f1 100%);
background-image:url(/assets/vessur/img/zaedno_otkrivame_sveta_54x54.png),
-webkit-linear-gradient(left, #e2d6bb 60%, #f8f7f1 100%);
background-image:url(/assets/vessur/img/zaedno_otkrivame_sveta_54x54.png),
linear-gradient(to right, #e2d6bb 60%, #f8f7f1 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#zaedno-otkrivame-sveta a:hover {
}
.m-sidenav-panel nav .nav-menu > li#koleda-2021-landing a {
background-color:#85c5cd;
background-image:url(/assets/vessur/img/koleda2021-desktop-icon-optimized-54x54.png),
-moz-linear-gradient(left, #85c5cd 60%, #fff 100%);
background-image:url(/assets/vessur/img/koleda2021-desktop-icon-optimized-54x54.png),
-webkit-linear-gradient(left, #85c5cd 60%, #fff 100%);
background-image:url(/assets/vessur/img/koleda2021-desktop-icon-optimized-54x54.png),
linear-gradient(to right, #85c5cd 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#reproduktivno-zdrave a {
background-color:#ef4177;
background-image:url(/assets/vessur/img/logo_shterev_optimized.svg),
-moz-linear-gradient(left, #ef4177 60%, #fff 100%);
background-image:url(/assets/vessur/img/logo_shterev_optimized.svg),
-webkit-linear-gradient(left, #ef4177 60%, #fff 100%);
background-image:url(/assets/vessur/img/logo_shterev_optimized.svg),
linear-gradient(to right, #ef4177 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#igri-s-nagradi a {
background-color:#ffd15c;
background-image:url(/assets/vessur/img/igri-s-nagradi-icon-optimized.svg),
-moz-linear-gradient(left, #ffd15c 60%, #fff 100%);
background-image:url(/assets/vessur/img/igri-s-nagradi-icon-optimized.svg),
-webkit-linear-gradient(left, #ffd15c 60%, #fff 100%);
background-image:url(/assets/vessur/img/igri-s-nagradi-icon-optimized.svg),
linear-gradient(to right, #ffd15c 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
}
.m-sidenav-panel nav .nav-menu > li#loyalty-program a {
background-color:#84C0E0;
background-color:#9CCD8E;
background-image:url(/assets/vessur/img/loyalty-program-icon-optimized.svg),
-moz-linear-gradient(left, #9CCD8E 60%, #fff 100%);
background-image:url(/assets/vessur/img/loyalty-program-icon-optimized.svg),
-webkit-linear-gradient(left, #9CCD8E 60%, #fff 100%);
background-image:url(/assets/vessur/img/loyalty-program-icon-optimized.svg),
linear-gradient(to right, #9CCD8E 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:36px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
padding-left:25px;
color:#111;
}
.global-header .global-logo span {
width:180px;
height:22px;
background-position:-10px -235px;
opacity:0.785;
}
.global-header .global-logo i {
width:30px;
height:12px;
background-position:-42px -29px;
}
a.beta:after {
width:5px;
height:9px;
background-position:-129px -86px;
}
.global-header.alternative .global-logo span {
width:164px;
height:19px;
background-position:-10px -206px;
}
.breadcrumb > li:after {
width:7px;
height:11px;
background-position:-372px -154px;
}
.breadcrumb > li.home > a:before {
width:15px;
height:15px;
background-position:-347px -138px;
content:'';
display:block;
margin:3px 0 0 3px;
}
.info-modal .logo {
/* width:170px; */
/* height:47px; */
width:140px;
height:17px;
background-position:-10px -176px;
}
.info-trigger {
/* width:35px;
height:35px; */
background-color:#f7ca34;
width:11px;
height:20px;
background-position:-328px -216px;
}
.info-modal.beta .modal-content-container ul li {
width:19px;
height:11px;
background-position:-338px -418px;
}
.info-modal.beta .logo {
width:140px;
height:17px;
background-position:-10px -149px;
}
.global-header .global-logo.logo-system-tool span {
width:140px;
height:17px;
background-position:-10px -149px;
}
.user-icon {
width:48px;
height:45px;
background-position:-99px -335px;
}
.m-slideshow-arrow-done {
width:45px;
height:45px;
background-position:-115px -548px;
}
.m-slideshow-arrow-left {
width:45px;
height:45px;
background-position:-115px -493px;
}
.m-slideshow-arrow-right {
width:45px;
height:45px;
background-position:-115px -438px;
}
.m-helper i {
width:19px;
height:19px;
background-position:-320px -189px;
}
section.last-active .no-content .action-description i {
/* height:49px; */
width:37px;
height:38px;
background-position:-115px -390px;
}
section.followed-topics .no-content .action-description i {
width:29px;
height:32px;
background-position:-170px -430px;
}
.m-dd-content .notif-topic {
width:34px;
height:39px;
background-position:-140px -266px;
}
.m-dd-content .notif-paid {
width:34px;
height:39px;
background-position:-174px -597px;
}
.m-dd-content .notif-post {
width:29px;
height:30px;
background-position:-202px -342px;
}
.m-dd-content .notif-post-m {
width:34px;
height:35px;
background-position:-170px -558px;
}
.m-dd-content .notif-ty {
width:26px;
height:30px;
background-position:-209px -423px;
}
.pub-icon {
width:33px;
height:40px;
background-position:-144px -89px;
}
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown
> a:before {
width:6px;
height:11px;
background-position:-374px -285px;
content:'';
float:right;
margin-top:4px;
display:block;
}
.global-header
ul.nav-menu
> li.m-dropdown
> div.uk-dropdown
li.m-dropdown:hover
> a:before {
width:6px;
height:11px;
background-position:-374px -265px;
content:'';
display:block;
}
.global-header .user-avatar {
width:35px;
height:35px;
background-position:-162px -385px;
}
.last-login-icon {
width:35px;
height:35px;
background-position:-157px -340px;
}
.spend-time-icon {
width:36px;
height:34px;
background-position:-169px -514px;
}
.search-logo span {
width:86px;
height:11px;
background-position:-9px -265px;
opacity:0.785;
}
.summary-glas-icon {
width:31px;
height:33px;
background-position:-99px -288px;
}
.summary-post-useful-icon {
width:30px;
height:34px;
background-position:-170px -472px;
}
.post-quote-icon {
width:19px;
height:15px;
background-position:-82px -31px;
}
.post-share-icon {
width:21px;
height:21px;
background-position:-246px -606px;
}
.post-reply-icon {
width:17px;
height:15px;
background-position:-63px -285px;
}
.pub-icon-small {
width:28px;
height:34px;
background-position:-160px -138px;
}
.to-top:before {
content:'';
display:block;
width:35px;
height:26px;
background-position:-184px -182px;
margin:8px 5px;
opacity:0.5;
}
.topic-icon {
width:27px;
height:35px;
background-position:-189px -37px;
}
.profile-poll-icon {
width:28px;
height:31px;
background-position:-200px -218px;
}
.onboarding .continue span {
width:27px;
height:29px;
background-position:-207px -382px;
}
.onboarding .category-section .close-page {
width:22px;
height:21px;
background-position:-244px -359px;
}
.post-content .m-quote .m-quote-title a:before,
.post-content .quote-wrapper .quoteheader a:before,
.post-content .quote-wrapper .quoteheader:before {
width:16px;
height:13px;
background-position:-184px -265px;
}
.attachment-header .poll-icon {
width:26px;
height:28px;
background-position:-210px -463px;
}
.cropper-interface ul li.reset i,
.cropper-interface ul li.hflip i,
.cropper-interface ul li.vflip i {
margin:7px 10px;
}
.cropper-interface ul li.reset i {
width:22px;
height:25px;
background-position:-238px -214px;
}
.cropper-interface ul li.hflip i {
width:25px;
height:26px;
background-position:-215px -535px;
}
.cropper-interface ul li.vflip i {
width:25px;
height:25px;
background-position:-215px -501px;
}
.edit-inline-icon {
width:15px;
height:19px;
background-position:-257px -38px;
}
.edit-big-icon {
width:19px;
height:18px;
background-position:-299px -247px;
}
.button-facebook-icon {
width:24px;
height:24px;
background-position:-198px -148px;
margin-top:5px;
}
.info-modal .modal-button-close {
width:24px;
height:24px;
background-position:-187px -90px;
}
.info-modal .modal-content-container ul li {
width:19px;
height:11px;
background-position:-338px -418px;
}
.close-icon.dark:before {
width:15px;
height:15px;
background-position:-349px -210px;
content:'';
display:block;
}
.close-icon-small {
width:11px;
height:11px;
background-position:-110px -38px;
}
.edit-icon.dark:before {
width:15px;
height:15px;
background-position:-334px -358px;
content:'';
display:block;
}
.add-friend-icon {
width:25px;
height:23px;
background-position:-10px -92px;
}
.marked .add-friend-icon {
width:19px;
height:17px;
background-position:-312px -520px;
}
.global-header .bars-icon:before,
.bars-icon.inverted:before {
width:24px;
height:20px;
content:'';
display:block;
}
.global-header .bars-icon:before {
background-position:-250px -508px;
margin-top:8px;
}
.bars-icon.inverted:before {
background-position:-232px -151px;
margin-top:8px;
}
.global-header .search-icon:before,
.search-icon.inverted:before {
width:24px;
height:26px;
content:'';
display:block;
}
.global-header .search-icon:before {
background-position:-44px -109px;
margin-top:5px;
}
.search-icon.inverted:before {
background-position:-78px -113px;
margin-top:5px;
}
.sync-icon {
width:23px;
height:24px;
background-position:-111px -113px;
}
.m-slideset-nav .uk-slidenav.uk-slidenav-previous {
width:24px;
height:24px;
background-position:-129px -52px;
}
.m-slideset-nav .uk-slidenav.uk-slidenav-next {
width:24px;
height:24px;
background-position:-221px -97px;
}
.more-info:before,
.topic-actions .more-info:before {
width:19px;
height:6px;
background-position:-10px -21px;
display:block;
content:'';
position:absolute;
}
.more-info:before {
top:8px;
left:8px;
}
.more-info.alt:before {
content:none;
}
.more-info.alt svg {
top:0;
left:0;
position:absolute;
}
.topic-actions .more-info:before {
top:14px;
left:8px;
}
.board-filters-nav-left span {
width:24px;
height:24px;
background-position:-129px -52px;
}
.board-filters-nav-right span {
width:24px;
height:24px;
background-position:-221px -97px;
}
.profile .sidebar-section .www-fb-icon {
width:22px;
height:24px;
background-position:-216px -259px;
}
.profile .sidebar-section .profile-fb-icon {
width:9px;
height:20px;
background-position:-248px -248px;
}
.profile-send-message i {
width:22px;
height:18px;
background-position:-277px -425px;
}
.global-header .notifications-icon {
width:21px;
height:25px;
background-position:-226px -63px;
}
.global-header .messages-icon {
width:27px;
height:22px;
background-position:-218px -292px;
}
.global-header.alternative .notifications-icon {
width:20px;
height:23px;
background-position:-244px -390px;
}
.global-header.alternative .messages-icon {
width:23px;
height:19px;
background-position:-254px -98px;
}
.date-registered-icon {
width:23px;
height:23px;
background-position:-241px -326px;
}
.accordion-content .arrow-icon {
/* width:20px;
height:20px; */
width:12px;
height:8px;
background-position:-158px -10px;
}
.modal-button-close {
width:22px;
height:21px;
background-position:-245px -423px;
}
.profile .sidebar-section .gender-icon {
width:18px;
height:25px;
background-position:-250px -569px;
}
.profile .sidebar-section .location-icon {
width:15px;
height:22px;
background-position:-326px -278px;
}
.profile .sidebar-section .local-date-time-icon {
width:22px;
height:22px;
background-position:-249px -537px;
}
.profile .sidebar-section .birthday-icon {
width:18px;
height:18px;
background-position:-306px -363px;
}
.profile .sidebar-section .skype-icon {
width:17px;
height:18px;
background-position:-309px -37px;
}
.profile .sidebar-section .email-icon {
width:21px;
height:17px;
background-position:-134px -26px;
}
.profile-boards .m-select .uk-dropdown .uk-nav-dropdown > li > a.active:before {
width:12px;
height:9px;
background-position:-310px -139px;
content:'';
display:block;
position:absolute;
top:15px;
right:9px;
}
.profile-table-list.profile-boards.sortable-boards > li:hover:before {
width:3px;
height:9px;
background-position:-241px -10px;
display:block;
content:'';
position:absolute;
top:27px;
left:3px;
}
.close-icon {
width:15px;
height:15px;
background-position:-350px -283px;
}
.tick-icon {
width:16px;
height:14px;
background-position:-338px -439px;
}
.accordion-container .accordion-close {
width:18px;
height:18px;
background-position:-306px -335px;
}
.last-seen-icon {
width:20px;
height:21px;
background-position:-276px -367px;
}
.user-rank-icon {
width:13px;
height:16px;
background-position:-348px -110px;
}
.user-location-icon {
width:11px;
height:17px;
background-position:-357px -486px;
}
.send-message-icon {
width:19px;
height:16px;
background-position:-318px -89px;
}
.user-gender-icon {
width:13px;
height:18px;
background-position:-163px -28px;
}
.user-age-icon {
width:13px;
height:13px;
background-position:-359px -348px;
}
.replied-icon {
width:12px;
height:10px;
background-position:-39px -10px;
opacity:0.46;
}
.m-htab-nav ul li a .public-profile-general-icon {
width:20px;
height:21px;
background-position:-269px -246px;
}
.m-htab-nav ul li a .public-profile-stats-icon {
width:20px;
height:20px;
background-position:-276px -338px;
}
.m-htab-nav ul li a .public-profile-posts-icon {
width:19px;
height:20px;
background-position:-226px -33px;
}
.image-icon {
width:22px;
height:20px;
background-position:-254px -277px;
}
.arrow-right-icon {
width:7px;
height:13px;
background-position:-90px -9px;
}
.poll-icon {
width:21px;
height:21px;
background-position:-257px -66px;
}
.add-icon {
width:19px;
height:20px;
background-position:-283px -504px;
}
.cogwheel-icon-dark {
width:17px;
height:20px;
background-position:-282px -37px;
}
.edit-avatar-icon {
width:17px;
height:14px;
background-position:-318px -65px;
}
.white-delete-icon {
width:10px;
height:10px;
background-position:-371px -117px;
}
.user-email-icon {
width:16px;
height:14px;
background-position:-39px -285px;
}
.share-facebook-icon:before {
width:12px;
height:23px;
background-position:-328px -246px;
content:'';
display:block;
margin:9px 0 0 14px;
}
.share-twitter-icon:before {
width:22px;
height:20px;
background-position:-269px -216px;
content:'';
display:block;
margin:10px 0 0 9px;
}
.share-viber-icon:before {
width:22px;
height:22px;
background-position:-276px -608px;
content:'';
display:block;
margin:10px 0 0 9px;
}
.share-whatsapp-icon:before {
width:22px;
height:23px;
background-position:-315px -608px;
content:'';
display:block;
margin:9px 0 0 9px;
}
.edit-icon:before {
width:16px;
height:15px;
background-position:-334px -333px;
content:'';
display:block;
}
.container-close:before {
width:20px;
height:20px;
background-position:-261px -181px;
content:'';
display:block;
}
.follow-icon {
width:19px;
height:21px;
background-position:-278px -569px;
}
.more-info.inverted:before {
width:19px;
height:6px;
background-position:-61px -9px;
left:5px;
top:15px;
}
.follow-action.following .follow-icon {
width:19px;
height:21px;
background-position:-274px -307px;
}
.my-choice .follow-action.following .follow-icon {
width:19px;
height:21px;
background-position:-294px -157px;
}
.follow-action.inverted .follow-icon {
width:19px;
height:21px;
background-position:-281px -538px;
}
.follow-action.inverted.following .follow-icon {
width:19px;
height:21px;
background-position:-246px -454px;
}
.favorite-action.inverted .favorite-icon {
width:19px;
height:17px;
background-position:-310px -547px;
}
.favorite-action.inverted.marked .favorite-icon {
width:19px;
height:17px;
background-position:-309px -415px;
}
.unfollow-icon {
width:19px;
height:21px;
background-position:-294px -157px;
}
.cogwheel-icon-small {
width:17px;
height:18px;
background-position:-282px -38px;
}
.topic-views-icon {
width:18px;
height:14px;
background-position:-341px -532px;
}
.topic-comments-icon {
width:13px;
height:14px;
background-position:-250px -485px;
}
.promo-banner .promo-banner-action i {
width:6px;
height:10px;
background-position:-378px -486px;
}
.system-page .page-title.with-action .icon-back:before {
width:8px;
height:14px;
background-position:-369px -513px;
content:'';
display:block;
}
.list-radio a.list-radio-close {
width:13px;
height:13px;
background-position:-362px -37px;
}
.send-msg-icon {
width:22px;
height:19px;
background-position:-255px -9px;
}
.share-icon {
width:21px;
height:21px;
background-position:-217px -606px;
}
.favorite-icon {
width:21px;
height:20px;
background-position:-306px -573px;
}
.favorite-action.marked .favorite-icon {
width:21px;
height:18px;
background-position:-309px -441px;
}
.share-action.inverted .share-icon {
width:21px;
height:21px;
background-position:-217px -635px;
}
.report-icon {
width:20px;
height:20px;
background-position:-265px -149px;
}
.post-useful-icon {
width:17px;
height:19px;
background-position:-186px -8px;
}
.post-delete-icon {
width:15px;
height:20px;
background-position:-110px -10px;
}
.chevron-icon {
width:13px;
height:7px;
background-position:-372px -100px;
}
.chevron-icon-mini {
width:6px;
height:10px;
background-position:-373px -210px;
}
.uk-button.marked .post-useful-icon {
width:16px;
height:18px;
background-position:-317px -10px;
}
.m-dd-content .follow i,
.list-interactions .follow i,
.board-topic .follow i {
width:19px;
height:20px;
background-position:-100px -83px;
margin:2px 0 0 3px;
}
.m-dd-content .unfollow i,
.list-interactions .unfollow i,
.board-topic .unfollow i {
width:20px;
height:21px;
background-position:-294px -157px;
margin:2px 0 0 3px;
}
.m-dd-content .trash i,
.list-interactions .trash i,
.board-topic .trash i {
width:15px;
height:20px;
background-position:-110px -9px;
margin:2px 0 0 4px;
}
.list-interactions .mark-all-as-read i:before {
margin:13px 0 0 8px;
}
.mark-all-as-read i:before {
width:24px;
height:14px;
background-position:-185px -316px;
display:block;
content:'';
}
.mark-as-read i:before {
width:13px;
height:11px;
background-position:-364px -465px;
display:block;
content:'';
margin:6px 0 0 5px;
}
.usefuls-count-icon {
width:19px;
height:20px;
background-position:-71px -80px;
}
.post-count-icon {
width:18px;
height:21px;
background-position:-301px -216px;
}
.list-box ul li i {
width:7px;
height:13px;
background-position:-90px -9px;
}
.m-pagination > .uk-pagination-previous > a:before,
.m-pagination > .uk-pagination-previous > span:before {
width:13px;
height:8px;
background-position:-360px -307px;
display:block;
content:'';
margin:10px 0 0 4px;
}
.m-pagination > .mini-form form .uk-button:before,
.m-pagination > .uk-pagination-next > a:before,
.m-pagination > .uk-pagination-next > span:before {
width:14px;
height:8px;
background-position:-135px -10px;
display:block;
content:'';
margin:10px 0 0 4px;
}
.m-pagination > .mini-form form .uk-button:before {
/* width:32px;
height:28px; */
/* width:13px; */
/* height:8px;
background-position:-135px -10px; */
margin:0 0 0 8px;
}
.m-card .details .m-card-posts {
width:13px;
height:14px;
background-position:-107px -58px;
}
.m-card .details .m-card-views {
width:19px;
height:14px;
background-position:-341px -532px;
}
.m-card-grid-switch li a:before,
.m-card-grid-switch li a.alt:before {
width:22px;
height:14px;
display:block;
content:'';
position:absolute;
top:5px;
right:9px;
}
.m-card-grid-switch li a:before {
background-position:-309px -391px;
}
.m-card-grid-switch li a.alt:before {
background-position:-316px -115px;
}
.action-cancel {
width:18px;
height:18px;
background-position:-299px -275px;
}
.action-confirm {
width:22px;
height:17px;
background-position:-10px -37px;
}
.action-close:before {
content:'';
display:block;
margin:15px 4px;
width:13px;
height:13px;
background-position:-359px -371px;
}
.m-table-list li .uk-sortable-handle {
width:18px;
height:11px;
background-position:-341px -512px;
}
.m-table-list li .list-item-action:before {
width:22px;
height:17px;
background-position:-277px -398px;
display:block;
content:'';
position:absolute;
left:0;
top:22px;
}
.m-select .arrow-icon,
.uk-datepicker-heading .uk-form-select:before {
/* width:19px;
height:19px; */
width:10px;
height:6px;
background-position:-374px -250px;
}
.m-sidenav-panel-close i {
/* height:25px; */
width:18px;
height:18px;
background-position:-304px -469px;
}
.m-button .x-icon {
width:16px;
height:16px;
background-position:-45px -80px;
}
.m-button .cogwheel-icon,
.m-button-lite .cogwheel-icon:before {
width:17px;
height:18px;
background-position:-282px -38px;
}
.m-button-lite .cogwheel-icon:before {
content:'';
display:block;
margin:8px 9px;
}
.m-button .checkbox-icon {
width:18px;
height:13px;
background-position:-254px -127px;
}
.topic-icons li .ti-hot {
width:10px;
height:13px;
background-position:-367px -418px;
}
.topic-icons li .ti-hotter {
width:10px;
height:13px;
background-position:-312px -497px;
}
.topic-icons li .ti-locked {
width:10px;
height:13px;
background-position:-366px -557px;
}
.topic-icons li .ti-pinned {
width:9px;
height:17px;
background-position:-366px -10px;
}
.topic-icons li .ti-paid,
.topic-icons li .ti-paid1 {
width:8px;
height:13px;
background-position:-370px -60px;
}
.topic-icons li .ti-editors {
width:13px;
height:17px;
background-position:-343px -10px;
}
.topic-icons li .ti-poll {
width:10px;
height:11px;
background-position:-232px -131px;
}
.ad-cont.requested > div > [id^='div-gpt-ad']:before,
.ad-cont.requested > [id^='div-gpt-ad']:before,
.g-recaptcha:before {
/* width:20px;
height:20px; */
width:17px;
height:18px;
background-position:-282px -38px;
}
.m-list.m-list-members .post-count i,
.m-list .post-count i {
width:13px;
height:14px;
background-position:-287px -126px;
}
.sidebar-section .advanced-trigger i {
width:13px;
height:7px;
background-position:-372px -83px;
}
.sidebar-section.expanded .advanced-trigger i {
width:12px;
height:7px;
background-position:-372px -175px;
}
.alt-nav-menu.sidebar-filters-predefined li a.active i,
.alt-nav-menu li a.active i {
width:12px;
height:9px;
background-position:-310px -139px;
}
.alt-nav-menu.autocomplete-selection li a.active i {
width:10px;
height:10px;
background-position:-368px -537px;
}
.attachments ul li > a.edit i {
width:13px;
height:15px;
background-position:-198px -123px;
}
.attachments ul li > a.remove i {
width:11px;
height:11px;
background-position:-253px -306px;
}
.wysibb .editor-spoiler {
width:25px !important;
min-width:25px !important;
height:14px !important;
background-position:-72px -55px !important;
margin:13px 5px !important;
}
.wysibb .wbb-emoji-headers li.city i {
width:22px !important;
min-width:22px !important;
height:22px !important;
background-position:-229px -182px !important;
margin:10px 11px;
}
.wysibb .wbb-emoji-headers li.people i {
width:19px !important;
min-width:19px !important;
height:21px !important;
background-position:-275px -474px !important;
margin:10px 12px;
}
.wysibb .wbb-emoji-headers li.office i {
width:16px !important;
min-width:16px !important;
height:24px !important;
background-position:-163px -56px !important;
margin:10px 14px;
}
.wysibb .wbb-emoji-headers li.hearts i {
width:21px !important;
min-width:21px !important;
height:19px !important;
background-position:-42px -50px !important;
margin:10px 12px;
}
.wysibb .wbb-emoji-headers li.most_used i {
width:20px !important;
min-width:20px !important;
height:20px !important;
background-position:-290px -187px !important;
margin:10px 12px;
}
.wysibb .wbb-emoji-headers li.faces i {
width:19px !important;
min-width:19px !important;
height:20px !important;
background-position:-287px -96px !important;
margin:10px 12px;
}
.wysibb .wbb-emoji-headers li.nature i {
width:20px !important;
min-width:20px !important;
height:19px !important;
background-position:-287px -9px !important;
margin:10px 12px;
}
.wysibb .wbb-emoji-headers li.sports i {
width:20px !important;
min-width:20px !important;
height:19px !important;
background-position:-288px -65px !important;
margin:10px 12px;
}
.wysibb .wbb-emoji-headers li.party i {
width:21px !important;
min-width:21px !important;
height:16px !important;
background-position:-303px -309px !important;
margin:10px 11px;
}
.wysibb .wbb-emoji-headers li.others i {
width:14px !important;
min-width:14px !important;
height:21px !important;
background-position:-323px -158px !important;
margin:10px 15px;
}
.wysibb .editor-align-center {
width:15px !important;
min-width:15px !important;
height:14px !important;
background-position:-341px -394px !important;
}
.wysibb .editor-bullets {
width:16px !important;
min-width:16px !important;
height:16px !important;
background-position:-334px -308px !important;
margin:13px 9px !important;
}
.wysibb .editor-align-left {
width:15px !important;
min-width:15px !important;
height:15px !important;
background-position:-345px -62px !important;
margin:13px 9px !important;
}
.wysibb .editor-align-right {
width:15px !important;
min-width:15px !important;
height:14px !important;
background-position:-347px -86px !important;
}
.wysibb .editor-image {
width:17px !important;
min-width:17px !important;
height:15px !important;
background-position:-335px -37px !important;
margin:13px 9px !important;
}
.wysibb .editor-subscript {
width:16px !important;
min-width:16px !important;
height:14px !important;
background-position:-336px -579px !important;
margin:13px 10px !important;
}
.wysibb .editor-superscript {
width:16px !important;
min-width:16px !important;
height:14px !important;
background-position:-338px -463px !important;
margin:13px 10px !important;
}
.wysibb .editor-quote {
width:18px !important;
min-width:18px !important;
height:13px !important;
background-position:-338px -556px !important;
margin:13px 8px !important;
}
.wysibb .editor-code {
width:20px !important;
min-width:20px !important;
height:14px !important;
background-position:-10px -125px !important;
margin:13px 7px !important;
}
.wysibb .editor-fontcolor:before {
width:15px !important;
min-width:15px !important;
height:14px !important;
background-position:-347px -163px !important;
/* margin:13px 10px !important; */
content:'';
display:block;
}
.wysibb .editor-fontsize {
width:14px !important;
min-width:14px !important;
height:14px !important;
background-position:-350px -258px !important;
}
.wysibb .editor-link {
width:16px !important;
min-width:16px !important;
height:15px !important;
background-position:-349px -234px !important;
margin:13px 9px !important;
}
.wysibb .editor-video {
width:15px !important;
min-width:15px !important;
height:14px !important;
background-position:-346px -187px !important;
margin:13px 10px !important;
}
.wysibb .editor-italic {
width:12px !important;
min-width:12px !important;
height:14px !important;
background-position:-362px -580px !important;
}
.wysibb .editor-bold {
width:10px !important;
min-width:10px !important;
height:15px !important;
background-position:-366px -393px !important;
}
.wysibb .editor-underline {
width:10px !important;
min-width:10px !important;
height:14px !important;
background-position:-364px -441px !important;
}
.wysibb .editor-hr {
width:16px !important;
min-width:16px !important;
height:2px !important;
background-position:-10px -10px !important;
margin:20px 9px !important;
}
.wysibb .editor-dd-arrow:before {
width:6px !important;
min-width:6px !important;
height:4px !important;
background-position:-184px -218px !important;
position:absolute;
top:18px;
right:2px;
content:'';
display:block;
}
/* END OF SVG */
/* Christmas Fortune Game 2023 Header Button */
@font-face {
font-family:'Monly Serif Lite';
src:url('/assets/vessur/fonts/subset-MonlySerifLite-Bold.woff2')
format('woff2'),
url('/assets/vessur/fonts/subset-MonlySerifLite-Bold.woff')
format('woff');
font-weight:bold;
font-style:normal;
}
.christmas-game-button {
float:left;
height:65px;
width:228px;
padding-left:36px;
box-sizing:border-box;
margin-right:20px;
position:relative;
}
.christmas-game-button .game-button {
display:block;
position:relative;
top:12px;
font-family:'Roboto Slab', serif;
font-size:14px;
letter-spacing:0px;
color:#fff;
text-align:center;
background:#164a6a;
width:192px;
height:42px;
line-height:42px;
padding:0 14px 0 45px;
-webkit-border-radius:18px;
border-radius:23px;
overflow:hidden;
cursor:pointer;
box-sizing:border-box;
z-index:2;
-webkit-transition:background 200ms ease-in-out;
-moz-transition:background 200ms ease-in-out;
-ms-transition:background 200ms ease-in-out;
-o-transition:background 200ms ease-in-out;
transition:background 200ms ease-in-out;
text-transform:uppercase;
}
@media screen and (max-width:1365px) {
.christmas-game-button {
transform:scale(0.65);
transform-origin:center right;
}
}
.christmas-game-button:hover .game-button {
background:#c72027;
}
.christmas-game-button .cg-button-decoration {
width:36px;
height:36px;
background:transparent url(/assets/vessur/img/cg-2023-pressepapier.svg) top
center no-repeat;
background-size:100%;
position:absolute;
bottom:13px;
left:42px;
z-index:3;
-webkit-transition:bottom 200ms ease-in-out;
-moz-transition:bottom 200ms ease-in-out;
-ms-transition:bottom 200ms ease-in-out;
-o-transition:bottom 200ms ease-in-out;
transition:bottom 200ms ease-in-out;
}
.christmas-game-button:hover .cg-button-decoration {
}
/* END of Christmas Fortune Game 2023 Button */
/* ZAEDNO VKASHTI */
.zaedno-vkashti-button {
float:left;
height:65px;
width:179px;
padding-left:36px;
box-sizing:border-box;
margin-right:20px;
position:relative;
}
.zaedno-vkashti-button span {
display:block;
position:relative;
top:13px;
font-size:19px;
letter-spacing:2px;
color:#111;
text-align:center;
background:#f3c29b;
width:136px;
height:40px;
line-height:40px;
padding:0 17px;
-webkit-border-radius:18px;
border-radius:18px;
overflow:hidden;
cursor:pointer;
box-sizing:border-box;
z-index:2;
-webkit-transition:color 200ms ease-in-out, background 200ms ease-in-out;
-moz-transition:color 200ms ease-in-out, background 200ms ease-in-out;
-ms-transition:color 200ms ease-in-out, background 200ms ease-in-out;
-o-transition:color 200ms ease-in-out, background 200ms ease-in-out;
transition:color 200ms ease-in-out, background 200ms ease-in-out;
}
@media screen and (max-width:1365px) {
.zaedno-vkashti-button {
transform:scale(0.75);
transform-origin:center right;
}
}
.zaedno-vkashti-button:hover span {
background:#e8a771;
}
.zaedno-vkashti-button .zaedno-vkashti-button-decoration {
width:39px;
height:38px;
background:transparent url(/assets/vessur/img/stay_home_icon_54.png) center
center;
background-size:100%;
position:absolute;
bottom:12px;
left:7px;
z-index:3;
-webkit-transition:left 200ms ease-in-out;
-moz-transition:left 200ms ease-in-out;
-ms-transition:left 200ms ease-in-out;
-o-transition:left 200ms ease-in-out;
transition:left 200ms ease-in-out;
}
.zaedno-vkashti-button:hover .zaedno-vkashti-button-decoration {
left:11px;
}
/* END of ZAEDNO VKASHTI */
/* BGMAMMA20 */
.bgmamma20-header-button {
float:left;
height:65px;
width:195px;
padding-left:40px;
box-sizing:border-box;
margin-right:20px;
position:relative;
}
.bgmamma20-header-button span {
display:block;
position:relative;
width:100%;
height:48px;
background:transparent
url(/assets/vessur/img/bg-mamma-20-header-button-155x48.svg) top left
no-repeat;
background-size:contain;
top:8px;
-webkit-transition:opacity 200ms ease-in-out;
-moz-transition:opacity 200ms ease-in-out;
-ms-transition:opacity 200ms ease-in-out;
-o-transition:opacity 200ms ease-in-out;
transition:opacity 200ms ease-in-out;
background-position:50% 50%;
}
.bgmamma20-header-button:hover span {
opacity:0.8;
}
@media screen and (max-width:1365px) {
.bgmamma20-header-button {
margin:0 20px 0 0;
width:138px;
}
}
/* END OF BGMAMMA20 */
/* EDITOR */
/* Toolbar Icons */
/*
UPDATING THE TOOLBAR ICONS:
- SELECT ICONS AND DOWNLOAD SVGs:https://fontawesome.com/icons?m=free
- COMBINE THE SVGs IN A FONT FILE:https://icomoon.io/app/#/select/font
- REPLACE fas- WITH ''
- REPLACE -solid WITH ''
- MINIFY CSS (https://cssminifier.com/) AND REPLACE IN THE froala_editor.pkgd.min.css
*/
.fa-rotate-90 {
-webkit-transform:rotate(90deg);
/* Chrome and other webkit browsers */
-moz-transform:rotate(90deg);
/* FF */
-o-transform:rotate(90deg);
/* Opera */
-ms-transform:rotate(90deg);
/* IE9 */
transform:rotate(90deg);
/* W3C compliant browsers */
}
@font-face {
font-family:FontAwesome524062019;
src:url(/assets/vessur/fonts/FontAwesome524062019.ttf?xv9r13)
format('truetype'),
url(/assets/vessur/fonts/FontAwesome524062019.woff?xv9r13)
format('woff'),
url(/assets/vessur/fonts/FontAwesome524062019.svg?xv9r13#FontAwesome524062019)
format('svg');
font-weight:400;
font-style:normal;
}
.fas {
font-family:FontAwesome524062019 !important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.fa-arrow-left:before {
content:'\e922';
}
.fa-paint-brush:before {
content:'\e920';
}
.fa-bars:before {
content:'\e921';
}
.fa-laugh-regular:before {
content:'\e91e';
}
.fa-ellipsis-v:before {
content:'\e91f';
}
.fa-align-center:before {
content:'\e900';
}
.fa-align-justify:before {
content:'\e901';
}
.fa-align-left:before {
content:'\e902';
}
.fa-align-right:before {
content:'\e903';
}
.fa-arrows-alt:before {
content:'\e904';
}
.fa-bold:before {
content:'\e905';
}
.fa-code:before {
content:'\e906';
}
.fa-edit:before {
content:'\e907';
}
.fa-eraser:before {
content:'\e908';
}
.fa-exchange-alt:before {
content:'\e909';
}
.fa-external-link-alt:before {
content:'\e90a';
}
.fa-eye-slash:before {
content:'\e90b';
}
.fa-image:before {
content:'\e90c';
}
.fa-italic:before {
content:'\e90d';
}
.fa-link:before {
content:'\e90e';
}
.fa-list-ol:before {
content:'\e90f';
}
.fa-list-ul:before {
content:'\e910';
}
.fa-magic:before {
content:'\e911';
}
.fa-minus:before {
content:'\e912';
}
.fa-palette:before {
content:'\e913';
}
.fa-quote-right:before {
content:'\e914';
}
.fa-strikethrough:before {
content:'\e915';
}
.fa-subscript:before {
content:'\e916';
}
.fa-superscript:before {
content:'\e917';
}
.fa-table:before {
content:'\e918';
}
.fa-text-height:before {
content:'\e919';
}
.fa-trash:before {
content:'\e91a';
}
.fa-underline:before {
content:'\e91b';
}
.fa-unlink:before {
content:'\e91c';
}
.fa-video:before {
content:'\e91d';
}
/* General */
.post-content-inner em,
.fr-box em {
color:inherit;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
min-height:auto;
line-height:1;
}
.fr-popup .fr-input-line input[type='text']:focus,
.fr-popup .fr-input-line textarea:focus {
-webkit-box-shadow:none;
box-shadow:none;
border-bottom-color:#66a1ff;
}
.fr-popup .fr-input-line input.fr-error[type='text'] {
border-bottom-color:#f66;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
width:16px;
font-size:16px;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
color:#595959;
margin:0;
}
.fr-separator.fr-vs {
height:24px;
margin:7px 2px;
}
.fr-toolbar .fr-command.fr-btn:hover,
.fr-toolbar .fr-command.fr-btn:focus {
color:#111;
}
.fr-box {
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid rgba(17, 17, 17, 0.1);
-webkit-border-radius:0px;
border-radius:0px;
display:block;
}
.fr-box,
.fr-toolbar {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:15px;
line-height:22px;
color:#111;
}
.fr-wrapper > div:first-child,
.fr-wrapper > div:first-child a {
display:block;
height:1px;
overflow:hidden;
background:#fff !important;
}
.fr-toolbar.fr-top,
.fr-box.fr-basic.fr-top .fr-wrapper {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border-top:none;
-webkit-border-radius:0px;
border-radius:0px;
}
.fr-toolbar.fr-top {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.fr-toolbar.fr-top.fr-sticky-on {
border-left:1px solid transparent;
border-right:1px solid transparent;
box-sizing:border-box;
margin-left:-1px;
}
.fr-box.fr-basic .fr-element {
word-break:break-word;
min-height:370px;
padding-right:57px;
line-height:24px;
}
.post-content-inner ul,
.fr-box.fr-basic .fr-element ul {
list-style-type:disc;
list-style-position:inside;
}
.post-content-inner ol,
.fr-box.fr-basic .fr-element ol {
list-style-type:decimal;
list-style-position:inside;
}
.post-content-inner ul ul,
.post-content-inner ol ul,
.fr-box.fr-basic .fr-element ul ul,
.fr-box.fr-basic .fr-element ol ul {
list-style-type:circle;
list-style-position:inside;
padding-left:25px;
}
.post-content-inner ol ol,
.post-content-inner ul ol,
.fr-box.fr-basic .fr-element ol ol,
.fr-box.fr-basic .fr-element ul ol {
list-style-type:lower-latin;
list-style-position:inside;
padding-left:25px;
}
.fr-popup .fr-action-buttons button.fr-command.fr-submit {
height:30px;
line-height:30px;
min-height:30px;
font-size:14px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#fff;
background:#66a1ff;
min-width:90px;
padding:0 10px;
}
.fr-submit:hover,
.fr-submit:focus {
background:#5a96f8;
color:#fff;
}
.fr-submit:disabled,
.fr-submit:disabled:hover {
background-color:#f5f5f5;
color:#999;
}
.fr-popup,
.fr-command.fr-btn + .fr-dropdown-menu,
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
-webkit-box-shadow:0 1px 3px rgba(17, 17, 17, 0.1);
-moz-box-shadow:0 1px 3px rgba(17, 17, 17, 0.1);
box-shadow:0 1px 3px rgba(17, 17, 17, 0.1);
border:1px solid rgba(17, 17, 17, 0.1);
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.fr-popup .fr-arrow {
border-bottom:5px solid rgba(17, 17, 17, 0.1);
top:-6px;
}
.fr-popup .fr-colors-tabs,
.fr-popup .fr-buttons {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.fr-buttons.fr-colors-buttons {
border-bottom:none;
}
/* Colors */
.fr-color-set {
border:2px solid #fff;
}
.fr-popup .fr-color-set > span {
cursor:pointer;
width:20px;
height:20px;
border:2px solid #fff;
position:relative;
}
.fr-popup .fr-color-set > span:hover:before,
.fr-popup .fr-color-set > span.fr-active-item:before {
content:'';
border:2px solid rgba(255, 255, 255, 0.5);
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
cursor:pointer;
}
.fr-popup .fr-color-set > span.fr-active-item,
.fr-popup .fr-color-set > span:hover,
.fr-popup .fr-color-set > span:focus {
outline:none;
border:2px solid rgba(17, 17, 17, 0.1);
}
.fr-popup .fr-color-set > span .fr-selected-color {
display:none;
}
.fr-popup .fr-color-set > br:nth-of-type(1) + span,
.fr-popup .fr-color-set > br:nth-of-type(2) + span {
clear:both;
margin-top:5px;
}
.fr-popup .fr-color-set > span[data-param1='REMOVE'] {
clear:left;
margin-bottom:5px;
width:auto;
display:block;
border:2px solid #fff;
}
.fr-popup .fr-color-set > span[data-param1='REMOVE']:before {
display:none;
}
.fr-popup .fr-color-set > span > i,
.fr-popup .fr-color-set > span > svg {
cursor:pointer;
width:100%;
display:block;
line-height:20px;
height:20px;
font-size:17px;
}
/* Spoiler, Code & Quote */
.spoiler-text,
.fr-view pre,
.post-content pre,
.fr-view .quote,
.post-content .quote {
font-size:15px;
line-height:24px;
padding:10px 55px 10px 25px;
margin:10px 0;
background-color:#f7f7f7;
display:block;
position:relative;
border:1px solid rgba(17, 17, 17, 0.1);
color:#111;
}
.fr-view .quote {
padding-bottom:25px;
}
.post-content .quote {
margin:0;
background-color:transparent;
padding-top:0;
padding-bottom:0;
}
.spoiler-text {
padding-top:25px;
padding-bottom:25px;
}
.spoiler-text,
.fr-view pre,
.post-content pre {
background-color:#f7f7f7;
}
.fr-view table {
border:0;
border-collapse:collapse;
empty-cells:show;
max-width:100%;
width:100% !important;
min-width:100%;
margin:0 !important;
}
.fr-view table td,
.fr-view table th {
border:1px solid #eee;
}
.fr-view table.visible-borders td,
.fr-view table.visible-borders th {
border:1px solid rgba(17, 17, 17, 0.3);
}
.fr-view table.dashed-borders td,
.fr-view table.dashed-borders th {
border-style:dashed;
}
.fr-view table.alternate-rows tbody tr:nth-child(2n) td {
background:#f7f7f7;
}
.post-content-inner table {
table-layout:fixed;
width:100%;
border-collapse:collapse;
empty-cells:show;
max-width:100%;
}
.post-content-inner table.visible-borders th,
.post-content-inner table.visible-borders td {
border:1px solid rgba(17, 17, 17, 0.1);
}
.post-content-inner table.dashed-borders th,
.post-content-inner table.dashed-borders td {
border-style:dashed;
}
.post-content-inner table.alternate-rows tr:nth-child(2n) td {
background:#f7f7f7;
}
.post-content .quote .quote,
.post-content .quote .quote .quote,
.post-content .quote .quote .quote .quote,
.post-content .quote .quote .quote .quote .quote,
.fr-view .quote .quote,
.fr-view .quote .quote .quote,
.fr-view .quote .quote .quote .quote,
.fr-view .quote .quote .quote .quote .quote {
border-color:rgba(17, 17, 17, 0.1);
color:#111;
}
.post-content pre:before,
.fr-view pre:before,
.post-content .quote:before,
.fr-view .quote:before,
.spoiler-text:before {
font-size:24px;
font-family:'FontAwesome524062019' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
position:absolute;
top:50%;
right:15px;
margin-top:-12px;
color:rgba(17, 17, 17, 0.2);
}
.post-content .quote:before,
.fr-view .quote:before {
content:'\e914';
}
.spoiler-text:before {
content:'\e90b';
}
.post-content pre:before,
.fr-view pre:before {
content:'\e906';
}
.fr-element .fr-video > * {
background:rgba(17, 17, 17, 0.15);
width:480px;
height:270px;
max-width:100%;
}
.fr-box .bottom-label {
cursor:pointer;
position:absolute;
bottom:0;
left:0;
right:0;
background:#ffffd5;
text-align:center;
height:20px;
line-height:22px;
font-size:14px;
}
.fr-box .bottom-label:hover {
text-decoration:underline;
background:#fff9bc;
}
/* Emoji */
.fr-popup .fr-emoticon,
.fr-popup .fr-emoticon img,
.fr-popup .fr-emoticon .emojione {
width:22px;
height:22px;
}
.fr-popup .fr-emoticon {
padding:5px;
}
.fr-emoticon .emojione {
top:-1px;
left:-1px;
margin:0 auto;
display:block;
top:0;
}
.fr-view span.fr-emoticon.fr-emoticon-img,
span.fr-emoticon.fr-emoticon-img {
background-color:transparent;
background-size:100% !important;
background-repeat:no-repeat !important;
}
.fr-view span.fr-emoticon.fr-emoticon-img,
span.fr-emoticon.fr-emoticon-img,
span.joypixels-wrapper {
min-height:24px;
min-width:24px;
width:24px;
height:24px;
font-size:inherit;
display:inline-block;
margin:-0.1em 0.1em 0.1em;
line-height:1;
vertical-align:middle;
top:0;
}
.fr-view span.fr-emoticon.fr-emoticon-animated,
span.fr-emoticon.fr-emoticon-animated {
background-color:transparent;
background-size:32px !important;
background-position:-4px -4px;
background-repeat:no-repeat !important;
}
span.joypixels-wrapper {
overflow:hidden;
position:relative;
}
span.joypixels-wrapper span.joypixels {
min-height:32px;
min-width:32px;
width:32px;
height:32px;
transform:scale(0.75);
font-size:inherit;
display:inline-block;
vertical-align:middle;
position:absolute;
margin:0;
top:0;
left:0;
transform-origin:0 0;
}
.fr-box .emoji-toolbar {
position:absolute;
top:0px;
right:-1px;
bottom:0px;
background:#fff;
border-left:1px solid rgba(17, 17, 17, 0.1);
width:41px;
overflow:hidden;
z-index:1001;
/* height:100%; */
-webkit-transition:width 100ms ease-in-out;
-moz-transition:width 100ms ease-in-out;
-ms-transition:width 100ms ease-in-out;
-o-transition:width 100ms ease-in-out;
transition:width 100ms ease-in-out;
}
.fr-box .emoji-toolbar.expanded {
width:262px;
/* height:100%; */
}
.fr-box .emoji-toolbar:before {
content:'';
background:#fff;
border-right:1px solid rgba(17, 17, 17, 0.1);
width:41px;
height:100%;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:1;
}
.fr-box .emoji-headers {
position:absolute;
top:0px;
bottom:0px;
right:1px;
width:41px;
border-left:1px solid rgba(17, 17, 17, 0.1);
z-index:2;
}
.fr-box .emoji-headers li {
display:block;
position:relative;
width:42px;
height:41px;
float:right;
}
.fr-box .emoji-headers li a {
/* border-left:1px solid rgba(17, 17, 17, 0.1); */
border-bottom:1px solid transparent;
display:block;
height:100%;
}
.fr-box .emoji-headers li i {
position:absolute;
top:0px;
right:-1px;
left:-1px;
bottom:0px;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
opacity:0.4285;
}
.fr-box .emoji-headers li a:focus {
z-index:0;
}
.fr-box .emoji-headers li a:before,
.fr-box .emoji-headers li a:after {
content:'';
position:absolute;
top:-1px;
right:-1px;
bottom:-1px;
width:1px;
/* background:rgba(17, 17, 17, 0.1); */
}
.fr-box .emoji-headers li a:after {
left:0;
bottom:auto;
width:100%;
height:1px;
background:transparent;
}
.fr-box .emoji-headers li.active a {
border-left:1px solid #fff;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.fr-box .emoji-headers li.active a:before {
width:3px;
background:#444;
}
.fr-box .emoji-headers li.active a:after {
background:rgba(17, 17, 17, 0.1);
}
.fr-box .emoji-headers li.most_used a {
/* background-image:url(/assets/vessur/img/most_used.png); */
}
.fr-box .emoji-headers li.faces a {
/* background-image:url(/assets/vessur/img/faces.png); */
}
.fr-box .emoji-headers li.hearts a {
/* background-image:url(/assets/vessur/img/hearts.png); */
}
.fr-box .emoji-headers li.nature a {
/* background-image:url(/assets/vessur/img/nature.png); */
}
.fr-box .emoji-headers li.food a {
/* background-image:url(/assets/vessur/img/party.png); */
}
.fr-box .emoji-headers li.activity a {
/* background-image:url(/assets/vessur/img/sports.png); */
}
.fr-box .emoji-headers li.office a {
/* background-image:url(/assets/vessur/img/office.png); */
}
.fr-box .emoji-headers li.people a {
/* background-image:url(/assets/vessur/img/people.png); */
}
.fr-box .emoji-headers li.travel a {
/* background-image:url(/assets/vessur/img/city.png); */
}
.fr-box .emoji-headers li.objects a {
/* background-image:url(/assets/vessur/img/others.png); */
}
.fr-box .emoji-list {
position:absolute;
top:0px;
bottom:0px;
left:0px;
width:219px;
background:#fff;
z-index:0;
padding:0 10px;
box-sizing:border-box;
}
.fr-box .emoji-sets {
padding-top:15px;
padding-left:10px;
padding-right:10px;
display:block;
}
.fr-box .emoji-sets li {
display:block;
padding-bottom:15px;
}
.fr-box .emoji-sets p {
font-size:16px;
color:#999;
padding-bottom:10px;
}
.fr-box .emoji-list .fr-emoticon {
min-width:22px;
min-height:22px;
max-width:22px;
max-height:22px;
line-height:22px;
padding:3px;
display:inline-block;
background:#fff;
cursor:pointer;
position:relative;
}
.fr-box .emoji-list .fr-emoticon .joypixels {
position:absolute;
top:50%;
left:50%;
margin-top:-16px;
margin-left:-16px;
transform:scale(0.6875);
transform-origin:50% 50%;
}
.fr-box .emoji-toolbar .scroll-wrapper {
max-width:100%;
width:100%;
max-height:100%;
height:100%;
}
.fr-box .emoji-headers li.travel i,
.fr-box .emoji-headers li.people i,
.fr-box .emoji-headers li.office i,
.fr-box .emoji-headers li.hearts i,
.fr-box .emoji-headers li.most_used i,
.fr-box .emoji-headers li.faces i,
.fr-box .emoji-headers li.nature i,
.fr-box .emoji-headers li.activity i,
.fr-box .emoji-headers li.food i,
.fr-box .emoji-headers li.objects i {
background-color:transparent url(/assets/vessur/img/sprite.png?v=1.3);
background-image:-webkit-linear-gradient(transparent, transparent),
url(/assets/vessur/img/sprite.svg?v=1.3);
background-image:linear-gradient(transparent, transparent),
url(/assets/vessur/img/sprite.svg?v=1.3);
background-size:394px 658px;
background-repeat:no-repeat;
}
.fr-box .emoji-headers li.travel i {
width:22px !important;
min-width:22px !important;
height:22px !important;
background-position:-229px -182px !important;
margin:10px 11px;
}
.fr-box .emoji-headers li.people i {
width:19px !important;
min-width:19px !important;
height:21px !important;
background-position:-275px -474px !important;
margin:10px 12px;
}
.fr-box .emoji-headers li.office i {
width:16px !important;
min-width:16px !important;
height:24px !important;
background-position:-163px -56px !important;
margin:10px 14px;
}
.fr-box .emoji-headers li.hearts i {
width:21px !important;
min-width:21px !important;
height:19px !important;
background-position:-42px -50px !important;
margin:10px 12px;
}
.fr-box .emoji-headers li.most_used i {
width:20px !important;
min-width:20px !important;
height:20px !important;
background-position:-290px -187px !important;
margin:10px 12px;
}
.fr-box .emoji-headers li.faces i {
width:19px !important;
min-width:19px !important;
height:20px !important;
background-position:-287px -96px !important;
margin:10px 12px;
}
.fr-box .emoji-headers li.nature i {
width:20px !important;
min-width:20px !important;
height:19px !important;
background-position:-287px -9px !important;
margin:10px 12px;
}
.fr-box .emoji-headers li.activity i {
width:20px !important;
min-width:20px !important;
height:19px !important;
background-position:-288px -65px !important;
margin:10px 12px;
}
.fr-box .emoji-headers li.food i {
width:21px !important;
min-width:21px !important;
height:16px !important;
background-position:-303px -309px !important;
margin:10px 11px;
}
.fr-box .emoji-headers li.objects i {
width:14px !important;
min-width:14px !important;
height:21px !important;
background-position:-323px -158px !important;
margin:10px 15px;
}
#dropdown-menu-fontSize-1 [data-param1='x-small'] {
font-size:x-small;
}
#dropdown-menu-fontSize-1 [data-param1='small'] {
font-size:small;
}
#dropdown-menu-fontSize-1 [data-param1='unset'] {
font-size:100%;
}
#dropdown-menu-fontSize-1 [data-param1='large'] {
font-size:large;
}
#dropdown-menu-fontSize-1 [data-param1='x-large'] {
font-size:x-large;
}
.fr-view img.fr-dii {
max-width:100%;
max-height:600px;
}
.fr-view .m-quote img,
.fr-view .quote img {
max-width:100%;
max-height:600px;
}
.fr-view td img,
.fr-view .m-quote td img,
.fr-view .quote td img {
max-width:100%;
max-height:600px;
}
.private-messages .fr-view td img .private-messages .fr-view .m-quote td img,
.private-messages .fr-view .quote td img {
max-width:100%;
max-height:200px;
}
/* END OF EDITOR */
/* d */