/home/edulekha/studygroup.edulekha.com/ow_themes/simplicity/mobile/base.css
/********************************************************************************
*
* Filename: base.css
* Description: Simplicity Mobile Theme Base CSS File
* Version: 1.0.0
*
* -- FILE STRUCTURE: --
*
* [ 1] CSS Defaults Reset __reset
* [ 2] Clearfix __clearfix
* [ 3] Base Elements __base
* [ 4] Typography __typography
* [ 5] Masterpage & Page Layout __layout
* [ 6] Menus __menus
* [ 7] Pagination __pagination
* [ 8] Content Items __content items
* [ 9] Common Blocks __blocks
* [10] Forms __forms
* [11] Tables __tables
* [12] Standard Listings __listings
* [13] Thumbnails & Icons __icons
* [14] Notifications __messages
* [15] Plugin Styles __plugins
* [16] Misc __misc
*
********************************************************************************/
/*========================================================
[1] CSS Defaults Reset __reset
========================================================*/
/* ======== 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;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.2;
}
dfn,cite,var,address,em {
font-style:normal;
}
th,h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}
textarea,input,select {
font-family:inherit;
}
ol, ul {
list-style: none;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th,td {
text-align:left;
}
:focus {
outline:none;
}
i {
font-style: italic;
}
/* ======== End of the Reset ======== */
/*========================================================
[ 2] Clearfix __clearfix
========================================================*/
/* ======== Clearfix ======== */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ======== End of the Clearfix ======== */
/*========================================================
[ 3] Base Elements __base
========================================================*/
html {
height: 100%;
}
html, body {
background: #f2f4f8; /** OW_Control type:color, key:mobilebodyColor, section:3. Mobile, label: 2. Page background color **/
width: 100%;
overflow-x: hidden;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #555; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
min-width: 320px;
min-height: 100%;
width: 100%;
word-wrap: break-word;
position:relative;
}
header {
padding: 7px;
color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 44px;
background: #4c5358; /** OW_Control type:color, key:mobileHeaderColor, section:3. Mobile, label: 3. Header color **/
}
footer {
bottom: 0px;
}
a {
color: #36d0ae; /** OW_Control type:color, key:mobileLinkColor, section:3. Mobile, label: 7. Links color **/
text-decoration: none;
}
a:hover {
text-decoration: none;
}
b {
font-weight: normal;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
/*========================================================
[ 4] Typography __typography
========================================================*/
@font-face {
font-family: 'helveticaneuecyrbold';
src: url('fonts/h_neue_bold/helveticaneuecyr-bold-webfont.eot');
src: url('fonts/h_neue_bold/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/h_neue_bold/helveticaneuecyr-bold-webfont.woff2') format('woff2'),
url('fonts/h_neue_bold/helveticaneuecyr-bold-webfont.woff') format('woff'),
url('fonts/h_neue_bold/helveticaneuecyr-bold-webfont.ttf') format('truetype'),
url('fonts/h_neue_bold/helveticaneuecyr-bold-webfont.svg#helveticaneuecyrbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helveticaneuecyrmedium';
src: url('fonts/h_neue_medium/helveticaneuecyr-medium-webfont.eot');
src: url('fonts/h_neue_medium/helveticaneuecyr-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/h_neue_medium/helveticaneuecyr-medium-webfont.woff2') format('woff2'),
url('fonts/h_neue_medium/helveticaneuecyr-medium-webfont.woff') format('woff'),
url('fonts/h_neue_medium/helveticaneuecyr-medium-webfont.ttf') format('truetype'),
url('fonts/h_neue_medium/helveticaneuecyr-medium-webfont.svg#helveticaneuecyrmedium') format('svg');
font-weight: normal;
font-style: normal;
}
.owm_remark {
color: #b3bbc5;
}
/*========================================================
[ 5] Masterpage & Page Layout __layout
========================================================*/
.owm_bg_color_1 {
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_bg_color_2 {
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_bg_color_3 {
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_bg_color_4 {
background-color: #e6e9ef; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
body .owm_no_padding {
padding: 0;
}
.owm_std_margin_top {
margin-top: 20px;
}
.owm_std_margin_bottom {
margin-bottom: 20px;
}
.owm_small_margin_top {
margin-top: 10px;
}
.owm_small_margin_bottom {
margin-bottom: 10px;
}
.owm_padding {
padding: 10px;
}
.owm_border {
border-style: solid;
border-color: #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
border-width: 0px 0px 0px 0px;
}
.owm_align_left {
text-align: left;
}
.owm_align_center {
text-align: center;
}
.owm_align_right {
text-align: right;
}
.owm_float_left {
float: left;
}
.owm_float_right {
float: right;
}
.owm_preloader {
background-image: url(images/preloader.gif);
background-repeat: no-repeat;
background-position: center center;
min-height: 42px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_preloader {
background-image: url(images/preloader@2x.gif);
background-size: 38px 8px;
}
}
.owm_preloader_circle {
background-image: url(images/preloader_circle.gif);
background-repeat: no-repeat;
background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_preloader_circle {
background-image: url(images/preloader_circle@2x.gif);
background-size: 20px 20px;
}
}
.owm_load_more {
background-image: url(images/load_more.gif);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_load_more {
background-image: url(images/load_more@2x.gif);
background-size: 38px 8px;
}
}
/* ========= Layout structure styles ========= */
#main {
width: 100%;
min-height: 100%;
}
#center {
min-height: 400px;
width: 100%;
display:block;
}
#left {
display: none;
top: 0px;
bottom: 0;
left:-440px;
position:absolute;
width: 440px;
}
#right {
display: none;
top: 0px;
bottom: 0;
right:-440px;
position:absolute;
width: 440px;
}
.owm_sidebar_left_active,
.owm_sidebar_right_active {
width: 100%;
overflow: hidden;
height: auto !important;
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_sidebar_left_active #main {
position: absolute;
margin-left: 440px;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.owm_sidebar_right_active #main {
position: absolute;
margin-left: -440px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.owm_sidebar_left_active #left {
position: static;
display: block;
float: left;
}
.owm_sidebar_right_active #right {
position: static;
display: block;
float: right;
}
@media only screen and (max-width : 479px) {
#right {
width: 280px;
right:-280px;
}
#left {
width: 280px;
left: -280px;
}
.owm_sidebar_left_active #main {
margin-left: 280px;
}
.owm_sidebar_right_active #main {
margin-left: -280px;
}
}
/* ========= End of the Layout structure styles ========= */
/* ========= for RTL direction ======== */
html[dir=rtl] .owm_sidebar_left_active #main {
margin-right: -440px;
margin-left: 0;
}
html[dir=rtl] .owm_sidebar_right_active #main {
margin-right: 440px;
margin-left: 0;
}
@media only screen and (max-width : 479px) {
html[dir=rtl] #right {
width: 280px;
right:-280px;
}
html[dir=rtl] #left {
width: 280px;
left: -280px;
}
}
@media only screen and (max-width : 479px) {
html[dir=rtl] .owm_sidebar_left_active #main {
margin-right: -280px;
margin-left: 0;
}
html[dir=rtl] .owm_sidebar_right_active #main {
margin-right: 280px;
margin-left: 0;
}
}
/* ========= Enf of the RTL direction ======== */
/* ? can't find this*/
.content {
color: #717171;
}
/* ========= Sidebar styles ======== */
.owm_sidebar_right_padding {
padding: 0px 0 20px 0px;
}
.owm_sidebar_right header {
height: 44px;
padding: 0;
border-right: 0px;
}
.owm_sidebar_right header .owm_sidebar_right_header_txt {
padding: 7px;
}
.owm_sidebar_right_header_txt,
.owm_sidebar_left_header_txt {
text-align: center;
font-size: 125%;
line-height: 25px;
font-family: 'helveticaneuecyrmedium',"Trebuchet MS","Helvetica CY",sans-serif;
}
.owm_sidebar_right_cont {
padding: 0px 0px 0px 0px;
}
.owm_sidebar_right h3 {
font-size: 87%;
line-height: 22px;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_sidebar_left_header_txt a {
text-decoration: none;
color: #fff;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.owm_sidebar_left_padding {
padding: 0px;
}
.owm_sidebar_left_padding nav.owm_nav_left_top {
margin-bottom: 50px;
}
/*Sidebar Message Block */
.owm_sidebar_msg_block_cap {
height: 22px;
padding: 9px 12px;
border-bottom: 1px solid #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
font-family: 'helveticaneuecyrmedium',"Trebuchet MS","Helvetica CY",sans-serif;
}
.owm_sidebar_msg_string a {
font-family: 'helveticaneuecyrmedium',"Trebuchet MS","Helvetica CY",sans-serif;
}
.owm_sidebar_msg_block .owm_avatar img {
}
.owm_sidebar_msg_item {
padding: 5px 5px 9px 10px;
background: #fff;
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_sidebar_msg_item_new {
background-color: #f2f4f8;
}
.owm_sidebar_msg_string {
font-size: 81.25%;
min-height: 32px;
}
.owm_sidebar_msg_avatar {
float: left;
margin-right: -68px;
padding-top: 4px;
}
.owm_sidebar_msg_info {
padding: 9px 0px 0px;
margin: 0px 61px 0px 62px;
}
.owm_sidebar_msg_control {
float: right;
margin-left: -87px;
}
.owm_sidebar_msg_control .owm_lbutton:first-child {
margin-right: 8px;
}
.owm_friend_request_block .owm_sidebar_msg_info {
margin-right: 106px;
}
.owm_friend_request_block .owm_sidebar_msg_control {
padding: 6px 10px 0px 0px;
}
.owm_friend_request_block .owm_sidebar_msg_control .owm_lbutton_ico {
width: 14px;
height: inherit;
background-repeat: no-repeat;
background-position: center center;
}
.owm_friend_request_block .owm_sidebar_msg_control .owm_lbutton span {
display: inline-block;
}
.owm_friend_request_block .owm_sidebar_msg_control .owm_lbutton_ico span{
display: none;
}
.owm_friend_request_block .owm_friend_request_accept .owm_lbutton_ico {
background-image: url(images/ico_accept_lbtn.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_friend_request_block .owm_friend_request_accept .owm_lbutton_ico {
background-image: url(images/ico_accept_lbtn@2x.png);
background-size: 13px 9px;
}
}
.owm_friend_request_block .owm_friend_request_ignore .owm_lbutton_ico {
background-image: url(images/ico_ignore_lbtn.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_friend_request_block .owm_friend_request_ignore .owm_lbutton_ico {
background-image: url(images/ico_ignore_lbtn@2x.png);
background-size: 11px 11px;
}
}
.owm_sidebar_msg_toolbar {
padding-top: 5px;
}
.owm_sidebar_msg_toolbar .owm_lbutton:first-child {
margin-right: 8px;
}
.owm_sidebar_msg_img {
float: right;
margin-left: -106px;
}
.owm_sidebar_msg_img img {
width: 53px;
height: 53px;
}
.owm_sidebar_msg_load_more{
padding-top: 0px;
padding-bottom: 0px;
}
.owm_sidebar_load_more {
display: block;
height: 38px;
background: url(images/load_more.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidebar_load_more {
background-image: url(images/load_more@2x.png);
background-size: 39px 8px;
}
}
.owm_sidebar_load_more_preloader {
background: url(images/preloader.gif) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidebar_load_more_preloader {
background-image: url(preloader@2x.png);
background-size: 39px 8px;
}
}
.owm_sidebar_msg_disabled {
position: relative;
}
.owm_sidebar_msg_disabled_item {
background-color: rgba(255, 255, 255, 0.5);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
/* Sidebar Profile */
.owm_sidebar_profile_block {
padding: 20px 17px;
}
.owm_sidebar_profile_cont {
text-align: left;
vertical-align: top;
}
.owm_sidebar_profile_cont .owm_avatar {
vertical-align: top;
}
.owm_sidebar_profile_block .owm_avatar img {
width: 59px;
height: 59px;
}
.owm_sidebar_profile_name {
display: inline-block;
margin-left: 12px;
line-height: 59px;
font-size: 81%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
vertical-align: middle;
}
.owm_sidebar_profile_name span {
font-size: 81%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
vertical-align: middle;
}
.owm_sidebar_profile_delimiter {
height: 1px;
background: none;
margin: 5px 0px;
}
.owm_sidebar_profile_btn {
display: block;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 7px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #fff;
text-align: center;
font-size: 125%;
margin-top: 16px;
border: 2px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_sidebar_profile_btn:hover {
text-decoration: none;
}
.owm_sidebar_profile_block input.owm_sidebar_profile_logout {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
width: 100%;
font-size: 125%;
padding-top: 7px;
padding-bottom: 7px;
background: #fff;
border: 2px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
height: 42px;
}
/* ========= End of the Sidebar styles ======== */
/* ========= Logo styles ======== */
.owm_logo {
margin: 15px 5px;
background-image: url(images/logo.png);/** OW_Control type:image, key:mobilelogoImage, section:3. Mobile, label: 1. Logo **/
background-repeat: no-repeat;
background-position: center center;
height: 93px;
background-size: auto 100%;
}
.owm_logo a {
display: block;
text-decoration: none;
height: 93px;
}
/* ========= End of the Logo styles ======== */
/* ======== Maintenance page ======== */
.owm_maintenance_bg {
background-image: url(images/maintenance.png);
background-position: center 24px;
background-repeat: no-repeat;
padding-top: 207px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_maintenance_bg {
background-image: url(images/maintenance@2x.png);
background-size: 154px 147px;
}
}
/* ======== End of the Maintenance page ======== */
/* ======== Blank page ======== */
.owm_blank_content .owm_btn_wide {
margin-top: 10px;
}
.owm_blank_content .owm_info {
width: 90%;
margin: 0 auto;
}
/* ======== End of the Blank page ======== */
/*========================================================
[ 6] Menus __menus
========================================================*/
/* ======== Top Navigation menu styles ======== */
.owm_nav_menu {
float: left;
height: 30px;
background:url(images/nav_menu.png) no-repeat 0px center;
min-width: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_menu {
background-image: url(images/nav_menu@2x.png);
background-size: 19px 15px;
}
}
.owm_nav_profile {
float: right;
height: 30px;
background:url(images/nav_profile.png) no-repeat 0px center;
min-width: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_profile {
background-image: url(images/nav_profile@2x.png);
background-size: 19px 15px;
}
}
.owm_nav_back {
float: left;
height: 30px;
background:url(images/arr_nav_back.png) no-repeat 0px center;
min-width: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_back {
background-image: url(images/arr_nav_back@2x.png);
background-size: 10px 16px;
}
}
.owm_nav_next {
float: right;
height: 30px;
background:url(images/arr_nav_next.png) no-repeat 0px center;
min-width: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_next {
background-image: url(images/arr_nav_next@2x.png);
background-size: 10px 16px;
}
}
.owm_top_title {
padding: 2px 20px 0px;
text-align: center;
font-size: 118.75%;
line-height: 25px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media only screen and (max-width : 480px) {
.owm_top_title {
font-size: 100%;
}
}
/* ======== End of the Top Navigation menu styles ======== */
/* ======== Left sidebar navigation styles ======== */
.owm_nav_left_item {
padding: 0px 19px 0px 0px;
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.owm_nav_left_item:first-child {
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_nav_left_item a {
color: #545f71;
line-height: 20px;
font-size: 125%;
padding: 20px 0px 20px 10px;
display: block;
text-decoration: none;
}
.owm_nav_left_item_icon {
margin: 0px 42px 0px 0px;
}
.owm_nav_left_item .owm_nav_left_item_add,
.owm_nav_left_item_add {
height: 30px;
width: 35px;
float: right;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
padding: 0px 0px 0px 0px;
margin: 13px 0px 0px -34px;
background: #36d0ae url(images/ico_plus.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_left_item_add {
background-image: url(images/ico_plus@2x.png);
background-size: 13px 13px;
}
}
.owm_nav_left_bottom .owm_nav_left_item {
padding-right: 0;
}
.owm_nav_left_bottom a {
padding: 7px 19px 7px 10px;
font-size: 81.25%;
}
/* ======== End of the Left sidebar navigation styles ======== */
/* ======== Right Sidebar navigation styles ======== */
.owm_sidebar_console_item {
float: left;
width: 33.3%;
}
.owm_sidebar_console_item a {
border-bottom: 4px solid #4c5358;
border-left: 1px solid #586065;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.owm_sidebar_console_item:last-child a {
border-right: 1px solid #586065;
}
.owm_sidebar_console_item_active a {
border-bottom-color: #36d0ae;
}
.owm_sidebar_console_item_url {
display: block;
height: 44px;
}
.owm_sidebar_console_notifications .owm_sidebar_console_item_url {
background: url(images/ico_sidebar_console_ntf.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidebar_console_notifications .owm_sidebar_console_item_url {
background-image: url(images/ico_sidebar_console_ntf@2x.png);
background-size: 20px;
}
}
.owm_sidebar_console_profile .owm_sidebar_console_item_url {
background: url(images/ico_sidebar_console_profile.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidebar_console_profile .owm_sidebar_console_item_url {
background-image: url(images/ico_sidebar_console_profile@2x.png);
background-size: 20px 18px;
}
}
.owm_sidebar_console_item_url:hover{
text-decoration: none;
}
.owm_sidebar_count {
position: relative;
background: #36d0ae;
padding: 1px 5px;
font-size: 87.5%;
line-height: 14px;
border: 1px solid #36d0ae;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color: #fff;
left: 56%;
top: 27%;
}
@media only screen and (max-width : 479px) {
.owm_sidebar_count {
left: 60%;
}
}
.owm_sidebar_console_convers .owm_sidebar_count {
top: 23%;
}
.owm_sidebar_count:after,
.owm_sidebar_count:before {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.owm_sidebar_count:after {
border-color: rgba(54, 208, 174, 0);
border-right-color: #36d0ae;
border-width: 3px;
top: 50%;
margin-top: -3px;
}
.owm_sidebar_count:before {
border-color: rgba(54, 208, 174, 0);
border-right-color: #36d0ae;
border-width: 4px;
top: 50%;
margin-top: -4px;
}
.owm_sidebar_count_txt {
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
#console_preloader {
background: url(images/preloader.gif) no-repeat center center;
min-height: 350px;
}
/* ======== End of the Right Sidebar navigation styles ======== */
/* ======== Content menu styles ======== */
.owm_content_menu {
text-align: center;
}
.owm_content_menu li {
display: inline-block;
}
.owm_content_menu a {
min-width: 60px;
font-size: 81.25%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 14px 20px 14px;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
background-color: #fff;
display: inline-block;
}
.owm_content_menu li:first-child a {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.owm_content_menu li:last-child a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.owm_content_menu li.active a {
background-color: #f8f9fb;
}
.owm_content_menu a:hover {
text-decoration: none;
}
/* ======== End of the Content menu styles ======== */
/* ======== Box menu ======== */
.owm_box_menu_item {
display: inline-block;
padding: 0 10px;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
font-size: 81.25%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
background-color: #e6e9ef;
}
.owm_box_menu_item:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.owm_box_menu_item:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.owm_box_menu_item_active {
background-color: #f8f9fd;
}
.owm_box_menu_item:hover {
text-decoration: none;
}
.owm_box_menu_item span, .owm_box_toolbar a span {
line-height: 30px;
}
/* ======== End of the Box menu ======== */
/* ======== Content navigation cap styles ======== */
.owm_nav_cap {
border-bottom-width: 1px;
position: relative;
}
.owm_nav_cap h3 {
display: inline-block;
font-family: 'helveticaneuecyrbold', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 125%;
padding: 13px 14px;
max-width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
word-wrap: break-word;
line-height: 31px;
color: #545f71;
}
.owm_nav_cap_left_cont h3 {
padding-left: 45px;
}
.owm_nav_cap_right_cont h3 {
padding-right: 55px;
}
.owm_nav_cap_left_cont .owm_float_left {
margin-right: -45px;
}
.owm_nav_cap_right_cont .owm_float_right {
margin-left: -55px;
margin-right: 10px;
}
.owm_nav_cap .owm_nav_left_item_add,
.owm_nav_cap .owm_view_more {
margin-top: 13px;
}
.owm_nav_cap .owm_ic_close_cont {
background-position: 0px center;
}
.owm_nav_cap_left {
display: block;
height: 57px;
width: 45px;
background: url(images/arr_nav_back.png) no-repeat center center;
position: relative;
z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_cap_left {
background-image: url(images/arr_nav_back@2x.png);
background-size: 10px 16px;
}
}
.owm_nav_cap_right {
display: block;
height: 57px;
width: 23px;
background: url(images/arr_nav_next.png) no-repeat center center;
position: relative;
z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_cap_right {
background-image: url(images/arr_nav_next@2x.png);
background-size: 10px 16px;
}
}
/*.owm_nav_cap_left {
display: block;
height: 35px;
width: 23px;
padding: 11px;
background: url(images/arr_left_grey.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_cap_left {
background-image: url(images/arr_left_grey@2x.png);
background-size: 10px 17px;
}
}
.owm_nav_cap_right {
display: block;
height: 35px;
width: 23px;
padding: 11px;
background: url(images/arr_right_grey.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_nav_cap_right {
background-image: url(images/arr_right_grey@2x.png);
background-size: 10px 17px;
}
}
.owm_nav_cap_left_space {
padding-left: 10px;
}
.owm_nav_cap_rigth_space {
padding-right: 10px;
}*/
/* ======== End of the Content navigation cap styles ======== */
/*========================================================
[ 7] Pagination __pagination
========================================================*/
/* ======== Paging styles ======== */
.owm_paging_prev,
.owm_paging_next {
display: inline-block;
width: 74px;
height: 30px;
background: #e6e9ef url(images/arr_nav_back.png) center center no-repeat;
}
.owm_paging_next {
background-image: url(images/arr_nav_next.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_paging_prev {
background-image: url(images/arr_nav_back@2x.png);
background-size: 21px 33px;
}
.owm_paging_next {
background-image: url(images/arr_nav_next@2x.png);
background-size: 21px 33px;
}
}
/* ======== End of the Paging styles ======== */
/*========================================================
[ 8] Content Items __content items
========================================================*/
.ow_nocontent {
padding: 10px;
text-align: center;
}
.owm_context_action {
position: relative;
}
.owm_context_action_wrap {
position: absolute;
}
.owm_context_action_body {
position: relative;
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border: 1px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
z-index: 2;
}
.owm_context_action_body:after,
.owm_context_action_body:before {
bottom: 100%;
right: 23px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.owm_context_action_body:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-right: -10px;
}
.owm_context_action_body:before {
border-color: rgba(198, 206, 216, 0);
border-bottom-color: #c6ced8;
border-width: 11px;
margin-right: -11px;
}
.owm_context_action_list {
padding: 4px;
}
.owm_context_action_list li {
font-size: 123%;
margin-top: 4px;
text-align: center;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.owm_context_action_list li:first-child {
margin-top: 0px;
}
.owm_context_action_list_item {
display: block;
background-color: #e6e9ef;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
padding: 0 13px;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
white-space: nowrap;
}
.owm_context_action_list_item_c {
line-height: 39px;
display: block;
}
.owm_view_more .owm_context_action_list li{
min-width: 206px;
}
.owm_red_btn {
border: none;
color: #f42217;
}
.owm_context_pos_right {
right: 0px;
}
.owm_newsfeed_item .owm_context_pos_right {
right: -16px;
top: 32px;
}
.owm_btn_list_item_wrap .owm_context_pos_right,
.owm_nav_cap .owm_context_pos_right,
.owm_card_header .owm_context_pos_right {
right: -3px;
top: 47px;
}
.owm_btn_list_item_wrap .owm_context_arr_down,
.owm_nav_cap .owm_context_arr_down,
.owm_card_header .owm_context_arr_down {
background: #e6e9ef;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
display: block;
outline: medium none;
padding: 0 13px;
text-align: center;
text-decoration: none;
width: auto;
height: 32px;
}
.owm_btn_list_item_wrap .owm_context_arr_label {
line-height: 32px;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 81%;
}
.owm_context_arr_c {
display: inline-block;
width: 17px;
height: 22px;
background: url(images/arr_down_btn_list.png) no-repeat 0px 5px;
vertical-align: top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_context_arr_c {
background-image: url(images/arr_down_btn_list@2x.png);
background-size: 17px 11px;
}
}
.owm_btn_list_item_wrap .owm_context_arr_c,
.owm_nav_cap .owm_context_arr_c,
.owm_card_header .owm_context_arr_c {
background: url(images/arr_down_btn_list.png) no-repeat center 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_btn_list_item_wrap .owm_context_arr_c,
.owm_nav_cap .owm_context_arr_c,
.owm_card_header .owm_context_arr_c {
background-image: url(images/arr_down_btn_list@2x.png);
background-size: 17px 11px;
}
}
.owm_profile_btns .owm_context_action_body,
.owm_newsfeed_context_menu .owm_context_action_body {
min-width: 274px;
}
.owm_context_action .owm_btn_list_item {
white-space: nowrap;
}
/* ========= Context action More styles ======== */
.context_action {
margin-top: 11px;
position: absolute;
top: 35px;
right: 0px;
}
.context_pos_right b {
background: #e6e9ef;
border-right: 1px solid #c6ced8; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
border-top: 1px solid #c6ced8; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
display: block;
height: 14px;
right: 15px;
margin-top: -7px;
position: absolute;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 14px;
}
.context_action_body {
background: #e6e9ef;
border: 1px solid #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 4px;
}
.context_action_body_c {
background: #e6e9ef;
position: relative;
max-width: 330px;
overflow: hidden;
}
/* ========= End of the Context action More styles ======== */
/* ======== Quote styles ======== */
.owm_quote,
.owm_post_content .ow_quote,
.owm_suitup .ow_quote {
position: relative;
margin-bottom: 10px;
}
.owm_quote .ow_quote_header,
.owm_post_content .ow_quote .ow_quote_header,
.owm_suitup .ow_quote .ow_quote_header {
display: block;
border-bottom: 1px solid #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
min-height: 18px;
padding: 4px 28px 3px 10px;
background-color: #f8f9fb;
}
.owm_quote .ow_quote_cont_wrap,
.owm_post_content .ow_quote .ow_quote_cont_wrap,
.owm_suitup .ow_quote .ow_quote_cont_wrap {
display: block;
padding: 10px;
}
.owm_quote blockquote.ow_quote,
.owm_post_content blockquote.ow_quote,
.owm_suitup blockquote.ow_quote {
border: 1px solid #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
/* ======== End of the Quote styles ======== */
/*========================================================
[ 9] Common Blocks __blocks
========================================================*/
.owm_info {
background: none repeat scroll 0 0 #FFFFFF; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border: 1px solid #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 81.25%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 20px;
text-align: center;
}
.owm_anno {
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border-color: #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
background-image: url(images/ico_warning.png);
background-repeat: no-repeat;
background-position: 20px center;
padding-left: 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_anno {
background-image: url(images/ico_warning@2x.png);
background-size: 20px 19px;
}
}
.owm_box_wrap {
padding: 12px;
border: 1px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.owm_nocontent {
padding: 10px;
text-align: center;
}
.owm_box_padding {
padding: 5px;
}
/* ======== Box styles ======== */
.owm_box {
margin-bottom: 20px;
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_box_cap {
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_box_bottom {
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_box_cap h3,
.owm_box_cap_empty h3 {
display: inline-block;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 125%;
padding: 14px 0 14px 12px;
}
.owm_box_body {
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_box_body_cont {
font-size: 87.5%;
padding: 5px;
}
.owm_box_menu, .owm_box_toolbar {
padding: 11px 12px 11px 12px;
}
.owm_box_toolbar {
text-align: right;
}
.owm_box_toolbar a {
display: inline-block;
padding: 0 10px;
color: #fff;
font-size: 81.25%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
background-color: #36d0ae; /** OW_Control type:color, key:mobileButtonColor, section:3. Mobile, label: 8. Buttons color **/
}
.owm_box_toolbar a {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.owm_box_empty {
margin-bottom: 20px;
}
.owm_box_cap_empty,
.owm_box_empty .owm_box_cap,
.owm_box_empty .owm_box_cap_empty,
.owm_box_empty .owm_box_body,
.owm_box_empty .owm_box_bottom {
background-color: transparent;
border: none;
}
/* ======== End of the Box styles ======== */
/* ======== Vertical centered styles ======== */
.owm_vcentered_cont_wrap {
background: none repeat scroll 0 0 #e6e9ef;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 44px;
width: 100%;
}
.owm_vcentered_cont {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding: 0 20px;
vertical-align: middle;
width: 100%;
}
.owm_helper {
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
/* ======== End of the Vertical centered styles ======== */
/* ======== Card styles ======== */
.owm_card_header {
position: relative;
}
.owm_card_user_context {
padding-right: 54px;
}
.owm_card_user_context~.owm_view_more {
position: absolute;
top: 12px;
right: 10px;
min-width: 42px;
}
.owm_card_title {
font-size: 114.3%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.owm_card_date {
font-size: 68.75%;
}
.owm_card_user_pic {
float: left;
margin-right: -52px;
}
.owm_card_user_info {
padding-left: 62px;
}
.owm_card_user_name {
display: inline-block;
}
.owm_card_user_cont {
font-size: 81.25%;
padding-top: 3px;
}
.owm_card_user .owm_profile_online {
display: inline-block;
margin: 0px 8px 0px 5px;
}
.owm_card_content {
border-top-width: 1px;
border-bottom-width: 1px;
}
.owm_card_body {
padding: 10px 0px;
border-top-width: 1px;
}
.owm_card_footer {
padding-bottom: 10px;
}
.owm_card_toolbar {
border-bottom-width: 1px;
}
.owm_card_toolbar_btns li {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right-width: 1px;
}
.owm_card_toolbar_btns li:last-child {
border-right-width: 0px;
}
.owm_card_toolbar_btns a {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
display: block;
padding: 16px 0px;
text-align: center;
}
.owm_card_toolbar_1b li {
width: 100%;
}
.owm_card_toolbar_2b li {
width: 50%;
}
.owm_card_toolbar_3b li {
width: 33%;
}
.owm_card_toolbar_4b li {
width: 25%;
font-size: 81.25%;
}
.owm_card_toolbar_5b li {
width: 20%;
font-size: 81.25%;
}
.owm_card_toolbar_quote span {
padding-left: 24px;
background: url(images/ico_quote.png) no-repeat 0px center;
}
.owm_card_toolbar_flag span {
padding-left: 20px;
background: url(images/ico_flag.png) no-repeat 0px center;
}
.owm_card_toolbar_share span {
padding-left: 23px;
background: url(images/ico_share.png) no-repeat 0px center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_card_toolbar_quote span {
background-image: url(images/ico_quote@2x.png);
background-size: 16px 17px;
}
.owm_card_toolbar_flag span {
background-image: url(images/ico_flag@2x.png);
background-size: 12px 17px;
}
.owm_card_toolbar_share span {
background-image: url(images/ico_share@2x.png);
background-size: 15px 17px;
}
}
/* ======== End of the Card styles ======== */
/* ======== Floatbox ======== */
.owm_overlay {
position: absolute;
top: 44px;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 3;
}
.owm_floatbox_wrap {
position: absolute;
top: 44px;
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
width: 100%;
z-index: 4;
}
.owm_floatbox .owm_btn_small {
margin-left: 9px;
}
.owm_btn_small {
display: inline-block;
background: #f2f2f2 url(images/btn_small_bg.png) repeat-x 0 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 30px;
margin-left: auto;
}
.owm_close_btn {
float: right;
width: 34px;
height: 30px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #e6e9ef url(images/ico_close.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_close_btn {
background-image: url(images/ico_close@2x.png);
background-size: 10px 10px;
}
}
/* ======== End of the Floatbox ======== */
/*========================================================
[10] Forms __forms
========================================================*/
label,
select {
font-size: 81.25%;
color: #555; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
input[type="checkbox"],
input[type="radio"] {
margin: 0 3px;
vertical-align: top;
}
input[type="text"],
input[type="password"],
textarea {
width: 100%;
background-color: #fff; /** OW_Control type:color, key:mobileInputbg, section:3. Mobile, label: 9. Text fields background **/
border-width: 1px;
border-color: #ecf1f6;
border-style: solid;
color: #555; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
font-size: 87.5%;
padding: 15px 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
vertical-align: top;
margin: 0;
line-height: 1.4em;
}
body textarea {
padding: 15px 6px;
resize: none;
}
.owm_invitation,
input.owm_invitation,
textarea.owm_invitation,
.invitation,
input.invitation,
textarea.invitation {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_input_wrap {
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
/* ======== Button styles ======== */
input[type=button],
input[type=submit],
.owm_attach_win .owm_btn_wrap .owm_attach_label {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:600;
font-stretch:normal;
font-size: 78.13%;
color: #fff;
background: #36d0ae; /** OW_Control type:color, key:mobileButtonColor, section:3. Mobile, label: 8. Buttons color **/
padding: 5px 7px 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
-webkit-appearance: none;
border: none;
}
/* Positive buttons */
.owm_btn_positive input {
}
/* Wide buttons */
.owm_btn_wide {
padding: 10px;
}
.owm_btn_wide input {
padding: 12px 16px;
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 125%;
}
.owm_btn_wide a {
font-size: 125%;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
background: #fff;
width: 100%;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 12px 0;
border: none;
text-align: center;
border: 2px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
/* Button wrap */
.owm_btn_wrap {
margin-top: 16px;
text-align: center;
}
.owm_btn_wrap .owm_btn_big input {
font-size: 20px;
min-width: 123px;
padding: 12px 20px;
}
.owm_btn_wrap .owm_btn_big {
display: inline-block;
margin-right: 20px;
}
.owm_btn_wrap .owm_btn_big:last-child {
margin-right: 0;
}
.owm_btn_wrap .owm_btn_positive input {
}
/* Facebook connect button */
.owm_fb_btn,
.owm_btn_wide .owm_fb_btn {
display: block;
text-decoration: none;
text-align: center;
background-color: #fff;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
border: 2px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_fb_btn span {
display: inline-block;
padding-left: 32px;
min-height: 20px;
background-repeat: no-repeat;
background-image: url(images/fb_btn.jpg);
background-size: 20px 20px;
background-position: left center;
}
/* ======== End of the Button styles ======== */
/* ======== Fake text input styles ======== */
.owm_fake_input {
border-width: 1px;
border-color: #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
border-style: solid;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.owm_fake_input input[type="text"],
.owm_fake_input input[type="password"]{
border: none;
}
/* ======== End of the Fake text input styles ======== */
/* ======== Login form in sidebar styles ======== */
.owm_login_form {
padding: 8px 0;
}
.owm_login_form .owm_std_margin_top {
margin-top: 10px;
}
.owm_login_txt, .owm_join_txt {
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 81.25%;
padding-left: 10px;
}
.owm_login_txt {
margin-bottom: 8px;
}
.owm_forgot_txt {
padding-right: 8px;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 81.25%;
}
.owm_login_username, .owm_login_pass {
}
.owm_login_username input {
border-bottom: none;
}
/* ======== End of the Login form in sidebar styles ======== */
/* ========= Button list styles ======== */
.owm_btn_list_item_wrap {
position: relative;
margin-right: 10px;
min-width: 115px;
z-index: 2;
}
.owm_btn_list_item {
display: block;
line-height: 32px;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
font-size: 81%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 0px 13px;
background: #e6e9ef;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius: 4px;
text-decoration: none;
text-align: center;
outline: none;
}
@media only screen and (max-width : 479px) {
.owm_btn_list_item_wrap {
margin-right: 7px;
}
.owm_btn_list_item {
font-size: 75%;
padding: 0px 6px;
}
}
.owm_btn_list_item:hover {
text-decoration: none;
}
.owm_btn_list_item:last-child {
margin-right: 0px;
}
.owm_btn_list_item .owm_btn_list_item_c {
display: block;
height: 32px;
}
.owm_btn_list_item_wrap.owm_view_more {
min-width: 42px;
}
.owm_btn_list_item .owm_view_more_ic {
background: url(images/arr_down_btn_list.png) no-repeat center 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_btn_list_item .owm_view_more_ic {
background-image: url(images/arr_down_btn_list@2x.png);
background-size: 17px 11px;
}
}
/* ========= End of the Button list styles ======== */
/*========================================================
[11] Tables __tables
========================================================*/
th {
padding: 7px 7px;
font-size: 81.25%;
color: #626060;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
td {
font-size: 87.5%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
padding: 2px 4px;
}
.owm_tab_info {
border-collapse: separate;
max-width: 640px;
width: 100%;
}
.owm_tab_info td {
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
padding: 9px;
}
.owm_tab_info tr td {
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_tab_info tr td:first-child {
border-left-width: 1px;
}
.owm_tab_info tr td:last-child {
border-right-width: 1px;
}
.owm_tab_info .own_tr_first td {
border-width: 1px 1px 1px 1px;
}
.owm_tab_info .owm_tr_last td {
border-width: 0px 1px 1px 1px;
}
.owm_tab_info .own_tr_first td.owm_td_label,
.owm_tab_info .owm_tr_last td.owm_td_label {
border-right: 0px;
}
.owm_tab_info .own_tr_first td.owm_td_value,
.owm_tab_info .owm_tr_last td.owm_td_value {
border-left: 0px;
}
.owm_tab_info .owm_tr_delimiter td {
padding: 4px;
background-color: transparent;
}
/*========================================================
[12] Standard Listings __listings
========================================================*/
/* ======== ic - Item Content styles ======== */
.owm_regular {
font-size: 92.86%;
}
ul.owm_regular li {
background: none;
line-height: 17px;
margin: 0 0 20px;
}
.owm_ic_header,
.owm_ic_description {
margin-bottom: 5px;
}
.owm_ic_header {
font-size: 100%;
}
.owm_nowrap {
white-space: nowrap;
}
/* ======== End of the ic - Item Content styles ======== */
/* ======== Content list ======== */
.owm_content_list_item {
padding: 10px;
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_content_list_item:last-child {
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_user_list_item {
padding-right: 38px;
min-height: 50px;
position: relative;
font-size: 81.25%;
}
.owm_user_list_item .owm_avatar {
display: block;
width: 52px;
height: 52px;
float: left;
margin-right: -60px;
}
.owm_user_list_item .owm_avatar img {
height: 52px;
width: 52px;
}
.owm_user_list_info {
padding-left: 60px;
}
.owm_user_list_name {
margin-bottom: 2px;
}
.owm_user_list_name span {
vertical-align: middle;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #555; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
display: inline-block;
}
.owm_user_list_cont {
margin-bottom: 2px;
}
.owm_user_list_cont:last-child {
margin-bottom: 0px;
}
.owm_user_list_item .owm_profile_online {
position: absolute;
top: 50%;
right: 4px;
margin: -4px 0 0 0;
}
/* ======== End of the Content list ======== */
/* ======== Avatar list ======== */
.owm_avatar_list {
text-align: center;
}
.owm_avatar_list .owm_avatar {
margin: 5px;
}
/* ======== End of the Avatar list ======== */
/*========================================================
[13] Thumbnails & Icons __icons
========================================================*/
/* ======== Icons styles ======== */
.ow_ic_event {
background-image: url(images/ico_event.png);
}
.ow_ic_forum {
background-image: url(images/ico_forum.png);
}
.ow_ic_link {
background-image: url(images/ico_link.png);
}
.ow_ic_blog {
background-image: url(images/ico_blog.png);
}
.ow_ic_group {
background-image: url(images/ico_group.png);
}
.ow_ic_gift {
background-image: url(images/ico_gift.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.ow_ic_event {
background-image: url(images/ico_event@2x.png);
}
.ow_ic_forum {
background-image: url(images/ico_forum@2x.png);
}
.ow_ic_link {
background-image: url(images/ico_link@2x.png);
}
.ow_ic_blog {
background-image: url(images/ico_blog@2x.png);
}
.ow_ic_group {
background-image: url(images/ico_group@2x.png);
}
.ow_ic_gift {
background-image: url(images/ico_gift@2x.png);
}
}
/* ======== End of the Icons styles ======== */
/* ======== Avatar styles ======== */
.owm_avatar {
display: inline-block;
position: relative;
}
.owm_avatar a {
display: inline-block;
}
.owm_avatar img {
width: 52px;
height: 52px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
vertical-align: top;
}
.owm_avatar .owm_avatar_label {
border-radius: 2px 2px 2px 2px;
bottom: 0;
color: #FFFFFF;
font-size: 63%;
line-height: 11px;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 0 2px;
position: absolute;
right: 0;
text-transform: uppercase;
}
/* ======== End of the Avatar styles ======== */
/* ======== Label button styles ======== */
.owm_lbutton {
display: inline-block;
vertical-align: top;
padding: 0px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 81.25%;
line-height: 28px;
outline: none;
height: 29px;
}
.owm_lbutton:hover {
text-decoration: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_lbutton {
background-image: url(images/sidebar_lbtn_bg@2x.png);
background-size: 29px;
}
}
.owm_sidebar_msg_block .owm_lbutton {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
background: #e6e9ef;
}
.owm_lbutton .owm_lbutton_ico span {
padding: 0 2px;
}
/* ======== End of the Label button styles ======== */
/*========================================================
[14] Notifications __messages
========================================================*/
/* ======== Feedback styles ======== */
.owm_msg_wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 9;
}
.owm_msg_block .owm_close_btn {
margin-left: -34px;
}
.owm_msg_block {
padding: 19px 9px 19px;
margin-bottom: 15px;
}
.owm_msg_txt {
color: #fff;
line-height: 16px;
margin-right: 44px;
display: block;
}
.owm_msg_txt a {
color: #fff;
text-decoration: underline;
}
.owm_msg_error {
background: #dc3c56;
border: 1px solid #dc3c56;
}
.owm_msg_warning {
background: #f4b111;
border: 1px solid #f4b111;
}
.owm_msg_info {
background: #36d0ae;
border: 1px solid #36d0ae;
}
/* ======== End of the Feedback styles ======== */
/* ======== Content header count ======== */
.owm_content_header_count {
float: right;
top: 6px;
position: relative;
display: inline-block;
background: #36d0ae;
border: 1px solid #36d0ae;
font-size: 87.5%;
line-height: 14px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
padding: 0px 1px;
text-decoration: none;
right: -20px;
}
.owm_content_header_count:hover {
text-decoration: none;
}
.owm_content_header_count:after, .owm_content_header_count:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.owm_content_header_count:after {
border-color: rgba(54, 208, 174, 0);
border-left-color: #36d0ae;
border-width: 3px;
top: 50%;
margin-top: -3px;
}
.owm_content_header_count:before {
border-color: rgba(54, 208, 174, 0);
border-left-color: #36d0ae;
border-width: 4px;
top: 50%;
margin-top: -4px;
}
.owm_content_header_count_txt {
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.owm_content_header_count_cont {
display: inline-block;
padding: 1px 3px 1px;
border-top: 1px solid #36d0ae;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
/* ======== End of the Content header count ======== */
/*========================================================
[15] Plugin Styles __plugins
========================================================*/
/* ========= Profile View styles ======== */
.owm_profile_block {
margin-top: 30px;
margin-bottom: 40px;
border-width: 1px 0px 1px;
border-style: solid;
border-color: #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_profile_header {
font-size: 81.25%;
}
.owm_profile_name {
display: block;
margin: 10px 10px 0px 117px;
font-size: inherit;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.owm_profile_online {
margin: 8px 10px 4px 117px;
width: 8px;
height: 8px;
background: url(images/online_status.png) no-repeat center center;
}
.owm_profile_online span {
display: none;
}
.owm_profile_header .owm_profile_offline {
width: auto;
height: auto;
background: none;
margin-top: 4px;
margin-bottom: 0;
}
.owm_profile_header .owm_profile_offline span {
display: inline-block;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_profile_block .owm_btn_list {
padding: 0px 0px 0px 22px;
}
.owm_profile_btns_dropdown .owm_btn_list_item {
margin-top: 4px;
line-height: 39px;
font-size: 123%;
}
.owm_profile_btns_dropdown .owm_btn_list_item:first-child {
margin-top: 0px;
}
.owm_profile_btns_dropdown .owm_btn_list_item_c {
height: 39px;
}
.owm_profile_info {
padding-left: 18px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.owm_profile_info td.owm_td_label {
text-align: right;
}
.owm_profile_info_all {
padding: 0px 10px;
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
}
.owm_profile_info_all th {
padding-left: 12px;
}
.owm_profile_info_all .owm_td_label {
padding-left: 12px;
}
.owm_profile_info_all .owm_td_value {
text-align: right;
padding-right: 12px;
}
.owm_profile_desc {
margin-left: 10px;
margin-right: 10px;
font-size: 81.25%;
background-image: url(images/arr_nav_next.png);
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
color: inherit;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_profile_desc {
background-image: url(images/arr_nav_next@2x.png);
background-size: 10px 16px;
}
}
.owm_profile_desc:hover {
text-decoration: none;
}
.owm_profile_desc_all {
margin-left: 10px;
margin-right: 10px;
font-size: 81.25%;
}
.owm_profile_nav {
width: inherit;
overflow: hidden;
position: relative;
}
.owm_profile_nav_list {
width: 100%;
white-space: nowrap;
padding-left: 15px;
padding-top: 10px;
margin-bottom: 0px;
height: 100px;
}
.owm_profile_nav_list li {
display: inline-block;
margin-right: 15px;
}
body .owm_profile_nav_list li a {
display: inline-block;
color: #555; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
font-size: 81%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
margin-bottom: 10px;
border: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_profile_nav_list li a:hover {
text-decoration: none;
}
.owm_profile_nav_img {
display: block;
min-width: 72px;
height: 52px;
background-position: center center;
background-size: cover;
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_profile_nav_txt {
display: block;
text-align: center;
padding: 4px;
line-height: 1.3em;
}
.owm_profile_nav_about {
background-image: url(images/profile_nav_about.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
.owm_profile_avatar_wrap .owm_avatar img {
height: 75px;
width: 75px;
}
.owm_profile_avatar_wrap .owm_avatar a {
position: relative;
}
.owm_profile_avatar_wrap .owm_avatar a span {
position: absolute;
bottom: 0;
right: 0;
color: #fff;
text-transform: uppercase;
font-size: 63%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 0 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
/* Profile Avatar */
.owm_profile_avatar_wrap {
display: inline-block;
padding: 4px;
margin: -20px 0px 0px 20px;
float: left;
}
.owm_profile_avatar_img {
background-color: #ececec;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: cover;
}
.owm_profile_avatar_border {
width: 74px;
height: 74px;
}
/* ========= End of the Profile View styles ======== */
/* ======== Newsfeed styles ======== */
/* Newsfeed status update */
.owm_newsfeed_status_update.owm_bg_color_2 {
background-color: transparent;
}
.owm_newsfeed_status_update {
margin: 10px 8px;
}
.owm_newsfeed_status_update textarea {
height: 49px;
padding-top: 15px;
padding-right: 41px;
padding-bottom: 6px;
}
.owm_newsfeed_status_update_edit {
padding: 3px;
}
.owm_newsfeed_status_update_edit textarea {
height: 100px;
padding: 6px;
}
.owm_newsfeed_status_update_add_icon {
background: url(images/ico_photo.png) no-repeat left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_newsfeed_status_update_add_icon {
background-image: url(images/ico_photo@2x.png);
background-size: 20px 16px;
}
}
.owm_newsfeed_status_update .owm_newsfeed_status_update_add_icon {
float: right;
width: 32px;
height: 49px;
margin-left: -32px;
position: relative;
}
.owm_newsfeed_status_update_btns .owm_newsfeed_status_update_add_icon {
float: left;
width: 20px;
height: 29px;
margin-right: -32px;
position: relative;
}
.owm_newsfeed_status_update_add_icon input[type="file"],
.owm_newsfeed_status_update_add_icon input[type="file"] {
cursor: pointer;
font-size: 140.6%;
height: 29px;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: 'alpha(opacity=0)';
-khtml-opacity: 0;
-moz-opacity: 0;
position: absolute;
top: 0;
width: 20px;
overflow: hidden;
}
.owm_newsfeed_status_update_add_cont {
padding-left: 6px;
line-height: 29px;
font-size: 81.25%;
}
.owm_newsfeed_status_update_add_name {
display: inline-block;
padding-left: 32px;
}
.owm_newsfeed_status_update_btn.owm_preloader_circle{
min-width: 20px;
height: 29px;
}
.owm_newsfeed_status_update_btn.owm_preloader_circle .ow_button {
display: none;
}
/* Newsfeed item */
.owm_newsfeed_item {
font-size: 87.5%;
min-width: 310px;
}
.owm_newsfeed_date {
font-size: 68.75%;
text-align: right;
padding: 0px 6px;
line-height: 1.3em;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_newsfeed_header_txt .owm_newsfeed_date {
font-size: 100%;
text-align: left;
padding-left: 0px;
padding-top: 3px;
}
.owm_newsfeed_item_cont {
position: relative;
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
margin-bottom: 8px;
}
.owm_newsfeed_responded .owm_newsfeed_item_cont {
}
.owm_newsfeed_header {
margin: 0px 10px 0px;
padding: 18px 46px 14px 0px;
font-size: 92.86%;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_newsfeed_item_no_body .owm_newsfeed_header {
font-size: 100%;
margin: 0px;
padding: 10px 46px 10px 10px;
}
.owm_newsfeed_header_pic {
margin-right: 8px;
float: left;
}
.owm_newsfeed_header_pic .owm_avatar {
vertical-align: middle;
}
.owm_newsfeed_header_cont {
display: table;
height: 34px;
}
.owm_newsfeed_header_txt {
display: table-cell;
vertical-align: middle;
}
.owm_newsfeed_header_responded {
font-size: 92.86%;
padding: 18px 36px 18px 0px;
margin: 0px 10px 0px;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_newsfeed_responded .owm_newsfeed_header {
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_newsfeed_item_no_body .owm_newsfeed_item_box .owm_newsfeed_header {
padding: 0px;
margin: 0px;
}
.owm_newsfeed_item_no_body .owm_newsfeed_item_box .owm_newsfeed_header {
border: none;
}
.owm_newsfeed_body_status {
padding: 10px 10px 13px;
margin-bottom: 10px;
}
.owm_newsfeed_body_pic {
margin: 0 5px 0px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
text-align: center;
}
.owm_newsfeed_body_pic iframe {
max-width: 100%;
}
.owm_newsfeed_body_pic a {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
background-size: auto 100%;
position: relative;
}
.owm_newsfeed_body_pic img {
display: block;
width: 56.2%;
visibility: hidden;
}
.owm_newsfeed_body_pic_icon {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
background: url(images/ico_video_play.png) no-repeat center center;
}
.owm_newsfeed_body_cont .owm_newsfeed_item_padding {
padding: 14px 14px 14px;
}
.owm_newsfeed_body_title a {
color: #545f71;
}
/* Newsfeed context menu */
.owm_newsfeed_context_menu {
position: absolute;
padding-right: 19px;
right: 0px;
top: 26px;
text-align: right;
}
.owm_newsfeed_item_no_body .owm_newsfeed_context_menu,
.owm_newsfeed_responded .owm_newsfeed_context_menu {
top: 12px;
}
.owm_newsfeed_item_no_body .owm_newsfeed_body_responded {
margin-bottom: 12px;
}
/* redesign */
.owm_newsfeed_context_menu .owm_view_more .bl-dropdown-btn {
background: url(images/arr_down_btn_list.png) no-repeat 0 0;
display: inline-block;
height: 12px;
width: 17px;
padding: 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_newsfeed_context_menu .owm_view_more .bl-dropdown-btn {
background-image: url(images/arr_down_btn_list@2x.png);
background-size: 17px 11px;
}
}
.owm_newsfeed_context_menu .owm_view_more .bl-dropdown-btn .owm_view_more_ic {
background: none;
}
.owm_newsfeed_context_menu .context_action {
right: -14px;
top: 16px;
min-width: 274px;
}
.owm_newsfeed_context_menu .owm_context_arr_down {
display: inline-block;
}
/* /redesign */
.owm_newsfeed_body_icon {
float: left;
margin-right: -40px;
width: 33px;
height: 33px;
background-color: #fcfcfc;
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
border: 1px solid #e6e9ef;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
vertical-align: top;
}
.owm_newsfeed_body_info_wrap {
display: table;
padding-left: 7px;
height: 34px;
}
.owm_newsfeed_body_icon ~ .owm_newsfeed_body_info_wrap {
padding-left: 48px;
}
.owm_newsfeed_body_info {
display: table-cell;
vertical-align: middle;
}
/* Newsfeed controls */
.owm_newsfeed_control {
text-align: center;
padding-top: 0px;
margin-top: 12px;
}
.owm_newsfeed_item_no_body .owm_newsfeed_footer .owm_newsfeed_control {
margin-top: 0px;
}
.owm_newsfeed_control_left {
float: left;
width: 50%;
}
.owm_newsfeed_control_right {
float: left;
width: 50%;
}
.owm_newsfeed_control_btn {
position: relative;
display: block;
background-repeat: no-repeat;
background-position: center 8px;
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
height: 36px;
}
.owm_newsfeed_control_left:first-child ~ .owm_newsfeed_control_left .owm_newsfeed_control_btn {
border-left-width: 0px;
}
.owm_newsfeed_control_like {
background-image: url(images/ico_like.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_newsfeed_control_like {
background-image: url(images/ico_like@2x.png);
background-size: 21px 20px;
}
}
.owm_newsfeed_control_comment {
background-image: url(images/ico_comment.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_newsfeed_control_comment {
background-image: url(images/ico_comment@2x.png);
background-size: 22px 18px;
}
}
.owm_newsfeed_control_counter {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
display: inline-block;
line-height: 36px;
padding-left: 48px;
}
.owm_newsfeed_control_btn.owm_newsfeed_control_active {
}
.owm_newsfeed_control_like.owm_newsfeed_control_active {
background-image: url(images/ico_like_active.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_newsfeed_control_like.owm_newsfeed_control_active {
background-image: url(images/ico_like_active@2x.png);
background-size: 21px 20px;
}
}
.owm_newsfeed_control_like.owm_newsfeed_control_active .owm_newsfeed_control_counter {
}
.owm_newsfeed_control_btn:hover {
text-decoration: none;
}
.owm_newsfeed_control_txt {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.owm_newsfeed_control_txt ~ .owm_newsfeed_control_counter {
padding-left: 6px;
}
.owm_newsfeed_control_no_icon {
background-image: none;
}
.owm_newsfeed_control_single .owm_newsfeed_control_left {
float: none;
width: auto;
}
.owm_newsfeed_control_single .owm_newsfeed_control_btn {
border-right: none;
border-left: none;
}
.owm_newsfeed_item_padding {
padding: 10px;
}
.owm_newsfeed_item_box {
margin: 0px 5px 0px;
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_newsfeed_item_box_plain {
margin: 0px 5px 0px;
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_newsfeed_body_activity {
position: relative;
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
margin-top: 8px;
}
.owm_newsfeed_body_activity:before,
.owm_newsfeed_body_activity:after {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.owm_newsfeed_body_activity:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 7px;
left: 31px;
margin-left: -7px;
}
.owm_newsfeed_body_activity:before {
border-color: rgba(181, 181, 181, 0);
border-bottom-color: #ecf1f6;
border-width: 8px;
left: 31px;
margin-left: -8px;
}
.owm_newsfeed_body_activity .owm_newsfeed_item_padding {
padding: 10px 14px;
}
.owm_newsfeed_body_activity_pic {
float: left;
margin-right: -36px;
}
.owm_newsfeed_body_activity_info_wrap {
display: table;
padding-left: 48px;
height: 34px;
}
.owm_newsfeed_body_activity_info {
display: table-cell;
vertical-align: middle;
}
.owm_newsfeed_item_box ~ .owm_newsfeed_ulist>.owm_newsfeed_item_box {
border-top: none;
}
.owm_newsfeed_ulist_count {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
float: left;
margin-right: 17px;
padding-top: 8px;
}
.owm_newsfeed_ulist_avatars {
float: left;
}
.owm_newsfeed_ulist_avatars .owm_avatar {
float: left;
margin-right: 8px;
}
.owm_newsfeed_ulist_avatars .owm_avatar:last-child {
margin-right: 0px;
}
/* Newsfeed ImgList styles */
.owm_newsfeed_imglist_scroller {
overflow: hidden;
}
.owm_newsfeed_imglist_scroller .owm_newsfeed_imglist_wrap {
margin-bottom: -17px;
}
.owm_newsfeed_imglist_wrap {
overflow: auto;
width: 100%;
}
.owm_newsfeed_imglist .owm_newsfeed_imglist_section {
padding-bottom: 3px;
}
.owm_newsfeed_imglist {
padding: 0 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.owm_newsfeed_imglist_section a {
display: block;
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_newsfeed_imglist_section a img {
display: block;
visibility: hidden;
width: 100%;
}
.owm_newsfeed_imglist_filter {
display: none;
}
.owm_newsfeed_imglist_item {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 3px;
float: left;
}
/* Imglist for 1 image */
.owm_newsfeed_imglist_scroller_1 .owm_newsfeed_imglist_wrap {
margin-bottom: 0px;
}
.owm_newsfeed_imglist_scroller_1 .owm_newsfeed_imglist,
.owm_newsfeed_imglist_scroller_4 .owm_newsfeed_imglist {
width: 100%;
}
.owm_newsfeed_imglist_scroller_1 .owm_newsfeed_imglist_section:first-child,
.owm_newsfeed_imglist_scroller_2 .owm_newsfeed_imglist_section:first-child,
.owm_newsfeed_imglist_scroller_3 .owm_newsfeed_imglist_section:first-child,
.owm_newsfeed_imglist_scroller_4 .owm_newsfeed_imglist_section:first-child {
width: 100%;
}
.owm_newsfeed_imglist_scroller_1 .owm_newsfeed_imglist_item {
width: 100%;
}
/* Imglist for 2 images */
.owm_newsfeed_imglist_scroller_2 .owm_newsfeed_imglist,
.owm_newsfeed_imglist_scroller_7 .owm_newsfeed_imglist,
.owm_newsfeed_imglist_scroller_8 .owm_newsfeed_imglist {
width: 190%;
}
.owm_newsfeed_imglist_scroller_2 .owm_newsfeed_imglist_item,
.owm_newsfeed_imglist_scroller_4 .owm_newsfeed_imglist_item {
width: 50%;
}
/* Imglist for 3 images */
.owm_newsfeed_imglist_scroller_3 .owm_newsfeed_imglist {
width: 285%;
}
.owm_newsfeed_imglist_scroller_3 .owm_newsfeed_imglist_item {
width: 33.3%;
}
/* Imglist for 4 images */
.owm_newsfeed_imglist_scroller_4 .owm_newsfeed_imglist_item {
padding: 3px;
}
/* Imglist for 5-6 images */
.owm_newsfeed_imglist_scroller_5 .owm_newsfeed_imglist,
.owm_newsfeed_imglist_scroller_6 .owm_newsfeed_imglist {
width: 143%;
}
.owm_newsfeed_imglist_scroller_5 .owm_newsfeed_imglist_item,
.owm_newsfeed_imglist_scroller_6 .owm_newsfeed_imglist_item {
padding: 3px;
}
.owm_newsfeed_imglist_scroller_5 .owm_newsfeed_imglist_section:first-child,
.owm_newsfeed_imglist_scroller_6 .owm_newsfeed_imglist_section:first-child {
width: 66.6%;
float: left;
}
.owm_newsfeed_imglist_scroller_5 .owm_newsfeed_imglist_section:last-child,
.owm_newsfeed_imglist_scroller_6 .owm_newsfeed_imglist_section:last-child {
width: 33.3%;
float: left;
}
.owm_newsfeed_imglist_scroller_5 .owm_newsfeed_imglist_section:first-child .owm_newsfeed_imglist_item,
.owm_newsfeed_imglist_scroller_6 .owm_newsfeed_imglist_section:first-child .owm_newsfeed_imglist_item {
width: 50%;
}
.owm_newsfeed_imglist_scroller_5 .owm_newsfeed_imglist_section:last-child .owm_newsfeed_imglist_item,
.owm_newsfeed_imglist_scroller_6 .owm_newsfeed_imglist_section:last-child .owm_newsfeed_imglist_item {
width: 100%;
}
/* Imglist for 7-8 images */
.owm_newsfeed_imglist_scroller_7 .owm_newsfeed_imglist_section,
.owm_newsfeed_imglist_scroller_8 .owm_newsfeed_imglist_section {
width: 50%;
float: left;
}
.owm_newsfeed_imglist_scroller_7 .owm_newsfeed_imglist_item,
.owm_newsfeed_imglist_scroller_8 .owm_newsfeed_imglist_item {
width: 50%;
padding: 3px;
}
.owm_newsfeed_imglist_scroller_8 .owm_newsfeed_imglist_section:last-child .owm_newsfeed_imglist_item:last-child a {
position: relative;
}
.owm_newsfeed_imglist_scroller_8 .owm_newsfeed_imglist_filter {
background-color: rgba(0,0,0,0.4);
position: absolute;
top:0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
text-align: center;
vertical-align: middle;
}
.owm_newsfeed_imglist_scroller_8 .owm_newsfeed_imglist_filter span {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 178.57%;
font-weight: 300;
}
.owm_newsfeed_imglist_scroller_8 .owm_newsfeed_imglist_filter div {
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
.owm_newsfeed_imglist a:first-child {
margin-left: 0px;
}
/* Newsfeed disabled item ======== */
.owm_newsfeed_item_disabled_wrap {
padding-bottom: 12px;
}
.owm_newsfeed_item_disabled {
background-color: rgba(255, 255, 255, 0.5);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
display: none;
z-index: 2;
}
.owm_newsfeed_item_disabled_wrap .owm_newsfeed_item_disabled {
display: block;
}
.owm_newsfeed_item_disabled_wrap .owm_newsfeed_footer {
display: none;
}
/* Newsfeed comments */
.owm_newsfeed_comment_item {
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
padding: 10px;
font-size: 92.86%;
}
.owm_newsfeed_comment_thumb {
float: left;
margin-right: -34px;
}
.owm_newsfeed_comment_info {
margin-left: 62px;
}
.owm_newsfeed_comment_txt {
padding: 6px 0px;
font-size: 107.69%;
}
.owm_newsfeed_comment_date {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_newsfeed_comment_input textarea {
font-size: 92.86%;
padding: 10px 10px 4px;
height: 80px;
border-top: none;
}
.owm_newsfeed_comment_input .owm_invitation,
.owm_newsfeed_comment_input .invitation {
height: 40px;
}
.owm_newsfeed_comment_submit {
padding: 10px;
}
.owm_newsfeed_comment_load_more {
height: 39px;
padding: 0px 18px;
text-align: right;
background-color: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
background-image: url(images/load_more.png);
background-repeat: no-repeat;
background-position: center center;
border-bottom: 1px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_newsfeed_comment_load_more {
background-image: url(images/load_more@2x.png);
background-size: 36px 6px;
}
}
.owm_newsfeed_comment_load_txt {
display: inline-block;
line-height: 39px;
font-size: 92.86%;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
/* ======== End of the Newsfeed styles ======== */
/* ======== Photo styles ======== */
/* Photo list styles */
.owm_photo_list {
padding: 2px 0px 2px 0px;
}
.owm_photo_list_item {
display: inline-block;
width: 31.1%;
margin: 0px 1% 2.1% 1.2%;
vertical-align: top;
}
.owm_photo_list_item a {
width: 100%;
border: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
display: inline-block;
vertical-align: top;
background-size: cover;
}
.owm_photo_list_item a:hover {
text-decoration: none;
}
.owm_photo_list_item img {
display: block;
visibility: hidden;
width: 100%;
vertical-align: top;
border: none;
}
@media only screen and (orientation : landscape) {
.owm_photo_list_item {
width: 22.8%;
margin: 0px 0.8% 1.9% 1.2%;
}
}
.owm_photo_block .owm_content_menu {
padding-right: 44px;
}
.owm_add_photo {
height: 30px;
width: 35px;
float: right;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
padding: 0px 0px 0px 0px;
margin: 17px 10px 0px -34px;
background: #36d0ae url(images/ico_plus.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_add_photo {
background-image: url(images/ico_plus@2x.png);
background-size: 13px 13px;
}
}
.owm_add_photo_label {
display: inline-block;
padding-top: 4px;
margin-right: 44px;
vertical-align: middle;
font-size: 81.25%;
}
.owm_add_photo_wrap .owm_add_photo {
margin-top: 0px;
}
.owm_photo_list_load_more {
text-align: center;
margin: 5px 5px 0px;
background-image: url(images/preloader.png);
background-repeat: no-repeat;
background-position: center center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.owm_photo_list_load_more a {
display: block;
height: 42px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_photo_list_load_more {
background-image: url(images/preloader@2x.png);
background-size: 36px 6px;
}
}
/* Add Photo page */
.owm_upload_photo_browse_wrap, .owm_upload_photo_attach_wrap {
padding: 18px;
position: relative;
}
.owm_upload_photo_left_label, .owm_upload_photo_right_label {
width: 50%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.owm_upload_photo_left_label {
padding-right: 46px;
text-align: right;
}
.owm_upload_photo_right_label {
padding-left: 42px;
text-align: left;
}
.owm_upload_choose_label,
.owm_upload_replace_label,
.owm_upload_img_name_label {
height: 48px;
width: 100%;
vertical-align: middle;
font-size: 81.25%;
}
.owm_upload_choose_label {
display: table;
}
.owm_upload_replace_label,
.owm_upload_img_name_label {
display: none;
}
.owm_upload_choose_label,
.owm_upload_replace_label {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_upload_photo_attach_wrap .owm_upload_replace_label,
.owm_upload_photo_attach_wrap .owm_upload_img_name_label {
display: table;
}
.owm_upload_photo_attach_wrap .owm_upload_choose_label {
display: none;
}
.owm_upload_choose_label span,
.owm_upload_img_name_label span,
.owm_upload_replace_label span {
vertical-align: middle;
display: table-cell;
}
.owm_upload_photo_btn {
position: absolute;
left: 50%;
top: 50%;
margin-left: -23px;
margin-top: -18px;
}
.owm_upload_photo_browse_wrap input[type=file],
.owm_upload_photo_attach_wrap input[type=file] {
font-size: 140.6%;
left: 0px;
top: 0px;
position: absolute;
width: 47px;
height: 33px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: 'alpha(opacity=0)';
-khtml-opacity: 0;
-moz-opacity: 0;
overflow: hidden;
cursor: pointer;
}
.owm_upload_photo_choose_btn {
position: relative;
display: block;
width: 47px;
height: 33px;
}
.owm_upload_photo_choose_btn {
background: url(images/upload_photo_add.png) no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_upload_photo_choose_btn {
background-image: url(images/upload_photo_add@2x.png);
background-size: 47px 33px;
}
}
.owm_upload_photo_attach_wrap .owm_upload_photo_choose_btn {
background: url(images/upload_photo_attach.png) no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_upload_photo_attach_wrap .owm_upload_photo_choose_btn {
background-image: url(images/upload_photo_attach@2x.png);
background-size: 47px 34px;
}
}
.owm_upload_photo_album_wrap {
position: relative;
}
.owm_upload_photo_album_wrap .owm_fake_input {
border-top: none;
}
.owm_upload_photo_btn_wrap {
padding: 10px;
border-bottom: none;
}
.owm_upload_photo_album_wrap input[type="button"] {
position: absolute;
}
.owm_choose_album {
position: relative;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
padding: 5px 7px 6px;
font-size: 78.13%;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f8f9fb;
margin: -36px 8px 0px 0px;
}
.owm_choose_album select {
width: 100%;
height: 29px;
top: 0px;
right: 0px;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: 'alpha(opacity=0)';
-moz-opacity: 0;
}
/* Photo View */
.owm_photo_view {
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
}
.owm_photo_bg {
background: #030000;
margin-bottom: 21px;
}
.owm_photo_holder {
text-align: center;
position: relative;
}
.owm_photo_stage {
display: inline-block;
vertical-align: middle;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
min-height: 150px;
}
.owm_photo_stage img {
width: 100%;
visibility: hidden;
}
.owm_photo_info {
text-align: left;
padding: 0 8px 42px;
}
.owm_photo_album_block {
padding: 6px 0 20px 0;
font-size: 68.75%;
color: #fff;
}
.owm_photo_album {
display: inline-block;
}
.owm_photo_enlarge {
width: 15px;
height: 15px;
background-image: url(images/photo_enlarge.png);
background-position: center center;
background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_photo_enlarge {
background-image: url(images/photo_enlarge@2x.png);
background-size: 15px 15px;
}
}
.owm_photo_string {
margin-left: 62px;
padding: 2px 0px 0px;
font-size: 81.25%;
}
.owm_photo_author {
padding-bottom: 16px;
padding-left: 8px;
}
.owm_photo_name {
padding-bottom: 2px;
}
.owm_photo_date {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_photo_descr {
font-size: 114.28%;
color: #f8f9fb;
}
.owm_photo_next {
height: 100%;
position: absolute;
right: 20px;
top: 0;
width: 75%;
background: url(images/photo_next.png) no-repeat center right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_photo_next {
background-image: url(images/photo_next@2x.png);
background-size: 24px 24px;
}
}
.owm_photo_prev {
height: 100%;
left: 20px;
position: absolute;
text-align: left;
top: 0;
width: 15%;
background: url(images/photo_prev.png) no-repeat center left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_photo_prev {
background-image: url(images/photo_prev@2x.png);
background-size: 24px 24px;
}
}
.owm_photo_view .owm_newsfeed_comment_input textarea {
font-size: 81.25%;
}
/* Photo Album list */
.owm_photo_album_list_wrap {
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
padding: 0px 8px 8px;
}
.owm_photo_album_list_item {
margin-bottom: 8px;
}
.owm_photo_album_list_cont {
display: block;
height: 74px;
border: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
background: #f8f9fb;
padding: 0px 18px 0px 0px;
font-size: 84.25%;
color: #555; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
text-shadow: 0px 1px 0px #fff;
}
.owm_photo_album_list_cont:hover {
text-decoration: none;
}
/*.photo_album_list_cont_left {
float: left;
}*/
.owm_photo_album_thumb {
display: inline-block;
position: relative;
top: -1px;
left: -1px;
width: 74px;
height: 74px;
border: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
vertical-align: middle;
margin-right: 15px;
background-size: cover;
}
.owm_photo_album_name {
display: inline-block;
}
.owm_photo_album_count {
display: table-cell;
height: 74px;
vertical-align: middle;
padding-right: 17px;
background-position: right center;
background-repeat: no-repeat;
background-image: url(images/arr_nav_next.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_photo_album_count {
background-image: url(images/arr_nav_next@2x.png);
background-size: 10px 16px;
}
}
/* Index Photo list */
.owm_index_photo_list {
text-align: center;
}
.owm_index_photo_item {
margin: 5px;
display: inline-block;
}
.owm_index_photo_item a {
display: inline-block;
background-size: cover;
}
.owm_index_photo_item img {
width: 60px;
height: 60px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius: 2px;
vertical-align: top;
border: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
/* ======== End of the Photo styles ======== */
/* ======== Mailbox/Chat styles ======== */
.owm_sidebar_sub_menu {
margin-right: 42px;
}
.owm_sidebar_sub_menu_item {
float: left;
width: 50%;
word-wrap: break-word;
background: #f8f9fd;
}
.owm_sidebar_sub_menu_item_active {
background: #e6e9ef;
}
.owm_sidebar_sub_menu_item:first-child {
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
}
.owm_sidebar_sub_menu_item:last-child {
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}
.owm_sidebar_sub_menu_item_url {
display: block;
padding: 8px;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 81.25%;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
text-align: center;
height: 18px;
line-height: 18px;
}
@media only screen and (max-width : 479px) {
.owm_sidebar_sub_menu_item_url {
font-size: 75%;
}
}
.owm_sidebar_search {
float: right;
width: 34px;
height: 34px;
margin-left: -34px;
}
.owm_sidebar_search_ico {
display: block;
text-decoration: none;
height: 24px;
width: 18px;
padding: 5px 8px;
background: url(images/ico_search.png) no-repeat center right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.owm_convers_list .owm_user_list_item {
padding-left: 62px;
}
.owm_convers_list .owm_user_list_item .owm_avatar {
position: absolute;
left: 0;
}
.owm_convers_list .owm_content_list_item {
background: #f8f9f8;
}
.owm_convers_list .owm_convers_item_active {
background: #fff;
}
.owm_convers_list .owm_convers_item_active .owm_sidebar_convers_mail_theme {
font-family: 'helveticaneuecyrbold', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000;
font-size: larger;
}
.owm_convers_list .owm_convers_item_active .owm_user_list_name span {
font-family: 'helveticaneuecyrbold', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000;
font-size: larger;
}
.owm_sidebar_convers_status_ico {
display: block;
height: 10px;
width: 10px;
left: 62px;
margin-top: 0px;
position: absolute;
top: 10px;
}
.owm_sidebar_convers_status_mail {
background-image: url(images/ico_mail_small.png);
background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidebar_convers_status_mail {
background-image: url(images/ico_mail_small@2x.png);
background-size: 10px 8px;
}
}
.owm_sidebar_convers_status_chat {
background-image: url(images/ico_chat_small.png);
background-repeat: no-repeat;
background-size: 10px 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidebar_convers_status_chat {
background-image: url(images/ico_chat_small@2x.png);
background-size: 10px 8px;
}
}
.owm_mchat_convers_list .owm_user_list_name {
padding-left: 14px;
height: 28px;
}
.owm_mchat_convers_list .owm_user_list_name span,
.owm_mchat_user_list .owm_user_list_name span {
padding-top: 6px;
}
.owm_sidebar_convers_mail_theme {
font-size: 87.5%;
}
.owm_sidebar_console_convers .owm_sidebar_console_item_url {
background: url(images/ico_sidebar_console_convers.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidebar_console_convers .owm_sidebar_console_item_url {
background-image: url(images/ico_sidebar_console_convers@2x.png);
background-size: 19px 16px;
}
}
.owm_sidebar_search_input_wrap {
margin-right: 46px;
}
.owm_sidebar_search_close {
float: right;
width: 34px;
padding-top: 9px;
margin-left: -34px;
}
.owm_sidebar_search_block_wrap,
.owm_mchat_search_list {
display: none;
}
.owm_sidebar_search_active .owm_sidebar_search_block_wrap,
.owm_sidebar_search_active .owm_mchat_search_list {
display: block;
}
.owm_sidebar_search_active .owm_sidebar_sub_menu_wrap,
.owm_sidebar_search_active .owm_mchat_convers_list,
.owm_sidebar_search_active .owm_mchat_user_list {
display: none;
}
.owm_load_earlier {
display: inline-block;
}
.owm_mchat_search_list .owm_user_list_name {
padding-left: 62px;
}
/* ======== Chat Window ======== */
.owm_chat_back {
float: right;
margin-left: -26px;
}
.owm_chat_back .owm_nav_next {
width: 26px;
height: 72px;
background-position: 0px center;
}
.owm_chat_info {
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_chat_name_block {
min-height: 52px;
padding-left: 10px;
padding-right: 38px;
}
.owm_chat_name_block .owm_avatar {
display: block;
float: left;
height: 52px;
margin-right: 8px;
width: 52px;
}
.owm_chat_name {
display: table;
height: 34px;
}
.owm_chat_name a {
display: table-cell;
font-size: 81.25%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
vertical-align: middle;
}
.owm_chat_name_block .owm_profile_online {
float: left;
margin-left: 0px;
margin-right: 6px;
margin-top: 13px;
}
.owm_chat_block {
padding: 15px;
}
.owm_chat_time {
text-align: center;
font-size: 68.75%;
margin-bottom: 5px;
}
.owm_chat_bubble_wrap {
margin-bottom: 10px;
font-size: 81.25%;
margin-right: 35px;
}
.owm_chat_bubble_mine_wrap {
text-align: right;
margin-left: 35px;
margin-right: 0px;
}
.owm_chat_bubble {
position: relative;
background: #fff;
border: 1px solid #ecf1f6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px;
display: inline-block;
max-width: 100%;
word-wrap: break-word;
}
.owm_chat_bubble:after, .owm_chat_bubble:before {
bottom: 100%;
left: 9px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.owm_chat_bubble:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 4px;
margin-left: -4px;
}
.owm_chat_bubble:before {
border-color: rgba(236, 241, 246, 0);
border-bottom-color: #ecf1f6;
border-width: 5px;
margin-left: -5px;
}
.owm_chat_bubble.owm_chat_bubble_mine:after,
.owm_chat_bubble.owm_chat_bubble_mine:before {
top: 100%;
right: 9px;
left: auto;
}
.owm_chat_bubble.owm_chat_bubble_mine:after {
border-top-color: #fff;
border-bottom-color: transparent;
}
.owm_chat_bubble.owm_chat_bubble_mine:before {
border-top-color: #ecf1f6;
border-bottom-color: transparent;
}
.owm_chat_bubble img {
width: 100%;
vertical-align: top;
}
.owm_chat_add_icon {
background: url(images/ico_photo.png) no-repeat left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_chat_add_icon {
background-image: url(images/ico_photo@2x.png);
background-size: 20px 16px;
}
}
.owm_chat_add_cont.owm_preloader_circle .owm_chat_add_icon {
background-image: none;
}
.owm_chat_add_icon {
float: right;
width: 32px;
height: 49px;
position: relative;
}
.owm_chat_add_icon input[type="file"],
.owm_chat_add_icon input[type="file"] {
cursor: pointer;
font-size: 140.6%;
height: 45px;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: 'alpha(opacity=0)';
-khtml-opacity: 0;
-moz-opacity: 0;
position: absolute;
top: 0;
width: 32px;
overflow: hidden;
}
.owm_chat_add_cont {
line-height: 29px;
font-size: 81.25%;
margin-left: -32px;
}
.owm_chat_add_name {
display: inline-block;
padding-left: 32px;
}
.owm_chat_btn.owm_preloader_circle{
min-width: 20px;
height: 29px;
}
.owm_chat_btn.owm_preloader_circle .ow_button {
display: none;
}
.owm_chat_input_wrap {
padding-right: 40px;
}
.owm_chat_window {
padding-bottom: 54px;
position: relative;
}
.owm_chat_input_opened {
padding-bottom: 103px;
}
.owm_chat_submit {
display: none;
}
.owm_chat_input_opened .owm_chat_submit {
display: block;
}
/* ======== Mail Window ======== */
.owm_mail_back {
float: right;
margin-left: -26px;
}
.owm_mail_back .owm_nav_next {
width: 26px;
height: 72px;
background-position: 0px center;
}
.owm_mail_info {
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_mail_name_block {
min-height: 52px;
padding-left: 10px;
padding-right: 38px;
}
.owm_mail_name_block .owm_avatar {
display: block;
float: left;
height: 52px;
margin-right: 8px;
width: 52px;
}
.owm_mail_name {
display: table;
height: 34px;
}
.owm_mail_name a {
display: table-cell;
font-size: 81.25%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
vertical-align: middle;
}
.owm_mail_name_block .owm_profile_online {
float: left;
margin-left: 0px;
margin-right: 6px;
margin-top: 13px;
}
.owm_mail_block {
padding: 15px;
}
.owm_mail_time {
text-align: center;
font-size: 68.75%;
margin-bottom: 5px;
}
.owm_mail_subject_block {
background: #fff; /** OW_Control type:color, key:mobileBoxColor, section:3. Mobile, label: 4. Box color **/
border-bottom: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
min-height: 36px;
}
.owm_mail_subject {
font-size: 81.25%;
}
.owm_mail_subject input {
font-size: 100%;
padding: 0px;
border: none;
}
.owm_mail_subject_prefix {
text-transform: uppercase;
}
.owm_mail_msg .owm_avatar {
float: left;
}
.owm_mail_msg_cont {
padding-left: 62px;
}
.owm_mail_msg {
font-size: 81.25%;
}
.owm_mail_msg_wrap {
margin-top: 7px;
margin-bottom: 17px;
}
.owm_mail_txt {
margin-bottom: 4px;
}
.owm_mail_attach a {
display: inline-block;
}
.owm_mail_attach_ico {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 21px;
background: url(images/ico_file.png) no-repeat 0px 0px;
margin-left: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_mail_attach_ico {
background-image: url(images/ico_file@2x.png);
background-size: 14px 21px;
}
}
.owm_mail_attach_size {
font-size: 95%;
}
.owm_mail_compose {
padding: 0px;
margin-top: -1px;
}
.owm_mail_add_icon {
background: url(images/ico_photo.png) no-repeat left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_mail_add_icon {
background-image: url(images/ico_photo@2x.png);
background-size: 20px 16px;
}
}
.owm_mail_add_icon {
float: left;
width: 32px;
height: 29px;
margin-right: -32px;
position: relative;
}
.owm_mail_add_icon input[type="file"],
.owm_mail_add_icon input[type="file"] {
cursor: pointer;
font-size: 140.6%;
height: 25px;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: 'alpha(opacity=0)';
-khtml-opacity: 0;
-moz-opacity: 0;
position: absolute;
top: 0;
width: 32px;
overflow: hidden;
}
.owm_mail_add_cont {
line-height: 29px;
font-size: 81.25%;
}
.owm_mail_add_name {
display: inline-block;
padding-left: 32px;
vertical-align: middle;
}
.owm_mail_add_name img {
vertical-align: middle;
margin-right: 4px;
}
.owm_mail_btn.owm_preloader_circle{
min-width: 20px;
height: 29px;
}
.owm_mail_btn.owm_preloader_circle .ow_button {
display: none;
}
.owm_mail_window {
padding-bottom: 54px;
position: relative;
}
.owm_mail_input_opened {
padding-bottom: 103px;
}
.owm_mail_submit {
display: none;
}
.owm_mail_input_opened .owm_mail_submit {
display: block;
}
.owm_mail_compose .owm_field_wrap,
.owm_mail_input_wrap.owm_field_wrap {
padding: 0px;
}
/* ======== End of the Mailbox/Chat styles ======== */
/* ======== Join form styles ======== */
.owm_inline {
display: inline;
}
.owm_field_wrap {
padding: 3px;
}
.owm_select_wrap {
padding: 10px;
}
.owm_select_wrap select {
margin-right: 8px;
max-width: 150px;
}
.owm_form_label {
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 10px;
color: #929292;
}
.owm_form_label label {
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #929292;
}
.owm_section {
padding: 10px;
min-height: 21px;
}
.owm_section_label {
display: inline-block;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 106.25%;
padding: 0px 22px 0px 2px;
}
.owm_section_border {
height: 1px;
margin-top: -8px;
}
.owm_section.owm_std_margin_bottom {
margin-bottom: 10px;
}
.ow_radio_group li,
.ow_checkbox_group li {
float: left;
width: 49%;
margin-bottom: 10px;
}
.ow_radio_group,
.ow_checkbox_group {
margin: 3px 3px 3px 8px;
}
.ow_radio_group li:last-child,
.ow_checkbox_group li:last-child {
margin-bottom: 0px;
}
.owm_checkbox_wrap,
.owm_radio_wrap {
padding: 3px;
}
input[type="checkbox"] ~ label,
input[type="radio"] ~ label {
vertical-align: text-top;
}
.owm_field_error .owm_form_label,
.owm_field_required .owm_form_label {
color: #ff0000;
}
.owm_field_error input[type="text"],
.owm_field_required input[type="text"] {
color: #ff0000;
border-color: #ff0000;
border-width: 1px;
}
.owm_error_txt {
color: #ff0000;
font-size: 75%;
}
.owm_error_txt span {
display: inline-block;
padding: 5px 5px 5px 10px;
}
.owm_simple_checkbox {
margin: 3px 8px 0px;
}
/* ======== End of the Join form ======== */
/* ======== Forum styles ======== */
.owm_search_field {
margin: 14px;
}
.owm_floatbox_wrap .owm_search_field {
margin-bottom: 0;
}
.owm_search_field textarea,
.owm_search_field input[type=text] {
height: 49px;
padding-right: 41px;
}
.owm_floatbox_wrap .owm_search_field textarea {
height: auto;
padding: 15px;
}
.owm_search_field_icon {
background: url(images/ico_search.png) no-repeat left center;
width: 32px;
height: 49px;
margin-left: -32px;
position: relative;
float: right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_search_field_icon {
background-image: url(images/ico_search@2x.png);
background-size: 19px 20px;
}
}
.owm_forum_list_format,
.owm_topic_list_format {
padding: 4px;
display: block;
color: #b3bbc5;
}
.owm_forum_list_format.owm_forum_list_unread,
.owm_topic_list_format.owm_topic_list_unread {
color: #555; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
}
.owm_forum_name,
.owm_topic_name {
font-size: 114.3%;
font-family: 'helveticaneuecyrmedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.owm_forum_name {
padding-right: 40px;
}
.owm_topic_name {
padding-right: 66px;
}
.owm_forum_counter {
margin-right: -40px;
font-weight: normal;
min-height: 22px;
}
.owm_topic_name .owm_forum_counter {
padding-left: 26px;
margin-right: -66px;
background: url(images/ico_comment_read.png) left center no-repeat;
}
.owm_topic_list_unread .owm_topic_name .owm_forum_counter {
background: url(images/ico_comment_new.png) left center no-repeat;
}
.owm_topic_list_format.owm_topic_list_locked .owm_topic_name .owm_forum_counter {
background: url(images/ico_comment_locked.png) left center no-repeat;
}
.owm_topic_list_format.owm_topic_list_locked.owm_topic_list_unread .owm_topic_name .owm_forum_counter {
background: url(images/ico_comment_locked_new.png) left center no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_topic_name .owm_forum_counter {
background-image: url(images/ico_comment_read@2x.png);
background-size: 21px 20px;
}
.owm_topic_list_unread .owm_topic_name .owm_forum_counter {
background-image: url(images/ico_comment_new@2x.png);
background-size: 21px 20px;
}
.owm_topic_list_format.owm_topic_list_locked .owm_topic_name .owm_forum_counter {
background-image: url(images/ico_comment_locked@2x.png);
background-size: 21px 20px;
}
.owm_topic_list_format.owm_topic_list_locked.owm_topic_list_unread .owm_topic_name .owm_forum_counter {
background-image: url(images/ico_comment_locked_new@2x.png);
background-size: 21px 20px;
}
}
.owm_forum_additional_info {
padding-left: 16px;
padding-right: 16px;
font-size: 68.75%;
text-align: left;
}
.owm_forum_list_unread.owm_forum_additional_info {
}
.owm_forum_additional_info > span {
display: inline-block;
vertical-align: middle;
}
.owm_forum_additional_item {
padding-left: 18px;
margin-right: 12px;
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.owm_forum_additional_info span a {
font-size: 100%;
padding: 0 2px;
}
.owm_forum_additional_comments {
background-image: url(images/ico_comment_small.png);
}
.owm_forum_additional_date {
background-image: url(images/ico_time_small.png);
padding-left: 15px;
}
.owm_forum_additional_views {
background-image: url(images/ico_eye_small.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_forum_additional_comments {
background-image: url(images/ico_comment_small@2x.png);
background-size: 11px 11px;
}
.owm_forum_additional_date {
background-image: url(images/ico_time_small@2x.png);
background-size: 10px 10px;
}
.owm_forum_additional_views {
background-image: url(images/ico_eye_small@2x.png);
background-size: 13px 9px;
}
}
.owm_topic_sticky_icon,
.owm_topic_attach_icon {
width: 13px;
height: 13px;
float: left;
margin-top: 4px;
margin-right: 6px;
}
.owm_topic_sticky_icon {
background: url(images/ico_forum_sticky.png) center center no-repeat;
}
.owm_topic_attach_icon,
.owm_attach_win .ow_file_attachment_name,
.owm_attach_icon {
background: url(images/ico_forum_attach.png) center center no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_topic_sticky_icon {
background-image: url(images/ico_forum_sticky@2x.png);
background-size: 12px 13px;
}
.owm_topic_attach_icon,
.owm_attach_win .ow_file_attachment_name,
.owm_attach_icon {
background-image: url(images/ico_forum_attach@2x.png);
background-size: 11px 13px;
}
}
.owm_topics_sticky {
margin-bottom: 16px;
}
.owm_topics_sticky .owm_box_bottom:last-child {
border-bottom: 1px solid #c6ced8;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_forum_search_form {
padding-top: 8px;
}
.owm_forum_group_toolbar {
border-bottom-width: 1px;
}
/* Wysiwyg */
.owm_wysiwyg_toolbar ul li {
float: left;
}
.owm_wysiwyg_toolbar a {
display: inline-block;
width: 28px;
height: 28px;
border-style: solid;
border-color: #ecf1f6;
border-width: 1px 1px 1px 0px;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
vertical-align: top;
}
.owm_wysiwyg_toolbar ul li:first-child a {
border-left-width: 1px;
}
.owm_wysiwyg_toolbar .owm_wysiwyg_b_hover,
.owm_wysiwyg_toolbar .owm_wysiwyg_i_hover,
.owm_wysiwyg_toolbar .owm_wysiwyg_u_hover,
.owm_wysiwyg_toolbar .owm_wysiwyg_link_hover,
.owm_wysiwyg_toolbar .owm_wysiwyg_photo_hover,
.owm_wysiwyg_toolbar .owm_wysiwyg_video_hover {
background-color: #ff7000;
}
.owm_wysiwyg_b {
background-image: url(images/ico_wysiwyg_b.png);
}
.owm_wysiwyg_i {
background-image: url(images/ico_wysiwyg_i.png);
}
.owm_wysiwyg_u {
background-image: url(images/ico_wysiwyg_u.png);
}
.owm_wysiwyg_link {
background-image: url(images/ico_wysiwyg_link.png);
}
.owm_wysiwyg_photo {
background-image: url(images/ico_wysiwyg_photo.png);
}
.owm_wysiwyg_video {
background-image: url(images/ico_wysiwyg_video.png);
}
.owm_wysiwyg_b_hover {
background-image: url(images/ico_wysiwyg_b_hover.png);
}
.owm_wysiwyg_i_hover {
background-image: url(images/ico_wysiwyg_i_hover.png);
}
.owm_wysiwyg_u_hover {
background-image: url(images/ico_wysiwyg_u_hover.png);
}
.owm_wysiwyg_link_hover {
background-image: url(images/ico_wysiwyg_link_hover.png);
}
.owm_wysiwyg_photo_hover {
background-image: url(images/ico_wysiwyg_photo_hover.png);
}
.owm_wysiwyg_video_hover {
background-image: url(images/ico_wysiwyg_video_hover.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_wysiwyg_b {
background-image: url(images/ico_wysiwyg_b@2x.png);
background-size: 10px 11px;
}
.owm_wysiwyg_i {
background-image: url(images/ico_wysiwyg_i@2x.png);
background-size: 5px 11px;
}
.owm_wysiwyg_u {
background-image: url(images/ico_wysiwyg_u@2x.png);
background-size: 10px 11px;
}
.owm_wysiwyg_link {
background-image: url(images/ico_wysiwyg_link@2x.png);
background-size: 14px 11px;
}
.owm_wysiwyg_photo {
background-image: url(images/ico_wysiwyg_photo@2x.png);
background-size: 15px 11px;
}
.owm_wysiwyg_video {
background-image: url(images/ico_wysiwyg_video@2x.png);
background-size: 12px 11px;
}
.owm_wysiwyg_b_hover {
background-image: url(images/ico_wysiwyg_b_hover@2x.png);
}
.owm_wysiwyg_i_hover {
background-image: url(images/ico_wysiwyg_i_hover@2x.png);
}
.owm_wysiwyg_u_hover {
background-image: url(images/ico_wysiwyg_u_hover@2x.png);
}
.owm_wysiwyg_link_hover {
background-image: url(images/ico_wysiwyg_link_hover@2x.png);
}
.owm_wysiwyg_photo_hover {
background-image: url(images/ico_wysiwyg_photo_hover@2x.png);
}
.owm_wysiwyg_video_hover {
background-image: url(images/ico_wysiwyg_video_hover@2x.png);
}
}
.owm_suitup-editor img,
.owm_suitup-editor iframe {
max-height: 150px;
width: auto;
}
/* Forum topic */
.owm_forum_topic_input {
min-height: 32px;
}
.owm_forum_topic_bottom {
border-top: 1px solid #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_forum_topic_title input[type=text] {
border-color: #ecf1f6;/** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
border-bottom-width: 1px;
border-top-width: 0px;
}
.owm_forum_name_select {
font-size: 114.3%;
}
.owm_forum_name_select select {
width: 100%;
max-width: 100%;
}
.owm_forum_topic_subscribe .ow_checkbox_group,
.owm_forum_topic_subscribe .owm_checkbox_wrap {
margin-top: 0px;
padding-top: 0px;
}
.owm_forum_topic_subscribe .ow_checkbox_group li {
width: 100%;
}
.owm_link_field input[type=text],
.owm_video_field input[type=text] {
color: #36d0ae; /** OW_Control type:color, key:mobileLinkColor, section:3. Mobile, label: 7. Links color **/
text-decoration: underline;
}
.owm_link_text input[type=text]:first-child {
border-top-width: 0px;
border-bottom-width: 0;
}
.owm_video_field input[type=text]:first-child {
border-top-width: 0px;
}
.owm_link_field input[type=text].invitation,
.owm_video_field input[type=text].invitation {
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
text-decoration: none;
}
.owm_video_attach_preview,
.owm_photo_attach_preview {
padding-top: 28px;
position: relative;
min-height: 150px;
}
.owm_attach_preview_cont {
display: block;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.owm_attach_preview_cont img {
width: 56.2%;
vertical-align: top;
}
.owm_attach_preview_close,
.owm_attach_win .ow_file_attachment_close {
position: absolute;
right: 0;
top: 0;
width: 28px;
height: 28px;
background: #e6e9ef url(images/ico_close_prev.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_attach_preview_close {
background-image: url(images/ico_close_prev@2x.png);
background-size: 10px 10px;
}
}
.owm_attach_preview_icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(images/ico_video_play.png) no-repeat center center;
}
.owm_attach_label,
.owm_attach_win .ow_file_attachment_block1,
.owm_attach_win .ow_file_attachment_block2 {
display: block;
overflow: hidden;
position: relative;
margin: 0px;
color: #afb6c0; /** OW_Control type:color, key:mobileTextColor, section:3. Mobile, label: 6. Text color **/
padding-right: 19px;
}
.owm_attach_label {
padding-right: 26px;
}
.owm_attach_label [type=file],
.owm_attach_win .ow_attachments input[type=file] {
cursor: pointer;
display: block;
font-size: 999px;
filter: alpha(opacity=0);
min-height: 100%;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
}
.owm_forum_topic_attach_info {
padding-top: 5px;
}
.owm_forum_topic_attach_info .owm_topic_attach_icon,
.owm_attach_win .ow_file_attachment_name,
.owm_attach_icon {
padding-left: 19px;
min-height: 18px;
width: auto;
height: auto;
float: none;
background-position: left center;
}
.owm_forum_topic_attach_info span,
.owm_attach_win .ow_file_attachment_size,
.owm_attach_info span {
color: #313131;
}
.owm_attach_label .owm_attach_preview_close,
.owm_attach_win .ow_file_attachment_close {
width: 12px;
height: 17px;
right: 0px;
top: 0px;
background-color: transparent;
background-image: url(images/ico_close_attach.png);
z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_attach_label .owm_attach_preview_close,
.owm_attach_win .ow_file_attachment_close {
background-image: url(images/ico_close_attach@2x.png);
background-size: 10px 10px;
}
}
.owm_forum_attach_win .owm_btn_wrap {
margin-top: 0px;
}
.owm_forum_attach_win .owm_btn_wrap .ow_button,
.owm_attach_win .owm_btn_wrap .owm_attach_label {
display: inline-block;
vertical-align: middle;
}
.owm_forum_attach_win .owm_btn_wrap .ow_button:first-child {
margin-right: 16px;
}
.owm_forum_attach_win .owm_btn_wrap .ow_button .ow_button {
margin: 0px;
}
.owm_attach_win .ow_file_attachment_name {
font-size: 81.25%;
}
.owm_attach_win .ow_status_update_btn_block {
display: none;
}
.owm_attach_win .ow_file_attachment_block1,
.owm_attach_win .ow_file_attachment_block2 {
margin-top: 10px;
padding-bottom: 10px;
}
.owm_attach {
position: relative;
overflow: hidden;
}
/* Forum topic view */
.owm_forum_topic_date {
padding-left: 10px;
font-size: 68.75%;
}
.owm_post_content {
padding: 10px 10px;
font-size: 81.25%;
line-height: 1.4em;
}
.owm_post_content p {
margin-bottom: 10px;
line-height: 1.4em;
}
.owm_post_content img,
.owm_post_content iframe {
width: 100%;
margin: 10px 0px;
}
.owm_post_content .owm_lbutton {
vertical-align: middle;
}
.owm_post_action {
font-size: 81.25%;
}
/* Forum suitup */
.owm_suitup .owm_suitup-editor {
border-color: #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_suitup .owm_suitup-controls {
background-color: transparent;
}
.owm_suitup-controls a.owm_suitup-control {
border-color: #ecf1f6; /** OW_Control type:color, key:mobileBorderColor, section:3. Mobile, label: 5. Border color **/
}
.owm_suitup-controls .owm_suitup-control:first-child {
border-left-width: 1px;
}
.owm_suitup-controls a.owm_suitup-control.active {
background-color: #36d0ae;
}
.owm_suitup-controls a.owm_suitup-control[data-command="bold"] {
background-image: url("images/ico_wysiwyg_b.png");
background-size: 10px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="italic"] {
background-image: url("images/ico_wysiwyg_i.png");
background-size: 5px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="underline"] {
background-image: url("images/ico_wysiwyg_u.png");
background-size: 9px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="createlink"] {
background-image: url("images/ico_wysiwyg_link.png");
background-size: 14px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="insertImage"] {
background-image: url("images/ico_wysiwyg_photo.png");
background-size: 15px 12px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="insertVideo"] {
background-image: url("images/ico_wysiwyg_video.png");
background-size: 12px 11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_suitup-controls a.owm_suitup-control[data-command="bold"] {
background-image: url("images/ico_wysiwyg_b@2x.png");
background-size: 10px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="italic"] {
background-image: url("images/ico_wysiwyg_i@2x.png");
background-size: 5px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="underline"] {
background-image: url("images/ico_wysiwyg_u@2x.png");
background-size: 9px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="createlink"] {
background-image: url("images/ico_wysiwyg_link@2x.png");
background-size: 14px 11px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="insertImage"] {
background-image: url("images/ico_wysiwyg_photo@2x.png");
background-size: 15px 12px;
}
.owm_suitup-controls a.owm_suitup-control[data-command="insertVideo"] {
background-image: url("images/ico_wysiwyg_video@2x.png");
background-size: 12px 11px;
}
}
/* ======== End of the Forum styles ======== */
/* ======== Share styles ======== */
.owm_share_item {
display: block;
height: 24px;
line-height: 24px;
padding-left: 30px;
color: #929292;
margin-bottom: 16px;
}
.owm_share_item:last-child {
margin-bottom: 0px;
}
.owm_ico_fb {
background: url(images/ico_fb.png) no-repeat 0px center;
}
.owm_ico_gplus {
background: url(images/ico_gplus.png) no-repeat 0px center;
}
.owm_ico_tw {
background: url(images/ico_tw.png) no-repeat 0px center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_ico_fb {
background-image: url(images/ico_fb@2x.png);
background-size: 24px 24px;
}
.owm_ico_gplus {
background-image: url(images/ico_gplus@2x.png);
background-size: 24px 24px;
}
.owm_ico_tw {
background-image: url(images/ico_tw@2x.png);
background-size: 24px 24px;
}
}
/* ======== End of the Share styles ======== */
/* ======== Attachments styles ======== */
.owm_attachments {
margin-left: 10px;
margin-right: 10px;
padding-left: 0px;
padding-right: 0px;
border-width: 1px 0px;
}
.owm_attachments .owm_attach_label {
display: inline-block;
line-height: 24px;
}
.owm_attach_download {
width: 24px;
height: 24px;
background: url(images/ico_download.png) no-repeat 0px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_attach_download {
background-image: url(images/ico_download@2x.png);
background-size: 24px 24px;
}
}
.owm_attachments .owm_attach_info {
margin-bottom: 10px;
}
.owm_attachments .owm_attach_info:last-child {
margin-bottom: 0px;
}
.owm_attach_edit {
position: absolute;
width: 18px;
height: 18px;
right: 0;
top: 0;
z-index: 2;
background: url(images/ico_edit.png) no-repeat 0px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_attach_edit {
background-image: url(images/ico_edit@2x.png);
background-size: 18px 18px;
}
}
/* ======== End of the Attachments styles ======== */
/* ======== Subscribe page styles ======== */
.owm_subscribe_page {
max-width: 640px;
margin: 0 auto;
}
/* Element with arrow */
.owm_sidemenu_item_wrap {
padding-right: 10px;
}
.owm_sidemenu_item {
display: block;
padding: 15px 20px 15px 10px;
background-image: url(images/arr_nav_next.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_sidemenu_item {
background-image: url(images/arr_nav_next@2x.png);
background-size: 10px 16px;
}
}
.owm_sidemenu_item_label,
.owm_sidemenu_item_value {
display: inline-block;
line-height: 24px;
color: #555;
display: inline-block;
font-size: 125%;
}
/* Memberships and Credits */
.owm_membersip_item.owm_border {
border-width: 1px 0px 0px;
}
.owm_membersip_item:last-child {
border-bottom-width: 1px;
}
.owm_current_membership {
margin-bottom: 43px;
}
.owm_current_membership.owm_border {
border-width: 1px 0px 1px;
}
.owm_subscribe_packs_item.owm_btn_wide {
padding-bottom: 0px;
}
.owm_subscribe_table {
padding: 5px;
}
.owm_subscribe_table .ow_section {
text-transform: uppercase;
padding-left: 9px;
}
.owm_subscribe_table .owm_td_value {
text-align: right;
}
.owm_subscribe_table .owm_ico_check {
display: inline-block;
width: 13px;
height: 9px;
}
.owm_ico_check {
background-image: url(images/ico_check.png);
background-repeat: no-repeat;
background-position: center;
background-size: 13px 9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_ico_check {
background-image: url(images/ico_check@2x.png);
}
}
.owm_current_credit .owm_ico_info {
display: inline-block;
width: 19px;
height: 19px;
}
.owm_ico_info {
background-image: url(images/ico_info.png);
background-repeat: no-repeat;
background-position: center;
background-size: 19px 19px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_ico_info {
background-image: url(images/ico_info@2x.png);
}
}
.owm_current_credit .owm_sidemenu_item {
background-image: none;
padding-right: 0px;
}
/* Payment page */
.owm_payment_provider_list {
padding: 20px 20px 0px;
}
.owm_payment_provider_item label {
display: block;
height: 44px;
border-width: 1px;
padding-top: 24px;
padding-right: 20px;
text-align: right;
background-repeat: no-repeat;
background-position: 10px center;
}
.owm_payment_provider_item label.active {
background-color: #fff;
}
.owm_paypal {
background-image: url(images/paypal.png);
background-size: 193px 49px;
}
.owm_ccbill {
background-image: url(images/ccbill.png);
background-size: 91px 54px;
}
.owm_paypal.active {
background-image: url(images/paypal_hover.png);
}
.owm_ccbill.active {
background-image: url(images/ccbill_hover.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio : 2) {
.owm_paypal {
background-image: url(images/paypal@2x.png);
}
.owm_ccbill {
background-image: url(images/ccbill@2x.png);
}
.owm_paypal.active {
background-image: url(images/paypal_hover@2x.png);
}
.owm_ccbill.active {
background-image: url(images/ccbill_hover@2x.png);
}
}
.owm_payment_btn.owm_btn_wide {
padding: 10px 20px;
}
.owm_payment_btn.owm_btn_wide input {
background: #009cde;
color: #fff;
}
/* ======== End of the Subscribe page styles ======== */
/*========================================================
[16] Misc __misc
========================================================*/