/******************************************************************************** * * Description: Oxwall Venus - Responsive Theme Base CSS File * Version: 1.0.0 * Copyright: This product is the property of OW Visuals. Copying and reselling by third parties is strongly prohibited * * -- FILE STRUCTURE: -- * * [ 1] CSS Defaults Reset __reset * [ 2] Base Elements __base * [ 3] Masterpage & Page Layout __layout * [ 4] Forms __forms * [ 5] Common Blocks __blocks * [ 6] Standard Listings __listings * [ 7] Tables __tables * [ 8] Messages & Notifications __messages * [ 9] Thumbnails & Icons __icons * [10] Menus __menus * [11] Pagination __pagination * [12] Typography __typography * [13] Misc __misc * [14] Clearfix __clearfix * [15] Plugin Styles __plugins * * ********************************************************************************/ /*======================================================== [1] CSS Defaults 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, font, 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{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body{ line-height: 1; /* TODO delete */ } ol, ul{ list-style: none; /* TODO delete */ } blockquote, q{ quotes: none; } blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; } table{ border-collapse: collapse; border-spacing: 0; } /* remember to define focus styles! */ :focus{ outline: 0; } /* remember to highlight inserts somehow! */ ins{ text-decoration: none; } del{ text-decoration: line-through; } /*======================================================== [2] Base Elements __base ========================================================*/ @font-face { font-family: 'Simple-Line-Icons'; src:url('images/Simple-Line-Icons.eot'); src:url('images/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('images/Simple-Line-Icons.woff') format('woff'), url('images/Simple-Line-Icons.ttf') format('truetype'), url('images/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal; } body { background-image: url('images/bg.png'); background-repeat: repeat; background-position: center center; background-color: #35393f; } body, html { font-family: "Tahoma","Lucida Grande", "Verdana"; color: #CFCFCF; /** OW_Control type:color, section:2. Colors, key:textColor, label: - Text **/ font-size: 13px; line-height: 18px; height: 100%; } a { color: #B83333; /** OW_Control type:color, key:linkColor, section:2. Colors, label: - Links **/ text-decoration: none; } a:hover{ text-decoration: underline; } a:hover img{ text-decoration: none; } p{ text-indent: 0; margin-bottom: 4px; } h1, h2, h3, h4, h5{ color: #8B8B8B; margin: 0; padding: 0; } h1{ font-size: 18px; line-height: 19px; padding-left: 0px; color: #707A7E; /** OW_Control type: color, key: titleColor, label: - Title, section: 2. Colors **/ text-shadow: #050505 1px 1px 0; text-transform: uppercase; margin-left: 0px; background-repeat: no-repeat; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; margin-top: 5px; } html body div .ow_page h1 { background: none; } .maintenance_cont h1 { padding-left: 43px; background-position: left center; padding-top: 5px; padding-bottom: 5px; } h2 { font-size: 18px; } h3 { font-size: 14px; } h4 { font-size: 13px; margin-bottom: 10px; text-transform: none; } table { border: none; } img { border: 0; vertical-align: middle; } th, td { padding: 2px 5px; vertical-align: top; } th { border-bottom-width: 1px; border-bottom-style: solid; padding: 10px; vertical-align: middle; height: 30px; } th { background: rgba(0, 0, 0, 0.41) url(images/cap_bg.png) repeat center left; color: #565656; } .ow_content th a { color: #A1A1A1; } hr { background-color: rgba(255, 255, 255, 0.44); border: none; height: 1px; margin: 5px 5px 15px 5px; } /*======================================================== [3] Masterpage & Page Layout __layout ========================================================*/ /* ---- Page Layout styles ---- */ /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } .ow_bg_color{ background-color: rgba(42, 48, 52, 1); } .ow_page_wrap { position: relative; } body > .ow_page_wrap { min-height: 100%; } .ow_page_padding { /*padding-bottom: 99px;*/ } .ow_canvas { margin: 0px auto; word-wrap: break-word; background: rgba(0, 0, 0, 0.62); position: relative; max-width: 98%; padding-bottom: 10px; } .ow_page { margin: 0 0px 0px auto; padding: 0 18px; } .ow_page_container { /* margin: 0px auto 16px; */ padding-top: 20px; } .ow_page_container .ow_page { padding: 20px; min-height: 400px; color: #879293;/** OW_Control type:color, section:2. Colors, key:textColor, label: - Text **/ background: transparent; margin-top: 50px; } .ow_content { float: left; width: 100%; } .ow_content_wrap { margin-right: 200px; } .ow_content a { text-decoration:none; color: #B83333; /** OW_Control type:color, key:linkColor, section:2. Colors, label: - Links **/ font-weight: bold; } .ow_sidebar { margin-right: -210px; float: right; width: 200px; } .ow_footer { color: #868686; height: 140px; clear: both; margin: 0px auto; background: rgba(68, 81, 102, 0) url(images/divider_line.png); background-repeat: repeat-x; background-position: top left; } .ow_footer .ow_copyright{ font-size: 11px; text-align: center; } h1.page_title{ background: url(images/ic_file.svg) no-repeat left 50%; margin-bottom: 20px; padding-left: 22px; } .ow_column { width: 49%; overflow: hidden; } .ow_narrow { width: 39%; } .ow_wide { width: 59%; } .ow_superwide { width: 75%; } .ow_supernarrow { width: 23%; font-size: 11px; } .ow_left { float: left; } td.ow_left { float: none; } .ow_right { float: right; } .ow_center { text-align: center; } .ow_vertical_middle { vertical-align: middle; } .ow_txtleft, table td.ow_txtleft { text-align: left; background-position: left 10px; } .ow_txtcenter { text-align: center; } .ow_txtright { text-align: right; } html body .ow_hidden{ display: none; } .ow_visible { display: block; } .ow_nocontent { padding: 20px 0px; text-align: center; color: #7A7474; } table.ow_nomargin, div.ow_nomargin { margin-bottom:0px; } .ow_nowrap { white-space: nowrap; } ul.ow_regular { margin-bottom: 12px; } ul.ow_regular li { line-height: 17px; margin: 0 0 3px 0px; padding: 0px 0px 0px 16px; background-repeat: no-repeat; background-image: url(images/miniic_li.png); background-position: left 5px; } .ow_preloader{ background: url(images/ajax_preloader_button.gif) no-repeat center center; } .ow_preloader_content{ background: url(images/ajax_preloader_content.gif) no-repeat center center; } .ow_page_layout_scheme { width: 580px; } .ow_page_layout_scheme a { background-position: center center; background-repeat: no-repeat; border: 1px solid #FFFFFF; display: block; float: left; height: 103px; margin: 2px; padding: 5px; width: 100px; } .ow_page_layout_scheme a.active, .ow_page_layout_scheme a:hover { background-color: #CCFFCC; border: 1px solid #CCCCCC; } .ow_item_set2{ width: 49%; } .ow_item_set3{ width: 33%; } .ow_item_set4{ width: 25%; } .ow_item_set5{ width: 20%; } /* ---- End of Page Layout styles ---- */ /* ---- Header styles ---- */ .ow_header { /* width: 100%; */ padding: 0px 0px 0px 0px; margin: 0px; /* margin-left: -25px; */ /* margin-right: -25px; */ } .ow_top { position: relative; height: auto; min-height: 105px; padding-top: 50px; } .ow_header .ow_search{ float: right; padding: 5px; } .ow_header_img { width: 100%; } .ow_header_pic .ow_header_img { visibility: hidden; } .ow_header_pic { background-image: url(images/header.jpg); /** OW_Control type:image, key:headerImage, section:1. General Settings, label: Header image **/ background-repeat: no-repeat; background-position: center center; background-size: 100%; /* -webkit-background-size: 100%; */ -moz-background-size: 100%; } .ow_console_body { background: rgba(0, 0, 0, 0.72); /** OW_Control type:color, key:consoleColor, section:1. General Settings, label: Console color, description: Top website console color **/ border-bottom: 5px solid rgba(0, 0, 0, 0.11); text-align: left; } /* ---- End of the Header styles ---- */ /* ---- Sidebar styles ---- * .ow_sidebar .ow_box_cap_empty { } .ow_sidebar .ow_box_cap { } .ow_sidebar .ow_box { } html body .ow_sidebar h3 { font-size: 13px; } /* ---- End of Sidebar styles ---- */ @media (max-width: 480px) { .ow_page_container { padding-top: 40px; } .ow_page_container, .ow_footer { max-width: 460px; min-width: 230px; margin-left: 1px; } .ow_site_panel { z-index: 99; left : 0px; position:fixed; width: 100%; } .ow_site_panel_wrap { height: 40px; margin: 0 auto; position: relative; width:100%; background: rgba(0, 0, 0, 0.72); /** OW_Control type:color, key:consoleColor, section:1. General Settings, label: Console color, description: Top website console color **/ background-repeat: repeat-x, repeat; background-position: right bottom, center center; } .ow_console { font-size: 11px; height: 40px; color: #9b9b9b; } .ow_newsfeed_item_content { float: left; min-width: 50px; width: 100%!important; max-width: 440px; } .ow_console_body { text-align: left; } .ow_forgot_password { margin: 0 auto; padding: 100px 0px 0px 0px!important; width: 100% !important; max-width: 350px; } .floatbox_canvas .floatbox_container .floatbox_body .avatar_select_list .ow_item_set2 { width: 90% !important; } .profile-NEWSFEED_CMP_UserFeedWidget.ow_box ,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box{ background: none; border:none; } .ow_sidebar { float: none; margin: 0px; width: 100%; } .ow_content { float: none; } .ow_page, .ow_content_wrap { margin: 0px; } .ow_content .ow_left, .ow_content .ow_right, .ow_content .ow_superwide, .ow_content .ow_supernarrow { float: none; width: 100% !important; margin-bottom: 10px; } .ow_content > .ow_right { text-align: right; margin-bottom: 15px; } .ow_logo_wrap a { font-size: 17px; margin: 0px 0px 10px 10px; } ul.ow_content_menu li { margin-top: 5px; border: none; float: none!Important;} ul.ow_content_menu li a { font-size: 11px; } ul.ow_content_menu span { /* padding: 1px 8px 1px 8px; */ background-position: -500px 2px; background-image: none !important; font-size: 16px;} div h1.ow_stdmargin { font-size: 14px; font-weight: normal; margin-bottom: 10px; } body div.floatbox_container { max-width: 93% !important; } .ow_photo_list_item { width: 160px; } div.ow_stdmargin { margin-bottom: 10px; } div.ow_bg_color { padding: 4px; } body .floatbox_container .ow_sign_in_wrap form { padding: 0px; } body .ow_sign_in_wrap { width: auto; } .floatbox_container .ow_sign_in_wrap form .ow_sign_in, .floatbox_container .ow_sign_in_wrap form .ow_sign_up { float: none; width: 100%; margin: 0px; } body .ow_table_1 td, body .ow_table_2 td { padding: 5px; } body input[name=userPhoto] { max-width: 100px; } body form[name=add-topic-form] input[name^=attachments] { max-width: 100px; } body form[name=GROUPS_CreateGroupForm] input[name=image] { max-width: 100px; } body form[name=event_add] input[name=image] { max-width: 100px; } body form[name=photoUploadForm] input[name^=photos] { max-width: 100px; } div[class^=captchaField_input_] > div.ow_automargin { width: 210px !important; } span.ow_signin_label { margin: 5px 0; } div.ow_box_cap h3, div.ow_box_cap_empty h3 { font-size: 11px; } .ow_photo_info { max-width: 300px; margin: 0px auto; } .ow_photo_info .ow_left, .ow_photo_info .ow_right { float: none; width: 100%; } .ow_notification_list .ow_tooltip_top_right.ow_tooltip { right: -10px; } .ow_mailbox_items_list .ow_tooltip_top_right.ow_tooltip { left: -15px; right: auto; } .ow_friend_request_list .ow_tooltip_top_right.ow_tooltip, .ow_invitation_list .ow_tooltip_top_right.ow_tooltip { left: 0px; right: auto; } .ow_mailbox_items_list .ow_tooltip_top_right .ow_tooltip_tail { padding-left: 15px; text-align: left; } .ow_friend_request_list .ow_tooltip_top_right .ow_tooltip_tail, .ow_invitation_list .ow_tooltip_top_right .ow_tooltip_tail { text-align: left; padding-left: 5px; } .ow_notification_list .ow_console .ow_tooltip .ow_tooltip_body { } ul.ow_console_dropdown {text-align: center!important;} .ow_mailbox_items_list .ow_console .ow_tooltip .ow_tooltip_body { } .ow_friend_request_list .ow_console .ow_tooltip .ow_tooltip_body, .ow_invitation_list .ow_console .ow_tooltip .ow_tooltip_body { } .ow_notification_list .ow_console_list_wrapper { width: 100%; } .ow_mailbox_items_list .ow_console_list_wrapper { width: 100%; } .ow_friend_request_list .ow_console_list_wrapper, .ow_invitation_list .ow_console_list_wrapper { width: 100%; } div.ow_invitation_list .ow_console_invt_txt { width: 115px; } div.ow_console_invt_no_img .ow_console_invt_txt { width: auto; } .ow_console_invt_txt { width: auto !important; word-wrap: break-word; margin-right: 30px;} div.ow_console_item { padding: 0px 0px 0px 0px; } .ow_page h1 { padding-top: 10px; text-align: center; border-bottom: 1px solid rgba(45, 45, 45, 0.54); padding-bottom: 4px; } span.ow_console_more { } span.ow_console_more:hover { } html body div.ow_console_item a { } div.ow_user_list .ow_item_set3 { width: 100%; } div .ow_console span.ow_count_wrap { padding-top: 1px; margin-right: -2px; } .ow_console_item span.ow_ico_signin { margin: 12px 0 0 5px; } span.ow_ico_signin:last-child { /* margin-right: -2px; */ } div.ow_message_cont { width: 270px; margin-left: -135px; } body input[type="submit"], body input[type="button"] { font-size: 11px; height: 29px; } div.ow_box_toolbar { white-space: normal; } .buttons span.ow_button { margin-bottom: 5px; } .ow_change_avatar .ow_wide { width: 90%; } div.ow_change_avatar .avatar_current, div.ow_change_avatar .ow_avatar_preview { border: none; } body table.ow_mailbox td.mail_info { white-space: normal !important; width: 30px; } body table.ow_mailbox td, body table.ow_mailbox td { padding: 3px; } table.ow_mailbox { font-size: 11px; } .ow_mailbox .ow_blitem { margin-bottom: 3px; } div.ow_sign_in_wrap { top: 20px; margin: 0px 15px; left: 0px !important; } div.ow_sign_in_wrap form { padding: 15px; } div.ow_sign_in_wrap form .ow_sign_in { float: none; width: 100%; } div.ow_sign_in_wrap form .ow_sign_up { width: 100%; margin: 0px !important; } div.ow_sign_in_wrap h2 { font-size: 17px; line-height: 20px; padding: 0 10px; } #mailbox-add-message-form .ow_submit_auto_click { display: block; } body .ow_forum .ow_name { width: auto !important; } .ow_forum th, .ow_forum td { padding: 3px; font-size: 11px; } body .ow_left .ow_box_cap_empty, body .ow_left .ow_box_cap { background: none; margin-left: 0px; padding-left: 0px; } body .ow_sidebar .ow_box_cap, body .ow_sidebar .ow_box_cap_empty { background: none; margin-right: 0px; padding-right: 0px; } body .ow_menu_wrap { background: none; margin: 20px 0px 20px 0px; padding-left: 0px; } body .ow_menu_wrapinner { background: none; padding-right: 0px; } html body div .ow_left .ow_box_cap_empty h3, html body div .ow_left .ow_box_cap h3 { } html body div .ow_sidebar .ow_box_cap h3, html body div .ow_sidebar .ow_box_cap_empty h3 { } body .ow_page_container .ow_page { padding: 0px; } .ow_other_video_thumb.ow_left { float: left; width: 80px !important; } .ow_mailbox_convers_info_string { width: auto!important; margin-top: 6px; padding-right: 44px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; } .ow_newsfeed_line { display: block !important; padding-left: 40px!important; background: #445166; border: 1px solid #4C4A4A; color: #ffffff; min-height: 24px; padding-top: 3px!important; padding-bottom: 10px!important; margin-top: 10px!important; margin-right: -5px; margin-left: -5px; margin-bottom: -9px!important; } .ow_newsfeed_line a { color: #9CC6CA; } form[name="contact_form"] table.ow_automargin {width: 100% !important;} form[name=conversationSearchForm] {padding-top: 150px !important;} .ow_mailbox_search {border: 0 !important; z-index: 4 !important;} #conversationListControl {position: relative; padding-bottom: 500px !important; width: 100% !important;} .ow_alt1#messagesContainerControl {padding-top: 500px !important; padding-bottom: 400px;} .ow_alt2#messagesContainerControl {padding-top: 600px !important;} .ow_photo_item_wrap {width: 100% !important; display: block; position: relative !important; clear: both !important; left: 0 !important;} .ow_photoview_info_wrap {width: 100% !important;} .ow_photo_list_wrap div.ow_photo_item_wrap {position: static !important; width: 100% !important; float: left !important; height: auto !important;} .ow_photoview_stage_wrap {width: 100% !important; clear: both; float: none;} body .ow_chat_list { height: 215px; } .ow_console .ow_tooltip_top_right { top: 40px!important; padding-top: 2px; } .ow_console_item { } .ow_console .ow_tooltip_top_right.ow_tooltip { position: fixed; z-index: 100; top: 78px !important; left: 0px; width: 100%; padding-top: 8px; */; } .ow_header_img { padding-top: 0px; } .console_avatar,.console_avatar img { height: 42px !important; width: 42px; top: 0px !important; } .console_avatar{ position:absolute; top:0px } .ow_menu_wrap { position: fixed; width: 0px; height:0px; overflow-y: hidden; right:-5000px; } a.selected { background-color:#1F75CC; color:white; z-index:98; } .ow_main_menu li.active:after, .ow_main_menu li:hover:after { display: none!important; } .messagepop { /* border-color: #E7E7E7; */ background: rgba(0, 0, 0, 0.9); /** OW_Control type:color, key:navigationMenuBackground, section:4. Menu, label: Navigation menu background, description: Navigation menu background color **/ -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); border-top:none; cursor:default; display:yes; top: 85px; position:fixed; text-align:left; z-index:99; left:0px; height:100% !important; overflow-y: auto; width:0px; } .ow_main_menu li:last-child { margin-bottom:85px; } .messagepop p, .messagepop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } #contact2{ position:fixed; top:0px; left:0px; padding: 19px 29px 20px 22px; background: rgba(56, 63, 73, 0.32)url('images/menu_expand.svg') no-repeat center center; z-index:100; } #contact.selected{ position: fixed; top:0px; left:0px; padding: 20px 20px 20px 20px; background: #304B6C url('images/menu_expand.svg') no-repeat center center; z-index: 100; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position:fixed; z-index:99; left:40px; top: -2px; } .ow_user_list .ow_item_set3{ width: 98% !important; word-wrap: break-word; } .ow_group_brief_info .details { padding-left: 20px; margin-top: -100px !important; } .ow_group_list .ow_ipc_info { width: 90% !important; } .ow_group_list .ow_ipc_picture img { margin-left: 45px !important; } .ow_blogs_list .ow_ipc_info { margin-left: 0px !important; } .ow_blogs_list .ow_ipc_info .ow_ipc_header { padding: 5px 5px 5px 50px !important; } .ow_blogs_list .ow_ipc_picture .ow_avatar img { margin-top: 5px !important; margin-left: 0px; } .ow_group_list .ow_ipc_info { padding: 100px 10px 0px 15px !important; } body .ow_group_brief_info .details { padding-top: 100px !important; margin-left: -20px !important; } .ow_site_panel_wrap { height: 85px; padding-top:1px; } .ow_console_body { text-align: center!important; } .ow_console_item { top: 45px; margin: 0px 0px 2px 0px !important; } .console_avatar { position: absolute !important; right: 0px; width: 40px; height: 40px; background-color: #2c3d4f; } .floatbox_canvas .floatbox_container { width: 98%!important; min-width: 300px!important; } .ow_mailbox_convers_info_body { margin-left: 0px !important; margin-left: 25px !important; } .ow_mailbox_convers_info_content { padding-right: 0px !important; } .ow_photo_list.ow_photo_pint_mode .ow_photo_item_wrap { padding: 8px; /* width: auto!important; */ position: static!important; } .ow_photo_list_wrap div.ow_photo_item_wrap { position: static!important; width: 100%!important; float: left!important; height: auto !important; } .ow_photo_list_wrap { position: relative; display: inline-block; } .ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info { position: relative!important; } .ow_chat_dialog_wrap { position: fixed; right: 0px !important; bottom: -5px; z-index:999!important; width:100% !important; } .ow_chat_dialog { width: 100%!important; margin-left: 0px!important; } .ow_dialog_date_cap { width: 100%!important; } .ow_chat_dialog .ow_dialog_items_wrap .clearfix { width: 97%!important; } .ow_change_avatar .avatar_current{ border-right: 1px solid #dcdcdc; padding-right: 3px; } .ow_change_avatar .ow_avatar_preview{ border-left: 1px solid #dcdcdc; } .ow_change_avatar .avatar_crop{ border-bottom: 1px solid #dcdcdc; } .ow_avatar_crop .jcrop-holder{ margin: 0px auto; } .ow_avatar_preview div{ margin: 0px auto; } .ow_avatar { position: relative; display: inline-block; width: 47px; height: 47px; background-image: none; background-position: 0px 0px; background-repeat: no-repeat; } .ow_avatar img { vertical-align: bottom; width: 40px; height: 40px; } .ow_avatar_label { font-size: 7px; display: inline-block; position: absolute; line-height: 10px; text-transform: uppercase; bottom: 6px; background-color: #999; right: 5px; color: #fff; font-weight: bold; padding: 0px 2px; border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; } html body .ow_sidebar .ow_avatar_label, html body .ow_console .ow_avatar_label { font-size: 7px; } html body .ow_console .ow_avatar_label { bottom: 0px; right: 0px; } .ow_canvas .ow_newsfeed_avatar { width: 45px; height: 45px; margin-right: 0px; margin-top: -2px; padding: 2px; margin-left: -7px; } .ow_canvas .ow_newsfeed_body { margin-left: 0px; padding-left: 0px; } .ow_newsfeed_string.ow_small.ow_smallmargin { border-color: #0D0D0D; background: url(images/dotbg.jpg) repeat top right; color: #9A9D9E; min-height: 33px; padding-top: 6px; margin-top: 10px; padding-left: 10px; margin-left: -5px; margin-right: -5px; margin-bottom: -8px; } .ow_newsfeed_string.ow_small.ow_smallmargin a { /* color: #B1E6EA; */ } .ow_newsfeed_toolbar { float: none; padding: 2px !important; } [class*=NEWSFEED_CMP_] .ow_box_empty { margin-bottom: 8px; padding: 6px 6px 6px 6px; position: relative; margin: 1px; margin-right: 2px; /* border: 1px solid #e8e8e8; */ border-top: none; margin-bottom: 5px; /* background: #ffffff; */ margin-top: 2px; } .ow_newsfeed_content.ow_smallmargin { margin-bottom: -30px; padding-bottom: 30px; padding-top: 15px; margin-left: -5px; margin-right: -5px; padding-left: 8px; padding-right: 8px; background: rgba(0, 0, 0, 0.25); margin-top: 8px; } .ow_newsfeed_delimiter { border-bottom-width: 1px; height: 1px; margin-bottom: 7px; background: #ffffff; } .ow_box_empty .ow_newsfeed_delimiter { border-bottom-width: 1px; height: 1px; margin-bottom: 7px; background: #D5D5D5; } .ow_newsfeed_btns { background: rgba(0, 0, 0, 0.65); border: 1px solid rgba(34, 34, 34, 0.19); padding: 5px 5px 1px 5px; margin-right: -5px; margin-left: -5px; margin-top: 30px; } .ow_box_empty .ow_newsfeed_btns { padding: 10px; margin-right: -5px; margin-left: -5px; background: rgba(0, 0, 0, 0.65); border: 1px solid rgba(34, 34, 34, 0.19); margin-top: 30px; } .ow_newsfeed_features { margin-right: -5px !important; margin-left: -5px !important; } .ow_newsfeed_date { /* margin-top: -21px !important; */ } .newsfeed_likes_string { padding-top:5px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box { background: rgba(69, 75, 77, 0.51) url(images/cap_bg.png) repeat center left; /* border-bottom: 5px solid #445166; */ border-left: none !important; border-right: none; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont { /* text-shadow: #23272a 1px 1px 0; */ /* color: #8B9B9D; */ /* background: #445166 !important; */ float: right; margin-bottom: -6px; margin-right: -11px; margin-left: -11px; padding-left: 10px; /* border-left: 1px solid #445166; */ } .ow_box.ow_stdmargin.clearfix.group-GROUPS_CMP_BriefInfoWidget.ow_break_word .ow_box_toolbar_cont:before { content: ' '; background: none; display: inline-block; width: 28px; height: 34px; position: absolute; margin-left: -28px; margin-top: 0px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont .ow_bl.ow_box_toolbar li { text-shadow: #171717 1px 1px 0; color: #C3C3C3; line-height: 28px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_group_brief_info .details { color: #B2B2B2; text-shadow: #000000 1px 1px 0; padding-left: 20px; } .ow_group_brief_info .image { width: 100px; height: 100px; padding: 4px; } .group-GROUPS_CMP_BriefInfoWidget a { text-decoration: none; color: #72A841; } .ow_mailbox_username { max-width: 79% !important; min-width: 79% !important; } .ow_mailbox_table .ow_mailbox_cap .ow_mailbox_convers_actions { margin-right: -45px!important; } .ow_moderation_sticky { width: 100% !important; margin-left: 0px !important; float: left; position:relative; } .ow_moderation_sticked { position: relative !important; top: 0px !important; } .ow_moderation_wrap { margin-left: 0px!important; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar img { width: 35px; height: 35px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; position: relative; display: inline-block; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar { position: relative; display: inline-block; width: 35px; height: 35px; top: 5px; left: -7px; } .ow_moderation_content_wrap input[type="checkbox"] { margin-left: -20px !important; margin-top: 18px; width: 13px; height: 13px; width: 20px!important; float: left; } .ow_moderation_wrap .ow_user_list_data { min-height: 35px; margin-left: -17px; margin-right: 0px; background: rgba(255, 255, 255, 0); padding: 6px 6px 6px 65px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .ow_moderation_wrap .ow_content .ow_left { float: left!important; } .ow_moderation_wrap .ow_newsfeed_btns { /* background: #E5E9EB; */ padding: 0px; margin-right: -5px; margin-left: -5px; /* border-bottom: 1px solid #DADADA; */ /* border-top: 1px solid #DADADA; */ margin-top:0px; } .ow_moderation_wrap .ow_newsfeed_date { background: none; line-height: 25px !important; height: 25px; margin-top: 0px !important; margin-right: 10px; color: #A1A1A1 !important; text-shadow: #222222 1px 1px 0 !important; } .ow_moderation_wrap .ow_newsfeed_date:before { content: ' '; display: none!important; } .ow_moderation_wrap .ow_newsfeed_date:after { content: ' '; display: none!important; } .ow_page_wrap .ow_sign_in_cont { width:100%; height:100%; position:absolute; top:0; left:0; background-color: #343F42; /** OW_Control type:color, key:signInbackgroundColor, section: 1.1. Sing in Page Settings, label: Sign in page background color **/ background-image: url('images/signinimage.jpg'); /** OW_Control type:image, key:signInbackgroundImage, section: 1.1. Sing in Page Settings, label: Sign in page background image **/ background-position: top center; background-repeat: no-repeat; z-index:97; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap h2 { font-size: 0 !important; /** OW_Control type:color, key:signInLogobackgroundColor, section: 1.1. Sing in Page Settings, label: Sign in page small logo background **/ background-image: url(images/sign_logo_small.svg); /** OW_Control type:image, key:signInSmallLogo, section: 1.1. Sing in Page Settings, label: Sign in page small logo image **/ background-color: rgba(0, 0, 0, 0.66); background-repeat: no-repeat; background-position: center center; margin: 0; padding: 10px; position: absolute; top: 10px; background-size: 80% auto; left: 0px; right: 0px; width: auto; top: -10px; height: 70px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=text], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=password], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form textarea, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form select, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form div.jhtmlarea { background-image: none; color: #585858; font-family: "Lucida Grande", "Verdana"; font-size: 13px; padding: 4px; border: 1px solid#1F1F1F; padding: 8px 8px 6px 8px; display: inline-block; margin: 0 auto; background-color: rgba(0, 0, 0, 0.25); position: relative; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form span.ow_button { background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 2px 2px 2px 2px; color: #767676; width: 100%; text-shadow: 0 1px 0 rgba(255,255,255, .9); font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; color: #B6B6B6; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ background: #A91D1D; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=submit], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=button] { padding: 1px 4px 2px 3px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=password] { background: url(images/key_sign.svg) no-repeat 2px 50% !important; padding-left: 40px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"] { background: url(images/user_sign.svg) no-repeat 2px 50% !important; padding-left: 40px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_form_options .ow_right { width: 100%; margin-bottom:10px; float: center; text-align: center; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_box_cap{ display: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap { width: 100%; position: absolute; top: 30px !important; left: 0% !important; margin: 0 0 0 0 !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in { width: 100% !important; } .ow_page_wrap .ow_sign_in_cont .base_sign_in { margin-top: 0px !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form { margin: 100px 15px 5px 15px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 16px 16px 6px 16px; margin-bottom: 16px; position: relative; z-index: 98; background-color: rgba(0, 0, 0, 0.66); } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in{ float:left; width:312px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up { margin: 0px 350px 50px 22px; padding-top: 7px; color: #F5F5F5; font-size: 12px; line-height: 16px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form hr { border: none; height: 1px; margin: 5px 5px 15px 5px; display: inline-block; width: 100%; height: 3px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_box { padding: 16px 16px 6px 16px; margin-bottom: 16px; position: relative; z-index: 98; background-color: transparent; background-image: none; background-position: top left, top left; border: none; border-top: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;color: #616161;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin: 0px 5px 0px -1px; padding:0px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons { padding: 5px 5px 5px 20px; background-color: rgba(26, 28, 28, 0.12); -moz-box-shadow: 0px 2px 4px #161616; margin-bottom: 10px; } .ow_page_wrap .ow_sign_in_cont .ow_connect_text { color: #6B6B6B; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a { background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 5px 20px 5px 20px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; background: #51807C; text-decoration: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a:hover { color: #FFFFFF; background: #E05353; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;} .ow_page_wrap .ow_sign_in_cont .ow_connect_text { background: url('images/miniic_li.png') no-repeat left center; padding: 0px 0 0 16px; margin-right: 16px; float: left; line-height: 22px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in .connect_button_list { padding: 0px; float: left; } .ow_page_wrap .ow_sign_in_cont .floatbox_container .ow_sign_in_wrap form { margin: 0px; box-shadow: none; border: none; border-radius: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 40px 0; } .qa-check {width: auto !important; margin: 0 !important; padding: 0 !important; float: left !important;} .qa-content.ow_border {margin: 0 !important;} .qa-check {display: none !important;} .questions-answer {margin-top: -30px !important;} .qa-users {margin-left: 0 !important;} .qa-users .ow_mini_avatar {display: none !important;} .questions-add-answer {margin-left: 0 !important; margin-right: 0 !important;} .qaa-input-c {width: 89% !important; margin-top: 10px;} } /* Landscape phone to portrait tablet */ @media (min-width: 481px) and (max-width: 767px) { .ow_page_container, .ow_footer { max-width: 680px; margin-left: 60px; } .ow_site_panel { z-index: 99; left : 0px; position:fixed; width: 100%; } .ow_site_panel_wrap { height: 40px; margin: 0 auto; position: relative; width: 100%; background: rgba(0, 0, 0, 0.91); /** OW_Control type:color, key:consoleColor, section:1. General Settings, label: Console color, description: Top website console color **/ background-repeat: repeat-x, repeat; background-position: right bottom, center center; } .ow_console { font-size: 11px; height: 40px; color: #9b9b9b; } .ow_console_body { border-bottom: 5px solid rgba(0, 0, 0, 0.11); text-align: center; } .ow_mailbox_username { max-width: 79% !important; min-width: 79% !important; } .ow_newsfeed_line { display: block !important; padding-left: 40px!important; background: #445166; border: 1px solid #4C4A4A; color: #ffffff; min-height: 24px; padding-top: 3px!important; padding-bottom: 10px!important; margin-top: 10px!important; margin-right: 10px; margin-bottom: -9px!important; } .ow_newsfeed_line a { color: #9CC6CA; } .ow_sidebar, .ow_content_wrap { float: none; margin: 0px; width: 100%; } .ow_content { float: none; } .ow_content .ow_left, .ow_content .ow_right, .ow_content .ow_superwide, .ow_content .ow_supernarrow { float: none; width: 100% !important; } .ow_content > .ow_right { text-align: right; margin-bottom: 15px; } .ow_page { margin: 0px; } ul.ow_content_menu li { /* clear: both; */ margin-top: 5px; border: none;} ul.ow_content_menu li a {font-size: 11px;} ul.ow_content_menu span {padding: 1px 8px 1px 8px; background-position: -500px 2px; background-image: none !important;} body div.floatbox_container { max-width: 93% !important; } .ow_photo_list_item { width: 160px; } body .floatbox_container .ow_sign_in_wrap form { padding: 0px; } body .ow_sign_in_wrap { width: auto; } .floatbox_container .ow_sign_in_wrap form .ow_sign_in, .floatbox_container .ow_sign_in_wrap form .ow_sign_up { float: none; width: 100%; margin: 0px; } .ow_mailbox_items_list .ow_tooltip_top_right.ow_tooltip, .ow_friend_request_list .ow_tooltip_top_right.ow_tooltip, .ow_invitation_list .ow_tooltip_top_right.ow_tooltip { left: 0px; right: auto; } .ow_mailbox_items_list .ow_tooltip_top_right .ow_tooltip_tail, .ow_friend_request_list .ow_tooltip_top_right .ow_tooltip_tail, .ow_invitation_list .ow_tooltip_top_right .ow_tooltip_tail { padding-left: 5px; text-align: left; } .ow_notification_list .ow_console .ow_tooltip .ow_tooltip_body { max-width: 255px; } .ow_mailbox_items_list .ow_console .ow_tooltip .ow_tooltip_body { max-width: 265px; } .ow_notification_list .ow_console_list_wrapper { max-width: 245px; } .ow_mailbox_items_list .ow_console_list_wrapper { max-width: 255px; } div.ow_message_cont { width: 470px; margin-left: -235px; } #joinForm { margin-bottom: 10px; } .ow_photo_info { max-width: 460px; margin: 0px auto; } div.ow_sign_in_wrap { top: 20px; margin: 0px 15px; left: 0px !important; } div.ow_sign_in_wrap form { padding: 15px; } div.ow_sign_in_wrap form .ow_sign_in { float: none; width: 100%; } div.ow_sign_in_wrap form .ow_sign_up { width: 100%; margin: 0px !important; } div.ow_sign_in_wrap h2 { font-size: 17px; line-height: 20px; padding: 0 10px; } #mailbox-add-message-form .ow_submit_auto_click { display: block; } body .ow_left .ow_box_cap_empty, body .ow_left .ow_box_cap { background: none; margin-left: 0px; padding-left: 0px; } html body div .ow_left .ow_box_cap_empty h3, html body div .ow_left .ow_box_cap h3 { } body .ow_sidebar .ow_box_cap, body .ow_sidebar .ow_box_cap_empty { background: none; margin-right: 0px; padding-right: 0px; } body .ow_menu_wrap { background: none; margin: 20px -20px 20px -20px; padding-left: 0px; } body .ow_menu_wrapinner { background: none; padding-right: 0px; } .ow_other_video_thumb.ow_left { float: left; width: 80px !important; } .ow_photo_item_wrap {width: 100% !important; display: block; position: relative !important; clear: both !important; left: 0 !important;} .ow_photoview_info_wrap {width: 100% !important;} .ow_photo_list_wrap div.ow_photo_item_wrap {position: static !important; width: 100% !important; float: left !important; height: auto !important;} .ow_photoview_stage_wrap {width: 100% !important; clear: both; float: none;} .ow_page_container .ow_page { padding: 4px 20px 20px 20px; margin-top: 70px; } .ow_site_panel_wrap { height: 80px !important; } .ow_console_item { top: 42px; margin: 0 0px 0 0px !important; } .console_avatar,.console_avatar img { height: 42px !important; width: 42px; top: 0px !important; } .console_avatar{ position: absolute !important; top: 0px !important; right: 0px; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position: fixed; z-index: 99; height: 37px; left: 50px; top:3px; } .ow_logo_wrap_small a:hover { text-decoration: none; } .ow_logo_img { background-image: url('images/logo_small.png'); /** OW_Control type:image, key:logoImage, section:1. General Settings, label: Logo image, description: Upload your own logo image **/ background-repeat: no-repeat; background-position: left center; display: block; width: 225px; height: 40px; } .ow_console .ow_tooltip_top_right.ow_tooltip { margin-top: 0; position: absolute; left: 10px; right: auto; top: 0px; } .ow_console .ow_tooltip .ow_tooltip_body { max-width: 330px; } .ow_header_img { padding-top: 30px; } .ow_menu_wrap { position: fixed; width: 0px; height:0px; overflow-y: hidden; right:-5000px; } a.selected { background-color:#1F75CC; color:white; z-index:98; } .ow_main_menu li:last-child { margin-bottom:70px; } .ow_main_menu li.active:after, .ow_main_menu li:hover:after { display: none!important; } .messagepop { /* border-color: #E7E7E7; */ background: rgba(0, 0, 0, 0.9); /** OW_Control type:color, key:navigationMenuBackground, section:4. Menu, label: Navigation menu background, description: Navigation menu background color **/ -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); border-top:none; cursor:default; display:yes; top: 80px; position:fixed; text-align:left; z-index:99; padding: 3px 3px 3px 3px; left:0px; height:100% !important; overflow-y: auto; width:45px; } .messagepop p, .messagepop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } #contact{ position:fixed; top:0px; left:0px; padding: 19px 29px 20px 22px; background: rgba(56, 63, 73, 0.32)url('images/menu_expand.svg') no-repeat center center; z-index:100; } #contact.selected{ position: fixed; top:0px; left:0px; padding: 18px 20px 20px 20px; background: #304B6C url('images/menu_expand.svg') no-repeat center center; z-index: 100; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position: fixed; z-index: 99; left: 50px; top: 0px; } .ow_logo_wrap a:hover { text-decoration: none; } .ow_logo_img { background-image: url('images/logo.png'); /** OW_Control type:image, key:logoImage, section:1. General Settings, label: Logo image, description: Upload your own logo image **/ background-repeat: no-repeat; background-position: center center; /* background-color: #303942; */ display: block; width: 190px; height: 41px; } .ow_user_list .ow_item_set3{ width: 96% !important; word-wrap: break-word; } .ow_group_brief_info .details { padding-left: 20px; margin-top: -100px !important; } .ow_group_list .ow_ipc_picture img { margin-left: 45px !important; } .ow_blogs_list .ow_ipc_info { margin-left: 0px !important; } .ow_blogs_list .ow_ipc_info .ow_ipc_header { padding: 5px 5px 5px 50px !important; } .ow_blogs_list .ow_ipc_picture .ow_avatar img { margin-top: 5px !important; margin-left: 0px; } .ow_mailbox_convers_info_body { margin-left: 0px !important; } .ow_photo_list.ow_photo_pint_mode .ow_photo_item_wrap { padding: 8px; width: 98%!important; position: static!important; } .ow_photo_list_wrap div.ow_photo_item_wrap { position: static!important; width: 98%!important; float: left!important; height: auto !important; margin:auto; } .ow_photo_list_wrap { position: relative; display: inline-block; } .ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info { position: relative!important; } /* ---- Avatar styles ---- */ .ow_change_avatar .avatar_current{ border-right: 1px solid #dcdcdc; padding-right: 3px; } .ow_change_avatar .ow_avatar_preview{ border-left: 1px solid #dcdcdc; } .ow_change_avatar .avatar_crop{ border-bottom: 1px solid #dcdcdc; } .ow_avatar_crop .jcrop-holder{ margin: 0px auto; } .ow_avatar_preview div{ margin: 0px auto; } .ow_avatar { position: relative; display: inline-block; width: 47px; height: 47px; background-image: none; /*url('images/avatar_bg.png');*/ background-position: 0px 0px; background-repeat: no-repeat; } .ow_avatar img { vertical-align: bottom; width: 40px; height: 40px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkitborder-radius: 3px 3px 3px 3px; } .ow_avatar_label { font-size: 7px; display: inline-block; position: absolute; line-height: 10px; text-transform: uppercase; bottom: 0px; background-color: #999; right: 0px; color: #fff; font-weight: bold; padding: 0px 2px; border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; } html body .ow_sidebar .ow_avatar_label, html body .ow_console .ow_avatar_label { font-size: 7px; } html body .ow_console .ow_avatar_label { bottom: 0px; right: 0px; } .ow_canvas .ow_newsfeed_avatar { width: 50px; height: 50px; margin-right: 0px; margin-top: -2px; padding: 2px; margin-left: -2px; } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar img { max-width: 48px ! important; width: 48px !important; height: 48px !important; } .ow_canvas .ow_newsfeed_body { margin-left: 5px; padding-left: 0px; } .ow_newsfeed_string.ow_small.ow_smallmargin { border-color: #0D0D0D; background: url(images/dotbg.jpg) repeat top right; border: 1px solid rgba(45, 45, 45, 0.48); color: #9A9D9E; min-height: 34px; padding-top: 13px; margin-top: 10px; padding-left: 60px; margin-left: -5px; margin-right: 10px; margin-bottom: -8px; } .ow_newsfeed_string.ow_small.ow_smallmargin a { /* color: #B1E6EA; */ } .ow_newsfeed_toolbar { float: none; padding: 2px !important; } .ow_box_empty .ow_newsfeed_string.ow_small.ow_smallmargin { } .ow_newsfeed_content.ow_smallmargin { margin-bottom: -30px; padding-bottom: 30px; padding-top: 15px; margin-left: -5px; margin-right: 10px; padding-left: 8px; padding-right: 8px; background: rgba(0, 0, 0, 0.25); margin-top: 8px; } .ow_box_empty .ow_newsfeed_content.ow_smallmargin { } .ow_newsfeed_delimiter { border-bottom-width: 0px !important; } .ow_box_empty .ow_newsfeed_delimiter { border-bottom-width: 1px; height: 1px; margin-bottom: 7px; background: #ffffff; margin-left: 50px !important; } .ow_newsfeed_btns { background: rgba(0, 0, 0, 0.65); padding: 5px 5px 1px 5px; margin-right: 10px; margin-left: -5px; border: 1px solid rgba(34, 34, 34, 0.19); margin-top: 30px; } .ow_box_empty .ow_newsfeed_btns { } .ow_newsfeed_features { max-width: 100% !important; margin-right: 10px; margin-left: -5px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body:before { background: url(images/arrow_5.png) no-repeat center right; display: block; width: 15px; height: 12px; position: absolute; top: 15px; left: 57px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body .ow_box { background:#F7F7F7; margin-bottom: 8px; padding: 6px 6px 6px 6px; position: relative; margin:1px; margin-right:2px; border: 2px solid #ffffff; margin-bottom: 5px; margin-top:10px; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; } /* ---- End of the Avatar styles ---- */ .profile-NEWSFEED_CMP_UserFeedWidget.ow_box ,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box{ background: none; border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_empty , .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_empty{ background: none; border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap{ margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap_empty, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap_empty { margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget.ow_context_action_block,.index-NEWSFEED_CMP_SiteFeedWidget .ow_context_action_block, .group-NEWSFEED_CMP_EntityFeedWidget .ow_context_action_block, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_context_action_block { margin-right: 10px; } .ow_newsfeed_oembed_atch .ow_newsfeed_item_content { max-width: none; width: 100%; } .ow_box_cap_empty h3:after { } .ow_dnd_configurable_component h3:after{ /* content: " "; */ background: #F1F1F1 url("images/arrow_6.svg") no-repeat scroll right top; display: inline-block; width: 39px; height: 34px; position: absolute; margin-top: -10px; margin-left: 10px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box { background: rgba(69, 75, 77, 0.51) url(images/cap_bg.png) repeat center left; /* border-bottom: 5px solid #445166; */ border-left: none !important; border-right: none; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont { /* text-shadow: #23272a 1px 1px 0; */ /* color: #8B9B9D; */ /* background: #445166 !important; */ float: right; margin-bottom: -6px; margin-right: -11px; margin-left: -11px; padding-left: 10px; } .ow_box.ow_stdmargin.clearfix.group-GROUPS_CMP_BriefInfoWidget.ow_break_word .ow_box_toolbar_cont:before { content: ' '; background: none; display: inline-block; width: 28px; height: 34px; position: absolute; margin-left: -28px; margin-top: 0px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont .ow_bl.ow_box_toolbar li { text-shadow: #171717 1px 1px 0; color: #C3C3C3; line-height: 28px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_group_brief_info .details { color: #B2B2B2; text-shadow: #000000 1px 1px 0;; padding-left: 20px; min-height: 90px; } .ow_group_brief_info .image { width: 100px; height: 100px; padding: 4px; } .group-GROUPS_CMP_BriefInfoWidget a { text-decoration: none; color: #72A841; } .ow_moderation_sticky { width: 100% !important; margin-left: 0px !important; float: left; position:relative; } .ow_moderation_sticked { position: relative !important; top: 0px !important; } .ow_moderation_wrap { margin-left: 0px!important; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar img { width: 35px; height: 35px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; position: relative; display: inline-block; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar { position: relative; display: inline-block; width: 35px; height: 35px; top: 5px; left: -7px; } .ow_moderation_content_wrap input[type="checkbox"] { margin-left: -20px !important; margin-top: 18px; width: 13px; height: 13px; width: 20px!important; float: left; } .ow_moderation_wrap .ow_user_list_data { min-height: 35px; margin-left: -17px; margin-right: 0px; background: rgba(255, 255, 255, 0); padding: 6px 6px 6px 65px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .ow_moderation_wrap .ow_content .ow_left { float: left!important; } .ow_moderation_wrap .ow_newsfeed_btns { /* background: #e5e9eb; */ padding: 0px; margin-right: -5px; margin-left: -5px; /* border-bottom: 1px solid #DADADA; */ /* border-top: 1px solid #DADADA; */ margin-top:0px; } .ow_moderation_wrap .ow_newsfeed_date { background: none; line-height: 25px !important; height: 25px; margin-top: 0px !important; margin-right: 10px; color: #B3B2B2 !important; text-shadow: #303030 1px 1px 0 !important; } .ow_moderation_wrap .ow_newsfeed_date:before { content: ' '; display: none!important; } .ow_moderation_wrap .ow_newsfeed_date:after { content: ' '; display: none!important; } .ow_mailbox_username { max-width: 79% !important; min-width: 79% !important; } .ow_page_wrap .ow_sign_in_cont { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #343F42; /** OW_Control type:color, key:signInbackgroundColor, section: 1.1. Sing in Page Settings, label: Sign in page background color **/ background-image: url('images/signinimage.jpg'); /** OW_Control type:image, key:signInbackgroundImage, section: 1.1. Sing in Page Settings, label: Sign in page background image **/ background-position: top center; background-repeat: no-repeat; z-index: 97; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap h2 { width: 100%; height: 100px; font-size: 0 !important; /** OW_Control type:color, key:signInLogobackgroundColor, section: 1.1. Sing in Page Settings, label: Sign in page small logo background **/ background-color: rgba(0, 0, 0, 0.66); background-image: url(images/sign_logo_small.svg); /** OW_Control type:image, key:signInSmallLogo, section: 1.1. Sing in Page Settings, label: Sign in page small logo image **/ background-repeat: no-repeat; background-position: center center; margin: 0; padding: 0; position: absolute; top: 10px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=text], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=password], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form textarea, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form select, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form div.jhtmlarea { background-image: none; color: #585858; font-family: "Lucida Grande", "Verdana"; font-size: 13px; padding: 4px; border: 1px solid#1F1F1F; padding: 8px 8px 6px 8px; display: inline-block; margin: 0 auto; background-color: rgba(0, 0, 0, 0.25); position: relative; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form span.ow_button { background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 2px 2px 2px 2px; color: #767676; width: 100%; text-shadow: 0 1px 0 rgba(255,255,255, .9); font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; color: #B6B6B6; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ background: #A91D1D; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=submit], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=button] { padding: 1px 4px 2px 3px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=password] { background: url(images/key_sign.svg) no-repeat 2px 50% !important; padding-left:40px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"] { background: url(images/user_sign.svg) no-repeat 2px 50% !important; padding-left: 40px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_form_options .ow_right { width: 30%; margin-bottom:10px; margin-right: 50px; float: left; text-align: center; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_box_cap{ display: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap { width: 100%; position: absolute; top: 0px !important; left: 0% !important; margin: 0 0 0 0 !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in { width: 100% !important; } .ow_page_wrap .ow_sign_in_cont .base_sign_in { margin-top: 0px !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form { margin: 130px 15px 15px 15px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 16px 16px 6px 16px; margin-bottom: 16px; position: relative; z-index: 98; background-color: rgba(0, 0, 0, 0.66); } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in{ float:left; width:312px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up { margin: 0px 350px 50px 22px; padding-top: 7px; color: #F5F5F5; font-size: 12px; line-height: 16px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form hr { border: none; height: 1px; margin: 5px 5px 15px 5px; display: inline-block; width: 100%; height: 3px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_box { padding: 16px 16px 6px 16px; margin-bottom: 16px; position: relative; z-index: 98; background-color: transparent; background-image: none; background-position: top left, top left; border: none; border-top: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;color: #616161;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin: 0px 5px 0px -1px; padding:0px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons { padding: 5px 5px 5px 20px; background-color: rgba(26, 28, 28, 0.1); -moz-box-shadow: 0px 2px 4px #161616; margin-bottom: 10px; } .ow_page_wrap .ow_sign_in_cont .ow_connect_text { color: #736D6D; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a { background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 5px 20px 5px 20px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; background: #51807C; text-decoration: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a:hover { color: #FFFFFF; background: #E05353; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;} .ow_page_wrap .ow_sign_in_cont .ow_connect_text { background: url('images/miniic_li.png') no-repeat left center; padding: 0px 0 0 16px; margin-right: 16px; float: left; line-height: 22px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in .connect_button_list { padding: 0px; float: left; } .ow_page_wrap .ow_sign_in_cont .floatbox_container .ow_sign_in_wrap form { margin: 0px; box-shadow: none; border: none; border-radius: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 40px 0; } .qa-check {width: auto !important; margin: 0 !important; padding: 0 !important; float: left !important;} .qa-content.ow_border {margin: 0 !important;} .qa-check {display: none !important;} .questions-answer {margin-top: -30px !important;} .qa-users {margin-left: 0 !important;} .qa-users .ow_mini_avatar {display: none !important;} .questions-add-answer {margin-left: 0 !important; margin-right: 0 !important;} .qaa-input-c {width: 89% !important; margin-top: 10px;} } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { .ow_page_container, .ow_site_panel_wrap, .ow_footer { max-width: 100%; margin-left: 60px; } .ow_site_panel { z-index: 99; left : 0px; position:fixed; width: 100%; } .ow_site_panel_wrap { height: 40px; margin: 0 auto; position: relative; width:100%; } .ow_console { font-size: 11px; height: 40px; color: #9b9b9b; } .ow_console_item { right: 15px; top: 0px; } .ow_console_body { border-bottom: 5px solid rgba(0, 0, 0, 0.11); text-align: right; } .ow_console .ow_tooltip_top_right.ow_tooltip { margin-top: 0; position: absolute; top: 0px; } .ow_console .ow_tooltip .ow_tooltip_body { max-width: 330px; } .ow_console .ow_tooltip_top_right .ow_tooltip_tail { text-align: right !important; } .ow_mailbox_username { max-width: 79% !important; min-width: 79% !important; } .ow_newsfeed_line { display: block !important; padding-left: 40px!important; background: #445166; border: 1px solid #4C4A4A; color: #ffffff; min-height: 24px; padding-top: 3px!important; padding-bottom: 10px!important; margin-top: 10px!important; margin-right: 10px; margin-bottom: -9px!important; } .ow_newsfeed_line a { color: #9CC6CA; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position: fixed; z-index: 99; height: 37px; left: 50px; top:3px; } .ow_logo_wrap_small a:hover { text-decoration: none; } .ow_logo_img { background-image: url('images/logo_small.png'); /** OW_Control type:image, key:logoImage, section:1. General Settings, label: Logo image, description: Upload your own logo image **/ background-repeat: no-repeat; background-position: left center; display: block; width: 225px; height: 40px; } .ow_content .ow_left, .ow_content .ow_right, .ow_content .ow_superwide, .ow_content .ow_supernarrow { float: none; width: 100% !important; } .ow_content > .ow_right { float: none; text-align: right; margin-bottom: 15px; } .ow_content_menu_wrap { clear: both; margin-top: 5px; } .ow_photo_list_item { width: 150px; } .ow_other_video_thumb.ow_left { float: left; width: 80px !important; } .ow_header_img { padding-top: 10px; } .ow_menu_wrap { position: fixed; width: 0px; height:0px; overflow-y: hidden; right:-5000px; } .ow_main_menu li:last-child { margin-bottom:60px; } a.selected { background-color:#1F75CC; color:white; z-index:98; } .ow_main_menu li.active:after, .ow_main_menu li:hover:after { display: none!important; } .messagepop { /* border-color: #E7E7E7; */ background: rgba(0, 0, 0, 0.9); /** OW_Control type:color, key:navigationMenuBackground, section:4. Menu, label: Navigation menu background, description: Navigation menu background color **/ -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); border-top:none; cursor:default; display:no; top: 36px; position:fixed; text-align:left; z-index:99; padding: 3px 3px 3px 3px; left:0px; height:100% !important; overflow-y: hidden; width:45px; } .messagepop:hover { overflow-y: auto; } .messagepop p, .messagepop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } #contact2{ position:fixed; top:0px; left:0px; padding: 19px 29px 20px 22px; background: rgba(56, 63, 73, 0.32)url('images/menu_expand.svg') no-repeat center center; z-index:100; } #contact.selected{ position: fixed; top:0px; left:0px; padding: 18px 20px 20px 20px; background: #304B6C url('images/menu_expand.svg') no-repeat center center; z-index: 100; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position: fixed; z-index: 99; left: 50px; top: 0px; } .ow_logo_wrap a:hover { text-decoration: none; } .ow_logo_img { background-image: url('images/logo.png'); /** OW_Control type:image, key:logoImage, section:1. General Settings, label: Logo image, description: Upload your own logo image **/ background-repeat: no-repeat; background-position: center center; /* background-color: #303942; */ display: block; width: 190px; height: 41px; } .ow_user_list .ow_item_set3{ width: 96% !important; word-wrap: break-word; } .ow_group_brief_info .details { padding-left: 20px; margin-top: -100px; } .ow_mailbox_convers_info_body { margin-left: 0px !important; margin-left: -15px !important; } .ow_mailbox_convers_info_content { padding-right: 0px !important; } .ow_photo_list.ow_photo_pint_mode .ow_photo_item_wrap { padding: 8px; width: 48%!important; position: static!important; } .ow_photo_list_wrap div.ow_photo_item_wrap { position: static!important; width: 48%!important; float: left!important; height: auto !important; margin:auto; } .ow_photo_list_wrap { position: relative; display: inline-block; } .ow_photo_pint_album { height: 300px!important; background-size: cover; overflow: hidden; } .ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info { position: relative!important; } /* ---- Avatar styles ---- */ .ow_change_avatar .avatar_current{ border-right: 1px solid #dcdcdc; padding-right: 3px; } .ow_change_avatar .ow_avatar_preview{ border-left: 1px solid #dcdcdc; } .ow_change_avatar .avatar_crop{ border-bottom: 1px solid #dcdcdc; } .ow_avatar_crop .jcrop-holder{ margin: 0px auto; } .ow_avatar_preview div{ margin: 0px auto; } .ow_avatar { position: relative; display: inline-block; width: 47px; height: 47px; background-image: none; background-position: 0px 0px; background-repeat: no-repeat; /*url('images/avatar_bg.png');*/ } .ow_avatar img { vertical-align: bottom; width: 40px; height: 40px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkitborder-radius: 3px 3px 3px 3px; } .ow_avatar_label { font-size: 7px; display: inline-block; position: absolute; line-height: 10px; text-transform: uppercase; bottom: 0px; background-color: #999; right: 0px; color: #fff; font-weight: bold; padding: 0px 2px; border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; } html body .ow_sidebar .ow_avatar_label, html body .ow_console .ow_avatar_label { font-size: 7px; } html body .ow_console .ow_avatar_label { bottom: 0px; right: 0px; } .ow_canvas .ow_newsfeed_avatar { width: 50px; height: 50px; margin-right: 0px; margin-top: -2px; padding: 2px; margin-left: -2px; } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar img { max-width: 48px ! important; width: 48px !important; height: 48px !important; } .ow_canvas .ow_newsfeed_body { margin-left: 5px; padding-left: 0px; } .ow_newsfeed_string.ow_small.ow_smallmargin { border: 1px solid rgba(45, 45, 45, 0.48); color: #9A9D9E; min-height: 34px; padding-top: 13px; margin-top: 10px; padding-left: 60px; margin-left: -5px; margin-right: 10px; margin-bottom: -8px; border-color: #0D0D0D; background: url(images/dotbg.jpg) repeat top right; } .ow_newsfeed_string.ow_small.ow_smallmargin a { /* color: #B1E6EA; */ } .ow_newsfeed_toolbar { float: none; padding: 2px !important; } .ow_box_empty .ow_newsfeed_string.ow_small.ow_smallmargin { } .ow_newsfeed_content.ow_smallmargin { margin-bottom: -30px; padding-bottom: 30px; padding-top: 15px; margin-left: -5px; margin-right: 10px; padding-left: 8px; padding-right: 8px; background: rgba(0, 0, 0, 0.25); margin-top: 8px; } .ow_box_empty .ow_newsfeed_content.ow_smallmargin { } .ow_newsfeed_delimiter { border-bottom-width: 0px !important; } .ow_box_empty .ow_newsfeed_delimiter { border-bottom-width: 1px; height: 1px; margin-bottom: 7px; background: #ffffff; margin-left: 50px !important; } .ow_newsfeed_btns { background: rgba(0, 0, 0, 0.65); padding: 5px 5px 1px 5px; margin-right: 10px; margin-left: -5px; border: 1px solid rgba(34, 34, 34, 0.19); margin-top: 30px; } .ow_box_empty .ow_newsfeed_btns { } .ow_newsfeed_features { max-width: 100% !important; margin-right: 10px; margin-left: -5px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body:before { background: url(images/arrow_5.png) no-repeat center right; display: block; width: 15px; height: 12px; position: absolute; top: 15px; left: 57px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body .ow_box { background:#F7F7F7; margin-bottom: 8px; padding: 6px 6px 6px 6px; position: relative; margin:1px; margin-right:2px; border: 2px solid #ffffff; margin-bottom: 5px; margin-top:10px; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; } /* ---- End of the Avatar styles ---- */ .profile-NEWSFEED_CMP_UserFeedWidget.ow_box ,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box{ background: none; border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_empty , .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_empty{ background: none; border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap{ margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap_empty, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap_empty { margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget.ow_context_action_block,.index-NEWSFEED_CMP_SiteFeedWidget .ow_context_action_block, .group-NEWSFEED_CMP_EntityFeedWidget .ow_context_action_block, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_context_action_block { margin-right: 10px; } .ow_newsfeed_oembed_atch .ow_newsfeed_item_content { max-width: none; width: 100%; } .ow_box_cap_empty h3:after { } .ow_dnd_configurable_component h3:after{ /* content: " "; */ background: #F1F1F1 url("images/arrow_6.svg") no-repeat scroll right top; display: inline-block; width: 39px; height: 34px; position: absolute; margin-top: -10px; margin-left: 10px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box { background: rgba(69, 75, 77, 0.51) url(images/cap_bg.png) repeat center left; /* border-bottom: 5px solid #445166; */ border-left: none !important; border-right: none; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont { /* text-shadow: #23272a 1px 1px 0; */ /* color: #8B9B9D; */ /* background: #445166 !important; */ float: right; margin-bottom: -6px; margin-right: -11px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont:before { content: ' '; /* background: url(images/field3_l.svg) no-repeat right center; */ display: inline-block; width: 38px; height: 50px; position: absolute; margin-left: -39px; margin-top: -6px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont .ow_bl.ow_box_toolbar li { text-shadow: #171717 1px 1px 0; color: #C3C3C3; line-height: 28px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_group_brief_info .details { color: #B2B2B2; text-shadow: #000000 1px 1px 0; padding-left: 20px; min-height: 90px; } .ow_group_brief_info .image { width: 100px; height: 100px; padding: 4px; } .group-GROUPS_CMP_BriefInfoWidget a { text-decoration: none; color: #72A841; } .ow_moderation_sticky { width: 100% !important; margin-left: 0px !important; float: left; position:relative; } .ow_moderation_sticked { position: relative !important; top: 0px !important; } .ow_moderation_wrap { margin-left: 0px!important; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar img { width: 35px; height: 35px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; position: relative; display: inline-block; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar { position: relative; display: inline-block; width: 35px; height: 35px; top: 5px; left: -7px; } .ow_moderation_content_wrap input[type="checkbox"] { margin-left: -20px !important; margin-top: 18px; width: 13px; height: 13px; width: 20px!important; float: left; } .ow_moderation_wrap .ow_user_list_data { min-height: 35px; margin-left: -17px; margin-right: 0px; background: rgba(255, 255, 255, 0); padding: 6px 6px 6px 65px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .ow_moderation_wrap .ow_content .ow_left { float: left!important; } .ow_moderation_wrap .ow_newsfeed_btns { /* background: #e5e9eb; */ padding: 0px; margin-right: -5px; margin-left: -5px; /* border-bottom: 1px solid #DADADA; */ /* border-top: 1px solid #DADADA; */ margin-top:0px; } .ow_moderation_wrap .ow_newsfeed_date { background: none; line-height: 25px !important; height: 25px; margin-top: 0px !important; margin-right: 10px; /* color: #777777 !important; */ /* text-shadow: #ffffff 1px 1px 0 !important; */ } .ow_moderation_wrap .ow_newsfeed_date:before { content: ' '; display: none!important; } .ow_moderation_wrap .ow_newsfeed_date:after { content: ' '; display: none!important; } .ow_vertical_nav_item { cursor: pointer; border-width: 0px; padding: 10px 15px 10px 16px !important; width: auto; position: relative; display: inline-block!important; } .ow_vertical_nav { width: 100%; overflow: hidden; border-radius: 4px; border-width: 1px; border-style: solid; display: inline-block; border: solid 1px #C8C1C1; } .ow_vertical_nav_item .ow_count_wrap { float: center; margin-right: 2px; margin-top: 2px; } .ow_page_wrap .ow_sign_in_cont { width:100%; height:100%; position:absolute; top:0; left:0; background-color: #343F42; /** OW_Control type:color, key:signInbackgroundColor, section: 1.1. Sing in Page Settings, label: Sign in page background color **/ background-image: url('images/signinimage.jpg'); /** OW_Control type:image, key:signInbackgroundImage, section: 1.1. Sing in Page Settings, label: Sign in page background image **/ background-position: top center; background-repeat: no-repeat; z-index:97; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap h2 { color: #transparent; width: 50%; height: 100px; font-size: 0 !important; /** OW_Control type:color, key:signInLogobackgroundColor, section: 1.1. Sing in Page Settings, label: Sign in page small logo background **/ background-color: rgba(0, 0, 0, 0.66); background-image: url(images/sign_logo_small.svg); /** OW_Control type:image, key:signInSmallLogo, section: 1.1. Sing in Page Settings, label: Sign in page small logo image **/ background-repeat: no-repeat; background-position: center center; margin: 0; padding: 0; position: absolute; top: -100px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=text], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=password], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form textarea, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form select, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form div.jhtmlarea { background-image: none; color: #585858; font-family: "Lucida Grande", "Verdana"; font-size: 13px; padding: 4px; border: 1px solid#1F1F1F; padding: 8px 8px 6px 8px; display: inline-block; margin: 0 auto; background-color: rgba(0, 0, 0, 0.25); position: relative; -webkit-border-radius: 3px; border-radius: 3px; max-width: 415px; width: 100%; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form span.ow_button { background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 2px 2px 2px 2px; color: #767676; width:100%; text-shadow: 0 1px 0 rgba(255,255,255, .9); font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; color: #B6B6B6; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ background: #A91D1D; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=submit], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=button] { padding: 1px 4px 2px 3px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=password] { background: url(images/key_sign.svg) no-repeat 2px 50% !important; padding-left:40px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"] { background: url(images/user_sign.svg) no-repeat 2px 50% !important; padding-left:40px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_form_options .ow_right { width: 275px; margin-bottom: 10px; float: center; text-align: center; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_box_cap{ display: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap { width: 100%; position: absolute; top: 130px !important; left: 0% !important; margin: 0 0 0 0 !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in { float: right !important; width: 312px; } .ow_page_wrap .ow_sign_in_cont .base_sign_in { margin-top: 0px !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form { margin: 8px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in{ float:left; width:312px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up { margin: 0px 350px 50px 22px; padding-top: 7px; color: #F5F5F5; font-size: 15px; line-height: 24px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form hr { border: none; height: 1px; margin: 5px 5px 15px 5px; display: inline-block; width: 100%; height: 3px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_box { padding: 16px 16px 6px 16px; margin-bottom: 16px; position: relative; z-index: 98; background-color: rgba(0, 0, 0, 0.66); margin-top: -107px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin: 0px 5px 0px -1px; padding:0px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons { padding: 5px 5px 5px 5px; border-top: none; background-color: rgba(0, 0, 0, 0.66); } .ow_page_wrap .ow_sign_in_cont .ow_connect_text { color: #868686; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a { background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 5px 20px 5px 20px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; background: #51807C; text-decoration: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a:hover { color: #FFFFFF; background: #E05353; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;} .ow_page_wrap .ow_sign_in_cont .ow_connect_text { background: url('images/miniic_li.png') no-repeat left center; padding: 0px 0 0 16px; margin-right: 16px; float: left; line-height: 22px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in .connect_button_list { padding: 0px; float: left; } .ow_page_wrap .ow_sign_in_cont .floatbox_container .ow_sign_in_wrap form { margin: 0px; box-shadow: none; border: none; border-radius: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 40px 0; } .qa-check {width: auto !important; margin: 0 !important; padding: 0 !important; float: left !important;} .qa-content.ow_border {margin: 0 !important;} .qa-check {display: none !important;} .questions-answer {margin-top: -30px !important;} .qa-users {margin-left: 0 !important;} .qa-users .ow_mini_avatar {display: none !important;} .questions-add-answer {margin-left: 0 !important; margin-right: 0 !important;} .qaa-input-c {width: 89% !important; margin-top: 10px;} } @media (min-width: 980px) and (max-width: 1100px) { .ow_page_container, .ow_site_panel_wrap, .ow_footer { max-width: 100%; margin-left: 60px; } .ow_site_panel { z-index: 99; left : 0px; position:fixed; width: 100%; } .ow_site_panel_wrap { height: 40px; margin: 0 auto; position: relative; width:100%; } .ow_console { font-size: 11px; height: 40px; color: #9b9b9b; } .ow_console_body { border-bottom: 5px solid rgba(0, 0, 0, 0.11); text-align: right; } .ow_console_item { right: 15px; } .ow_mailbox_username { max-width: 79% !important; min-width: 79% !important; } .ow_newsfeed_line { display: block !important; padding-left: 40px!important; background: #445166; border: 1px solid #4C4A4A; color: #ffffff; min-height: 24px; padding-top: 3px!important; padding-bottom: 10px!important; margin-top: 10px!important; margin-right: 10px; margin-bottom: -9px!important; } .ow_newsfeed_line a { color: #9CC6CA; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position: fixed; z-index: 99; height: 37px; left: 50px; top:3px; } .ow_logo_wrap_small a:hover { text-decoration: none; } .ow_logo_img { background-image: url('images/logo_small.png'); /** OW_Control type:image, key:logoImage, section:1. General Settings, label: Logo image, description: Upload your own logo image **/ background-repeat: no-repeat; background-position: left center; display: block; width: 180px; height: 40px; } .ow_console .ow_tooltip_top_right.ow_tooltip { /* margin-top: 0; */ /* position: absolute; */ /* left: 10px; */ /* right: auto; */ /* top: -10px; */ } .ow_console .ow_tooltip_top_right .ow_tooltip_tail { text-align: right !important; } .ow_console .ow_tooltip .ow_tooltip_body { max-width: 330px; } .ow_header_img { padding-top: 5px; } .ow_photo_list_item { width: 150px; } .ow_menu_wrap { position: fixed; width: 0px; height:0px; overflow-y: hidden; right:-5000px; } .ow_main_menu li:last-child { margin-bottom:60px; } a.selected { background-color:#1F75CC; color:white; z-index:98; } .ow_main_menu li.active:after, .ow_main_menu li:hover:after { display: none!important; } .messagepop { /* border-color: #E7E7E7; */ background: rgba(0, 0, 0, 0.9); /** OW_Control type:color, key:navigationMenuBackground, section:4. Menu, label: Navigation menu background, description: Navigation menu background color **/ -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); border-top:none; cursor:default; display:yes; top: 36px; position:fixed; text-align:left; z-index:99; padding: 3px 3px 3px 3px; left:0px; height:100% !important; overflow-y: hidden; width:45px; } .messagepop:hover { overflow-y: auto; } .messagepop p, .messagepop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } #contact{ position:fixed; top:0px; left:0px; padding: 19px 29px 20px 22px; background: rgba(56, 63, 73, 0.32)url('images/menu_expand.svg') no-repeat center center; z-index:100; } #contact.selected{ position: fixed; top:0px; left:0px; padding: 18px 20px 20px 20px; background: #304B6C url('images/menu_expand.svg') no-repeat center center; z-index: 100; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position: fixed; z-index: 99; left: 50px; top: 0px; } .ow_logo_wrap a:hover { text-decoration: none; } .ow_logo_img { background-image: url('images/logo.png'); /** OW_Control type:image, key:logoImage, section:1. General Settings, label: Logo image, description: Upload your own logo image **/ background-repeat: no-repeat; background-position: center center; /* background-color: #303942; */ display: block; width: 190px; height: 41px; } .ow_user_list .ow_item_set3{ width: 96% !important; word-wrap: break-word; } .ow_mailbox_convers_info_body { margin-left: 67px !important; } .ow_photo_list.ow_photo_pint_mode .ow_photo_item_wrap { padding: 8px; width: 48%!important; position: static!important; } .ow_photo_list_wrap div.ow_photo_item_wrap { position: static!important; width: 48%!important; float: left!important; height: auto !important; margin:auto; } .ow_photo_list_wrap { position: relative; display: inline-block; } .ow_photo_pint_album { height: 300px!important; background-size: cover; overflow: hidden; } .ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info { position: relative!important; } /* ---- Avatar styles ---- */ .ow_change_avatar .avatar_current{ border-right: 1px solid #dcdcdc; padding-right: 3px; } .ow_change_avatar .ow_avatar_preview{ border-left: 1px solid #dcdcdc; } .ow_change_avatar .avatar_crop{ border-bottom: 1px solid #dcdcdc; } .ow_avatar_crop .jcrop-holder{ margin: 0px auto; } .ow_avatar_preview div{ margin: 0px auto; } .ow_avatar { position: relative; display: inline-block; width: 47px; height: 47px; background-image: none; background-position: 0px 0px; background-repeat: no-repeat; /*url('images/avatar_bg.png');*/ } .ow_avatar img { vertical-align: bottom; width: 40px; height: 40px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkitborder-radius: 3px 3px 3px 3px; } .ow_avatar_label { font-size: 7px; display: inline-block; position: absolute; line-height: 10px; text-transform: uppercase; bottom: 0px; background-color: #999; right: 0px; color: #fff; font-weight: bold; padding: 0px 2px; border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; } html body .ow_sidebar .ow_avatar_label, html body .ow_console .ow_avatar_label { font-size: 7px; } html body .ow_console .ow_avatar_label { bottom: 0px; right: 0px; } .ow_canvas .ow_newsfeed_avatar { width: 50px; height: 50px; margin-right: 0px; margin-top: -2px; padding: 2px; margin-left: -2px; } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar img { max-width: 48px ! important; width: 48px !important; height: 48px !important; } .ow_canvas .ow_newsfeed_body { margin-left: 5px; padding-left: 0px; } .ow_newsfeed_string.ow_small.ow_smallmargin { border: 1px solid rgba(45, 45, 45, 0.48); color: #9A9D9E; min-height: 34px; padding-top: 13px; margin-top: 10px; padding-left: 60px; margin-left: -5px; margin-right: 10px; margin-bottom: -8px; border-color: #0D0D0D; background: url(images/dotbg.jpg) repeat top right; } .ow_newsfeed_string.ow_small.ow_smallmargin a { /* color: #B1E6EA; */ } .ow_newsfeed_toolbar { float: none; padding: 2px !important; } .ow_box_empty .ow_newsfeed_string.ow_small.ow_smallmargin { } .ow_newsfeed_content.ow_smallmargin { margin-bottom: -30px; padding-bottom: 30px; padding-top: 15px; margin-left: -5px; margin-right: 10px; padding-left: 8px; padding-right: 8px; background: rgba(0, 0, 0, 0.25); margin-top: 8px; } .ow_box_empty .ow_newsfeed_content.ow_smallmargin { } .ow_newsfeed_delimiter { border-bottom-width: 0px !important; } .ow_box_empty .ow_newsfeed_delimiter { border-bottom-width: 1px; height: 1px; margin-bottom: 7px; background: #ffffff; margin-left: 50px !important; } .ow_newsfeed_btns { background: rgba(0, 0, 0, 0.65); padding: 5px 5px 1px 5px; margin-right: 10px; margin-left: -5px; border: 1px solid rgba(34, 34, 34, 0.19); margin-top: 30px; } .ow_box_empty .ow_newsfeed_btns { } .ow_newsfeed_features { max-width: 100% !important; margin-right: 10px; margin-left: -5px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body:before { background: url(images/arrow_5.png) no-repeat center right; display: block; width: 15px; height: 12px; position: absolute; top: 15px; left: 57px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body .ow_box { background:#F7F7F7; margin-bottom: 8px; padding: 6px 6px 6px 6px; position: relative; margin:1px; margin-right:2px; border: 2px solid #ffffff; margin-bottom: 5px; margin-top:10px; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; } /* ---- End of the Avatar styles ---- */ .profile-NEWSFEED_CMP_UserFeedWidget.ow_box ,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box{ background: none; border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_empty , .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_empty{ background: none; border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap{ margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap_empty, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap_empty { margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget.ow_context_action_block,.index-NEWSFEED_CMP_SiteFeedWidget .ow_context_action_block, .group-NEWSFEED_CMP_EntityFeedWidget .ow_context_action_block, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_context_action_block { margin-right: 10px; } .ow_newsfeed_oembed_atch .ow_newsfeed_item_content { max-width: none; width: 100%; } .ow_box_cap_empty h3:after { } .ow_dnd_configurable_component h3:after{ /* content: " "; */ background: #F1F1F1 url("images/arrow_6.svg") no-repeat scroll right top; display: inline-block; width: 39px; height: 34px; position: absolute; margin-top: -10px; margin-left: 10px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box { background: rgba(69, 75, 77, 0.51) url(images/cap_bg.png) repeat center left; /* border-bottom: 5px solid #445166; */ border-left: none !important; border-right: none; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont { /* text-shadow: #23272a 1px 1px 0; */ /* color: #8B9B9D; */ /* background: #445166 !important; */ float: right; margin-bottom: -6px; margin-right: -11px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont:before { content: ' '; /* background: url(images/field3_l.svg) no-repeat right center; */ display: inline-block; width: 38px; height: 50px; position: absolute; margin-left: -39px; margin-top: -6px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont .ow_bl.ow_box_toolbar li { text-shadow: #171717 1px 1px 0; color: #C3C3C3; line-height: 28px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_group_brief_info .details { color: #B2B2B2; text-shadow: #000000 1px 1px 0; padding-left: 20px; min-height: 90px; } .ow_group_brief_info .image { width: 100px; height: 100px; padding: 4px; background: #343434; } .group-GROUPS_CMP_BriefInfoWidget a { text-decoration: none; color: #72A841; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar img { width: 35px; height: 35px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; position: relative; display: inline-block; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar { position: relative; display: inline-block; width: 35px; height: 35px; top: 5px; left: -7px; } .ow_moderation_content_wrap input[type="checkbox"] { margin-left: -20px !important; margin-top: 18px; width: 13px; height: 13px; width: 20px!important; float: left; } .ow_moderation_wrap .ow_user_list_data { min-height: 35px; margin-left: -17px; margin-right: 0px; background: rgba(255, 255, 255, 0); padding: 6px 6px 6px 65px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .ow_moderation_wrap .ow_content .ow_left { float: left!important; } .ow_moderation_wrap .ow_newsfeed_btns { /* background: #e5e9eb; */ padding: 0px; margin-right: -5px; margin-left: -5px; /* border-bottom: 1px solid #DADADA; */ /* border-top: 1px solid #DADADA; */ margin-top:0px; } .ow_moderation_wrap .ow_newsfeed_date { background: none; line-height: 25px !important; height: 25px; margin-top: 0px !important; margin-right: 10px; color: #C0C0C0 !important; text-shadow: #383838 1px 1px 0 !important; } .ow_moderation_wrap .ow_newsfeed_date:before { content: ' '; display: none!important; } .ow_moderation_wrap .ow_newsfeed_date:after { content: ' '; display: none!important; } .ow_moderation_sticked { position: fixed; top: 60px!important; } .ow_page_wrap .ow_sign_in_cont { width:100%; height:100%; position:absolute; top:0; left:0; background-color: #343F42; /** OW_Control type:color, key:signInbackgroundColor, section: 1.1. Sing in Page Settings, label: Sign in page background color **/ background-image: url('images/signinimage.jpg'); /** OW_Control type:image, key:signInbackgroundImage, section: 1.1. Sing in Page Settings, label: Sign in page background image **/ background-position: top center; background-repeat: no-repeat; z-index:97; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap h2 { color: #transparent; width: 50%; height: 100px; font-size: 0 !important; background-color: rgba(0, 0, 0, 0.66); background-image: url(images/sign_logo_small.svg); background-repeat: no-repeat; background-position: center center; margin: 0; padding: 0; top: -100px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=text], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=password], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form textarea, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form select, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form div.jhtmlarea { background-image: none; color: #585858; font-family: "Lucida Grande", "Verdana"; font-size: 13px; padding: 4px; border: 1px solid#1F1F1F; padding: 8px 8px 6px 8px; display: inline-block; margin: 0 auto; background-color: rgba(0, 0, 0, 0.25); position: relative; -webkit-border-radius: 3px; border-radius: 3px; max-width: 415px; width: 100%; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form span.ow_button { background-color: transparent; background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 2px 2px 2px 2px; color: #767676; width:100%; text-shadow: 0 1px 0 rgba(255,255,255, .9); font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; color: #B6B6B6; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ background: #A91D1D; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=submit], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=button] { padding: 1px 4px 2px 3px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; text-shadow: 0 1px 0 rgba(65, 126, 96, 0.9); } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=password] { background: url(images/key_sign.svg) no-repeat 2px 50% !important; padding-left: 35px !important; color: #4F4E4E !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"] { background: url(images/user_sign.svg) no-repeat 2px 50% !important; padding-left: 35px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_form_options .ow_right { width: 275px; margin-bottom:10px; float: center; text-align: center; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_box_cap{ /* position:relative; */ /* z-index:99; */ display: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap { width: 100%; position: absolute; top: 20px !important; left: 0% !important; margin: 0 0 0 0 !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in { float: right !important; width: 312px; } .ow_page_wrap .ow_sign_in_cont .base_sign_in { margin-top: 0px !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form { margin: 8px; max-width: 1200px; min-width: 900px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in{ float:left; width:312px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up { margin: 0px 350px 50px 22px; padding-top: 7px; color: #F5F5F5; font-size: 18px; line-height: 18px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form hr { border: none; height: 1px; margin: 5px 5px 15px 5px; display: inline-block; width: 100%; height: 3px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_box { padding: 16px 16px 6px 16px; margin-bottom: 16px; margin-top: -108px; position: relative; z-index: 98; background-color: rgba(0, 0, 0, 0.66); } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;color: #616161;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin: 0px 5px 0px -1px; padding:0px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons { padding: 5px 5px 5px 5px; border-top: none; background-color: rgba(0, 0, 0, 0.66); } .ow_page_wrap .ow_sign_in_cont .ow_connect_text { color: #868686; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a { background-color: transparent; background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 5px 20px 5px 20px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; background: #51807C; text-decoration: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a:hover { color: #FFFFFF; background: #E05353; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;} .ow_page_wrap .ow_sign_in_cont .ow_connect_text { background: url('images/miniic_li.png') no-repeat left center; padding: 0px 0 0 16px; margin-right: 16px; float: left; line-height: 22px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in .connect_button_list { padding: 0px; float: center; } .ow_page_wrap .ow_sign_in_cont .floatbox_container .ow_sign_in_wrap form { margin: 0px; box-shadow: none; border: none; border-radius: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 40px 0; } .qa-check {width: auto !important; margin: 0 !important; padding: 0 !important; float: left !important;} .qa-content.ow_border {margin: 0 !important;} .qa-check {display: none !important;} .questions-answer {margin-top: -30px !important;} .qa-users {margin-left: 0 !important;} .qa-users .ow_mini_avatar {display: none !important;} .questions-add-answer {margin-left: 0 !important; margin-right: 0 !important;} .qaa-input-c {width: 89% !important; margin-top: 10px;} } /* Large desktop */ @media (min-width: 1100px) { .ow_page_container, .ow_site_panel_wrap, .ow_footer { max-width: 100%; margin-left: 60px; } .ow_canvas { margin: 0px auto; word-wrap: break-word; max-width:90%; background: rgba(0, 0, 0, 0.62); position: relative; } .ow_footer { max-width: 100%; /* margin-left: 52px; */ } .ow_footer a { /* color: #ffffff; */ text-decoration: none; font-weight: bold; } .ow_site_panel { z-index: 99; left : 0px; position:fixed; width: 100%; } .ow_site_panel_wrap { height: 40px; margin: 0 auto; position: relative; width:100%; } .ow_console { font-size: 11px; height: 40px; color: #9b9b9b; border-bottom: #000000; } .ow_console_body { text-align: left; } .ow_console_item { top: 0px; left: 290px; } .console_avatar { position: absolute !important; left: 240px; width: 40px; height: 40px; background-color: #2c3d4f; } .ow_console .ow_tooltip_top_right.ow_tooltip { margin-top: 0; position: absolute; left: 10px; right: auto; top: 33px !important; padding-top: 6px; */; } .ow_console .ow_tooltip .ow_tooltip_body { max-width: 330px; } .ow_mailbox_username { max-width: 79% !important; min-width: 79% !important; } .ow_newsfeed_line { display: block !important; padding-left: 40px!important; background: #445166; border: 1px solid #4C4A4A; color: #ffffff; min-height: 24px; padding-top: 3px!important; padding-bottom: 10px!important; margin-top: 10px!important; margin-right: 10px; margin-bottom: -9px!important; } .ow_newsfeed_line a { color: #9CC6CA; } .ow_logo_wrap a { font-size: 20px; text-transform: uppercase; display: block; font-weight: bold; line-height: 24px; position: fixed; z-index: 99; left: 50px; top: 0px; } .ow_logo_wrap a:hover { text-decoration: none; } .ow_logo_img { background-image: url('images/logo.png'); /** OW_Control type:image, key:logoImage, section:1. General Settings, label: Logo image, description: Upload your own logo image **/ background-repeat: no-repeat; background-position: center center; /* background-color: #303942; */ display: block; width: 190px; height: 41px; } .ow_header_img { padding-top: 5px; } .ow_menu_wrap { position: fixed; width: 0px; height:0px; overflow-y: hidden; right:-5000px; } .ow_main_menu li:last-child { margin-bottom:60px; } a.selected { background-color:#1F75CC; color:white; z-index:98; } .ow_main_menu li.active:after, .ow_main_menu li:hover:after { display: none!important; } .messagepop { /* border-color: #E7E7E7; */ background: rgba(0, 0, 0, 0.9); /** OW_Control type:color, key:navigationMenuBackground, section:4. Menu, label: Navigation menu background, description: Navigation menu background color **/ -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); border-top:none; cursor:default; display:yes; top: 43px; position:fixed; text-align:left; z-index:99; padding: 3px 3px 3px 3px; left:0px; height:100% !important; overflow-y: hidden; width: 45px; } .messagepop:hover { overflow-y: auto; } .messagepop p, .messagepop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } #contact{ position:fixed; top:0px; left:0px; padding: 19px 29px 20px 22px; background: rgba(56, 63, 73, 0.32)url('images/menu_expand.svg') no-repeat center center; z-index:100; } #contact.selected{ position: fixed; top:0px; left:0px; padding: 18px 20px 20px 20px; background: #304B6C url('images/menu_expand.svg') no-repeat center center; z-index: 100; } .ow_mailbox_convers_info_body { margin-left: 67px !important; } .ow_photo_item_wrap img:hover { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity:0.8; } /* ---- Avatar styles ---- */ .ow_change_avatar .avatar_current{ border-right: 1px solid #dcdcdc; padding-right: 3px; } .ow_change_avatar .ow_avatar_preview{ border-left: 1px solid #dcdcdc; } .ow_change_avatar .avatar_crop{ border-bottom: 1px solid #dcdcdc; } .ow_avatar_crop .jcrop-holder{ margin: 0px auto; } .ow_avatar_preview div{ margin: 0px auto; } .ow_avatar { position: relative; display: inline-block; width: 47px; height: 47px; background-image: none; /*url('images/avatar_bg.png');*/ background-position: 0px 0px; background-repeat: no-repeat; } .ow_avatar img { vertical-align: bottom; width: 40px; height: 40px; } .ow_avatar_label { font-size: 7px; display: inline-block; position: absolute; line-height: 10px; text-transform: uppercase; bottom: 0px; background-color: #999; right: 0px; color: #fff; font-weight: bold; padding: 0px 2px; border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; } html body .ow_sidebar .ow_avatar_label, html body .ow_console .ow_avatar_label { font-size: 7px; } html body .ow_console .ow_avatar_label { bottom: 0px; right: 0px; } .ow_canvas .ow_newsfeed_avatar { width: 50px; height: 50px; margin-right: 0px; margin-top: -2px; padding: 2px; margin-left: -2px; } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar .ow_avatar_label { border-radius: 20%; background: #FFFFFF; border: solid 2px #D2D2D2; bottom:-20px } .ow_canvas .ow_newsfeed_avatar img { max-width: 48px ! important; width: 48px !important; height: 48px !important; } .ow_canvas .ow_newsfeed_body { margin-left: 5px; padding-left: 0px; } .ow_newsfeed_string.ow_small.ow_smallmargin { background: rgba(42, 42, 42, 0.35); border: 1px solid rgba(45, 45, 45, 0.48); color: #9A9D9E; min-height: 34px; padding-top: 13px; margin-top: 10px; padding-left: 60px; margin-left: -5px; margin-right: 10px; margin-bottom: -8px; border-color: #0D0D0D; background: url(images/dotbg.jpg) repeat top right; } .ow_newsfeed_string.ow_small.ow_smallmargin a { color: #B83333; } .ow_newsfeed_toolbar { float: none; padding: 2px !important; } .ow_box_empty .ow_newsfeed_string.ow_small.ow_smallmargin { } .ow_newsfeed_content.ow_smallmargin { margin-bottom: -30px; padding-bottom: 30px; padding-top: 15px; margin-left: -5px; margin-right: 10px; padding-left: 8px; padding-right: 8px; background: rgba(0, 0, 0, 0.25); margin-top: 8px; } .ow_box_empty .ow_newsfeed_content.ow_smallmargin { } .ow_newsfeed_delimiter { border-bottom-width: 0px !important; } .ow_box_empty .ow_newsfeed_delimiter { border-bottom-width: 1px; height: 1px; margin-bottom: 7px; background: #ffffff; margin-left: 50px !important; } .ow_newsfeed_btns { background: rgba(0, 0, 0, 0.65); padding: 5px 5px 1px 5px; margin-right: 10px; margin-left: -5px; border: 1px solid rgba(34, 34, 34, 0.19); margin-top: 30px; } .ow_box_empty .ow_newsfeed_btns { } .ow_newsfeed_features { max-width: 100% !important; margin-right: 10px; margin-left: -5px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body:before { background: url(images/arrow_5.png) no-repeat center right; display: block; width: 15px; height: 12px; position: absolute; top: 15px; left: 57px; } [class*=NEWSFEED_CMP_] .ow_newsfeed_body .ow_box { background:#F7F7F7; margin-bottom: 8px; padding: 6px 6px 6px 6px; position: relative; margin:1px; margin-right:2px; border: 2px solid #ffffff; margin-bottom: 5px; margin-top:10px; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; } /* ---- End of the Avatar styles ---- */ .profile-NEWSFEED_CMP_UserFeedWidget.ow_box ,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box{ background: none; border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_empty , .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_empty{ border:none; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap{ margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget .ow_box_cap_empty,.index-NEWSFEED_CMP_SiteFeedWidget .ow_box_cap_empty, .group-NEWSFEED_CMP_EntityFeedWidget .ow_box_cap_empty, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_box_cap_empty { margin-bottom: 7px; } .profile-NEWSFEED_CMP_UserFeedWidget.ow_context_action_block,.index-NEWSFEED_CMP_SiteFeedWidget .ow_context_action_block, .group-NEWSFEED_CMP_EntityFeedWidget .ow_context_action_block, .dashboard-NEWSFEED_CMP_MyFeedWidget .ow_context_action_block { margin-right: 10px; } .ow_newsfeed_oembed_atch .ow_newsfeed_item_content { max-width: none; width: 100%; } .ow_box_cap_empty h3:after { } .ow_dnd_configurable_component h3:after{ /* content: " "; */ background: #F1F1F1 url("images/arrow_6.svg") no-repeat scroll right top; display: inline-block; width: 39px; height: 34px; position: absolute; margin-top: -10px; margin-left: 10px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box { background: rgba(69, 75, 77, 0.51) url(images/cap_bg.png) repeat center left; /* border-bottom: 5px solid #445166; */ border-left:none !important; border-right: none; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont { /* text-shadow: #23272a 1px 1px 0; */ /* color: #8B9B9D; */ /* background: #445166 !important; */ float: right; margin-bottom: -6px; margin-right: -11px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont:before { content: ' '; /* background: url(images/field3_l.svg) no-repeat right center; */ display: inline-block; width: 38px; height: 50px; position: absolute; margin-left: -39px; margin-top: -6px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_toolbar_cont .ow_bl.ow_box_toolbar li { text-shadow: #171717 1px 1px 0; color: #C3C3C3; line-height: 28px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_group_brief_info .details { color: #B2B2B2; text-shadow: #000000 1px 1px 0; padding-left: 20px; min-height: 90px; } .ow_group_brief_info .image { width: 100px; height: 100px; padding: 4px; background: #343434; } .group-GROUPS_CMP_BriefInfoWidget a { text-decoration: none; color: #72A841; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar img { width: 35px; height: 35px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; position: relative; display: inline-block; } .ow_moderation_wrap .ow_user_list_picture .ow_avatar { position: relative; display: inline-block; width: 35px; height: 35px; top: 5px; left: -7px; } .ow_moderation_content_wrap input[type="checkbox"] { margin-left: -20px !important; margin-top: 18px; width: 13px; height: 13px; width: 20px!important; float: left; } .ow_moderation_wrap .ow_user_list_data { min-height: 35px; margin-left: -17px; margin-right: 0px; background: rgba(255, 255, 255, 0); padding: 6px 6px 6px 65px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .ow_moderation_wrap .ow_content .ow_left { float: left!important; } .ow_moderation_wrap .ow_newsfeed_btns { /* background: #e5e9eb; */ padding: 0px; margin-right: -5px; margin-left: -5px; /* border-bottom: 1px solid #DADADA; */ /* border-top: 1px solid #DADADA; */ margin-top:0px; } .ow_moderation_wrap .ow_newsfeed_date { background: none; line-height: 25px !important; height: 25px; margin-top: 0px !important; margin-right: 10px; color: #A3A3A3 !important; text-shadow: #202020 1px 1px 0 !important; } .ow_moderation_wrap .ow_newsfeed_date:before { content: ' '; display: none!important; } .ow_moderation_wrap .ow_newsfeed_date:after { content: ' '; display: none!important; } .ow_moderation_sticked { position: fixed; top: 60px!important; } a.selected { background-color: #1F75CC; color: white; z-index: 98; } .ow_page_wrap .ow_sign_in_cont { width:100%; height:100%; position:absolute; top:0; left:0; background-color: #343F42; /** OW_Control type:color, key:signInbackgroundColor, section: 1. General Settings, label: Sign in page background color **/ background-image: url('images/signinimage.jpg'); /** OW_Control type:image, key:signInbackgroundImage, section: 1. General Settings, label: Sign in page background image **/ background-position: top left; background-repeat: no-repeat; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap h2 { color: #transparent; width: 50%; max-width: 800px; height: 100px; font-size: 0 !important; background-color: rgba(0, 0, 0, 0.66); background-image: url(images/sign_logo_small.svg); background-repeat: no-repeat; background-position: center center; margin: 0; padding: 0; top: -100px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=text], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=password], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form textarea, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form select, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form div.jhtmlarea { background-image: none; color: #585858; font-family: "Lucida Grande", "Verdana"; font-size: 13px; padding: 4px; border: 1px solid#1F1F1F; padding: 8px 8px 6px 8px; display: inline-block; margin: 0 auto; background-color: rgba(0, 0, 0, 0.25); position: relative; -webkit-border-radius: 3px; border-radius: 3px; max-width: 415px; width: 100%; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form span.ow_button { background-color: transparent; background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 2px 2px 2px 2px; color: #767676; width:100%; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; color: #B6B6B6; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ background: #A91D1D; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form span.ow_button:hover { } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form input[type=submit], .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=button] { padding: 1px 4px 2px 3px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap input[type=password] { background: url(images/key_sign.svg) no-repeat 2px 50% !important; padding-left: 35px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"] { background: url(images/user_sign.svg) no-repeat 2px 50% !important; padding-left: 35px !important; color: #DBDBDB !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_form_options .ow_right { width: 275px; margin-bottom:10px; float: center; text-align: center; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap .ow_box_cap{ /* position:relative; */ /* z-index:99; */ display: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap { width: 100%; position: absolute; top: 20px !important; left: 0% !important; margin: 0 0 0 0 !important; z-index: 200; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in { float: right !important; width: 312px; } .ow_page_wrap .ow_sign_in_cont .base_sign_in { margin-top: 0px !important; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form { margin: 8px; padding: 5px 40px 22px 40px; max-width: 1200px; min-width: 1000px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 100; position: relative; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_in{ float:left; width:312px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up { margin: 250px 0px 50px 492px; color: #F5F5F5; padding-top: 7px; font-size: 18px; line-height: 18px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form hr { border: none; height: 1px; margin: 5px 5px 15px 5px; display: inline-block; width: 100%; height: 3px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_box { padding: 16px 16px 6px 16px; margin-bottom: 16px; margin-top: -360px; position: relative; z-index: 98; background: rgba(0, 0, 0, 0.47); } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;color: #616161;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin: 0px 5px 0px -1px; padding:0px;} .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons { padding: 5px 5px 5px 5px; border-top: none; background: rgba(0, 0, 0, 0.65); } .ow_page_wrap .ow_sign_in_cont .ow_connect_text { color: #868686; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a { background-color: transparent; background-position: right 45%; background-repeat: no-repeat; background-image: none; padding: 5px 20px 5px 20px; color: #FFFFFF; font-weight: normal; cursor: pointer; height: 30px; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 14px; border: none; line-height: 30px; background: #51807C; text-decoration: none; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_sign_up a:hover { color: #FFFFFF; background: #E05353; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;} .ow_page_wrap .ow_sign_in_cont .ow_connect_text { background: url('images/miniic_li.png') no-repeat left center; padding: 0px 0 0 16px; margin-right: 16px; float: left; line-height: 22px; } .ow_page_wrap .ow_sign_in_cont .ow_sign_in .connect_button_list { padding: 0px; float: center; } .ow_page_wrap .ow_sign_in_cont .floatbox_container .ow_sign_in_wrap form { margin: 0px; box-shadow: none; border: none; border-radius: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 40px 0; } } .ow_video_player iframe { max-width: 100%; } /* ---- Console styles ---- */ .ow_console .wackwall_link{ background: url(images/console-w.png) no-repeat 50% 50%; display: block; height: 30px; width: 35px; } .ow_console .wackwall_link:hover{ text-decoration:none; } .ow_console .common_shortcuts a{ background-position:50% 50%; background-repeat: no-repeat; display:inline-block; height:30px; width:25px; } .ow_console .common_shortcuts a:hover{ text-decoration:none; } .ow_console .notification_shortcut{ padding:0 7px; } .ow_console .notification_shortcut a{ background-position:0 50%; background-repeat:no-repeat; display:block; padding: 5px 0 5px 20px; text-decoration:none; } .ow_console_item a { height: 22px; } .ow_console_block { display: inline-block; text-align: left; vertical-align: top; } .ow_console_item { display: inline-block; position:relative; line-height: 37px; height: 39px; margin: 0 4px 0 0px; vertical-align: top; text-align: left; z-index:1002; } .ow_console_item:hover { cursor: pointer; } } .ow_console_dropdown_hover:hover { cursor: pointer; color: #dddddd; } .ow_console_dropdown_pressed { /* background: #0b1b27; */ /* color: #fff; */ } .ow_console_item a { color: rgba(218, 57, 57, 1);/** OW_Control type:color, key:consoleIconsColor, section:1. General Settings, label: Console icons color, description: Top website console icons color **/ } .ow_console_item a:hover { text-decoration: none; } .ow_console_more { background: url("images/console_arr_hover.png") no-repeat scroll right 16px transparent; display: inline-block; height: 22px; min-width: 8px; vertical-align: top; padding: 0px 1px 0px 1px; } .ow_console_item:hover .ow_console_more { background: url("images/console_arr_hover.png") no-repeat scroll right 16px transparent; } /* ---- Console select language styles ---- */ .ow_console_lang_item { text-transform: uppercase; padding: 0px 4px 0px 6px; */; } li.ow_console_lang_item { padding: 3px 8px; border: 1px solid transparent; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 1px; background-color: transparent; } li.ow_console_lang_item:hover { border: 1px solid #363636; background: #90c105; /*url(images/console_item_bg.png) repeat-x center 0px;*/ } .ow_console_lang_item { display: inline-block; padding-left: 3px; padding-right:15px; background-position: 3px 11px; height: 41px !important; width: 32px !important; } .ow_console_lang_item span { display: inline-block; padding-left: 23px; background-position: 1px 11px; color: #ffffff; } /* ---- End Console select language styles ---- */ .ow_console .ow_tooltip_top_right { top: 10px; /* padding-top: 8px; */ } .ow_console .ow_tooltip_top_right .ow_tooltip_tail span { background-position: 1px -6px; } .ow_console span.ow_count_wrap { /* padding: 20px 0px 0px; */ /* margin: 0px 0px 0px -36px; */ position: absolute; top: 5px; } .ow_console span.ow_count_bg { font-size:5px; } .ow_console .ow_count_bg { background: rgba(60, 127, 215, 0.57); border-radius: none; box-shadow: none; border: solid 1px #1A5979; width: auto; } .ow_console .ow_count_active { background: rgba(103, 208, 31, 0.47); border-radius: none; box-shadow: none; border: solid 1px rgba(124, 168, 113, 0.71); /* border-top: solid 1px #4868A2; */ width: auto; } .ow_console span.ow_count { position: relative; top: 0px; font-size:8px; } html body .ow_console .ow_tooltip_body { background-color: rgba(0, 0, 0, 0.81); /** OW_Control type:color, key:dropdownBoxColor, section:5. Dropdown, label: Dropdown box background , description: Dropdown box background color **/ border: 0px; /* padding-top: 10px; */ /* padding-bottom: 10px; */ } html body .ow_console .ow_tooltip_tail span{ background-image: none; } .ow_console_list_wrapper { width: 330px; overflow-y: auto; word-wrap: break-word; min-height: 60px; } .ow_console_list { cursor: default; padding-top: 5px; } .ow_console_list li { /* padding: 3px; */ /* margin: 0px 0px 4px; */ height: auto; overflow: hidden; /* background: #455057; */ border-bottom: 1px solid rgba(71, 71, 71, 0.11); } .ow_console_list li:hover, .ow_console_list li.ow_console_new_message:hover { background: #7E1C1C; /** OW_Control type:color, key:dropdownBoxHoverColor, section:5. Dropdown, label: Dropdown box hover color , description: Dropdown box hover color **/ /* border-bottom: 1px solid #272727; */ color: #fff; } .ow_console_list li.ow_console_new_message { background: #588A22; border-color: #363636; } .ow_console_list li:hover a, .ow_console_list li:hover .ow_console_ntf_txt, .ow_console_list li:hover .ow_console_invt_txt, .ow_console_list li.ow_console_new_message:hover a, .ow_console_list li.ow_console_new_message:hover .ow_console_ntf_txt, .ow_console_list li.ow_console_new_message:hover .ow_console_invt_txt{ color: #E8E1E1; /** OW_Control type:color, key:dropdownBoxTextHoverColor, section:5. Dropdown, label: Dropdown box text hover , description: Dropdown box text hover color **/ } .ow_console_list li.ow_console_new_message a, .ow_console_list li.ow_console_new_message .ow_console_ntf_txt, .ow_console_list li.ow_console_new_message .ow_console_invt_txt{ color: #fff; } .ow_console_list li:hover a.ow_lbutton, .ow_console_list li.ow_console_new_message a.ow_lbutton, .ow_console_list li.ow_console_new_message:hover a.ow_lbutton { color: #C3C3C3; } .ow_console_list li:hover a.ow_lbutton:hover, .ow_console_list li.ow_console_new_message a.ow_lbutton:hover, .ow_console_list li.ow_console_new_message:hover a.ow_lbutton:hover { } .ow_console_list li:last-child { margin-bottom: 0px; } .ow_console .ow_avatar { float: left; margin-right: -40px; height: 40px; width: 40px; padding: 0px; background-image: none; } .ow_console .ow_avatar img { height: 54px; width: 54px; } .ow_console_ntf_txt, .ow_console_invt_txt { display: block; line-height: 16px; color: #929396; /** OW_Control type:color, key:dropdownBoxTextColor, section:5. Dropdown, label: Dropdown box Text , description: Dropdown box Text color **/ } .ow_console_invt_txt a { color: #929396; /** OW_Control type:color, key:dropdownBoxTextColor, section:5. Dropdown, label: Dropdown box Text , description: Dropdown box Text color **/ } .ow_console_view_all_btn_wrap { padding-top: 4px; } .ow_console_view_all_btn { text-decoration: none; display: block; line-height: 11px; padding: 8px 0px; text-align: center; border: 1px solid #363636; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #305464 url('images/console.png') left top repeat-x; } .ow_console_view_all_btn:hover { background: #305464; color: #fff; } ul.ow_console_dropdown { min-width: 110px; text-align: left; overflow-x: auto; cursor: default; } ul.ow_console_dropdown .ow_console_dropdown_cont { white-space: nowrap; margin-bottom: 1px; } ul.ow_console_dropdown .ow_console_dropdown_cont a { padding: 3px 8px; border: 1px solid transparent; display: block; color: #929396; /** OW_Control type:color, key:dropdownBoxTextColor, section:5. Dropdown, label: Dropdown box Text , description: Dropdown box Text color **/ line-height: 21px; } ul.ow_console_dropdown .ow_console_dropdown_cont a:hover { background: #A01717; /** OW_Control type:color, key:dropdownBoxHoverColor, section:5. Dropdown, label: Dropdown box hover color , description: Dropdown box hover color **/ color: #E8E1E1; /** OW_Control type:color, key:dropdownBoxTextHoverColor, section:5. Dropdown, label: Dropdown box text hover , description: Dropdown box text hover color **/ } ul.ow_console_dropdown li:last-child .ow_console_dropdown_cont { margin-bottom: 0px; } .ow_console_ntf_cont, .ow_console_invt_cont { display: block; margin: 0px 65px 0px 65px; line-height: 16px; color: #444; } .ow_console_ntf_txt, .ow_console_invt_txt { min-height: 19px; padding: 0px 0px 3px 0px; } .ow_console_invt_txt { width: 200px; word-wrap: break-word; /* padding-top: 10px; */ */; } .ow_console_invt_cont a { color: #84ABC0; } .ow_console_invt_cont a:hover { text-decoration: underline; } .ow_console_invt_cont .ow_lbutton:hover { text-decoration: none; } .ow_console_invt_img { float: right; margin-left: -54px; width: 54px; height: 54px; text-align: right; } .ow_console_invt_img img { max-height: 100%; max-width: 100%; } .ow_console_invt_no_img .ow_console_invt_txt { width: 250px; } .ow_console_invt_no_img { margin-right: 0px; } .ow_console_divider { line-height: 7px; height: 3px; margin: 3px 0px 2px; background: #671010; /** OW_Control type:color, key:dropdownBoxDividerColor, section:5. Dropdown, label: Dropdown box divider color , description: Dropdown box divider color **/ } .ow_cursor_pointer { cursor: pointer; } .ow_cursor_default { cursor: default; } /*console_preloader*/ .ow_preloader_content.ow_console_list_preloader { background-image: url(images/ajax_preloader_console.gif); } /*end console preloader*/ /* ---- End of Console styles ---- */ /*======================================================== [4] Forms __forms ========================================================*/ /* ---- Form Elements styles ---- */ input[type=text], input[type=password], textarea, select, div.jhtmlarea{ background-image: url(images/inputbg.gif); background-repeat: repeat-x; background-position: 0px 0px; border: 1px solid rgba(58, 58, 58, 0.66); background-color: #707478; color: #DBE8FF; font-family: "Lucida Grande", "Verdana"; font-size: 13px; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } body form div.jhtmlarea { padding: 0px; background: #707478; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body .jhtmlarea .toolbar { padding: 2px 2px 0px; height: 24px; background: #50575C; border-bottom: 1px solid rgba(63, 63, 63, 0.7); border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; } body .jhtmlarea .toolbar ul { height: 24px; } .jhtmlarea .input_ws_cont { padding: 8px; } body.htmlarea_styles { margin: 0px; } html body .ow_sidebar *, html body .ow_console *{ font-size: 12px; } select{ background-image: none; } textarea{ height: 100px; width: 100%; resize: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=text], input[type=password]{ width: 100%; height: 30px; line-height: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*.ow_supernarrow input[type=text], .ow_supernarrow input[type=password]{ width: 95%; }*/ input[type=submit], input[type=button]{ background-color: transparent; padding: 5px 8px 2px 3px; font-weight: bold; color: #FFFFFF; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ /* text-shadow: 0px 1px 0px rgba(30, 84, 41, 0.9); */ font-weight: bold; cursor: pointer; height: 30px; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; text-transform: uppercase; font-size: 13px; border: none; } /* temp hack for decorating buttons in FF */ body:not(:-moz-handler-blocked) input[type=submit], body:not(:-moz-handler-blocked) input[type=button]{ padding-top: 0px; padding-right: 31px; } /* End of temp hack for decorating buttons in FF */ html body div span.ow_button input[type=submit], html body div span.ow_button input[type=button]{ } html body.ow input[type=submit], html body.ow input[type=button]{ margin: 0px; } span.ow_button { display: inline-block; padding: 0px 0px 0px 4px; overflow: visible; font: bold 13px arial, helvetica, sans-serif; text-decoration: none; white-space: nowrap; color: #FFF; -moz-transition: background-color .2s ease-out; -ms-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #890F0F; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } span.ow_button:hover { background: #D70000; /** OW_Control type:color, key:boxButtonsHoverColor, section:3. Box, label: Box buttons hover color **/ color: #ffffff; } span.ow_button:active { background: #4A9181; position: relative; top: 1px; text-shadow: none; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset; } span.ow_button span.ow_button { border-radius: none; -moz-border-radius: none; -webkit-border-radius: none; border: none; background-image: none; background-position: right center; background-repeat: no-repeat; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } span.ow_button span { display: inline-block; /* padding: 0px 0px 0px 40px; */ background-position: 0px center; background-repeat: no-repeat; background-color: transparent; /* cursor: pointer; */ } .ow_btn_delimiter span.ow_button:first-child { /* margin-right: 16px; */ } .ow_btn_delimiter span.ow_button span.ow_button { margin: 0px; } html body.ow span.ow_button { } body.ow input.ow_inprogress, body.ow .ow_inprogress { background-image: url(images/ajax_preloader_button.gif); } *+html input[type=submit], *+html input[type=button]{ overflow: visible; } input[type=submit]:hover, input[type=button]:hover{ color: #FFFFFF; /** OW_Control type:color, key:boxButtonsHoverTextColor, section:3. Box, label: Box buttons hover text color **/ } input[type=submit].submit{ background-color: #00aa00; color: #fff; } input[type=submit].alert{ background-color: #ff6666; color: #fff; } input[type=submit].submit:hover{ /* empty */ } input[type=submit].alert:hover{ /* empty */ } ul.ow_radio_group li{ float:left; } ul.ow_checkbox_group li{ float:left; } textarea.invitation, input[type=text].invitation, input[type=password].invitation{ color: #B8B8B8; } .form_auto_click textarea.invitation{ height:50px; } form .error{ color:red; } form input[type=text].hasDatepicker{ width: 87%; } form br.ow_no_height{ line-height: 0; } .color_input input[type=text]{ width:70%; } .ow_multiselect select{ width: 120px; padding: 2px; } .ow_multiselect input[type=button]{ padding-left: 20px; } .form_auto_click .ow_submit_auto_click{ display:none; } /* ---- Positive and Negative buttons ---- */ html body div .ow_positive input[type=submit], html body div .ow_positive input[type=button]{ } .ow_negative input[type=submit], .ow_negative input[type=button]{ background: none;/*url(images/btn_grad_negative.png) repeat-x;*/ padding-right: 2px; } body:not(:-moz-handler-blocked) .ow_negative input[type=submit], body:not(:-moz-handler-blocked) .ow_negative input[type=button] { padding-right: 2px; } /* ---- End of Positive and Negative buttons ---- */ html body div .ow_green { color: #218E42; } html body div .ow_red{ color: #ee3d32; } html body div .ow_mild_red, .ow_navbox.ow_mild_red a.move{ color: #f42217; } html body div .ow_mild_green, .ow_navbox.ow_mild_green a.move{ color: #7cbb11; } html body .ow_button.ow_red, html body .ow_button.ow_mild_red, html body .ow_button.ow_green, html body .ow_button.ow_mild_green, .ow_button .ow_mild_red, .ow_button .ow_red, .ow_button .ow_green, .ow_button .ow_mild_green { background-color: transparent; border-color: transparent; color: #FFFFFF; text-shadow: 0 1px 0 rgba(41, 90, 33, 0.9); } input[type=submit].ow_green, input[type=button].ow_green, input[type=submit].ow_mild_green, input[type=button].ow_mild_green, input[type=submit].ow_red, input[type=button].ow_red, input[type=submit].ow_mild_red, input[type=button].ow_mild_red { background-color: transparent; } /* wysiwyg styles */ body.htmlarea_styles{ font-family: "Lucida Grande", "Verdana", "Tahoma"; /** key:commonFontFamily **/ color: #333; font-size: 13px; /** key:commonFontSize **/ line-height: 18px; } body.htmlarea_styles a{ } body.htmlarea_styles p{ margin:0; } /* wysiwyg styles end */ /* tag styles */ div.tagsinput { background-image: url(images/inputbg.gif); background-color: #707478; border: 1px solid #515151; } /* tag styles end */ /* ---- End of Form Elements styles ---- */ /* ---- Form Table styles ---- */ /* ---- End of Form Table styles ---- */ /*======================================================== [5] Common Blocks __blocks ========================================================*/ .ow_box_cap_empty { height: 33px; margin-bottom: -2px; } .ow_box_cap_empty .ow_box_cap_right { margin-right:1px; height: 33px; } .ow_box_cap_empty .ow_box_cap_body { border-bottom: 4px solid; border-color: #9B1B1B; /** OW_Control type:color, key:boxBorderColor, section:3. Box, label: Box border color **/ background: rgba(252, 252, 252, 0); margin:1px; height: 33px; } .ow_box_cap h3{ /* background-image: url(images/ic_file.svg); */ background-repeat: no-repeat; background-position: 7px 5px!important; padding: 9px 20px 5px 5px!important; color: #A5A5A5; /** OW_Control type:color, key:boxTitle, section:3. Box, label: Box title color **/ height: auto; line-height: 16px; overflow: hidden; font-size: 16px; text-transform:uppercase; font-weight: bold; font-family: 'Source Sans Pro', "Trebuchet MS", "Helvetica CY", sans-serif; } .ow_box_cap_empty h3{ /* background-image: url(images/ic_file.svg); */ background-repeat: no-repeat; background-position: 7px 5px!important; padding: 9px 20px 5px 5px!important; color: #868686; /** OW_Control type:color, key:boxTitle, section:3. Box, label: Box title color **/ height: auto; line-height: 16px; overflow: hidden; font-size: 17px; text-transform: uppercase; font-family: 'Source Sans Pro', "Trebuchet MS", "Helvetica CY", sans-serif; } html body div .ow_box_cap h3, html body div .ow_box_cap_empty h3{ height:19px; } .ow_box_cap { margin-right:1px; } .ow_box_cap .ow_box_cap_right { position: relative; } .ow_box_cap .ow_box_cap_body { border-top: 4px solid ; border-color: #9B1B1B; /** OW_Control type:color, key:boxBorderColor, section:3. Box, label: Box border color **/ border-bottom:none; margin:1px; height: 33px; background-color: rgba(0, 0, 0, 0.41); } .ow_box_cap a, .ow_box_cap_empty a { color: #5386aa; text-shadow: #000000 1px 1px 0; text-decoration: none; } .ow_sidebar .ow_box_menu a { margin: 0px 0px 0px -4px; } .ow_box { margin-bottom: 8px; padding: 6px 6px 6px 6px; position: relative; margin:1px; margin-right:2px; border-left: none; border-top:none; border-right: none; margin-bottom: 5px; background: rgba(0, 0, 0, 0.41); margin-top: 2px; border-bottom: 5px solid rgba(0, 0, 0, 0.3); } .ow_box.ow_no_cap { background-image:none; /* border-top: 1px solid #e8e8e8; */ } .ow_box_empty{ position: relative; padding: 15px 5px 2px 5px; border-bottom: 5px solid rgba(0, 0, 0, 0.23); } .ow_box .bottom_toolbar, .ow_box_mod .bottom_toolbar{ margin-top: 10px; border-top: 1px solid #f0f0f0; font-size: 10px; padding: 0 5px; text-align: right; } .ow_sidebar .ow_box_bottom_shadow, .ow_supernarrow .ow_box_bottom_shadow { background-image: url('images/box-shadow-small.png'); bottom: -12px; } /*======================================================== [6] Standard Listings __listings ========================================================*/ .ow_canvas .ow_avatar img, .ow_canvas .ow_lp_avatars img, .ow_canvas .ow_newsfeed_avatar img { width: 40px; height: 40px; } /* ---- Item Picture Content ---- */ .ow_ipc { margin-top: 16px; margin-bottom: 0px; } .ow_ipc:first-child { margin-top: 0px; } .ow_ipc_picture{ float: left; margin-right: -50px; width: 50px; /*padding: 4px 5px 6px;*/ } .ow_ipc_picture .ow_avatar { background: none; /*url(images/avatar_bg.png) no-repeat;*/ } .ow_ipc_picture img { width: 40px; height: 40px; } .ow_ipc_picture img:first-child { margin-top: 7px; margin-left: 5px; } .ow_ipc_picture .ow_avatar img { margin-top: 0px; margin-left: 0px; } .ow_ipc_info{ margin-left: 57px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed rgba(102, 102, 102, 0.55); } .ow_ipc_header{ padding: 0px 0px 0px; margin: 0px 0px 0px; } .ow_ipc_header a { font-size: 12px; font-weight: bold; } .ow_ipc.ow_smallmargin { margin-bottom: 0px; } .ow_ipc_content{ padding: 0px 0px 12px 0px; line-height: 1.25em; } .ow_ipc_toolbar{ font-size: 11px; float: left; padding: 0 0px 0px 0px; width: 100%; } .ow_ipc_toolbar .ow_icon_control { padding: 0px; } html body div .ow_ipc_toolbar span { background: none; } .ow_ipc_toolbar .ow_ipc_date, .ow_ipc_date { float: right; font-size: 10px; line-height: 14px; } .ow_table_1 .ow_ipc_info, .ow_table_2 .ow_ipc_info { border: none; } /* ---- End of the Item Picture Content ---- */ /* ---- Mini Item Picture Content ---- */ .ow_mini_ipc_picture { float: left; margin-right: -42px; width: 42px; } .ow_mini_ipc_picture .ow_avatar { background: none; } .ow_mini_ipc_picture img, .ow_mini_ipc_picture .ow_avatar, .ow_mini_ipc_picture .ow_avatar img { width: 32px; height: 32px; } .ow_mini_ipc_info { margin-left: 49px; padding-top: 0; } .ow_mini_ipc_info .mipc_url { font-weight: bold; } .ow_mini_ipc_content { margin-top: 5px; } /* ---- End of the Mini Item Picture Content ---- */ /* ---- Item Content ---- */ .ow_ic_header { margin-bottom: 5px; } .ow_ic_description { margin-bottom: 5px; } .ow_ic_date { float: right; font-size: 10px; line-height: 14px; } th, .ow_sidebar, .ow_table_3 td { border-color: #595959; } .ow_page td.ow_highbox, .ow_highbox_table .ow_highbox, .ow_page .ow_highbox { /* border-color: #C7C7C7; */ } html body .ow_table_1 tr th.ow_highbox { border-color: #C7C7C7; } .ow_box_toolbar { margin-top: 5px; margin-right:5px; font-size: 11px; float: right; white-space: nowrap; } .ow_box_toolbar span { padding: 0px 2px 0px 0px; } .ow_box_toolbar span.ow_icon_control {padding: 0px 0 2px 20px; background-position: 0px 2px;} .ow_box_toolbar span.ow_nowrap a { display: inline-block; border-radius: 2px; border: 1px solid #f0f0f0; background-color: #429B45; padding: 0px 6px 0px; line-height: 21px; text-decoration: none; font-size: 11px; } .ow_box_toolbar span.ow_nowrap a:hover { text-decoration: none; background: #305464; } .ow_box_empty .ow_box_toolbar { text-shadow: #fff 1px 1px 0; } .ow_box_toolbar a { color: #fff; text-shadow: none; } .ow_box_toolbar a:hover { text-decoration: none; } .ow_box_toolbar .ow_delimiter, .ow_ic_toolbar .ow_delimiter{ display: none; } .ow_avatar_list{ text-align: center; } .ow_avatar_list a{ margin-bottom: 0px; margin-right: 1px; } /* ---- Tooltip ---- */ .ow_tooltip { margin-top: 0; /* padding-top: 2px; */ } .ow_tooltip_tail { display:inline-block; padding: 0px 0px; width: 100%; /* display: none; */ background-image: none; } .ow_tooltip_tail span { display:inline-block; width: 19px; height: 6px; margin-bottom: -2px; } .ow_tooltip .ow_tooltip_body { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); /*max-width: 250px;*/ padding-top: 4px; background-color: rgba(0, 0, 0, 0.81); /** OW_Control type:color, key:dropdownBoxColor, section:5. Dropdown, label: Dropdown box background , description: Dropdown box background color **/; } /* ---- Top Right Tooltip ---- */ .ow_tooltip_top_right.ow_tooltip { margin-top: 0; position: absolute; right: 0px; top: 0px; } .ow_tooltip_top_right .ow_tooltip_tail span { background-position: 3px -6px; } .ow_tooltip_top_right .ow_tooltip_tail { text-align: right; } /* ---- Bottom Left Tooltip ---- */ .ow_tooltip_bottom_left .ow_tooltip_tail span { background-position: 9px 0px; margin-top: -1px; } /* ---- Bottom Right Tooltip ---- */ .ow_tooltip_bottom_right .ow_tooltip_tail span { background-position: 1px 0px; margin-top: -1px; } .ow_tooltip_bottom_right .ow_tooltip_tail { text-align: right; } /* ---- Left Side Tooltip ---- */ .ow_tooltip_left .ow_tooltip_tail { float: left; margin-right: -4px; width: 4px; padding-top: 8px; } .ow_tooltip_left .ow_tooltip_tail span { margin: 0px; width: 5px; height: 11px; background-position: 0px -28px; } .ow_tooltip_left .ow_tooltip_body { display: block; margin-left: 4px; } /* ---- Right Side Tooltip ---- */ .ow_tooltip_right .ow_tooltip_tail { float: right; margin-left: -4px; width: 5px; padding-top: 8px; } .ow_tooltip_right .ow_tooltip_tail span { margin: 0px; width: 5px; height: 11px; background-position: 0px -15px; } .ow_tooltip_right .ow_tooltip_body { display:block; margin-right: 4px; } /* ---- End of Tooltip ---- */ /* ---- Counter ---- */ .ow_count_wrap { text-align: center; display: inline-block; line-height: 15px; font-size: 10px; vertical-align: top; } .ow_count_bg { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; display: inline-block; background: none repeat scroll 0 0 #9b9b9b; min-height: 15px; overflow: hidden; } .ow_count { color: #fff; padding: 0 4px 0 4px; } .ow_count_active { background: none repeat scroll 0 0 #90c105; } /* ---- End of Counter ---- */ /* ---- Item Voted Content ---- */ .ow_ivc_box{ } .ow_ivc_voteupdown .ow_highbox{ border-bottom: 2px solid #ffffff; background: #F7F7F7; margin-bottom: 10px; } .ow_ivc_voteupdown{ background-repeat: no-repeat; background-position: center 5px; float: left; margin-right: -50px; padding: 0px 0px 5px 0px; text-align: center; border: 2px solid #ffffff; background: #F7F7F7; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; } .ow_links .ow_highbox{ width:100px!important; height:72px; } .ow_links .ow_ivc_content { margin-left: 120px; margin-bottom:10px; } .ow_links .ow_highbox .ow_txt_value { padding: 27px 5px 0px 30px!important; } .ow_ivc_content{ margin-left: 75px; border: 2px solid #ffffff; background: #F7F7F7; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; } .ow_links .ow_highbox .ow_ic_up_arrow{ min-width: 36px!important; min-height: 36px!important; cursor: pointer; margin-bottom: 3px; display: block; padding: 0px; } .ow_links .ow_box_toolbar span.ow_icon_control { padding: 20px 1px 2px 40px; background-position: left bottom; } .ow_links .ow_highbox .ow_ic_down_arrow{ min-width: 36px!important; min-height: 36px!important; cursor: pointer; margin-bottom: 3px; display: block; padding: 0px; } .ow_links .ow_box_cap_empty h3 a{ color:#ffffff; text-shadow:none; } /* .ow_ivc_origin{ background-repeat: no-repeat; margin-bottom: 8px; padding: 2px 0px 2px 20px; } .ow_ivc_toolbar .ow_comments, .ow_ivc_toolbar .ow_tags, .ow_ivc_toolbar .ow_voteup, .ow_ivc_toolbar .ow_votedown{ background-repeat: no-repeat; display: inline-block; margin-left: 5px; padding: 0px 0px 2px 20px; } */ /* ---- Listing Picture ---- */ .ow_lp_picture{ float: left; margin: 0 1px 1px 0; } .ow_lp_wrapper{ /*float: left; overflow: hidden; text-align: center;*/ } .ow_lp_avatars{ text-align:center; } .ow_lp_avatars .ow_lp_wrapper{ display: inline-block; margin: 0 1px 1px 0; width: 40px; } .ow_lp_albums .ow_lp_wrapper{ width: 77px; height: 77px; padding: 4px 0px 0px 5px; float: left; margin-right: 4px; background: none; /*url(images/lp_wrapper.png) no-repeat 0px 0px;*/ } .ow_lp_photos .ow_lp_wrapper{ width: 77px; height: 77px; padding: 4px 0px 0px 5px; margin: 0 2px 2px 0; display: inline-block; float: none; background: none; /*url(images/lp_wrapper.png) no-repeat 0px 0px;*/ text-align: left; } .ow_lp_avatars img { /*display: block;*/ } .ow_lp_avatars .ow_avatar { margin: 1px; text-align: left; } .ow_lp_photos img, .ow_lp_albums img{ width: 72px; height: 72px; /*display: block;*/ } .ow_lp_label{ margin-left: 80px; } .ow_lp_avatars.ow_mini_avatar{ text-align:left; } .ow_mini_avatar .ow_avatar{ background: none; } .ow_mini_avatar .ow_avatar, .ow_avatar.ow_mini_avatar, .ow_mini_avatar .ow_avatar img, .ow_avatar.ow_mini_avatar img { width: 32px; height: 32px; } a.avatar_list_more_icon{ width: 25px; height: 32px; display: inline-block; margin: 0 1px; background: rgba(238, 238, 238, 0) url(images/more_icon.png) no-repeat 50% 50%; } /* ---- User List ---- */ /* ---- User List ---- */ .ow_user_list { width:100%; } .ow_user_list .ow_avatar img { margin-top: 0px; } .ow_user_list .ow_avatar { background:transparent; margin-top:10px; left:5px; } .ow_user_list .ow_avatar:hover { opacity:1; } .ow_user_list .ow_item_set3{ width: 30%; word-wrap: break-word; } .ow_user_list_item{ float: left; padding: 10px; padding-right: 0px; position: relative; } .ow_user_list .ow_alt2{background:transparent; } .ow_user_list .ow_alt1{background:transparent; } .ow_user_list_picture{ float: left; margin-right: -50px; width: 50px; } .ow_user_list_picture .ow_avatar img { width: 80px; height: 80px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; position: relative; display: inline-block; margin-top: -9px; margin-left: -11px; max-width: 80px !important; } .ow_user_list_picture .ow_avatar { position: relative; display: inline-block; width: 70px; height: 70px; } .ow_user_list_data { min-height:68px; margin-top:1px; margin-left: -6px; margin-right:5px; background: rgba(0, 0, 0, 0.36); padding: 6px 6px 6px 100px; /* border: 4px solid rgba(211, 211, 211, 0.29); */ } .ow_user_list_data a { color: #B83333; font-weight:bold; } .ow_user_list_data .ow_small { color:#999999; } .ow_user_list_data .ow_remark { color:#666666; } .ow_uli_context_menu { position: absolute; top: 10px; right: 10px; display: none; } .ow_user_list_item:hover .ow_uli_context_menu { display: block; } .ow_uli_context_menu .ow_tooltip .ow_tooltip_body { padding: 4px 0; } .ow_uli_context_menu .ow_context_action_list a { padding: 4px 12px; } /*======================================================= [7] Tables __tables ========================================================*/ .ow_table_1, .ow_table_2 { border-collapse: separate; } .ow_table_3 { border-collapse: collapse; } .ow_table_1, .ow_table_2, .ow_table_3{ margin-bottom: 25px; width: 100%; } .ow_table_1 tr td, .ow_table_2 tr td, .ow_video_list .ow_alt1, .ow_video_list .ow_alt2, .ow_photo_list .ow_alt1, .ow_photo_list .ow_alt2 { border-style: solid; border-color: rgba(223, 223, 223, 0); } .ow_table_1 tr td, .ow_table_2 tr td { border-width: 0px 1px 1px 0px; } .ow_table_1 .ow_empty + tr td:first-child, .ow_table_2 .ow_empty + tr td:first-child { /*border-radius: 4px 0px 0px 0px; -moz-border-radius: 4px 0px 0px 0px; -webkit-border-radius: 4px 0px 0px 0px;*/ border-bottom-width: 1px; border-left-width: 1px; border-top-width: 1px; } .ow_photo_list div:first-child, .ow_video_list div:first-child, .ow_user_list div:first-child { border-left-width: 1px; border-top-width: 1px; } .ow_table_1 tr td:first-child, .ow_table_2 tr td:first-child { border-left-width: 1px; } .ow_photo_list div, .ow_video_list div, .ow_user_list div { } .ow_photo_list div:last-child, .ow_video_list div:last-child, .ow_user_list div:last-child { } .ow_photo_list div:first-child, .ow_video_list div:first-child, .ow_user_list div:first-child { } .ow_table_1 tr td:last-child, .ow_table_2 tr td:last-child { border-bottom-width: 1px; border-right-width: 1px; } .ow_table_1 tr:first-child td, .ow_table_2 tr:first-child td { border-top-width: 1px; } .ow_table_1 tr:first-child td:first-child, .ow_table_1 tr:first-child th:first-child, .ow_table_2 tr:first-child td:first-child, .ow_table_2 tr:first-child th:first-child { /*border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;*/ border-bottom-width: 1px; border-left-width: 1px; border-top-width: 1px; } .ow_table_1 tr:first-child td:last-child, .ow_table_1 tr:first-child th:last-child, .ow_table_2 tr:first-child td:last-child, .ow_table_2 tr:first-child th:last-child { /*border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;*/ border-bottom-width: 1px; border-top-width: 1px; border-right-width: 1px; } .ow_table_1 tr:last-child td:first-child, .ow_table_1 tr.ow_alt1:last-child td:first-child, .ow_table_1 tr.ow_tr_last td:first-child, .ow_table_1 tr.ow_tr_last th:first-child, .ow_table_2 tr:last-child td:first-child, .ow_table_2 tr.ow_alt1:last-child td:first-child, .ow_table_2 tr.ow_tr_last td:first-child, .ow_table_2 tr.ow_tr_last th:first-child { /*border-bottom-left-radius: 4px; -moz-border-left-radius: 4px; -webkit-border-left-radius: 4px;*/ border-bottom-width: 1px; border-left-width: 1px; /*border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;*/ } .ow_table_1 tr:last-child td:last-child, .ow_table_1 tr.alt1:last-child td:last-child, .ow_table_1 tr.ow_tr_last td:last-child, .ow_table_1 tr.ow_tr_last th:last-child, .ow_table_2 tr:last-child td:last-child, .ow_table_2 tr.alt1:last-child td:last-child, .ow_table_2 tr.ow_tr_last td:last-child, .ow_table_2 tr.ow_tr_last th:last-child { /*border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;*/ border-bottom-width: 1px; border-right-width: 1px; /*border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px;*/ } .ow_table_1 tr:last-child td, .ow_table_1 tr:last-child th, .ow_table_2 tr:last-child td, .ow_table_2 tr:last-child th { border-top-width: 0px; } .ow_table_1 th, .ow_table_2 th { border-style: solid; border-color: #f0f0f0 #f0f0f0 #dcdcdc #f0f0f0; border-width: 0px 1px 1px; _border-width: 1px; } .ow_table_1 tr.ow_tr_first td, .ow_table_2 tr.ow_tr_first td{ border-top-width: 1px; } .ow_table_1 tr.ow_tr_first th, .ow_table_2 tr.ow_tr_first th { border-width: 1px 0px; border-color: rgba(0, 0, 0, 0.15); } .ow_table_1 tr.ow_tr_first th:first-child, .ow_table_1 tr.ow_tr_first td:first-child, .ow_table_2 tr.ow_tr_first th:first-child, .ow_table_2 tr.ow_tr_first td:first-child { border-left-width: 1px; /*border-top-left-radius: 4px;*/ } .ie8 .ow_table_1 tr.ow_tr_first th, .ie8 .ow_table_2 tr.ow_tr_first th { border-right-width: 1px; } /*@media \0screen { .ow_table_1 tr.ow_tr_first th, .ow_table_2 tr.ow_tr_first th { border-right-width: 1px; } }*/ .ow_table_1 tr.ow_tr_delimiter td, .ow_table_2 tr.ow_tr_delimiter td { border: none; } .ow_table_1 tr.ow_tr_first th:last-child, .ow_table_1 tr.ow_tr_first td:last-child, .ow_table_2 tr.ow_tr_first th:last-child, .ow_table_2 tr.ow_tr_first td:last-child { /*border-right-width: 1px; border-top-right-radius: 4px;*/ } .ow_table_1 tr.ow_tr_first th:last-child, .ow_table_2 tr.ow_tr_first th:last-child { /* border-right-color: #383838; */ } .ow_table_1 td, .ow_table_2 td{ padding: 8px; vertical-align: middle; } .ow_table_1 td .text{ color: #999; } .ow_table_2{ border-collapse: separate; } .ow_table_2 td{ text-align: center; } .ow_table_3{ border-collapse: separate; border-spacing: 5px; } .ow_table_3 td{ border-left-width: 1px; border-left-style: solid; vertical-align: top; } .ow_table_3 td.ow_label{ border: none; color: #8C8C8C; text-align: right; } .ow_table_3 td.ow_value{ width: 50%; padding-left: 10px; } .ow_table_4{ border-collapse: separate; border-spacing: 5px; } .ow_table_4 td{ vertical-align: top; } .ow_table_4 td.ow_label{ border: none; color: #666; text-align: right; } .ow_table_4 td.ow_value{ padding-left: 10px; } th.ow_section{ border: 0 none; padding: 15px 0; text-align: center; background: transparent; } th span.ow_section_icon{ background-repeat: no-repeat; padding: 5px 0px 12px 4px; background-position: left 0px; color: #A0A0A0; } th.ow_section span{ background: #DADADA; padding: 5px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: #fff 1px 1px 0; font-weight: normal; } table.ow_form td.ow_label{ color: #666; text-align: right; width: 20%; } table.ow_form td.ow_desc{ width: 25%; color: #666; font-size: 11px; } table.ow_form td.ow_submit{ text-align: center; } /*======================================================== [8] Messages & Notifications __messages ========================================================*/ /*======================================================== [9] Thumbnails & Icons __icons ========================================================*/ img.thumb{ width: 100px; } html body div .ow_ic_add:before{ content: "\e095"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_aloud:before{ content: "\e0a0"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_app:before{ content: "\e049"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_attach:before{ content: "\e093"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_birthday:before{ content: "\e02f"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_bookmark:before{ content: "\e013"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_calendar:before{ content: "\e075"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_cart:before{ content: "\e04e"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_chat:before{ content: "\e04a"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_clock:before { content: "\e081"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_comment:before{ content: "\e02c"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_cut:before{ content: "\e024"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_dashboard:before{ content: "\e06c"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_delete:before{ content: "\e082"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_draft:before{ content: "\e060"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_down_arrow:before{ content: "\e07b"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_edit:before{ content: "\e052"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_female:before{ content: "\e09c"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_file:before{ /* content: "\e085"; */ padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_files:before{ content: "\e040"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_flag:before{ content: "\e088"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_folder:before{ content: "\e089"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_forum:before{ content: "\e02c"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_friends:before{ content: "\e001"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_gear_wheel:before{ content: "\e09a"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_heart:before{ content: "\e08a"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_help:before{ content: "\e056"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_house:before{ content: "\e069"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_info:before{ content: "\e08b"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} html body div .ow_ic_key:before{ content: "\e08c"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_left_arrow:before{ content: "\e07a"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_lens:before{ content: "\e090"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_link:before{ content: "\e08d"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_lock:before{ content: "\e08e"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_mail:before{ content: "\e01f"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_male:before{ content: "\e09d"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_mobile:before{ content: "\e010"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_moderator:before{ content: "\e04b"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_monitor:before{ content: "\e011"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_move:before{ content: "\e023"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_music:before{ content: "\e03d"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_new:before{ content: "\e017"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_ok:before{ content: "\e080"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_online:before{ content: "\e003"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_picture:before{ content: "\e032"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_plugin:before{ content: "\e02d"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_push_pin:before{ content: "\e031"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_reply:before{ content: "\e050"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_right_arrow:before{ content: "\e079"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_rss:before{ content: "\e03b"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_save:before{ content: "\e080"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_restrict:before{ content: "\e07c"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_script:before{ content: "\e04c"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_server:before{ content: "\e03f"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_star:before{ content: "\e09b"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_tag:before{ content: "\e055"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_trash:before{ content: "\e054"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_unlock:before{ content: "\e08f"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_up_arrow:before{ content: "\e078"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_update:before{ content: "\e098"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_user:before{ content: "\e005"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_video:before{ content: "\e008"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_warning:before{ content: "\e076"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_ic_write:before{ content: "\e05f"; padding-right: 5px; padding-left: 5px; font-size: 16px; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html body div .ow_button span, html body div .ow_button span.ow_negative, html body div .ow_button span.ow_negative .ow_inprogress { /* background-image: none; */ background-repeat: no-repeat; } html body div .ow_button span:before, html body div .ow_button span.ow_negative:before, html body div .ow_button span.ow_negative .ow_inprogress:before { /* background-image: none; */ background-repeat: no-repeat; color: #FFFFFF; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ } html body div .ow_button span:active:before, html body div .ow_button span:hover:before, html body div .ow_button span.ow_negative:active:before, html body div .ow_button span.ow_negative:hover:before, html body div .ow_button span.ow_negative .ow_inprogress:active:before, html body div .ow_button span.ow_negative .ow_inprogress:hover:before { /* background-image: none; */ background-repeat: no-repeat; color: #FFFFFF; /** OW_Control type:color, key:boxButtonsHoverTextColor, section:3. Box, label: Box buttons hover text color **/ } .maintenance_cont h1 { background-image: none; } .ow_icon_control{ background-repeat: no-repeat; display: inline-block; padding: 0px 0 2px 40px; line-height: 30px; background-position: 8px 7px; color: #868686; /** OW_Control type:color, key:boxTitle, section:3. Box, label: Box title color **/ } html body div .ow_miniic_comment{ background: url(images/miniic_set.svg) no-repeat 6px 1px; } html body div .ow_miniic_like { background: url(images/miniic_set.svg) no-repeat -58px 2px; } html body div .ow_miniic_delete{ background-image: url(images/miniic_x.png); } html body div .ow_tinyic_delete{ background-image: url(images/tinyic_delete.png); } html body div .ow_tinyic_tag{ background-image: url(images/tinyic_tag.png); } html body div .ow_tinyic_write{ background-image: url(images/tinyic_write.png); } .ow_miniicon_control{ background-repeat: no-repeat; display: inline-block; padding: 1px 0 2px 14px; line-height: 9px; } .ow_box_cap_icons { margin-top: -26px; } span.ow_icon{ background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .ow_marked_cell{ background-image: url(images/ic_ok.png); background-repeat: no-repeat; background-position: center center; } .ow_box_cap_icons a.close{ background-position: 50% 50%; background-repeat: no-repeat; float: right; width: 25px; height: 25px; background-color: rgba(0, 0, 0, 0.31); background-image: url('images/photo_prev_x.png') !important; padding: 5px; border-radius: 50%; color: rgba(255, 255, 255, 0); } /*======================================================== [10] Menus __menus ========================================================*/ /* ---- Main Menu styles ---- */ .ow_main_menu{ font-family: 'Simple-Line-Icons'; display: table-cell; position:relative; text-align: left; width: 45px; vertical-align: top; } html[xmlns] .ow_main_menu.clearfix { display: table-cell; } .ow_main_menu li { margin-top:1px; display: inline-block; -webkit-transition: background-color linear .1s; } .ow_main_menu li.active, .ow_main_menu li:hover { background-color: rgba(57, 104, 136, 0.04); -webkit-transition: background-color linear .1s; display: inline-block; } .ow_main_menu li a { color: rgba(204,48,48, 0.5); /** OW_Control type:color, key:menuColor, section:4. Menu, label:Menu text color **/ display: inline-block; font-size: 15px; padding-top: 10px; padding-bottom:10px; /* padding-left:50px; */ text-decoration: none; height: 17px; width: 200px; /* margin-bottom: 3px; */ /* margin-top: 3px; */ font-family: 'Source Sans Pro', sans-serif; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ow_main_menu li.active a, .ow_main_menu li a:hover { text-shadow: 0 0px 6px rgba(204, 48, 48, 0.8); transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; color: rgba(204,48,48, 0.5); /** OW_Control type:color, key:menuHoverColor, section:4. Menu, label:Menu hover text color **/ } .ow_box_menu { font-size: 0px; line-height: 21px; margin-bottom: 16px; padding-bottom: 3px; border-bottom: 1px dashed #BDBDBD; width: 100%; } .ow_main_menu li:last-child { margin-bottom: 85px; } .ow_box .ow_box_menu , .ow_box_empty .ow_box_menu { font-size: 0px; line-height: 21px; margin-bottom: 16px; padding-bottom: 3px; float: right; border-bottom: 1px dashed rgba(102, 102, 102, 0.31); width: 100%; text-align: right; } .ow_box_menu a { display: inline-block; font-size:11px; height: 22px; padding: 0px 9px 1px 7px; margin: 0px 0px 0px -1px; outline: 0; color: #D5D5D5; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ background: #890F0F; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } .ow_box_menu a:first-child { } .ow_box_menu a:last-child { } .ow_box_empty .ow_box_menu{ float: right; } .ow_box_menu a.active, .ow_box_menu a:hover{ text-decoration:none; color: #D7D7D7; /** OW_Control type:color, key:boxButtonsHoverTextColor, section:3. Box, label: Box buttons hover text color **/ background: #d70000; /** OW_Control type:color, key:boxButtonsHoverColor, section:3. Box, label: Box buttons hover color **/ } /* ---- End of Main Menu styles ---- */ /* ---- Content Menu styles ---- */ .ow_content_menu{ font-size: 0px; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; font-weight: normal; background: url(images/divider_line.png); background-repeat: repeat-x; background-position: bottom left; padding-bottom:15px; } .ow_content_menu_wrap{ margin-bottom:20px; } .ow_content_menu li{ float: left; padding-left: 5px; /* margin-right:-6px; */ } .ow_content_menu li:first-child a{ } .ow_content_menu li:last-child a{ } .ow_content_menu li a{ display: block; padding: 3px 3px 4px 0px; font-size: 13px; color: #FFFFFF; /** OW_Control type:color, key:contentButtonsTextColor, section:6. Content menu buttons, label: Content buttons text color **/ background: #890331; /** OW_Control type:color, key:contentButtonsColor, section:6. Content menu buttons, label: Content buttons color **/ } .ow_content_menu span{ background-position: 5px 7px; background-repeat: no-repeat; padding: 2px 4px 2px 3px; display: block; } .ow_content_menu li.active { background: #transparent; } .ow_content_menu li.active, .ow_content_menu li.active +li { } .ow_content_menu li.active a { color: #FFFFFF; /** OW_Control type:color, key:contentButtonsHoverTextColor, section:6. Content menu buttons, label: Content buttons hover text color **/ background: #CA0000; /** OW_Control type:color, key:contentButtonsHoverColor, section:6. Content menu buttons, label: Content buttons hover color **/ } .ow_content_menu li a:hover { text-decoration:none; color: #FFFFFF; /** OW_Control type:color, key:contentButtonsActiveTextColor, section:6. Content menu buttons, label: Content buttons active text color **/ background: #CA0000; /** OW_Control type:color, key:contentButtonsActiveColor, section:6. Content menu buttons, label: Content buttons active color **/ } /* ---- End of Content Menu styles ---- */ /* ---- Button List styles ---- */ ul.ow_bl{ padding: 0; } ul.ow_bl li{ float: right; list-style: none; margin-left: 4px; margin-bottom: 8px; } ul.ow_bl a{ display: block; padding: 0px 8px; line-height: 21px; height: 22px; text-decoration: none; font-size: 11px; text-decoration: none; color: #CACACA; /** OW_Control type:color, key:boxButtonsTextColor, section:3. Box, label: Box buttons text color **/ background: #890F0F; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } ul.ow_bl a:hover { color: #FFFFFF; /** OW_Control type:color, key:boxButtonsHoverTextColor, section:3. Box, label: Box buttons hover text color **/ background: #D70000; /** OW_Control type:color, key:boxButtonsHoverColor, section:3. Box, label: Box buttons hover color **/ } span.ow_blitem { background: #fafafa; /*url(images/btnl_bg.png) repeat-x center left;*/ border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: 1px solid #dcdcdc; color: #666; padding: 0px 0px; line-height: 20px; height: 22px; text-decoration: none; display: inline-block; margin: 0px 4px 0px 0px; } span.ow_blitem span { display: inline-block; } span.ow_blitem input[type="submit"], span.ow_blitem input[type="button"] { border: none; padding: 0px; background: none; font-weight: normal; height: auto; padding: 2px 5px 0 6px; font-size: 11px; line-height: 17px; font-family: "Tahoma","Lucida Grande", "Verdana"; text-transform: none; color: #666; text-shadow: none; } span.ow_blitem input[type="submit"].ow_red, span.ow_blitem input[type="button"].ow_red { color:#ee3d32; } span.ow_blitem:hover, span.ow_blitem:hover input, span.ow_blitem input:hover { border-color: #7aac00; background: #7aac00; color: #fff; } /* ---- Button List styles Cover Image ---- */ .ow_bg_controls span.ow_blitem{ background: url(images/btnl_black_bg.png) repeat-x center left; border-radius: 3px; border: none; height: 24px; line-height: 22px; } .ow_bg_controls span.ow_blitem:hover{ background: url(images/btnl_black_hover_bg.png) repeat-x center left; } html body div .ow_bg_controls .ow_green{ color:#ccc; } .ow_bg_controls span.ow_blitem input[type="submit"], .ow_bg_controls span.ow_blitem input[type="button"]{ color: #ccc; } .ow_bg_controls span.ow_blitem input[type="submit"]:hover, .ow_bg_controls span.ow_blitem input[type="button"]:hover{ color: #eee; background: transparent; } /* ---- End of Button List styles Cover Image ---- */ /* ---- End of Button List styles ---- */ /* ---- Footer Menu styles ---- */ .ow_footer_menu{ font-size: 11px; padding: 10px; text-align: center; } /* ---- End of Footer Menu styles ---- */ /* ---- Inventory Line styles ---- */ .ow_inventory_line{ } /*======================================================== [11] Pagination __pagination ========================================================*/ html[xmlns] .ow_paging.clearfix { display: inline-block; } .ow_paging{ font-size: 11px; background: #fafafa; border: 1px solid #f0f0f0; /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ padding: 1px; } .ow_paging a{ display: inline-block; line-height: 16px; background: #fafafa; /*url(images/console_item_bg.png) repeat-x 0px 0px;*/ border: 1px solid #dcdcdc; padding: 2px 6px 2px 7px; text-decoration: none; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; color: #6c6c6c; } .ow_paging a.active, .ow_paging a:hover{ background: #fff;/*url(images/console_active_item_bg.png) repeat-x 0px 0px;*/ color: #80b400; border: 1px solid #ccc; } .ow_paging a.active { font-weight: bold; } .ow_paging span { display: inline-block; padding-left: 3px; } /*======================================================== [12] Typography __typography ========================================================*/ @font-face { font-family: 'pf_beausans_prothin'; src: url('images/fonts/p_pfbeausansprothin-webfont.eot'); src: url('images/fonts/p_pfbeausansprothin-webfont.eot?#iefix') format('embedded-opentype'), url('images/fonts/p_pfbeausansprothin-webfont.woff') format('woff'), url('images/fonts/p_pfbeausansprothin-webfont.ttf') format('truetype'), url('images/fonts/p_pfbeausansprothin-webfont.svg#pf_beausans_prothin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_condensedbold'; src: url('images/opensans-condbold-webfont.eot'); src: url('images/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'), url('images/opensans-condbold-webfont.woff') format('woff'), url('images/opensans-condbold-webfont.ttf') format('truetype'), url('images/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg'); font-weight: normal; font-style: normal; } .ow_small{ font-size: 11px; line-height: 14px; } .ow_highlight{ background: #aaffaa; } .ow_std_margin{ margin-bottom: 25px; } .ow_normal{ font-size: 13px; } html body .ow_sidebar .ow_tiny, html body .ow_console .ow_tiny, .ow_tiny { font-size: 9px; } .ow_stdmargin{ margin-bottom: 28px; } .ow_smallmargin{ margin-bottom: 8px; } .ow_outline{ color: #80b400; font-weight: bold; } .ow_lightweight{ font-weight: normal; } .ow_txt_value { font-weight: bold; color: #799D23; /** OW_Control type:color, section:2. Colors, key:txtValue, label:Numeric values **/ } .ow_remark { color: #9B9B9B; } .ow_alt1, tr.ow_alt1 td{ background-color: rgba(26, 26, 26, 0.48); } .ow_alt2, tr.ow_alt2 td{ background-color: rgba(44, 44, 44, 0.31); } .ow_high1{ background-color: #fff; } .ow_high2{ background-color: #fafafa; /*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } .ow_add_content{ } .ow_add_content:hover{ background-color: rgba(40, 40, 40, 0.75); } a.ow_lbutton, span.ow_lbutton { padding: 0px 6px 0px; line-height: 14px; height:12px; text-transform: uppercase; text-shadow: none; display: inline-block; font-weight: bold; vertical-align: middle; border: 1px solid #2D2D2D; color: #BDBDBD; background-color: #4F4F4F; -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -ms-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(94, 94, 94, 0.3), 0 2px 2px -1px rgba(210, 210, 210, 0), 0 1px 0 rgba(255, 255, 255, .3) inset; -webkit-box-shadow: 0 1px 0 rgba(94, 94, 94, 0.3), 0 2px 2px -1px rgba(210, 210, 210, 0), 0 1px 0 rgba(255, 255, 255, .3) inset; box-shadow: 0 1px 0 rgba(94, 94, 94, 0.3), 0 2px 2px -1px rgba(210, 210, 210, 0), 0 1px 0 rgba(255, 255, 255, .3) inset; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } html body a.ow_lbutton, html body span.ow_lbutton { font-size: 8px; } .ow_lbutton:hover{ cursor: pointer; text-decoration: none; color: #FFFFFF; } .ow_disabled{ background: #ccc; } .info{ margin-bottom: 8px; } .ow_automargin{ margin-left: auto; margin-right: auto; } .ow_autowidth, table.ow_form td.ow_autowidth{ width: auto; } .ow_anno { background: #4D3E35 url(images/ic_warning.png) no-repeat scroll 15px 45%; border: 1px solid #54493B; padding:10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .outline{ color: #666; font-weight: bold; } input[type=text].ow_inputready, textarea.ow_inputready { color: #999; } /*======================================================== [13] Misc __misc ========================================================*/ .clr{ clear: both; } /*.ow_column_equal_fix{ padding-bottom: 20001px !important; margin-bottom: -20000px !important; }*/ /*======================================================== [14] Clearfix __clearfix ========================================================*/ .clearfix{ zoom: 1; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } *html .clearfix { height: 1%; } /*======================================================== [15] Plugin Styles __plugins ========================================================*/ /* ---- Base plugin styles ---- */ .ow_add_content{ /* background-image: url(images/ic_add.png); */ /* background-repeat: no-repeat; */ background-color: rgba(40, 40, 40, 0.48); /* background-position: 9px center; */ color: #808080; margin-bottom: 2px; overflow: hidden; padding: 10px 16px 6px 5px; text-align: left; display: block; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; border-radius: 1px; font-weight: bold; } .ow_add_content:hover{ text-decoration:none; } .ow_add_content:nth-child(odd) { margin-left: 0px; } /* ---- End of base plugin styles ---- */ /* ---- Forum styles ---- */ .ow_forum{ text-align: center; width: 100%; } .ow_forum .ow_name{ text-align: left; width: 563px; } .ow_forum .ow_topics{ width: 55px; } .ow_forum .ow_replies{ width: 55px; } .ow_forum .ow_action{ white-space: nowrap; width: 70px; } .ow_forum_topic .ow_author{ width: 20%; } .ow_forum_topic .ow_posts{ text-align: center; width: 1%; } .ow_forum_topic .ow_views{ text-align: center; width: 1%; } .ow_forum_topic .ow_icon{ line-height: 14px; text-align: center; width: 8%; } body.htmlarea_styles blockquote.ow_quote, blockquote.ow_quote{ margin: 10px 0 10px 40px; background: #fafafa; border-left: 2px solid #dcdcdc; padding: 2px 5px; } body.htmlarea_styles blockquote.ow_quote .ow_author, blockquote.ow_quote .ow_author{ border-bottom: 1px solid #dcdcdc; font-size: 11px; display: inline-block; padding: 2px 0; width: 98%; } .ow_forum_topic_posts .ow_post_comment{ background-repeat: no-repeat; font-style: italic; font-size: 11px; margin: 10px 0; padding: 10px 0px 10px 40px; } .ow_forum_post_area{ height: 240px; } .ow_forum_status{ font-style: italic; } /* ---- Forum sortable ---- */ .forum_placeholder{ border: 1px dashed #999; background-color: rgba(213, 213, 213, 0.7); margin-bottom: 25px; width: 100%; } tr.forum_placeholder td{ background-color: rgba(213, 213, 213, 0.7); border: 1px dashed #999; height: 45px; width: 100%; } .forum_section{ cursor: move; } .forum_section_tr{ height: 41px; } .ow_forum_topic_posts .ow_box .ow_ipc_info { border: none; padding: 0px; } body .ow_forum_attachment_icon { width: auto; height: auto; /* background-image: url(images/forum_attach.png)!important; */ } .ow_forum_attachment { /* padding: 10px; */ /* line-height: 36px; */ } /* ---- End of Forum styles ---- */ /* ---- Mailbox styles ---- */ table.ow_mailbox{ width: 100%; } tr.ow_alt2 .mail_title{ font-weight: bold; } table.ow_mailbox td.mail_info{ white-space: nowrap; } table.ow_mailbox td.icons{ text-align: center; } span.ic_reply{ background: url(images/ic_reply.png) no-repeat; display: inline-block; height: 16px; width: 16px; } body .ow_mailbox_attachment_icon { width: 16px; vertical-align: top; } .ow_mailbox_selected_label { display: inline-block; margin-right: 6px; } /* ---- End of Mailbox styles ---- */ /* ---- Blogs styles ---- */ .ow_blogpost_compose textarea{ height: 235px; } .ow_ws_video object, .ow_ws_video embed { max-width: 100%; } /* ---- End of Blogs styles ---- */ /* ---- Rates Styles ---- */ .inactive_rate_list, .active_rate_list { background: url(images/stars.png) no-repeat 0 -13px; width: 65px; height: 13px; text-align: left; display: inline-block; } .active_rate_list { background-position: 0 0; } .rates_cont a.rate_item { background: url(images/stars.png) no-repeat 0 -13px; cursor: pointer; float: left; height: 13px; text-decoration: none; width: 13px; } .rates_cont a.active { background-position: 0 0; } .rates_cont{ margin: 0 auto; width: 65px; } .ow_rate_score{ font-size: 20px; } /* ---- End of Rates Styles ---- */ /* ---- User Avatar Console styles ---- */ .ow_avatar_console{ position: relative; /* border: 1px solid #2C2C2C!important; */ padding: 4px; background-color: rgba(0, 0, 0, 0.55); background-image: url('images/cap_bg.png'); } .ow_avatar_console .ow_avatar_image { height: 190px; max-width: 170px; } .ow_avatar_change{ position: absolute; right: 4px; top: 4px; } .ow_avatar_console_links { background: #F0F0F0; display: block; padding: 5px 10px; border-top: 1px solid #fff; } body .ow_avatar_console .ow_avatar_label { bottom: 4px; right: 4px; } .user_online_wrap { padding-top: 3px; min-height: 12px; text-align: left; } body .ow_avatar_console .avatar_console_label { bottom: 7px; } /* ---- End of User Avatar Console styles ---- */ /* ---- Photo styles ---- */ .ow_photo_prev{ background-repeat: no-repeat; background-position: right center; text-align: left; width: 39%; } .ow_photo_next{ background-repeat: no-repeat; background-position: left center; text-align: right; width: 39%; } .ow_photo_list { } .ow_photo_list_item{ float: left; height: 165px; padding: 16px 0px; text-align: center; } .ow_photo_info_str{ padding-top: 5px; } .ow_photo_infobar{ padding: 10px; text-align: right; } .ow_photo_rate{ height: 15px; text-align: center; } html body div.floatbox_photo_preview a.ow_ic_delete.close, html body div.floatbox_empty a.ow_ic_delete.close { background-image: url('images/photo_prev_x.png'); } .floatbox_empty .ow_box_cap_icons { top: -20px; right: -20px; } .ow_photo_context_action .ow_tooltip .ow_tooltip_body { padding: 4px 0; } .ow_photo_context_action .ow_context_action a { } .ow_photo_context_action .ow_context_action a:hover { text-decoration: none; } .ow_photo_context_action .ow_context_action_list a { padding: 4px 12px; } .ow_photo_context_action .ow_context_action { } .ow_photo_context_action .ow_context_action:hover { } .ow_photo_context_action .ow_context_more, .ow_photo_context_action .ow_context_more:hover, .ow_photo_context_action .ow_context_action:hover .ow_context_more, .ow_photo_context_action .ow_context_action.active .ow_context_more { } .ow_photo_context_action .ow_context_action_block .ow_context_action:first-child { } .ow_photo_context_action .ow_tooltip_tail span { } .ow_photo_context_action .ow_tooltip .ow_tooltip_body { background-color: rgba(0, 0, 0, 0.81); /** OW_Control type:color, key:dropdownBoxColor, section:5. Dropdown, label: Dropdown box background , description: Dropdown box background color **/ } .ow_photo_context_action .ow_context_action_list a:hover { } .ow_photo_context_action .ow_context_action_list.ow_alt2 { } .ow_photo_list_item_thumb span.ow_lbutton:hover { cursor: default; } .ow_photo_list_item_thumb { height: 120px; padding: 4px 6px 6px 20px; background: transparent url('images/photo_list_item_thumb.png') no-repeat 15px 0px; } .ow_photo_list_item_thumb img { width: 120px; height: 120px; } body .ow_photo_list_item_thumb span.ow_lbutton { bottom: 6px; right: 6px; } .ow_photo_submit_wrapper.ow_mild_green { background-color: #7CBB11; } .ow_upload_photo .ow_right .ow_button {margin: 15px 15px 0px 0px;} /* * button_list narrow */ ul.ow_bl_narrow{ border-top: 1px solid rgba(40, 40, 40, 0.77); padding: 0; } ul.ow_bl_narrow li{ list-style: none; } ul.ow_bl_narrow li a{ background: none; border-bottom: 1px solid rgba(23, 23, 23, 0.35); display: block; padding: 5px 7px; text-decoration: none; } ul.ow_bl_narrow li a:hover{ background: rgba(56, 66, 76, 0.61); color: #fff; } /* ---- Newsfeed ---- */ body ul.ow_newsfeed { padding: 0px; } .ow_newsfeed_section { list-style-image: none; margin: 15px 0; } .ow_newsfeed_section span{ background: #f0f0f0; padding: 5px 10px; text-shadow: #fff 1px 1px 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .ow_newsfeed_comments .base_cmnts_temp_cont, .ow_newsfeed_comments .base_cmnt_mark { margin-bottom: 0px; } .base_cmnt_mark .ow_ipc_info { padding-bottom: 0px; } .ow_newsfeed_comments .comment_add_arr { float: left; display: block; position: relative; left: 1px; width: 5px; height: 9px; margin: 14px 0px 0px -5px; background: url(images/comment_arr.png) no-repeat 0px 0px; } .ow_newsfeed_features .ow_tooltip .ow_tooltip_body { border: 1px solid #D8D8D8; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 4px 0px; box-shadow: none; } .ow_newsfeed_comments .ow_tooltip .ow_tooltip_body { border: 1px solid #D4D4D4; } .ow_newsfeed_item .ow_tooltip .ow_tooltip_body { padding: 4px 0; background-color: rgba(0, 0, 0, 0.81); /** OW_Control type:color, key:dropdownBoxColor, section:5. Dropdown, label: Dropdown box background , description: Dropdown box background color **/ border: none; } .ow_newsfeed_features .ow_tooltip .ow_tooltip_tail span { height: 5px; background: none; } .ow_newsfeed_comments .ow_tooltip .ow_tooltip_tail span { height:6px; background-position: 3px -6px; } .ow_newsfeed_features .ow_tooltip .ow_tooltip_body .ow_tooltip .ow_tooltip_body { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.81); /** OW_Control type:color, key:dropdownBoxColor, section:5. Dropdown, label: Dropdown box background , description: Dropdown box background color **/ } .ow_newsfeed_features .ow_context_action_list a, .ow_newsfeed_item .ow_context_action_list a { padding: 4px 12px; } .ow_newsfeed_context_tooltip { margin-top: 2px; } .ow_newsfeed_tooltip.ow_add_comments_form .ow_tooltip_body { /* padding: 8px; */ background-color: #F0F0F0; margin-top: -5px; } .ow_newsfeed_left { float: left; } .ow_newsfeed_date { float: right; text-align: right; font-size: 10px; line-height: 24px; } .ow_newsfeed_context_menu { display: none; position: absolute; right: 20px; top: 10px; } .ow_newsfeed_control { display: inline-block; } .ow_content .ow_newsfeed_date { color: #777777; } .ow_newsfeed_date:hover { color: #2A80AE; } .ow_newsfeed_features { /* max-width: 100% !important; */ margin-right: 10px; margin-left: -5px; } .ow_newsfeed_string { max-width: 100% !important; } /* ---- if container ow_superwide ---- */ body .ow_newsfeed_control .ow_newsfeed_string { display: block; vertical-align: middle; max-width: 74%; padding: 6px; } .ow_newsfeed_left { width: 70%; } /* ---- if container ow_wide ---- */ body .ow_wide .ow_newsfeed_control .ow_newsfeed_string { max-width: 47%; } body .ow_wide .ow_newsfeed_left { max-width: 76%; } /* ---- if container ow_narrow ---- */ body .ow_narrow .ow_newsfeed_control .ow_newsfeed_string { max-width: 14%; } body .ow_narrow .ow_newsfeed_left { max-width: 62%; } /* ---- if container ow_supernarrow ---- */ body .ow_supernarrow .ow_newsfeed_control .ow_newsfeed_string { max-width: 18%; } body .ow_supernarrow .ow_newsfeed_left { max-width: 71%; } .ow_newsfeed_btn_wrap { display: inline-block; line-height: 24px; /* background: #ffffff url(images/box_menu.gif) repeat-x center left; */ ; padding: 0px 7px 0px 0px; margin-right: 4px; color: #669371; vertical-align: middle; height: 23px; /* border: 1px solid #DDD; */ /* border-radius: 2px 2px 2px 2px; */ -moz-border-radius: 2px 2px 2px 2px; /* -webkit-border-radius: 2px 2px 2px 2px; */ } .ow_newsfeed_control a { } .ow_newsfeed_item .ow_newsfeed_activity_content { padding-top: 8px; } .ow_newsfeed_item .ow_newsfeed_item_picture { margin-right: 8px; } .ow_miniic_control { display: inline-block; /* background: url(images/box_menu.gif) repeat-x center left; */ vertical-align: top; margin-right: 6px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ow_miniic_control.active { display: inline-block; text-decoration: none; /* background: transparent url('images/mimic_active.gif') repeat-x left top; */ /* border-color: #2F95C4; */ /* border-bottom: 1px solid #78A2B2; */ vertical-align: top; margin-right: 6px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ow_miniic_control span { display: inline-block; width: 35px; height: 30px; } .ow_mailbox_convers_actions .ow_miniic_control span { display: inline-block; width: 22px; height: 22px; } .ow_miniic_like { background-position: -28px 6px; } .ow_miniic_comment { background-position: 4px 3px; } .ow_miniic_control.active .ow_miniic_like { background-position: -58px -45px; } .ow_miniic_control.active .ow_miniic_comment { background-position: 6px -44px; } body .ow_newsfeed_doublesided_stdmargin { margin: 16px 0px; } body .newsfeed-attachment-preview.item_loaded { width: 98.7%; margin-left: 0px; margin-right: 0px; } /* ---- Comments styles ---- */ body .ow_attachments .buttons { padding: 1px; background: #474747; /*border: 1px solid #ebebeb;*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } body .ow_attachments a { border: 1px solid #4C4C4C; border-radius: 2px 0 0 2px; } body .ow_attachments a.video { border-radius: 0 2px 2px 0; margin: 0 0 0 -1px; } .ow_attachment_btn span.ow_button { background-color: #BE1717; background-image: none; background-repeat: repeat-x; background-position: center left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-color: #620000; display: inline-block; padding: 1px; text-align: center; } .ow_attachment_btn span.ow_button span { display: inline-block; margin: 1px; } .ow_attachment_btn span.ow_button input[type=submit], .ow_attachment_btn span.ow_button input[type="button"] { padding: 1px 8px 4px; height: 22px; line-height: 22px; color: #fff; background: none; text-transform: none; font-size: 14px; text-shadow: 0 1px 0 rgba(97, 86, 86, 0.9); } .ow_attachment_btn span.ow_button:hover, .ow_attachment_btn span.ow_button span:hover { border-color: #7aac00; } .base_cmnts_temp_cont .ow_ipc_info { border: none; padding-bottom: 1px; } .ow_comments_item { position: relative; padding: 0px 0px 4px; } .ow_comments_item_picture{ float: left; margin-right: -50px; width: 50px; } .ow_newsfeed_comments .ow_comments_item_picture{ float: left; margin-right: -42px; width: 42px; } .ow_newsfeed_comments .ow_comments_item_picture .ow_avatar { width: 32px; height: 32px; } .ow_newsfeed_comments .ow_comments_item_picture .ow_avatar img, .ow_newsfeed_comments .ow_comments_item_picture img{ width: 32px; height: 32px; } .ow_newsfeed_comments .ow_comments_item_info{ margin-left: 48px; padding-top: 0px; } .ow_newsfeed_comments .ow_comments_item_content { font-size: 11px; } .ow_newsfeed_comments .ow_comments_item_picture .ow_avatar { } .ow_comments_item_info { margin-left: 57px; } .ow_comments_item_info textarea.ow_smallmargin { margin-bottom: 6px; width: 100%; margin-top: 4px; } .ow_comments_item_info .comments_fake_autoclick { width: 100%; height: 28px; margin-top: 4px; } .ow_comments_item_header { margin-bottom: 2px; } .ow_comments_item_header a { font-size: 11px; font-weight: bold; } .ow_comments_item_content { line-height: 1.25em; font-size: 13px; margin-bottom: 4px; padding: 4px 4px 5px; background: #E9F4C7; border: 1px solid #C3DB7C; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; min-height: 14px; } .ow_comments_item_toolbar { float: left; font-size:10px; width: 100%; } .ow_comments_item_info .clearfix .ow_comments_item_toolbar { white-space: normal; } .ow_comments_date { float: right; font-size: 10px; } .ow_comments_list .ow_tooltip .ow_tooltip_body { padding: 4px 0px; } .ow_comments_list .ow_context_action_list a { padding: 4px 12px; } .ow_newsfeed_comments .ow_comments_item { padding: 6px 6px 7px 6px; background: url(images/footer.png) left bottom repeat-x; background-color: rgba(34, 36, 39, 0.77); } .ow_comments_item_info .mipc_url{ font-weight: bold; } .comment_add_arr { float: left; display: block; position: relative; left: 1px; width: 5px; height: 9px; margin: 14px 0px 0px -5px; background: url(images/comment_arr.png) no-repeat 0px 0px; } .comment_arr { float: left; display: block; position: relative; left: 1px; width: 5px; height: 9px; margin: 8px 0px 0px -5px; background: url(images/comment_arr.png) no-repeat 0px -11px; } .ow_comments_list .comments_view_all { padding-bottom: 5px; } body .ow_comments_list .ow_attachment { padding-top: 4px; } body .ow_comments_content.ow_smallmargin { margin-bottom: 0px; } .ow_comments_content img { max-width: 100%; } .ow_comments_btn_block { padding: 0 0px 0px 0; } .ow_comments_item .cnx_action { position: absolute; right: 4px; top: 4px; } .ow_newsfeed_comments .ow_comments_item .cnx_action { top: 2px; } .ow_comments_msg { margin-top: 4px; color: #ffffff; background: #EC5451; padding: 4px; } .ow_newsfeed_comments .ow_comments_msg { margin-top: 4px; color: #7B7B7B; background: rgba(255, 5, 0, 0.15); padding: 4px; margin-bottom: -4px; } body .item_loaded { margin: 0px 3px 8px 57px; } body .ow_newsfeed_comments .item_loaded { margin: 0px 0px 8px 49px; } body textarea.ow_newsfeed_status_input { height: 58px; } body textarea.ow_newsfeed_status_input.invitation { width: 100%; height: 28px; } /* ---- Suggest field styles ---- */ .ac_results { padding: 0px; border: 1px solid #BBB; background-color: #FFF; overflow: hidden; z-index: 105; position: absolute; display: none; width: 100%; top: -1px; } .ac_results ul { list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_list_container{ width: 99.6%; position: relative; } .ac_results li { margin: 0px; padding: 4px 5px; cursor: pointer; display: block; width: 98%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background : url(images/ajax_preloader_button.gif) right center no-repeat; } .ac_over { background-color: #F0F0F0; } .ac_match{ font-weight: bold; } .ow_suggest_field { position: relative; } .ow_suggest_invitation { position: absolute; right: 9px; top: 9px; width: 12px; height: 12px; background: url(images/miniic_corner.png) no-repeat center center; } /* ow custom tips */ .ow_tip{ display:inline-block; position:absolute; z-index: 10005; color:#fff; } .ow_tip_arrow{ display:inline-block; position:absolute; } .ow_tip_arrow span{ display:block; border:5px dashed transparent; } .ow_tip_right .ow_tip_arrow span{ border-right-color:#4D6476; border-right-style:solid; border-right-width:5px; border-left-width:0; } .ow_tip_right .ow_tip_arrow{ top:50%; margin-top:-5px; left:0; } .ow_tip_right .ow_tip_box{ margin-left:5px; } .ow_tip_left .ow_tip_arrow span{ border-left-color:#4D6476; border-left-style:solid; border-left-width:5px; border-right-width:0; } .ow_tip_left .ow_tip_arrow{ top:50%; margin-top:-5px; right:0; } .ow_tip_left .ow_tip_box{ margin-right:5px; } .ow_tip_bot .ow_tip_arrow span{ border-bottom-color:#4D6476; border-bottom-style:solid; border-bottom-width:5px; border-top-width:0; } .ow_tip_bot .ow_tip_arrow{ left:50%; margin-left:-5px; top:0; } .ow_tip_bot .ow_tip_box{ margin-top:5px; } .ow_tip_top{ position:absolute; } .ow_tip_top .ow_tip_arrow span{ border-top-color:#4D6476; border-top-style:solid; border-top-width:5px; border-bottom-width:0; } .ow_tip_top .ow_tip_arrow{ left:50%; margin-left:-5px; bottom:0; } .ow_tip_top .ow_tip_box{ margin-bottom:5px; } .ow_tip_box{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:2px 9px 4px; background-color:#4D6476; color:#fff; font-size: 11px; font-weight: bold; } /* ---- Group styles ---- */ .ow_lp_groups .ow_lp_wrapper_inline { display: inline-block; margin: 0 3px 3px 0; width: 75px; padding: 2px; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); border: 1px solid rgba(25, 28, 29, 0.41); background: rgba(0, 0, 0, 0.12); box-shadow: 0 1px 0 rgba(97, 97, 97, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 1px 0 rgba(97, 97, 97, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 1px 0 rgba(97, 97, 97, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.7); } .ow_lp_groups .ow_lp_wrapper_inline:before { content: ' '; display: inline-block; width: 74px; height: 74px; position: absolute; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .ow_lp_groups .ow_lp_wrapper_inline:hover:before { content: ' '; background: url(images/arrow_groups.png) no-repeat center center; display: inline-block; width: 75px; height: 75px; position: absolute; background-color: rgba(0, 0, 0, 0.48); } body .ow_group_brief_info .details { padding-left: 20px; } .ow_group_list .ow_superwide{ width:100%; } .ow_group_list{ width:100%; margin-left:-25px; } .ow_group_list .ow_ipc_picture img { background: #F7F7F7; color: #a7a7a7; margin-top:9px; margin-left:38px; width: 80px; height: 80px; } .ow_group_list .ow_ipc_picture{ } .ow_group_list .ow_ipc_info:hover { -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15); -moz-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15); box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15); } .ow_group_list .ow_ipc_info { margin:2px; padding: 6px 10px 0px 105px; margin-left: 30px; color: #8C8C8C; background: rgba(0, 0, 0, 0.61); border-bottom: 5px solid rgba(0, 0, 0, 0.17); border-left: none !important; border-right: none; } .ow_group_list .ow_ipc_info .ow_remark { width: auto; /* text-shadow: #23272a 1px 1px 0; */ color: #848484; /* background: #445166; */ float: right; margin-bottom: -5px; margin-right: -10px; height: 30px; padding-left: 10px; padding-right: 10px; line-height:30px; } .ow_group_list .ow_ipc_info .ow_remark:before { /* content: ' '; */ background: url(images/field3_l.svg) no-repeat right center; display: inline-block; width: 28px; height: 28px; position: absolute; margin-left: -35px; margin-top: 0px; } .ow_group_list .ow_ipc_info a { color: #6D9B9B; } .ow_group_brief_info .image img { padding:4px; width: 100px ; height: 100px; -moz-border-radius: 5%; -webkit-border-radius: 5%; border-radius: 5%; margin-left:-4px; margin-top:-4px; } .group-GROUPS_CMP_BriefInfoWidget .ow_box .ow_box_empty { border-bottom: none; } .ow_event_list .ow_superwide{ width:100%; } .ow_event_list{ width:100%; margin-left:-20px; } .ow_event_list .ow_ipc_picture img { margin-top: 16px; margin-left: 16px; padding: 4px; width: 70px; height: 70px; } .ow_event_list .ow_ipc_picture { margin-top:-6px; margin-left:20px; } .ow_event_list .ow_ipc_info { text-shadow: 0 1px #080808; padding: 15px 15px 0px 100px; margin-left: 25px; height: auto; margin-top: 10px; color: #909090; background: rgba(0, 0, 0, 0.61); border-bottom: 5px solid rgba(0, 0, 0, 0.11); border-left: none !important; border-right: none; } .ow_event_list .ow_ipc_info a { color: #8CB8B8; } .ow_event_list .ow_ipc_info .ow_ipc_date { /* text-shadow: #333638 1px 1px 0; */ color: #898888; /* background: #445166; */ float: right; margin-top: 5px; margin-right: -15px; height: 30px; padding-left: 10px; padding-right: 10px; line-height: 30px; } .ow_event_list .ow_ipc_info .ow_ipc_date:before{ /* content: ' '; */ background: url(images/field3_l.svg) no-repeat right center; display: inline-block; width: 28px; height: 35px; position: absolute; margin-left: -37px; margin-top: 0px; } .ow_breadcrumb { -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; padding: 8px; border: 1px solid rgba(0, 0, 0, 0.14); background: rgba(0, 0, 0, 0.19); } .ow_blogs_list .ow_ipc_info { padding: 6px 16px 6px 6px; background: rgba(0, 0, 0, 0.29); border: 2px solid rgba(0, 0, 0, 0.06); -webkit-box-shadow: 1px 1px 2px #131313; -moz-box-shadow: 1px 1px 2px #131313; box-shadow: 1px 1px 2px #131313; } .ow_blogs_list .ow_ipc_info .ow_ipc_header{ background: rgba(0, 0, 0, 0.18); padding: 5px 5px 5px 10px; margin-bottom: 10px; margin-right: -10px; border: solid 1px rgba(0, 0, 0, 0.06); } /* ---- End of the Group styles ---- */ /* ---- Membership Subscribe styles ---- */ .ow_subscribe_table .ow_highbox { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } body .ow_table_1 tr td.ow_plans_td_empty + td { border-top-left-radius: 4px; } body .ow_table_1 tr td.ow_gateways_td_empty + td { border-bottom-left-radius: 4px; } /* ---- End of the Membership Subscribe styles ---- */ /*-------------------------------------------------------------------- [?] Custom pages declarations TODO remove ---------------------------------------------------------------------*/ /* !!!admin pages styles */ .ow_admin_content{ width: 815px; } html body .selected_theme_info { float: right; width: 336px; } /* pages and menus */ .ow_navbox{ background:url(images/btnl_bg.png) repeat-x center left; float:left; font-size:11px; height:18px; margin-right:5px; margin-bottom:5px; padding:4px 8px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ow_navbox a.move{ color:#666; font-weight:bold; } .ow_navbox a.move:hover{ cursor:move; text-decoration:none; } .ow_navbox a.edit{ background:url(images/arrow-up-down.png) no-repeat 10px 10px; cursor:pointer; } .ow_navbox a.edit:hover{ text-decoration:none; } .guest_item{ background-color:#aaffaa; } .member_item{ background-color:#ffaaaa; } .ow_main_menu_scheme, .ow_bottom_menu_scheme{ float: left; height: 134px; margin-right: 10px; width: 155px; } .ow_main_menu_scheme{ background: url(images/admin-pages-menu-main.jpg) no-repeat; } .ow_bottom_menu_scheme{ background: url(images/admin-pages-menu-bottom.jpg) no-repeat; } .ow_dash_help_box{ float: left; margin-left: 5px; margin-right: 5px; width: 31%; height: 105px; } .ow_dash_help_box h3{ padding: 4px 0 4px 20px; background: transparent no-repeat left center; } .ow_dash_help_box a{ display: block; } /* user dashboard settings */ .ow_dragndrop_panel { background: #2D2D2D; /*padding: 0px 10px 10px;*/ margin-top: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_dashboard_box{ background: #FFFFFF; padding: 5px 10px 10px 10px; margin-top: 5px; } .ow_dnd_schem_item{ background:#F0F0F0 url(images/ic_file.svg) no-repeat 10px 50%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ccc; cursor:move; /*float:left;*/ height:30px; margin:2px 4px 2px 0; padding:0 5px 0 33px; /*width:157px;*/ position: relative; font-size: 11px; } .ow_dnd_schem_item span.ow_label{ float:left; overflow:hidden; padding-top:5px; /*white-space:nowrap;*/ /*width:80px;*/ height: 20px; } .ow_dnd_schem_item span.action{ /*float:right;*/ line-height:15px; overflow:hidden; width:70px; position: absolute; right: 4px; top: 2px; } .ow_dnd_schem_item span.action .ow_lbutton { vertical-align: top; } .ow_dnd_helper { border: 1px dashed #000; } .ow_dnd_freezed .ow_dnd_schem_item { background-color: #FFAAAA; } .ow_dragndrop_sections .ow_highbox{ margin-top: 6px; } .ow_dnd_placeholder { height: 10px; border: 1px dashed #999999; background-color: #FFF; } .ow_dnd_preloader { height: 30px; } .ow_dnd_configurable_component .control { display: inline-block; width: 28px; height: 26px; text-decoration: none; background-position: center; background-repeat: no-repeat; } .ow_dnd_configurable_component .ow_box_icons { float: right; padding: 5px 2px 0 0; /* background-color: #213C52; */ /* padding: 3px; */ } .ow_dnd_configurable_component h3 { float: left; } .ow_dnd_content_components{ padding: 10px 0; width: 74%; } .ow_dnd_clonable_components { border-left: 1px solid #ccc; padding: 10px 0 10px 10px; width: 24%; } /* Dnd Slider */ .ow_dnd_slider { /*background:url(images/h2bg.png) repeat-x center;*/ height: 6px; background-color: #ddd; position: relative; margin: 10px 3px 0; cursor: pointer; } .ow_dnd_slider_pusher { float: left; height: 1px; } .ow_dnd_slider_marker { width: 10px; height: 1px; float: left; } .ow_dnd_slider_marker_point { position: absolute; width: 0px; height: 6px; border-left: 1px solid #999; border-right: 1px solid #FFF; top: 0; } .ow_dnd_slider_handle { position: absolute; top: -5px; width: 22px; height: 16px; cursor: move; z-index: 50; background: transparent url(images/ic_move_horizontal.png) no-repeat center; } .ow_dnd_slider_helper { } .ow_dnd_slider_in_move { opacity: 0.5; filter: alpha(opacity = 50); } .ow_dragndrop_sections .top_section, .ow_dragndrop_sections .left_section, .ow_dragndrop_sections .right_section, .ow_dragndrop_sections .bottom_section, .ow_dragndrop_sections .sidebar_section{ background-position: center 7px; background-repeat: no-repeat; } .ow_dragndrop_sections .top_section { background-image: url(images/dnd-label-top.png) } .ow_dragndrop_sections .left_section { background-image: url(images/dnd-label-column1.png) } .ow_dragndrop_sections .right_section { background-image: url(images/dnd-label-column2.png) } .ow_dragndrop_sections .bottom_section { background-image: url(images/dnd-label-bottom.png) } .ow_dragndrop_sections .sidebar_section { background-image: url(images/dnd-label-sidebar.png) } body .ow_dragndrop_panel .ow_dnd_schem_item{ width: 134px; } .ow_dragndrop_sections .ow_highbox{ margin-top: 6px; } .ow_highbox_table .ow_highbox, .ow_highbox { background-color: rgba(0, 0, 0, 0.6); } .ow_highbox { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 4px; } .ow_dragndrop_sections .ow_highbox { padding: 0; } .join_now_widget { background-image: url('images/ic_warning.png'); padding: 10px; background-position: 10px 10px; background-repeat: no-repeat; } .ow_highbox .ow_highbox.join_now_widget { background-image: none; border: none; } .ow_highbox, .ow_highbox_table .ow_highbox { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; } .ow_highbox_table .ow_highbox { height:50px; padding:10px; } .ow_highbox_table .ow_highbox .ow_dnd_schem_item{ float:none; margin-bottom:4px; margin-right:0; width:auto; } input[type=text].ow_settings_input{ width: 40px; } /* color picker */ .special_block_top { width: 252px; height: 7px; } .special_block_mid { width: 238px; padding: 0 7px 5px; margin: 0 auto; } .special_block_bot { width: 252px; height: 19px; } .colorCode { width: 68px; } table.colorPicker { border-collapse: separate !important; border-spacing: 3px !important; } table.colorPicker td { width: 20px; height: 20px; padding: 0; } /* FloatBox implementation */ #floatbox_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; } .floatbox_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;} .floatbox_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } *html #floatbox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #floatbox_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } *html #floatbox_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } body .floatbox_canvas .floatbox_container { margin-top: 100px; } .floatbox_canvas .floatbox_container { margin: 50px auto 20px; position: static; } .floatbox_container { position: fixed; z-index: 102; width: 300px; -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); border: 8px solid rgba(0, 0, 0, 0.5); } .floatbox_header { padding: 4px; text-align: left; } .floatbox_header a.close_btn { margin: 2px; background: url(images/ow-ic-close.png) no-repeat; } .floatbox_title { text-transform: uppercase; font-size: 16px; padding: 8px 12px 0px; float: left; font-weight: normal; font-family: 'open_sans_condensedbold', "Trebuchet MS", "Helvetica CY", sans-serif; } .floatbox_header .ow_box_cap_icons { float: right; margin-top: 1px; } .floatbox_body { padding: 8px 16px; text-align: left; } .floatbox_bottom { padding: 0px 16px 16px; text-align: center; } .floatbox_container .ow_bg_color { } .ow_photoview_stage_wrap.ow_photoview_stage_wrap_fullscreen { width: 100%!important; } /* End FloatBox implementation */ /* ---- Message (Feedback) styles ---- */ .ow_message_cont{ left: 50%; margin-left: -278px; position: fixed; top:0; width: 556px; z-index: 1000; margin-top: 25px; } .ow_message_node{ font-size:14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align:center; text-shadow: 0px 1px 0 rgba(0,0,0,0.4); line-height: 24px; margin:15px; padding:7px 12px; overflow: auto; position:relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 21px 16px rgba(0,0,0,0.2); -moz-box-shadow: 0 21px 16px rgba(0,0,0,0.2); box-shadow:0 21px 16px rgba(0,0,0,0.2); } .ow_message_node div div{ padding-right:24px; } .ow_message_node a.close_button { display:block; width:12px; height:13px; float:right; position:absolute; top:14px; right:14px; background:url(images/message_btn_close.png) no-repeat 50% 50%; } /*info*/ .ow_message_cont .ow_message_node.info { background: #90c105; border-top:1px solid #90c105; border-right:1px solid #90c105; border-bottom:1px solid #519200; border-left:1px solid #90c105; } /*warning*/ .ow_message_cont .ow_message_node.warning { background: #ffbf22; border-top:1px solid #ffbf22; border-right:1px solid #ffbf22; border-bottom:1px solid #ff8f05; border-left:1px solid #ffbf22; } /*error*/ .ow_message_cont .ow_message_node.error { background: #ea400b; border-top:1px solid #ea400b; border-right:1px solid #ea400b; border-bottom:1px solid #d71000; border-left:1px solid #ea400b; } /* ---- End of the Message (Feedback) styles ---- */ /* thickbox 8aa */ .ow_preloader_content_cont{ width: 30px; height: 30px; } /* ~thickbox 8aa */ /* ---- Captcha styles ---- */ span.ic_refresh{ background: url(images/ic_refresh.png) no-repeat; display: inline-block; height: 16px; width: 16px; } /* ---- End of Captcha styles ---- */ .alignleft{ float: left; } .alignright{ float: right; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } /*----------------------------------------------------------------------BASE_ADD--------------------------------------------------------------------------------*/ .index_customize_box { /*width: 985px;*/ } .fullsize-photo{display: none;} .ow_ajax_floatbox_preloader { width: 100%; height: 50px; } .ow_border { border-style: solid; border-color: #5A5A5A; } .ow_cursor_pointer { cursor: pointer; } .ow_break_word{ word-wrap:break-word; } .ow_box.ow_stdmargin.clearfix.group-GROUPS_CMP_BriefInfoWidget.ow_break_word {} /* ---- Sort styles ---- */ .ow_sort_control { padding: 4px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #f0f0f0; background: #fafafa; } .ow_sort_control a { background: #fafafa; display: inline-block; color: #666; font-size:11px; height: 22px; padding: 0px 6px 0 7px; text-shadow: #fff 1px 1px 0; border-style: solid; border-color: #dcdcdc; border-width: 1px 1px 1px 1px; margin: 0px 0px 0px -1px; outline: 0; border-left-width: 1px; border-top-left-radius: 1px; -moz-border-top-left-radius: 1px; -webkit-border-top-left-radius: 1px; border-bottom-left-radius: 1px; -moz-border-bottom-left-radius: 1px; -webkit-border-bottom-left-radius: 1px; } .ow_sort_control a span { display: inline-block; line-height: 21px; } .ow_sort_control a:first-child { border-left-width: 1px; border-top-left-radius: 1px; -moz-border-top-left-radius: 1px; -webkit-border-top-left-radius: 1px; border-bottom-left-radius: 1px; -moz-border-bottom-left-radius: 1px; -webkit-border-bottom-left-radius: 1px; } .ow_sort_control a:last-child { border-top-right-radius: 1px; -moz-border-top-right-radius: 1px; -webkit-border-top-right-radius: 1px; border-bottom-right-radius: 1px; -moz-border-bottom-right-radius: 1px; -webkit-border-bottom-right-radius: 1px; } .ow_sort_control a.active, .ow_sort_control a:hover{ color:#80b400; text-decoration:none; background: #fff; /*transparent url('images/box_menu_active.gif') repeat-x left top;*/ } .ow_sort_control_label { padding: 0px 8px 0px 6px; } /*td.sort_link{ width:100%; } td.sort_link li{ display:inline; padding: 0 15px 0 0; } td.sort_link li.active a { font-weight:bold; color:#333; } td.sort_link li.active a:hover{ text-decoration:none; }*/ /* ---- End of Sort styles ---- */ /* ---- Context Action styles ---- */ .ow_context_action_block { float: right; text-align: right; font-size: 0px; line-height: 17px; } .ow_context_action { display: inline-block; position: relative; z-index: 3; font-size: 11px; height: 18px; padding: 0px 0px 0px 5px; vertical-align: top; *display: inline; zoom: 1; background-image: none; /*url('images/console_item_bg.png');*/ background-position: 0px 0px; background-repeat: repeat-x; background-color: #A01717; /** OW_Control type:color, key:boxButtonsColor, section:3. Box, label: Box buttons color **/ } .ow_context_action_value { display: inline-block; padding: 0px 5px 0px 0px; text-decoration: none; color: #666; /*color: #3366CC; font-weight: bold; text-shadow: 1px 1px 0 #F6F6F6;*/ } .ow_context_more { display: inline-block; min-width: 10px; height: 18px; padding: 0px 5px 0px 0px; background: url(images/context_action_arrow.png) no-repeat 1px 8px; vertical-align: top; } .ow_context_action_block .ow_context_action:first-child { } .ow_context_action_block .ow_context_action:last-child { } .ow_context_action:hover, .ow_context_action.active { cursor: pointer; background: #B82020; /** OW_Control type:color, key:boxButtonsHoverColor, section:3. Box, label: Box buttons hover color **/ } .ow_context_action:hover .ow_context_action_wrap { display: block; } .ow_context_action:hover .ow_context_action_value, .ow_context_action.active .ow_context_action_value { text-decoration: none; } .ow_context_action:hover .ow_context_more, .ow_context_action.active .ow_context_more { background: url(images/context_action_arrow_active.png) no-repeat 1px 8px; } .ow_context_action_wrap { /*position: absolute; right: -1px; top: 23px; padding-top: 1px; max-width: 250px; display: none;*/ } .ow_context_action_list { min-width: 100px; text-align: left; overflow-x: auto; /** OW_Control type:color, key:dropdownBoxColor, section:5. Dropdown, label: Dropdown box background , description: Dropdown box background color **/ } .ow_context_action_list li { white-space: nowrap; } .ow_context_action_list a { font-size: 11px; font-weight: normal; display: block; padding: 3px; color: #929396; /** OW_Control type:color, key:dropdownBoxTextColor, section:5. Dropdown, label: Dropdown box Text , description: Dropdown box Text color **/ } .ow_context_action_list a:hover { text-decoration: none; background: #A01717; /** OW_Control type:color, key:dropdownBoxHoverColor, section:5. Dropdown, label: Dropdown box hover color , description: Dropdown box hover color **/ color: #E8E1E1; /** OW_Control type:color, key:dropdownBoxTextHoverColor, section:5. Dropdown, label: Dropdown box text hover , description: Dropdown box text hover color **/ } .ow_context_action .ow_tooltip { display: none; } .ow_context_action_divider { line-height: 1px; height: 1px; background: #dcdcdc; border-bottom: 1px solid #fff; margin: 1px 0px 0px; } /* ---- End of Context Action styles ---- */ /* ---- Cover Context Action styles ---- */ .uh-cover-add-btn-wrap .ow_context_action { padding-left: 7px; } .uh-cover-add-btn-wrap .ow_tooltip_body { padding: 4px 0px; } .uh-cover-add-btn-wrap .ow_context_action_list a { padding: 4px 12px; } .uh-cover-add-btn-wrap .ow_context_action_value { color: #666; } /* ---- End of Cover Context Action styles ---- */ /* ---- SignIn Form styles ---- */ .ow_sign_in_wrap { width:702px; } .ow_sign_in_wrap h2 { font-size: 28px; line-height: 36px; margin:0 8px 10px 8px; padding:0 40px; color: rgba(255, 255, 255, 0.53); } .ow_sign_in_wrap form { } .ow_sign_in_wrap form .ow_sign_in{float:left; width:312px;} .ow_sign_in_wrap form .ow_sign_up {margin:0px 0 0 342px; color: #BBBBBB; padding-top: 7px;} .ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;} .ow_sign_in_wrap form .ow_box_cap{ position:relative; z-index:99; background: transparent; } .ow_sign_in_wrap form .ow_box { padding: 16px 16px 6px 16px; margin-bottom: 16px; position: relative; z-index: 98; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;border: 2px solid#727371;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #707478; -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.16); -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.16); box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.16);} .ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;border: 2px solid#7C7C7C; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #707478; -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.16); -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.16); box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.16);} .ow_sign_in_wrap form .ow_form_options {margin-bottom:6px;} .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass {font-size:11px; padding:0 0 0 20px; line-height: 13px;} .ow_sign_in_wrap form .ow_form_options p.ow_remember_me {padding-bottom:5px;} .ow_sign_in_wrap form .ow_form_options p.ow_remember_me input[type="checkbox"]{float:left; margin: 0px 5px 0px -1px; padding:0px;} .ow_sign_in_wrap form .ow_connect_buttons {padding: 0 0 0 20px;} .ow_sign_in_wrap form .ow_connect_buttons .ow_fb_button {float:left;} .ow_connect_text { background: url('images/miniic_li.png') no-repeat left center; padding: 0px 0 0 16px; margin-right: 16px; float: left; line-height: 22px; } .ow_sign_in .connect_button_list { padding: 0px; float: left; } .floatbox_container .ow_sign_in_wrap form { margin: 0px; box-shadow: none; border: none; border-radius: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 10px 40px 0; background: none; } .floatbox_container .ow_sign_in_wrap form .ow_box_cap h3 { background-color: rgba(253, 253, 253, 0); background-image: none; color: #919191; font-size: 20px; } .floatbox_container .ow_sign_in_wrap h2 { display: none; } .ow_signin_label { display: inline-block; height: 14px; line-height: 28px; margin: 4px 4px 4px 4px; vertical-align: top; color: rgba(218, 57, 57, 1); /** OW_Control type:color, key:consoleIconsColor, section:1. General Settings, label: Console icons color, description: Top website console icons color **/ } .ow_signin_delimiter { /* border-right: 1px solid #ffffff; */ padding: 0px 0px 0px 0px; margin-top: 5p; } .ow_console_item .ow_ico_signin { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 14px; margin: 12px 5px 1px 4px; vertical-align: top; width: 14px; } .ow_ico_signin:last-child { margin-right: -4px; } /* ---- End SignIn Form styles ---- */ /* ---- My Avatar Widget styles ---- */ .ow_my_avatar_img { } .ow_my_avatar_username { display: table-cell; vertical-align: middle; } .ow_my_avatar_cont { height: 47px; display: table; padding-left: 5px; } .ow_my_avatar_cont span { display: inline-block; width: 90px; word-wrap: break-word; } /* ---- End of My Avatar Widget styles ---- */ /* ---- Live Member Icon ---- */ .ow_miniic_live .ow_live_on { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(images/miniic_live.png) center center no-repeat; margin-right: 4px; } .ow_miniic_live .ow_lbutton { display: inline-block; vertical-align: middle; margin-right: 4px; line-height: 12px; height: 12px; } .ow_miniic_live .ow_preloader_content{ height: 16px; width: 16px; display: inline-block; vertical-align: middle; background-position:center center; } .ow_miniic_live .ow_preloader_content.ow_hidden { display: none; } .ow_miniic_live .ow_lbutton.ow_green { color: #4F8349; } /* ---- End Live Member Icon ---- */ .ow_field_eye { padding-left: 14px; background:url(images/miniic_field_eye.png) 0 7px no-repeat; display: inline-block; } /* --- Splash screen --- */ .splash_screen_cont { text-align: center; } /* --- End Splash screen --- */ .ow_dragndrop_content { float: left; width: 99%; } .join_now_widget a{ color: #ffffff; text-shadow: #7c3a0d -1px -1px 0; background-repeat: repeat-x; background: #9c4000 url(images/btn_grad_sign.jpg); background-position: left top; padding: 6px 15px; border: 1px solid #9b480b; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow: 0 1px 2px rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:16px; font-weight:bold; } .join_now_widget { padding:20px; } .join_now_widget a:hover{ border: 1px solid #333333; text-decoration:none; color: #eeeae7; } .index-BASE_CMP_JoinNowWidget .ow_highbox{ background: #31343d url(images/floatboxbg.png); border: 1px solid #333333; padding:20px; -webkit-box-shadow: 0 0px 0px 4px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0 0px 0px 4px rgba(0, 0, 0, 0.31); box-shadow: 0 0px 0px 4px rgba(0, 0, 0, 0.31); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .index-BASE_CMP_JoinNowWidget .ow_box { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:10px; } .index-BASE_CMP_JoinNowWidget .ow_no_cap{ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .ow_newsfeed_large_image .ow_newsfeed_item_picture { width: auto !important; max-width: 100% !important; margin-left: 3px; max-height: 100% !important; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .ow_newsfeed_large_image .ow_newsfeed_item_content { width: 46% !important; max-width: 390px; } .forum_search_wrap { background-color: #707478; } .attp-attachment .att-thumb { max-width: 100% !important; } .ai-attachment.ow_newsfeed_large_image .ow_newsfeed_item_picture { max-width: 100% !important; max-height: 100% !important; width: 100%; } .ow_demo_toolbar_select { background: none repeat scroll 0 0 #transparent; height: 20px; float: right; margin-right:500px; } .ow_demo_toolbar { left:300px; height: 40px; margin-top: -35px; } /* Messages notifications */ .ow_console_mailbox_txt { font-size: 12px; } .ow_console_mailbox_title { font-size: 12px; font-weight: bold; padding-right: 52px; } .ow_console_mailbox_title .ow_mailbox_convers_info_date { font-size: 10px; font-weight: normal; } .ow_chat_request_item .console_list_ipc_item { /* padding-left: 30px; */ background: url(images/miniic_buble.svg) right center no-repeat; } .ow_mailbox_request_item .console_list_ipc_item { /* padding-left: 30px; */ background: url(images/miniic_envelope.svg) right center no-repeat; } .ow_chat_request_item .ow_console_mailbox_txt { font-size: 11px; font-weight: normal; line-height: 13px; } .ow_console_messages_btns, .ow_console_messages_btn { margin-top: 14px; } .ow_console_messages_viewall, .ow_console_messages_send { width: 49%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -wenkit-box-sizing: border-box; } .ow_console_messages_btn .ow_console_messages_send { display: none; } .ow_console_messages_btn .ow_console_messages_viewall { width: 100%; padding-right: 0; } .ow_console_messages_viewall { padding-right: 2px; } .ow_console_messages_send { padding-left: 2px; float: right; } .ow_console_messages_viewall a, .ow_console_messages_send a { display: inline-block; width: 100%; line-height: 25px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -wenkit-box-sizing: border-box; font-size: 11px; background: #BD1919; color: #ffffff; } .ow_console_messages_viewall a:hover, .ow_console_messages_send a:hover { background: #3DC8BF; } .ow_console li.ow_chat_request_item .ow_avatar, .ow_console li.ow_mailbox_request_item .ow_avatar { width: 32px; height: 32px; margin-right: -32px; } .ow_console li.ow_chat_request_item .ow_avatar img, .ow_console li.ow_mailbox_request_item .ow_avatar img { height: 54px; width: 54px; } .ow_console li.ow_chat_request_item .ow_console_invt_cont, .ow_console li.ow_mailbox_request_item .ow_console_invt_cont { margin-left: 58px; } .ow_mailbox_items_list .jspContainer .jspHorizontalBar { display: none !important; } /*End of Messages notifications*/ /* ---- End of Console styles ---- */ /* -------Attachments styles----------*/ .ow_attachment_btn { float: right; margin: 0 0 0 4px; padding: 0; } .ow_attachments input[type="file"] { cursor: pointer; float: right; opacity: 0; } .ow_attachment_icons { float: right; } .ow_attachments a { background: url(images/wysiwyg.png) no-repeat scroll -175px 1px rgba(0, 0, 0, 0); cursor: pointer; float: left; height: 22px; overflow: hidden; text-decoration: none; width: 22px; } .ow_attachments a.video{ background:url(images/wysiwyg.png) -197px 1px no-repeat; } .ow_attachments a.attach { background: url(images/wysiwyg.png) no-repeat scroll -242px 1px rgba(0, 0, 0, 0); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .ow_attachments a.attach.uploading { background: url(images/ajax_preloader_button.gif) no-repeat center center; } .ow_attachments a.attach.uploading:hover { background: url(images/wysiwyg.png) no-repeat scroll -242px 1px rgba(0, 0, 0, 0); } .ow_attachment_delete { width: 12px; height: 12px; display: block; position: absolute; top: 4px; right: 4px; } .ow_ajax_oembed_attachment { width: 100%; } /*Video, links embed*/ body .ow_oembed_attachment_preview { height: 60px; position: relative; padding: 6px 20px 0 88px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-width: 1px; background-color: #fafafa; } .ow_mailbox_log .ow_oembed_attachment_preview { border: none; padding: 0 0 0 88px; background-color: transparent; margin-top: 12px; } .ow_mailbox_log .ow_oembed_attachment_preview .ow_attachment_delete { display: none; } .ow_oembed_attachment_pic .attachment_other_images_btn { position: absolute; left: 4px; bottom: 4px; display: none; } .ow_oembed_attachment_pic:hover .attachment_other_images_btn { display: inline-block; } body .ow_oembed_attachment_pic { width: 80px; height: 60px; position: absolute; top: -1px; left: -1px; border-width: 0 1px 0 0; background-color: #ececec; } .ow_oembed_atachment_pic_nopic { background-image: url(images/no-picture.png); background-position: center center; background-repeat: no-repeat; background-size: 100%; } .ow_oembed_attachment_pic img { width: 80px; height: 60px; } .ow_oembed_attachment_url { position: relative; } .ow_oembed_attachment_url a { position: absolute; bottom: 4px; left: 4px; } .ow_attachment_title { margin-bottom: 4px; line-height: 13.5px; font-size: 11px; display: inline-block; } .ow_attachment_description { line-height: 13.5px; height: 27px; overflow: hidden; font-size: 11px; display: block; } .ow_attachment_title a { display: block; height: 13px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; font-size: 11px; } .ow_oembed_attachment_preview.loading_content .ow_oembed_attachment_pic, .ow_oembed_attachment_preview.loading_content .ow_attachment_title, .ow_oembed_attachment_preview.loading_content .ow_attachment_description { display: none; } .ow_oembed_attachment_preview.loading_content { background: url(images/ajax_preloader_content.gif) center center no-repeat; } .attachment_image_item { border-width: 1px; cursor: pointer; float: left; height: 85px; margin: 2px; padding: 3px; text-align: center; width: 85px; } .attachment_image_item img { max-width: 100%; max-height: 100%; } /*Photo attachment*/ .ow_photo_attachment_preview { height: auto; padding: 8px 0; border-width: 0 0 1px 0; border-style: solid; margin-left: 0; } .ow_comments_mipc .ow_photo_attachment_preview, .ow_comments_mipc .ow_oembed_attachment_preview { margin-left: 48px; } .ow_comments_ipc .ow_photo_attachment_preview, .ow_comments_ipc .ow_oembed_attachment_preview { margin-left: 57px; } .ow_feed_comments_input_sticky .ow_photo_attachment_preview, .ow_feed_comments_input_sticky .ow_oembed_attachment_preview, .ow_feed_comments_input_sticky .comments_hidden_btn{ margin: 0 12px 8px 22px; } .ow_photo_attachment_pic { display: inline-block; background-color: #ececec; width: 120px; height: 120px; border: 1px solid #e6e6e6; border-top-color: #dbdbdb; position: relative; background-size: cover; background-repeat: no-repeat; } .ow_photo_attachment_pic.loading { background-size: auto; background-image: url(images/ajax_preloader_content.gif); background-position: center center; } .ow_photo_attachment_stage { width: 150px; height: 150px; background-position: center; background-size: cover; background-repeat: no-repeat; } /*File attachments*/ .ow_file_attachment_preview { width: 100%; height: auto; margin-top: -2px; margin-bottom: 6px; } .ow_file_attachment_block1, .ow_file_attachment_block2 { float: left; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 2px 0; } .ow_file_attachment_block1 { padding-right: 4px; } .ow_file_attachment_block2 { padding-left: 4px; } .ow_dialog_items_wrap .ow_file_attachment_block1, .ow_dialog_items_wrap .ow_file_attachment_block2 { width: auto; float: none; padding-right: 0; padding-left: 0; padding-top: 4px; } .ow_dialog_items_wrap .ow_file_attachment_info, .ow_mailbox_log .ow_file_attachment_info { padding-right: 4px; } .ow_dialog_item_mailchat .ow_mailbox_message_content_attach { padding-top: 0px; } .ow_dialog_items_wrap .ow_file_attachment_name, .ow_mailbox_log .ow_file_attachment_name { font-weight: normal; padding-right: 4px; } .ow_file_attachment_info { border: 1px solid #DCDCDC; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-right: 50px; position: relative; height: 22px; overflow: hidden; } .ow_file_attachment_info a { line-height: 22px; padding-left: 8px; } .ow_dialog_in_item.fileattach { padding-top: 1px; padding-bottom: 1px; } .ow_dialog_in_item.fileattach .ow_file_attachment_info { border: none; } .ow_file_attachment_name { width: 100%; line-height: 22px; height: 22px; overflow: hidden; padding-left: 8px; font-size: 11px; font-weight: bold; } .ow_file_attachment_size { font-weight: normal; display: none; } .ow_file_attachment_close { position: absolute; top: 0; right: 0; width: 22px; height: 22px; border-left: 1px solid #DCDCDC; background-image: url(images/tag_close_btn.png); background-repeat: no-repeat; background-position: center center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ow_file_attachment_preload { position: absolute; top: 0; right: 25px; width: 16px; height: 22px; background: url(images/ajax_preloader_content.gif) center center no-repeat; display: none; } .ow_dialog_in_item.errormessage p, .ow_mailbox_log_message.errormessage .ow_mailbox_message_content, .ow_dialog_item_mailchat.errormessage .ow_dialog_item_mailchat_text { color: #b1b1b1; } .ow_errormessage_not { display: block; padding-bottom: 4px; padding-left: 4px; } .ow_dialog_in_item.errormessage .ow_errormessage_not { padding-left: 0; } /* -------End of attachments styles----------*/ /* ----------- Comments styles---------- */ body .ow_attachments a.video { border-radius: 0 2px 2px 0; margin: 0 0 0 -1px; } .base_cmnts_temp_cont .ow_ipc_info { border: none; padding-bottom: 1px; } .ow_comments_item, .ow_feed_comments_viewall, .ow_feed_comments_input_sticky, .ow_photo_attachment_preview, .ow_oembed_attachment_preview, .ow_oembed_attachment_pic, .ow_comments_form_wrap, .ow_newsfeed_features .ow_tooltip .ow_tooltip_body { background-color: rgba(33, 34, 34, 0.4); } .ow_comments_item { position: relative; padding: 0px 0px 4px; padding: 6px 6px 4px 6px; border-width: 1px 1px 0 1px; } .ow_comments_form_top .ow_comments_item { border-width: 0 1px 1px 1px; } .ow_comments_form_top .ow_paging { margin-bottom: 0; margin-top: 8px; } .ow_newsfeed_features .ow_comments_item { border-width: 1px 0 0 0; } .ow_photoview_info_wrap.sticked .ow_comments_item:last-child { border-width: 1px; margin-bottom: 12px; } .ow_comments_form_top .ow_comments_list .ow_comments_item:last-child { border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; } .ow_comments_list .ow_comments_item:first-child { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; } .ow_newsfeed_features .ow_comments_list div .ow_context_action_block .ow_context_action { border-top-width: 1px; } .ow_comments_form_wrap { padding: 6px 6px 4px 6px; border-width: 1px; margin-bottom: -4px; } .ow_newsfeed_features .ow_comments_form_wrap, .ow_newsfeed_features .ow_feed_comments_viewall { border-width: 1px 0 0 0; } .ow_comments_form_top .ow_comments_form_wrap { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; } .ow_feed_comments_viewall { text-align: right; padding: 8px 8px 8px 0; border-width: 1px 1px 0 1px; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; } .ow_feed_comments_input_sticky { position: absolute; bottom: 0; left: 0; width: 100%; } .ow_feed_comments_input_sticky .ow_comments_input_wrap { padding: 6px 12px 4px 22px; } .ow_feed_comments_input_sticky .ow_comments_form_wrap { border-top-width: 1px; } .ow_comments_item_picture{ float: left; margin-right: -50px; width: 50px; } .ow_comments_item_info { margin-left: 57px; } .ow_comments_item_info textarea.ow_smallmargin { margin-bottom: 6px; width: 100%; margin-top: 4px; } .ow_comments_item_info .comments_fake_autoclick { width: 100%; height: 28px; margin-top: 4px; } .ow_comments_item_header { margin-bottom: 2px; } .ow_comments_item_header a { font-size: 11px; font-weight: bold; } .ow_comments_item_toolbar { float: left; font-size:10px; width: 100%; } .ow_comments_item_info .clearfix .ow_comments_item_toolbar { white-space: normal; } .ow_comments_date { float: right; font-size: 10px; } .ow_comments_list .ow_tooltip .ow_tooltip_body { padding: 4px 0px; top: 5px; } .ow_comments_list .ow_context_action_list a { padding: 4px 12px; } .ow_comments_item_info .mipc_url{ font-weight: bold; } .comment_add_arr { float: left; display: block; position: relative; z-index: 1; left: 1px; width: 5px; height: 9px; margin: 14px 0px 0px -5px; background: url(images/comment_arr.png) no-repeat 0px 0px; } .ow_comments_list .comments_view_all { padding-bottom: 5px; } body .ow_comments_list .ow_attachment { padding-top: 4px; } body .ow_comments_content.ow_smallmargin { margin-bottom: 0px; } .ow_comments_content img { max-width: 100%; } .ow_comments_btn_block { padding: 0 0px 0px 0; } .ow_comments_item .cnx_action { position: absolute; right: 4px; top: 4px; } .ow_comments_msg { margin-top: 4px; color: #FDFDFD; font-weight: bold; } body .item_loaded { margin: 0px 3px 8px 57px; } body textarea.ow_newsfeed_status_input { height: 58px; } body textarea.ow_newsfeed_status_input.invitation { width: 100%; height: 28px; } .ow_comments_mipc.ow_comments_paging .ow_comments_list { margin-bottom: 8px; } .ow_comments_mipc .ow_comments_item_picture, .ow_feed_comments_input_sticky .ow_comments_item_picture { width: 42px; margin-right: -42px; float: left; } .ow_comments_mipc .ow_comments_item_picture .ow_avatar, .ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar { height: 32px; width: 32px; } .ow_comments_mipc .ow_comments_item_picture .ow_avatar img, .ow_feed_comments_input_sticky .ow_comments_item_picture .ow_avatar img { width: 32px; height: 32px; } .ow_comments_mipc .ow_comments_item_info, .ow_feed_comments_input_sticky .ow_comments_item_info { margin-left: 48px; } .ow_comments_mipc .ow_comments_list { margin-bottom: 1px; } .ow_comments_item_info .ow_comments_content { padding: 2px 0; } .ow_comments_input_wrap textarea.comments_fake_autoclick { resize: none; height: 30px; padding-right: 28px; } .ow_comments_input_wrap .ow_comments_input { padding-top: 4px; position: relative; } .ow_comments_input_wrap .ow_comments_input .comments_fake_autoclick { margin-top: 0; } .ow_comments_input .ow_attachment_icons { position: absolute; top: 8px; right: 4px; } .ow_comments_input .ow_attachments a { background: url(images/wysiwyg.png) no-repeat scroll -176px 0px rgba(0, 0, 0, 0); cursor: pointer; float: left; height: 20px; overflow: hidden; text-decoration: none; width: 20px; } .ow_attachments input[type="file"] { cursor: pointer; float: right; opacity: 0; } /*End of comments styles*/ /* ---- Mailbox styles ---- */ .ow_mailbox_left_loading .ow_mailbox_left_body { background: url(images/ajax_preloader_content.gif) center 220px no-repeat; } body .ow_mailbox_right.ow_mailbox_right_loading div.ow_mailbox_right_preloading { background: url(images/ajax_preloader_content.gif) no-repeat center center; } .ow_mailbox_message_content .ow_file_attachment_info, .ow_dialog_items_wrap .ow_file_attachment_info, .ow_mailbox_log .ow_file_attachment_info { background-image: url(images/miniic_doc.png); } .ow_mailbox_convers_info.mails { background-image: url(images/miniic_envelope.svg); } .ow_mailbox_convers_info.chats { background-image: url(images/miniic_buble.svg); } .ow_mailbox_convers_info { background-color: rgba(41, 52, 50, 0.44); } .ow_mailbox_convers_info_new { background-color: #B9CFC6; } .ow_mailbox_convers_info_selected { background-color: #394549; } .ow_mailbox_convers_info:hover, .ow_mailbox_convers_info_selected, .ow_mailbox_convers_info_selected:hover { -webkit-box-shadow: inset 2px 0px 0px 0px rgba(58, 89, 92, 1); -moz-box-shadow: inset 2px 0px 0px 0px rgba(58, 89, 92, 1); box-shadow: inset 2px 0px 0px 0px rgba(58, 89, 92, 1); } .ow_mailbox_convers_info .ow_mailbox_convers_info_date:hover { color: #999; } .ow_mailbox_convers_info .ow_mailbox_convers_info_string a { color: #436D8A; } .ow_mailbox_convers_info span.ic_reply { background-image: url(images/ic_reply_g.png); } .ow_mailbox_table, .ow_mailbox_table .ow_mailbox_convers_info, .ow_mailbox_table .ow_mailbox_cap, .ow_mailbox_table .ow_mailbox_date_cap, .ow_mailbox_table .ow_mailbox_subject_block, .ow_mailbox_table .ow_mailbox_log, .ow_mailbox_table .ow_mailbox_log_date, .ow_mailbox_table .ow_mailbox_left .ow_mailbox_cap, .ow_mailbox_table .ow_mailbox_left .ow_mailbox_search, .ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body, .ow_mailbox_right .ow_chat_message_block { border-color: #202020; } .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item { background-color: #edf7e1; border: 1px solid #dddddd;; } .ow_mailbox_convers_actions .ow_miniic_control span { background: url(images/miniic_gearwheel.png) 50% 1px no-repeat; border: 1px solid #242424; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ow_mailbox_convers_actions .ow_miniic_control.active { background: transparent; } .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item{ background-color: #e8f7fc; border: 1px solid #dddddd;; } .ow_mailbox_log .ow_dialog_item i { /* background-image: url(images/dialog_tail.png); */ } .ow_dialog_in_item p { text-shadow: none; } .ow_mailbox_convers_info.chats { background-position: 8px -15px!important; } .ow_mailbox_avatar { margin-left: 10px; } .ow_mailbox_convers_info.mails { background-position: 8px -15px!important; } /* ---- End of Mailbox styles ---- */ .ow_photo_dragndrop { font-family: 'UbuntuBold',"Trebuchet MS","Helvetica CY",sans-serif; text-transform: uppercase; color: #FFF; background-color: #594135; border: 1px solid #5A2F2F; font-size: 15px; } .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit { border: 1px solid #ccc; } .ow_photo_preview_image { background-color: #fafafa; } .ow_photo_preview_loading { background-image: url(images/ajax_preloader_content.gif) !important; background-size: auto !important; } .ow_photo_preview_image_filter { background: #000; } .ow_photo_preview_x { background: url(images/photo_upload_btn_x.png) center center no-repeat; } .ow_photo_preview_rotate { background: url(images/photo_upload_btn_rotate.png) center center no-repeat; } /*Photo list*/ .ow_fw_menu { background: url(images/floatboxbg.png); border: 1px solid rgba(32, 32, 32, 0.31); border-radius: 4px; padding: 10px 10px 6px 10px; min-height: 24px; clear: both; width: 98%; } .ow_fw_btns { display: inline-block; } .ow_photo_list_wrap div.ow_photo_item { background-color: #ffffff; border-color: #ffffff; } .ow_photo_list_wrap .ow_photo_item_wrap .ow_photo_item_info { background-color: rgba(0,0,0,0.85); } .ow_photo_item_info_user, .ow_photo_item_info_album, .ow_photo_item_info .ow_rates_wrap { color: #fff; } .ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description { color: #fff; } .ow_photo_pint_mode .ow_photo_item_wrap.ow_photo_album .ow_photo_item_info_description { color: #8F9E8E; } .ow_photo_album_info_wrap { border-bottom: 1px dashed #5C5C5C; } .ow_photo_album_cover { border-color: #000000; } body .ow_photo_album_info_wrap .ow_photo_album_info .ow_photo_album_description_textarea, body .ow_photo_album_info_wrap .ow_photo_album_info .ow_photo_album_description { color: #666; } a.ow_context_action_value { color: #FFF; } .ow_photo_item .ow_photo_context_action { right: 10px !important; top: 10px !important; } .ow_photo_item .ow_photo_context_action.ow_photo_context_action_loading .ow_tooltip_body { background-image: url(images/ajax_preloader_content.gif); } body .ow_photo_context_action .ow_context_action { background: #B82020 url(images/context_action_arrow.png) no-repeat 6px 8px; } body .ow_photo_context_action .ow_context_action:hover { background: #A01717 url(images/context_action_arrow_active.png) no-repeat 6px 8px; } body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action, body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action:hover { background-image: url(images/context_action_arrow.png) no-repeat 6px 8px; } .ow_photoview_stage_wrap_fullscreen .ow_photoview_fullscreen { background-image: url(images/fullscreen_min.png); } .ow_photoview_fullscreen { background-image: url(images/fullscreen_max.png); } .ow_photoview_play_btn { background-image: url(images/fullscreen_play.png); } .ow_photoview_play_btn.stop { background-image: url(images/fullscreen_stop.png); } .ow_photoview_info_btn.open { background-image: url(images/fullscreen_info_open.png); } .ow_photoview_info_btn.close { background-image: url(images/fullscreen_info_close.png); } .ow_photoview_slide_settings_btn { background-image: url(images/fullscreen_settings.png); } .ow_photoview_arrow_left { background-image: url(images/photoview_arrow_left.png); } .ow_photoview_arrow_right { background-image: url(images/photoview_arrow_right.png); } body .ow_photoview_stage_wrap .ow_photo_context_action .ow_context_action .ow_context_more { } .ow_photo_context_action .ow_context_action_list a:hover { background: #A01717; /** OW_Control type:color, key:dropdownBoxHoverColor, section:5. Dropdown, label: Dropdown box hover color , description: Dropdown box hover color **/ } .ow_photo_context_action .ow_tooltip_tail span { /* background: url(images/tooltip_tail.png) no-repeat 3px -6px; */ } .ow_photo_context_action .ow_context_action_divider { background-color: rgba(160,160,160,0.7); } .ow_context_action_list a.ow_context_action_item_hierarchy_right span { background: url(images/miniic_arrow_left_bb.png) no-repeat center center; } .ow_context_action_list a.ow_context_action_item_hierarchy_left span { background: url(images/miniic_arrow_right_bb.png) no-repeat center center; } .ow_photo_pint_mode .ow_photo_item_wrap .ow_photo_item_info { background: rgba(3, 3, 3, 0.39); border: 1px solid #DFDFDF; } .ow_photo_pint_mode .ow_photo_item_info_user, .ow_photo_pint_mode .ow_photo_item_info_album, .ow_photo_pint_mode .ow_photo_item_info_description, .ow_photo_pint_mode .ow_photo_item_info .ow_rates_wrap { color: #96A095; } .ow_photo_list.ow_photo_edit_mode .ow_photo_item .ow_photo_chekbox_area { background-color: rgba(255,255,255,0.4); } .ow_photo_list.ow_photo_edit_mode .ow_photo_item.ow_photo_item_checked .ow_photo_chekbox_area, .ow_photo_list.ow_photo_edit_mode.ow_photo_pint_mode .ow_photo_item .ow_photo_chekbox_area { background-color: rgba(255,255,255,0); } .ow_photo_edit_mode .ow_photo_chekbox_area .ow_photo_checkbox { border: 1px solid rgba(255,255,255,0.6); background-color: rgba(87,87,87, 0.6); } .ow_photo_edit_mode .ow_photo_item_checked .ow_photo_chekbox_area .ow_photo_checkbox { background-image: url(images/checkbox_icon.png); } .ow_photo_list.ow_photo_pint_mode .ow_photo_item { /* padding: 8px; */ -webkit-box-shadow: 1px 1px 2px #e6e6e6!important; -moz-box-shadow: 1px 1px 2px #e6e6e6!important; box-shadow: 1px 1px 2px #181818!important; background: rgba(68, 81, 102, 0); border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border: 0px !important; } .ow_photo_pint_mode .ow_photo_item_wrap .ow_photo_item_info { border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border: 0px !important; } .ow_photo_context_action { border: 1px solid rgba(204, 204, 204, 0); background-color: rgba(0, 0, 0, 0) !important; height:25px; } /*Searchbar*/ .ow_searchbar_ac { border: 1px solid #ccc; } .ow_searchbar_ac li { background-color: #fefefe; font-size: 11px; } .ow_searchbar_ac li:hover { background-color: #f1f1f1; } /*Rates*/ .ow_photoview_info .ow_rates_wrap { padding-left: 4px; margin: 6px 0 8px 0; } .ow_rates_wrap span { vertical-align: middle; } .ow_rates { width: 65px; display: inline-block; vertical-align: middle; margin: 0 2px; } .ow_rates .rates_cont { position: absolute; opacity: 0; transition: opacity 0.15s; -moz-transition: opacity 0.15s; -webkit-transition: opacity 0.15s; } .ow_rates:hover .rates_cont { opacity: 1; } /*Dropdown*/ body input.ow_dropdown_btn { background-image: none; height: 28px; } .ow_dropdown_arrow_down, .ow_dropdown_arrow_up { height: 10px; position: absolute; right: 8px; top: 12px; width: 12px; cursor: pointer; } .ow_dropdown_arrow_down { background: url(images/chat_tiny_arrow_down.png) no-repeat center center; } .ow_dropdown_arrow_up { background: url(images/chat_tiny_arrow_up.png) no-repeat center center; } .ow_dropdown_list_wrap { position: relative; width: 100%; } .ow_dropdown_list { border: 1px solid #dedede; position: absolute; top: -1px; left: 0; width: 99%; margin-left: 0.5%; border-radius-bottom-left: 4px; -moz-border-radius-bottom-left: 4px; -webkit-border-radius-bottom-left: 4px; border-radius-bottom-right: 4px; -moz-border-radius-bottom-right: 4px; -webkit-border-radius-bottom-right: 4px; display: none; } .ow_dropdown_list li { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 4px; background-color: #fff; color: #666; cursor: pointer; position: relative; } .ow_dropdown_list li:hover { background-color: #fafafa; } .ow_add_item { position: absolute; background: url(images/miniic_plus.png) center center no-repeat; width: 10px; height: 10px; right: 8px; top: 50%; margin-top: -5px; } li.ow_dropdown_delimeter { padding: 0 4px; } .ow_dropdown_delimeter div { width: 100%; height: 1px; background-color: #dedede; } .ow_photo_upload_drop_area { border: 1px dashed #e8e8e8; } .ow_newsfeed_item_picture { float: left; width: 100px; margin-right: 1%; } .ow_newsfeed_large_image .ow_newsfeed_item_picture { width: auto!important; height: auto; } .ow_newsfeed_large_image .ow_newsfeed_item_content { width: 100%; } .ow_newsfeed_item_picture img { max-width: 100%; width: auto; height: auto; } .ow_newsfeed_photo_grid { width: 100%; } .ow_newsfeed_photo_grid_item { padding: 0px 4px 4px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; float: left; } .ow_newsfeed_photo_grid_3 .ow_newsfeed_photo_grid_item { width: 33.3%; } .ow_newsfeed_photo_grid_item a { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-size: cover; width: 100%; } .ow_mailbox_convers_info_date { margin-right: -34px!important; } .ow_footer .ow_canvas { margin: 0 auto; width: 100% !important; word-wrap: break-word; } .ow_photoview_info_wrap .ow_user_list_data { margin-top: 10px!important; margin-left: 6px!important; margin-right: 5px!important; padding: 6px 6px 6px 100px!important; } .ow_photoview_info_wrap .ow_avatar{ margin-top:4px; margin-left:6px; } .ow_photoview_wrap { padding: 5px; } .ow_photo_item_wrap img { border-radius: 0px !important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; } ul.ow_settings_items a, ul.ow_chat_selector_items a { color: #9B9292 !important; } .ow_photoview_stage_wrap { background-color: #E6E6E6!important; } .ow_photoview_info .ow_comments_form_wrap .ow_avatar { margin-top: 2px; margin-left: 2px; } .ow_photoview_info .comments_list_cont .ow_avatar{ margin-top: 2px; margin-left: 2px; } .ow_console_list li.ow_console_new_message .ow_remark, .ow_console_mailbox_cont:hover .ow_remark{ color: #E8E1E1; /** OW_Control type:color, key:dropdownBoxTextHoverColor, section:5. Dropdown, label: Dropdown box text hover , description: Dropdown box text hover color **/ } .ow_console_mailbox_cont:hover .ow_remark{ } .ow_console_mailbox_cont .ow_remark{ color: #929396; /** OW_Control type:color, key:dropdownBoxTextColor, section:5. Dropdown, label: Dropdown box Text , description: Dropdown box Text color **/ } .ow_newsfeed_large_image .ow_newsfeed_item_picture:hover{ opacity:0.8; } .ow_newsfeed_large_image .ow_newsfeed_item_picture { width: 100%!important; height: auto; /* padding:8px; */ /* background: #9D9D9D; */ } .ow_newsfeed_photo_grid_item a { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; background-position: center center; } .ow_newsfeed_photo_grid_item a:hover{ opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .ow_dnd_schem_item .action a { background-position: center center; background-repeat: no-repeat; display: inline-block; height: 21px; text-decoration: none; width: 21px; } .ow_dnd_schem_item { background: #5E5120; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #171616; cursor: move; color: #FFFFFF; float: left; height: 30px; margin: 2px 4px 2px 0; padding: 2px 5px 0 5px; width: 157px; position: relative; font-size: 11px; } .ow_searchbar_btn { background-position: center -0px!important; background-color: #54696B; } html body div .ow_box_cap_empty h3 { /* background-color: #445166; */ } html body div .ow_box_cap h3 { /* background-color: #445166; */ } .ow_dnd_widget .ow_box_toolbar_cont { /* background-color: #E0E0E0; */ margin-top: 10px; margin-bottom: -10px; margin-right: -6px; float: right; padding: 1px; } .ow_dnd_widget .ow_box_toolbar_cont:before { /* content: ' '; */ /* background: url(images/field4_l.svg) no-repeat right center; */ display: inline-block; width: 28px; height: 34px; position: absolute; margin-left: -28px; margin-top: 0px; } .ow_dnd_widget .ow_box_empty .ow_box_toolbar_cont { /* background-color: #E0E0E0; */ margin-top: 10px; margin-bottom: -6px; } .ow_box_toolbar_cont { /* background-color: #E0E0E0; */ margin-top: 10px; margin-bottom: -10px; margin-right: -6px; /* float: left; */ padding: 1px; } .ow_box_empty .ow_box_toolbar_cont { /* background-color: #E0E0E0; */ margin-top: 10px; margin-bottom: -6px; } .ow_photo_item_widget { border: 1px solid rgba(25, 28, 29, 0.55); background: rgba(0, 0, 0, 0.12); box-shadow: 0 1px 0 rgba(97, 97, 97, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 1px 0 rgba(97, 97, 97, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 1px 0 rgba(97, 97, 97, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.7); } .ow_photo_item_widget:hover:before { content: ' '; background: url(images/lence.png) no-repeat center center; display: inline-block; width: 72px; height: 72px; position: absolute; background-color: rgba(0, 0, 0, 0.49); } .ow_photo_item_widget:before { content: ' '; display: inline-block; width: 72px; height: 72px; position: absolute; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .ow_main_menu li.active:after, .ow_main_menu li:hover:after { content: ' '; display: inline-block; width: 150px; height: 33px; position: absolute; margin-left: -24px; } .ow_main_menu li:before{ /* content: ' '; */ display: inline-block; width: 200px; height: 3px; position: relative; margin-left: 5px; top: 40px; } .ow_console_more { /* background: url("images/usermenu2.svg") no-repeat center 7px !important; */ height: 30px !important; /* width: 32px !important; */ display: inline-block; padding: 0px 0px 10px 10px; margin: 0px 10px 0px 0px; } .ow_console_item:hover .ow_console_more { height: 41px !important; display: inline-block; height: 41px !important; display: inline-block; padding: 0px 4px 0px 6px; } .ow_mailbox_items_list { font-size: 0; } .ow_notification_list .ow_console_item_link { display:none; } .ow_mailbox_items_list .ow_console_item_link { display:none; } .ow_friend_request_list .ow_console_item_link { display:none; } .ow_invitation_list .ow_console_item_link { display:none; } .ow_console_more .ow_console_item_link { } .ow_console_dropdown .ow_console_item_link { } .ow_mailbox_items_list { } .ow_mailbox_items_list:before { content: "\e07d"; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsColor, section:1. General Settings, label: Console icons color, description: Top website console icons color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ow_mailbox_items_list:hover:before, .ow_mailbox_items_list:active:before { content: "\e07d"; text-shadow: 0 0px 6px rgba(204, 48, 48, 0.8); transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsHoverColor, section:1. General Settings, label: Console icons hover color, description: Top website console icons hover color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ow_notification_list { } .ow_notification_list:hover { } .ow_notification_list:before { content: "\e027"; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsColor, section:1. General Settings, label: Console icons color, description: Top website console icons color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; /* font-weight: bold; */ font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ow_notification_list:hover:before, .ow_notification_list:active:before { content: "\e027"; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsHoverColor, section:1. General Settings, label: Console icons hover color, description: Top website console icons hover color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-shadow: 0 0px 6px rgba(204, 48, 48, 0.8); transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; } .ow_friend_request_list { } .ow_friend_request_list:hover { } .ow_friend_request_list:before { content: "\e002"; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsColor, section:1. General Settings, label: Console icons color, description: Top website console icons color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ow_friend_request_list:hover:before, .ow_friend_request_list:active:before { content: "\e002"; text-shadow: 0 0px 6px rgba(204, 48, 48, 0.8); transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsHoverColor, section:1. General Settings, label: Console icons hover color, description: Top website console icons hover color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ow_invitation_list { } .ow_invitation_list:hover { } .ow_invitation_list:before { content: "\e075"; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsColor, section:1. General Settings, label: Console icons color, description: Top website console icons color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ow_invitation_list:hover:before, .ow_invitation_list:active:before { text-shadow: 0 0px 6px rgba(204, 48, 48, 0.8); transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; color: rgba(134, 28, 28, 1); /** OW_Control type:color, key:consoleIconsHoverColor, section:1. General Settings, label: Console icons hover color, description: Top website console icons hover color **/ padding-right: 5px; padding-left: 5px; font-size: 25px; line-height: 41px !important; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .console_search_form{ padding-top:5px!important; } .console_search_form input[type="text"] { background: rgba(0,0,0,0.3)!important; } .console_search_form div.jhtmlarea { background: rgba(0,0,0,0.3)!important; } .esel2-results{ background:rgba( 191, 19, 50, 0.8); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .ow_console .ow_tooltip_top_right .ow_tooltip_tail { text-align: left; } .ow_newsfeed_date { line-height: 40px !important; height: 36px; margin-top: -4px; margin-right: -4px; padding-left: 10px; padding-right: 10px; } .ow_dnd_widget .index-NEWSFEED_CMP_SiteFeedWidget .form_auto_click { margin-left: 0px; margin-right: 0px; background: rgba(0, 0, 0, 0.47); padding: 10px; border: 6px solid rgba(29, 29, 29, 0.32); margin-bottom: 20px; } .ow_dnd_widget .form_auto_click { margin-left: 0px; margin-right: 0px; background: rgba(0, 0, 0, 0.04); padding: 10px; border: 6px solid rgba(0, 0, 0, 0.3); margin-bottom: 20px; } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc { padding: 10px; border-bottom: 2px solid rgba(158, 169, 168, 0.09); } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_picture, .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_picture img{ height: 80px !important; width: 80px !important; max-width: 80px !important; min-width: 80px !important; } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_picture img { padding:4px; background: rgba(0, 0, 0, 0.32); } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_toolbar .ow_ipc_date { } .index-EVENT_CMP_UpcomingEvents .ow_box_toolbar{ /* background-color: #E0E0E0; */ margin-top: 11px; margin-bottom: -9px; margin-right:-6px; padding-top:5px; padding-right:5px } .index-EVENT_CMP_UpcomingEvents .ow_box_empty .ow_box_toolbar { background-color: #E0E0E0; margin-top: 11px; margin-bottom: -6px; margin-right:-6px; padding-top:5px; padding-right:5px } .index-EVENT_CMP_UpcomingEvents .ow_box_toolbar:before { } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_info { margin-left: 99px; padding: 0px 0px 10px 0px; border-bottom: none; } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_picture img:first-child { margin-top: 0px; margin-left: 0px; } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_header a { color: rgb(202, 175, 133); } .ow_dnd_widget .index-EVENT_CMP_UpcomingEvents .ow_ipc_content{ color: rgb(187, 187, 187); text-shadow: #000000 1px 1px 0; } .profile-BASE_CMP_UserViewWidget .ow_box { background-image: url('images/cap_bg.png'); background-repeat: repeat; background-color: rgba(0, 0, 0, 0.72); } .profile-BASE_CMP_UserViewWidget .ow_box .ow_content_menu li a { } .profile-BASE_CMP_UserViewWidget .ow_box .ow_content_menu{ font-size: 0px; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; font-weight: normal; background: url(images/divider_line.png); background-repeat: repeat-x; background-position: bottom left; padding-bottom: 8px; } .profile-BASE_CMP_UserViewWidget .ow_box .ow_content_menu_wrap{ margin-bottom:5px; } .profile-BASE_CMP_UserViewWidget .ow_box.ow_content_menu li{ float: left; padding-left: 5px; margin-right:-6px; padding-bottom:10px; } .profile-BASE_CMP_UserViewWidget.ow_box .ow_content_menu li a{ border: none; } .profile-BASE_CMP_UserViewWidget .ow_box .ow_content_menu span{ background-position: 5px 8px; background-repeat: no-repeat; padding: 7px 5px 7px 7px; display: block; } .profile-BASE_CMP_UserViewWidget .ow_box .ow_content_menu li.active { background: #transparent; } .profile-BASE_CMP_UserViewWidget .ow_box .ow_content_menu li.active, .profile-BASE_CMP_UserViewWidget .ow_box .ow_content_menu li.active +li { } .profile-BASE_CMP_UserViewWidget .ow_box .ow_table_3 td.ow_label { border: none; color: #CBCBCB; text-align: right; text-shadow: #23272a 1px 1px 0; } .profile-BASE_CMP_UserViewWidget .ow_box .ow_table_3 td { border-color: #4B544B; border-left-width: 3px; border-left-style: solid; vertical-align: top; color: #CBCBCB; text-shadow: #23272a 1px 1px 0; } .group-GROUPS_CMP_UserListWidget .ow_box { background-repeat: repeat; /* background-color: #2c3d4f; */ } .group-GROUPS_CMP_UserListWidget .ow_box .ow_box_toolbar_cont{ text-shadow: #23272a 1px 1px 0; } .group-GROUPS_CMP_UserListWidget .ow_box ul.ow_bl a { } .group-GROUPS_CMP_UserListWidget .ow_box ul.ow_bl a:hover { } .group-GROUPS_CMP_LeaveButtonWidget a { position: relative; color:#FFF; padding: 6px 20px; border: 0; text-shadow:-1px -1px 0 #A84155; background: #D25068; border:1px solid #D25068; background-image:-webkit-linear-gradient(top, #F66C7B, #D25068); background-image:-moz-linear-gradient(top, #F66C7B, #D25068); background-image:-ms-linear-gradient(top, #F66C7B, #D25068); background-image:-o-linear-gradient(top, #F66C7B, #D25068); background-image:linear-gradient(to bottom, #F66C7B, #D25068); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5); box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5); } .group-GROUPS_CMP_LeaveButtonWidget a:hover { background: #F66C7B; background-image:-webkit-linear-gradient(top, #D25068, #F66C7B); background-image:-moz-linear-gradient(top, #D25068, #F66C7B); background-image:-ms-linear-gradient(top, #D25068, #F66C7B); background-image:-o-linear-gradient(top, #D25068, #F66C7B); background-image:linear-gradient(top, #D25068, #F66C7B); } .group-GROUPS_CMP_LeaveButtonWidget a:active { -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset; top:5px; } .group-GROUPS_CMP_LeaveButtonWidget a:before { background:#f0f0f0; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0D0D0), to(#f0f0f0)); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; position: absolute; content: ""; left: -6px; right: -6px; top: -6px; bottom: -10px; z-index: -1; } .group-GROUPS_CMP_LeaveButtonWidget a:active:before{ top: -11px; bottom: -5px; content: ""; } .group-GROUPS_CMP_LeaveButtonWidget .ow_box { padding: 20px 6px 20px 6px; } .group-GROUPS_CMP_JoinButtonWidget a { position: relative; color:#FFF; padding: 6px 20px; border: 0; background: #82BA46; -webkit-box-shadow:0 4px 0 #588a22; -moz-box-shadow:0 4px 0 #588a22; box-shadow: 0 4px 0 #588a22; } .group-GROUPS_CMP_JoinButtonWidget a:hover { background: #76B038; } .group-GROUPS_CMP_JoinButtonWidget a:active { -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset; top:5px; } .group-GROUPS_CMP_JoinButtonWidget a:active:before{ top: -11px; bottom: -5px; content: ""; } .group-GROUPS_CMP_JoinButtonWidget .ow_highbox { background:transparent; } .group-GROUPS_CMP_JoinButtonWidget .ow_box, .group-GROUPS_CMP_JoinButtonWidget .ow_box_empty { padding: 20px 6px 20px 6px; margin-bottom:10px; } .dashboard-BASE_CMP_QuickLinksWidget .ow_box, .dashboard-BASE_CMP_WelcomeWidget .ow_box , .dashboard-BASE_CMP_QuickLinksWidget .ow_box_empty, .dashboard-BASE_CMP_WelcomeWidget .ow_box_empty , .dashboard-BASE_CMP_ModerationToolsWidget .ow_box, .dashboard-BASE_CMP_ModerationToolsWidget .ow_box_empty { /* padding:6px; */ /* margin-top: 0px; */ /* border-bottom: 3px dashed #CACACA; */ /* border-left: 3px dashed #CACACA; */ /* border-right: 3px dashed #CACACA; */ /* background: #ffffff; */ /* margin-right:1px */} .dashboard-BASE_CMP_QuickLinksWidget .ow_box_cap .ow_box_cap_body, .dashboard-BASE_CMP_WelcomeWidget .ow_box_cap .ow_box_cap_body, .dashboard-BASE_CMP_QuickLinksWidget .ow_box_cap_empty .ow_box_cap_body, .dashboard-BASE_CMP_WelcomeWidget .ow_box_cap_empty .ow_box_cap_body, .dashboard-BASE_CMP_ModerationToolsWidget .ow_box_cap .ow_box_cap_body, .dashboard-BASE_CMP_ModerationToolsWidget .ow_box_cap_empty .ow_box_cap_body { /* border-top: 3px dashed #CACACA; */ /* border-left: 3px dashed #CACACA; */ /* border-right: 3px dashed #CACACA; */ /* margin: 1px; */ /* margin-right:0px; */ } .dashboard-BASE_CMP_QuickLinksWidget .ow_box_cap h3 , .dashboard-BASE_CMP_WelcomeWidget .ow_box_cap h3, .dashboard-BASE_CMP_QuickLinksWidget .ow_box_cap_empty h3 , .dashboard-BASE_CMP_WelcomeWidget .ow_box_cap_empty h3, .dashboard-BASE_CMP_ModerationToolsWidget .ow_box_cap h3, .dashboard-BASE_CMP_ModerationToolsWidget .ow_box_cap_empty h3 { background-image: url(images/ic_file.svg); /* background-color: #ffffff; */ background-repeat: no-repeat; background-position: 0px -3000px!important; padding: 10px 20px 4px 8px!important; /* color: #847E7E; */ height: auto; line-height: 16px; overflow: hidden; font-size: 17px; text-transform: uppercase; font-family: 'pf_beausans_prothin', "Trebuchet MS", "Helvetica CY", sans-serif; } .dashboard-BASE_CMP_QuickLinksWidget .ow_box_cap .ow_box_cap_body, .dashboard-BASE_CMP_WelcomeWidget .ow_box_cap .ow_box_cap_body, .dashboard-BASE_CMP_QuickLinksWidget .ow_box_cap_empty .ow_box_cap_body, .dashboard-BASE_CMP_WelcomeWidget .ow_box_cap_empty .ow_box_cap_body, .dashboard-BASE_CMP_ModerationToolsWidget .ow_box_cap .ow_box_cap_body, .dashboard-BASE_CMP_ModerationToolsWidget .ow_box_cap_empty .ow_box_cap_body { /* background: #ffffff; */ } .dashboard-BASE_CMP_QuickLinksWidget .ow_dnd_configurable_component h3:after, .dashboard-BASE_CMP_WelcomeWidget .ow_dnd_configurable_component h3:after , .dashboard-BASE_CMP_ModerationToolsWidget .ow_dnd_configurable_component h3:after { content: ' '; display:none; } .ow_photoview_info_wrap .ow_avatar { margin-top: 9px; margin-left: 15px; } input[name=album].ow_dropdown_btn { width: 250px !important; padding-right:20px; margin-bottom:50px; } .ow_profile_action_toolbar_wrap .ow_context_action_value_block .ow_context_action .ow_tooltip { margin-top: 0; position: absolute; left: 1px; right:auto; top: 22px !important; } .ow_profile_action_toolbar_wrap .ow_context_action_value_block .ow_context_action .ow_tooltip_top_right .ow_tooltip_tail { text-align: left; } .ow_vertical_nav { border: solid 1px #C8C1C1; } .floatbox_canvas .floatbox_container .floatbox_body .avatar_select_list .ow_user_list_data { min-height: 40px; margin-top: 1px; margin-left: 0px; margin-right: 0px; background: #ffffff url(images/table2.png); padding: 6px 6px 6px 60px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid rgba(211, 211, 211, 0.29); } .floatbox_canvas .floatbox_container .floatbox_body .avatar_select_list .ow_user_list_picture .ow_avatar img { width: 50px; height: 50px; margin-top: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; position: relative; display: inline-block; } .floatbox_container .ow_sign_in_wrap form .ow_box_cap .ow_box_cap_body { border: none; border-bottom: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; margin: 1px; height: 33px; } .ow_newsfeed_left { /* margin-bottom:5px; */ } .ow_photoview_info .ow_scrollable { overflow-y: no !important; } .ow_supernarrow .ow_box_cap h3 { font-size: 10px; } .ow_links .ow_box_cap_empty h3 a { color: #4E7B7B !important; text-shadow: none; } div.ow_floatbox_user_list .ow_floatbox_user_list_row .ow_item_set3 .ow_user_list_picture .ow_avatar img { width: 30px; height: 30px; margin-top: 0px; margin-left: 0px; } div.ow_floatbox_user_list .ow_floatbox_user_list_row .ow_item_set3 .ow_user_list_picture .ow_avatar { width: 30px; height: 30px; } div.ow_floatbox_user_list .ow_floatbox_user_list_row .ow_item_set3 .ow_user_list_data { min-height: 30px; margin-top: 1px; margin-left: 0px; margin-right: 0px; /* background: #ffffff url(images/table2.png); */ padding: 6px 6px 6px 40px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /* border: 1px solid rgba(211, 211, 211, 0.29); */ } .ow_photoview_overlay.floatbox_empty .ow_box_cap_icons { position: absolute; top: 0px !important; right: 0px !important; z-index: 1; padding: 3px !important; margin-top: 0px !important; } .gtabs-tab { display: block; float: left; margin-right: 10px !important; padding-left: 40px!important; padding-top: 10px!important; padding-bottom: 10px!important; background-repeat: no-repeat; background-position: 8px 50%; } .gtabs-tab a { text-decoration: none; color: #ffffff; font-weight: bold; } .gtabs-tabs-c { background: #BBBBBB; border: 1px solid rgba(211, 211, 211, 0.29); } /* User-Header */ @media (max-width: 480px) { .uh-head-text { margin-left: 15px !important; margin-top: -75px !important; top: 0px; position: relative; } .uh-avatar { width: 90px !important; height: 80px !important; margin: -50px 10px 20px !important; } .hg-avatar-image { height: 80px!important; width: 80px !important; position: center center !important; } .uh-display-name { font-size: 18px !important; font-weight: normal; } .uh-toolbox { padding-top: 65px !important; padding-left: 2px !important; margin-left: 0px!important; } .uh-head { margin-left: 3px!important; } .uh-avatar-console div.hg-avatar-image { background-size: cover!important; } } @media (min-width: 481px) and (max-width: 767px) { .uh-head-text { margin-left: 155px !important; margin-top: -25px !important; top: 0px; position: relative; } .uh-avatar { width: 130px !important; height: 120px !important; margin: -90px 10px 20px !important; } .hg-avatar-image { height: 120px!important; width: 120px !important; position: center center !important; } .uh-display-name { font-size: 18px !important; font-weight: normal; } .uh-toolbox { padding-top: 65px !important; padding-left: 2px !important; margin-left: 0px!important; } .uh-head { margin-left: 3px!important; } .uh-avatar-console div.hg-avatar-image { background-size: cover!important; } } @media (min-width: 768px) and (max-width: 979px) { } @media (min-width: 980px) and (max-width: 1100px) { } /* End of User-Header */ /* GROUP-Header */ @media (max-width: 480px) { .h-tabs li { padding: 0px !important; border-color: inherit !important; border-style: solid; position: relative; background-color: rgba(204,204,204,0.2); } .h-tabs-wrap .h-tabs li a { background-image: url(images/box_cap4.jpg); display: block; padding: 7px 10px 8px 10px !important; font-size: 13px; color: #626060; border: solid 1px #d8d8d8; } .h-tabs-wrap .h-tabs li:last-child a { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .h-tabs-wrap .h-tabs li:first-child a{ -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .h-tab-active .h-tab-cursor { display: none !important; } .gh-header .uh-toolbox .ow_content_menu_wrap { clear: none !important; } .gh-header div.uh-head-text-wrap { padding-left: 15px !important; padding-bottom: 20px !important; } .gh-header .uh-cover-has-cover .uh-head-text-wrap .uh-head-text { cursor: auto; margin-top: -93px !important; margin-left: 10px !important; } .gh-header .uh-head-text { font: normal 13px arial,sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; float: left; width: 100% !important; overflow: hidden; text-overflow: ellipsis; } .gh-header .uh-display-name { font-size: 10px !important; } .gh-header .uh-cover-controls { bottom: -40px !important; top:auto !important; right: 8px; position: absolute; z-index: 5; } .gh-header ul.ow_bl a { display: block; background: url(images/box_menu.gif) repeat-x center left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; color: #626060; padding: 0px 2px; line-height: 21px; height: 22px; text-decoration: none; font-size: 10px; } .uh-cover-has-cover .uh-head-text, .uh-cover-has-cover .uh-head-text .uh-display-name { color: #fff; display: none !important; } } @media (min-width: 481px) and (max-width: 767px) { .h-tabs li { padding: 0px !important; border-color: inherit !important; border-style: solid; position: relative; background-color: rgba(204,204,204,0.2); } .h-tabs-wrap .h-tabs li a { background-image: url(images/box_cap4.jpg); display: block; padding: 7px 10px 8px 10px !important; font-size: 13px; color: #626060; border: solid 1px #d8d8d8; } .h-tabs-wrap .h-tabs li:last-child a { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .h-tabs-wrap .h-tabs li:first-child a{ -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .h-tab-active .h-tab-cursor { display: none !important; } .gh-header .uh-toolbox .ow_content_menu_wrap { clear: none !important; } .gh-header div.uh-head-text-wrap { padding-left: 15px !important; padding-bottom: 20px !important; } .gh-header .uh-cover-has-cover .uh-head-text-wrap .uh-head-text { cursor: auto; margin-top: -103px !important; margin-left: 10px !important; } .gh-header .uh-head-text { font: normal 13px arial,sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; float: left; width: 100% !important; overflow: hidden; text-overflow: ellipsis; } .gh-header .uh-display-name { font-size: 10px !important; } .gh-header .uh-cover-controls { bottom: -40px !important; top:auto !important; right: 8px; position: absolute; z-index: 5; } } @media (min-width: 768px) and (max-width: 979px) { .h-tabs li { padding: 0px !important; border-color: inherit !important; border-style: solid; position: relative; background-color: rgba(204,204,204,0.2); } .h-tabs-wrap .h-tabs li a { background-image: url(images/box_cap4.jpg); display: block; padding: 7px 10px 8px 10px !important; font-size: 13px; color: #626060; border: solid 1px #d8d8d8; } .h-tabs-wrap .h-tabs li:last-child a { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .h-tabs-wrap .h-tabs li:first-child a{ -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .h-tab-active .h-tab-cursor { display: none !important; } .uh-toolbox .ow_content_menu_wrap { clear: none !important; } .gh-header .gh-header div.uh-head-text-wrap { padding-left: 15px !important; padding-bottom: 20px !important; } .gh-header .uh-cover-has-cover .uh-head-text-wrap .uh-head-text { cursor: auto; margin-top: -113px; margin-left: -120px; } .gh-header .uh-head-text { font: normal 13px arial,sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; float: left; width: 100% !important; overflow: hidden; text-overflow: ellipsis; } .gh-header .uh-display-name { font-size: 10px !important; } .gh-header .uh-cover-controls { bottom: -40px !important; top:auto !important; right: 8px; position: absolute; z-index: 5; } } @media (min-width: 980px) and (max-width: 1100px) { .h-tabs li { padding: 0px !important; border-color: inherit !important; border-style: solid; position: relative; background-color: rgba(204,204,204,0.2); } .h-tabs-wrap .h-tabs li a { background-image: url(images/box_cap4.jpg); display: block; padding: 7px 10px 8px 10px !important; font-size: 13px; color: #626060; border: solid 1px #d8d8d8; } .h-tabs-wrap .h-tabs li:last-child a { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .h-tabs-wrap .h-tabs li:first-child a{ -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .h-tab-active .h-tab-cursor { display: none !important; } .gh-header .uh-toolbox .ow_content_menu_wrap { clear: none !important; } .gh-header div.uh-head-text-wrap { padding-left: 15px !important; padding-bottom: 20px !important; } .gh-header .uh-cover-has-cover .uh-head-text-wrap .uh-head-text { cursor: auto; margin-top: -163px; /* padding-left: 20px; */ } .gh-header .uh-head-text { font: normal 13px arial,sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; float: left; width: 100% !important; overflow: hidden; text-overflow: ellipsis; } .gh-header .uh-display-name { font-size: 14px !important; } .gh-header .uh-cover-controls { bottom: -40px !important; top:auto !important; right: 8px; position: absolute; z-index: 5; } } @media (min-width: 1101px) { .h-tabs li { padding: 0px !important; border-color: inherit !important; border-style: solid; position: relative; background-color: rgba(204,204,204,0.2); } .h-tabs-wrap .h-tabs li a { background-image: url(images/box_cap4.jpg); display: block; padding: 7px 10px 8px 10px !important; font-size: 13px; color: #626060; border: solid 1px #d8d8d8; } .h-tabs-wrap .h-tabs li:last-child a { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .h-tabs-wrap .h-tabs li:first-child a{ -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .h-tab-active .h-tab-cursor { display: none !important; } .gh-header .uh-toolbox .ow_content_menu_wrap { clear: none !important; } .gh-header div.uh-head-text-wrap { padding-left: 15px !important; padding-bottom: 20px !important; } .gh-header .uh-cover-has-cover .uh-head-text-wrap .uh-head-text { cursor: auto; margin-top: -143px; } .gh-header .uh-head-text { font: normal 13px arial,sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; float: left; width: 100% !important; overflow: hidden; text-overflow: ellipsis; } .gh-header .uh-display-name { font-size: 14px !important; } .gh-header .uh-cover-controls { bottom: -40px !important; top:auto !important; right: 8px; position: absolute; z-index: 5; } } /* End of GROUP-Header */ .messagepop::-webkit-scrollbar { width: 1px; height: 10px; background: #E0E0E0; color: #ffffff; } .messagepop::-webkit-scrollbar-thumb { background: #EAEAEA; border-right: none; } @media (min-width: 481px) and (max-width: 767px) { .ow_mailbox_right {width: 100% !important; position: relative !important; bottom: 500px !important;} #conversationItemListContainer {position: relative; width: 100% !important; padding-bottom: 500px !important; z-index: 4 !important;} form[name=conversationSearchForm] {padding-top: 150px !important;} .ow_mailbox_search {border: 0 !important; z-index: 4 !important;} #conversationListControl {position: relative; padding-bottom: 500px !important; width: 100% !important;} .ow_alt1#messagesContainerControl {padding-top: 500px !important; padding-bottom: 100px;} .ow_alt2#messagesContainerControl {padding-top: 600px !important;} .ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body {border-right: 0 !important; display: table !important;} .ow_mailbox_table .ow_mailbox_convers_info {display: table-cell !important; border-right: 1px solid #323232 !important;} #conversationItemListSub {width: 100% !important;} #conversationItemListWrapper {padding-top: 0 !important;} #openBulkOptionsBtn { position: relative; z-index: 7 !important; border-top: 1px solid #494747 !important; border: 1px solid rgba(32, 32, 32, 0.69) !important; width: 95% !important; margin-left: 10px !important; height: 35px !important; background-color: #263F4C !important; border-radius: 2.76px !important;} #openBulkOptionsBtn .ow_mailbox_conv_options_inner {line-height: 21px !important;} .ow_mailbox_table .ow_mailbox_convers_info_date {float: none !important; clear: both !important; display: block !important; margin-top: 15px !important; text-align: left !important;} #conversationItemListSub {overflow-x: auto !important;} .ow_message_cont {width: 100% !important; margin-left: 0 !important; left: 0 !important;} .ow_chat_dialog_wrap {right: 0 !important;} .ow_chat_dialog, .ow_chat_dialog_wrap {width: 100% !important; margin-left: 0 !important;} .ow_searchbar_btn.ow_ic_lens {display: none !important;} .ow_searchbar_input {margin-bottom: 0 !important; margin-top: 12px !important;} .ow_searchbar_input input[type=text] {width: 100% !important;} } @media (max-width: 480px) { .ow_mailbox_right {width: 100% !important; position: relative !important; bottom: 500px !important;} #conversationItemListContainer {position: relative; width: 100% !important; padding-bottom: 500px !important; z-index: 4 !important;} form[name=conversationSearchForm] {padding-top: 150px !important;} .ow_mailbox_search {border: 0 !important; z-index: 4 !important;} #conversationListControl {position: relative; padding-bottom: 500px !important; width: 100% !important;} .ow_alt1#messagesContainerControl {padding-top: 500px !important; padding-bottom: 100px;} .ow_alt2#messagesContainerControl {padding-top: 600px !important;} .ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body {border-right: 0 !important; display: table !important;} .ow_mailbox_table .ow_mailbox_convers_info {display: table-cell !important; border-right: 1px solid #CCCCCC !important;} #conversationItemListSub {width: 100% !important;} #conversationItemListWrapper {padding-top: 0 !important;} #openBulkOptionsBtn {position: relative; z-index: 7 !important; border-top: 1px solid #494747 !important; border: 1px solid rgba(32, 32, 32, 0.69) !important; width: 95% !important; margin-left: 10px !important; height: 35px !important; background-color: #263F4C !important; border-radius: 2.76px !important;} #openBulkOptionsBtn .ow_mailbox_conv_options_inner {line-height: 21px !important;} .ow_mailbox_table .ow_mailbox_convers_info_date {float: none !important; clear: both !important; display: block !important; margin-top: 15px !important; text-align: left !important;} #conversationItemListSub {overflow-x: auto !important;} .ow_message_cont {width: 100% !important; margin-left: 0 !important; left: 0 !important;} .ow_chat_dialog_wrap {right: 0 !important;} .ow_chat_dialog, .ow_chat_dialog_wrap {width: 100% !important; margin-left: 0 !important;} .ow_searchbar_btn.ow_ic_lens {display: none !important;} .ow_searchbar_input {margin-bottom: 0 !important; margin-top: 12px !important;} .ow_searchbar_input input[type=text] {width: 100% !important;} } .ow_newsfeed_delimiter { display: none; } .floatbox_container .ow_bg_color { background: #f5f1ed u; } .index-BASE_CMP_MyAvatarWidget .ow_avatar, .index-BASE_CMP_MyAvatarWidget .ow_avatar img{ Width: 80px; height:80px; } .ow_photoview_info { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 8px 12px 16px !important; min-height: 100%; } .console_list_ipc_item { min-height:54px} .ow_main_menu li a:before { content: "\e094"; padding: 10px 25px 10px 10px; font-size: 20px; font-family: 'Simple-Line-Icons'; */; } .base_main_menu_index a:before { content: "\e069" !important; } .base_dashboard a:before { content: "\e06c"! important; } .musicextreme_main_menu_text a:before { content: "\e061" !important; } .base_users_main_menu_item a:before { content: "\e001" !important; } .base_main_menu_my_profile a:before { content: "\e005" !important; color: #339cb1; } .photo_photo a:before { content: "\e07f" !important; } .video_video a:before { content: "\e07e" !important; } .blogs_main_menu_item a:before { content: "\e05f" !important; } .forum_forum a:before { content: "\e04c" !important; } .groups_main_menu_list a:before { content: "\e021" !important; } .event_main_menu_item a:before { content: "\e075" !important; } .equestions_main_menu_list a:before { content: "\e05d" !important; } .games_main_menu_item a:before, .gamesplus_main_menu_item a:before { content: "\e01b" !important; } .iclassifieds_menutext_value a:before { content: "\e049" !important; } .sponsors_menutext_value a:before { content: "\e04b" !important; } .ocsaffiliates_affiliates a:before { content: "\e049" !important; } .oafaq_bottom_menu_item a:before { content: "\e076" !important; } .ocsfundraising_projects a:before { content: "\e04b" !important; } .tinychat_main_menu_label a:before { content: "\e07d" !important; } .fanpage_main_menu_item a:before { content: "\e013" !important; } .hotphoto_hotphoto a:before { content: "\e01c" !important; } .wall_main_menu_item a:before { content: "\e02a" !important; } .shoppro_main_menu_item a:before { content: "\e04e" !important; } .base_base_join_menu_item a:before { content: "\e017" !important; } .compteyoutube_compteyoutube a:before { content: "\e008" !important; } .userinvite_menutext_value a:before { content: "\e002" !important; } .cms_main_menu_item a:before { content: "\e049" !important; } .profilgame_profilgame a:before { content: "\e02d" !important; } .contact_main_menu_item a:before { content: "\e056" !important; } .movies_movies_menu_label a:before { content: "\e07e" !important; } .studio_menutext_value a:before { content: "\e032" !important; } .friendsplus_main_menu_item a:before { content: "\e002" !important; } .news_main_menu_item a:before { content: "\e063" !important; } .search_main_menu_item a:before { content: "\e090" !important; } .ynmediaimporter_main_menu_item a:before { content: "\e094" !important; } @media (max-width: 480px){ .ow_right .ow_button { margin-bottom: 5px !important; text-align: center !important; } .ow_button { width: 100% !important; } span.ow_button { padding: 0px 0px 0px 0px !important; } html body div span.ow_button input[type=submit], html body div span.ow_button input[type=button]{ /* width: 100% !important */} .forum_search_form, .forum_search_wrap{ width: 96%; float: left !important} .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit{ width: 48% !important; padding: 0px !important; margin: 4px !important; } .ow_forum .ow_topics, .ow_forum_topic .ow_views, .ow_forum_topic .ow_posts{ display: none !important } .ow_forum .ow_replies { display: none !important } .ow_forum_breadcrumb_wrapper, #forum_manage_buttons { display: block !important; width: 100% !important; } #forum_manage_buttons .ow_forum_breadcrumb_wrapper .ow_box_empty { margin-bottom: 10px !important; } .index_customize_box { display:none; } .ow_photo_upload_wrap *{ font-size: 12px; line-height: 29px; } .ow_suggest_field { margin-top: 20px!important; } .ow_photo_upload_submit .ow_right, .ow_photo_upload_submit { float: left!important; width: 100%!important; position: relative!important; margin-top: 10px; } .ow_dropdown_list { z-index: 20; } .ow_photo_upload_wrap .ow_left, .ow_photo_upload_wrap .ow_suggest_field input { width: 100%!important; } .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit { width: 100%!important; padding: 0px!important; margin: 1px!important; } .ow_video_list_item img { width: 100%!important; } .ow_video_list_item{ width: 100%; padding-top: 5px; padding-left: 0px; } .forum_search_tag_input { width: 70px !important; } } @media (max-width: 768px) and (min-width: 479px) { .ow_right .ow_button { margin-bottom: 5px !important; text-align: center !important; } .ow_button { width: 100% !important; } span.ow_button { padding: 0px 0px 0px 0px !important; } html body div span.ow_button input[type=submit], html body div span.ow_button input[type=button]{ width: 100% !important } .forum_search_form, .forum_search_wrap{ width: 96%; float: left !important} .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit{ width: 48% !important; padding: 0px !important; margin: 4px !important; } .ow_forum .ow_topics, .ow_forum_topic .ow_views, .ow_forum_topic .ow_posts{ display: none !important } .ow_forum .ow_replies { display: none !important } .ow_forum_breadcrumb_wrapper, #forum_manage_buttons { display: block !important; width: 100% !important; } #forum_manage_buttons .ow_forum_breadcrumb_wrapper .ow_box_empty { margin-bottom: 10px !important; } .index_customize_box { display:none; } .ow_photo_upload_wrap *{ font-size: 12px; line-height: 29px; } .ow_suggest_field { margin-top: 20px!important; } .ow_photo_upload_submit .ow_right, .ow_photo_upload_submit { float: left!important; width: 100%!important; position: relative!important; margin-top: 10px; } .ow_dropdown_list { z-index: 20; } .ow_photo_upload_wrap .ow_left, .ow_photo_upload_wrap .ow_suggest_field input { width: 100%!important; } .ow_photo_upload_wrap .ow_photo_preview_block_wrap .ow_photo_preview_edit { width: 100%!important; padding: 0px!important; margin: 1px!important; } .ow_video_list_item { width: 47%; padding-top: 5px; padding-left: 0px; margin-left: 10px; } } .ow_video_list .ow_alt1, .ow_video_list .ow_alt2 { height: 0px; border: none!important; } @media (max-width: 1024px) and (min-width: 767px){ .ow_video_list_item { float: left; width: 44%; padding-top: 7px; margin-left: 16px; padding-left: 0px; } } @media (max-width: 1280px) and (min-width: 1023px){ .ow_video_list_item { float: left; width: 30%; padding-top: 7px; margin-left: 16px; padding-left: 0px; } } .ow_chat_mailchat_buttons .ow_attachment_btn span.ow_button span { background-position: 0 0; background-repeat: repeat-x; border-radius: 2px; border-width: 1px; display: inline-block; margin: 1px; color: #FFFFFF; text-shadow: 1px 1px #3D7CBA !important; background: #27A49C !important; -webkit-box-shadow: 0 1px 0 #1E7286 !important; -moz-box-shadow: 0 1px 0 #1E7286 !important; box-shadow: 0 1px 0 #1E7286 !important; } .ow_chat_mailchat_buttons .ow_attachment_btn span.ow_button input[type="submit"], .ow_chat_mailchat_buttons .ow_attachment_btn span.ow_button input[type="button"] { text-shadow: 1px 1px #275F64 !important; } .ow_chat_mailchat_buttons .ow_attachment_btn span.ow_button { background-color: transparent !important; box-shadow: none !important; } @media (max-width: 480px){ .ow_mailbox_items_list { top: 0px; left: 65px; position: absolute; } .ow_notification_list { top: 0px; left: 100px; position: absolute; } .ow_notification_list:hover { } .ow_friend_request_list { top: 0px; left: 140px; position: absolute; } .ow_friend_request_list:hover { } .ow_invitation_list { top: 0px; left: 180px; position: absolute; } .ow_invitation_list:hover { } .ow_console_more .ow_console_item_link { } .ow_console_dropdown .ow_console_item_link { } .ow_newsfeed_oembed_atch .ow_newsfeed_item_picture { width: 100px; margin: auto!important; float: none!important; padding-bottom: 5px; } .ow_newsfeed_oembed_atch { padding-left: 0px; } } body.htmlarea_styles blockquote.ow_quote .ow_author, blockquote.ow_quote .ow_author { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(86, 86, 86); font-size: 11px; display: inline-block; padding: 2px 0px; width: 98%; } .splash_screen_cont { width: 500px; margin: 0 auto; padding-top: 300px; z-index: 100; position: relative; } @media (min-width: 1100px){ .cb-slideshow, .cb-slideshow:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .cb-slideshow:after { content: ''; background: transparent url(images/pattern.png) repeat top left; } .cb-slideshow li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; } .cb-slideshow li div { z-index: 1000; position: absolute; bottom: 30px; left: 0px; width: 100%; text-align: center; opacity: 0; color: #fff; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s; } .cb-slideshow li div h3 { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 240px; padding: 0; line-height: 200px; } .cb-slideshow li:nth-child(1) span { background-image: url(images/1.jpg); /** OW_Control type:image, key:backgroundImage1, section: 0. Slides, label: Slide 1 **/ } .cb-slideshow li:nth-child(2) span { background-image: url(images/2.jpg); /** OW_Control type:image, key:backgroundImage2, section: 0. Slides, label: Slide 2 **/ -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) span { background-image: url(images/3.jpg);/** OW_Control type:image, key:backgroundImage3, section: 0. Slides, label: Slide 3 **/ -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) span { background-image: url(images/4.jpg); /** OW_Control type:image, key:backgroundImage4, section: 0. Slides, label: Slide 4 **/ -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) span { background-image: url(images/5.jpg); /** OW_Control type:image, key:backgroundImage5, section: 0. Slides, label: Slide 5 **/ -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) span { background-image: url(images/6.jpg); /** OW_Control type:image, key:backgroundImage6, section: 0. Slides, label: Slide 6 **/ -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } .cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) div { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) div { -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) div { -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) div { -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } /* Show at least something when animations not supported */ .no-cssanimations .cb-slideshow li span{ opacity: 1; } /* Animation for the slideshow images */ @-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; } 8% { opacity: 1; -webkit-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in; } 8% { opacity: 1; -moz-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in; } 8% { opacity: 1; -o-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in; } 8% { opacity: 1; -ms-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } /* Animation for the title */ @-webkit-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } .ow_signin-slideshow, .ow_signin-slideshow:after { position: fixed; width: 100%; height: 100%; left: 0px; z-index: 99; top: 0; } .ow_signin-slideshow:after { content: ''; background: transparent url(images/pattern.png) repeat top left; } .ow_signin-slideshow li span { width: 500px; height: 850px; position: absolute; top: 130px; left: 0px; color: transparent; background-size: cover; background-position: top right; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; } .ow_signin-slideshow li div { z-index: 98; position: absolute; bottom: 30px; left: 0px; width: 100%; text-align: center; opacity: 0; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s; } .ow_signin-slideshow div h3 { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 130px; padding: 0; line-height: 200px; color: rgba(169,3,41, 0.8);/** OW_Control type:color, section:0.1. Colors, key:sign-inslidertextColor, label: Sign-in Sliding Big Text Color **/ text-shadow: none !important; margin-top: -47%; } .ow_signin-slideshow li:nth-child(1) span { background-image: url(images/7.png);/** OW_Control type:image, key:sign-inslideImage1, section: 0.1. Sign-in Slides, label: Sigin-in Slide 1 **/ } .ow_signin-slideshow li:nth-child(2) span { background-image: url(images/8.png);/** OW_Control type:image, key:sign-inslideImage2, section: 0.1. Sign-in Slides, label: Sigin-in Slide 2 **/ -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .ow_signin-slideshow li:nth-child(3) span { background-image: url(images/9.png);/** OW_Control type:image, key:sign-inslideImage3, section: 0.1. Sign-in Slides, label: Sigin-in Slide 3 **/ -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .ow_signin-slideshow li:nth-child(4) span { background-image: url(images/10.png);/** OW_Control type:image, key:sign-inslideImage4, section: 0.1. Sign-in Slides, label: Sigin-in Slide 4 **/ -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .ow_signin-slideshow li:nth-child(5) span { background-image: url(images/11.png);/** OW_Control type:image, key:sign-inslideImage5, section: 0.1. Sign-in Slides, label: Sigin-in Slide 5 **/ -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .ow_signin-slideshow li:nth-child(6) span { background-image: url(images/12.png);/** OW_Control type:image, key:sign-inslideImage6, section: 0.1. Sign-in Slides, label: Sigin-in Slide 6 **/ -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } } @media (min-width: 980px) and (max-width: 1100px) { .cb-slideshow, .cb-slideshow:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .cb-slideshow:after { content: ''; background: transparent url(images/pattern.png) repeat top left; } .cb-slideshow li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; } .cb-slideshow li div { z-index: 1000; position: absolute; bottom: 30px; left: 0px; width: 100%; text-align: center; opacity: 0; color: #fff; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s; } .cb-slideshow li div h3 { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 240px; padding: 0; line-height: 200px; } .cb-slideshow li:nth-child(1) span { background-image: url(images/1.jpg); /** OW_Control type:image, key:backgroundImage1, section: 0. Slides, label: Slide 1 **/ } .cb-slideshow li:nth-child(2) span { background-image: url(images/2.jpg); /** OW_Control type:image, key:backgroundImage2, section: 0. Slides, label: Slide 2 **/ -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) span { background-image: url(images/3.jpg);/** OW_Control type:image, key:backgroundImage3, section: 0. Slides, label: Slide 3 **/ -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) span { background-image: url(images/4.jpg); /** OW_Control type:image, key:backgroundImage4, section: 0. Slides, label: Slide 4 **/ -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) span { background-image: url(images/5.jpg); /** OW_Control type:image, key:backgroundImage5, section: 0. Slides, label: Slide 5 **/ -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) span { background-image: url(images/6.jpg); /** OW_Control type:image, key:backgroundImage6, section: 0. Slides, label: Slide 6 **/ -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } .cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) div { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) div { -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) div { -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) div { -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } /* Show at least something when animations not supported */ .no-cssanimations .cb-slideshow li span{ opacity: 1; } /* Animation for the slideshow images */ @-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; } 8% { opacity: 1; -webkit-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in; } 8% { opacity: 1; -moz-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in; } 8% { opacity: 1; -o-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in; } 8% { opacity: 1; -ms-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } /* Animation for the title */ @-webkit-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } .ow_signin-slideshow, .ow_signin-slideshow:after {display: none} } @media (min-width: 768px) and (max-width: 979px) { .cb-slideshow, .cb-slideshow:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .cb-slideshow:after { content: ''; background: transparent url(images/pattern.png) repeat top left; } .cb-slideshow li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; } .cb-slideshow li div { z-index: 1000; position: absolute; bottom: 30px; left: 0px; width: 100%; text-align: center; opacity: 0; color: #fff; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s; } .cb-slideshow li:nth-child(1) span { background-image: url(images/1.jpg); /** OW_Control type:image, key:backgroundImage1, section: 0. Slides, label: Slide 1 **/ } .cb-slideshow li:nth-child(2) span { background-image: url(images/2.jpg); /** OW_Control type:image, key:backgroundImage2, section: 0. Slides, label: Slide 2 **/ -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) span { background-image: url(images/3.jpg);/** OW_Control type:image, key:backgroundImage3, section: 0. Slides, label: Slide 3 **/ -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) span { background-image: url(images/4.jpg); /** OW_Control type:image, key:backgroundImage4, section: 0. Slides, label: Slide 4 **/ -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) span { background-image: url(images/5.jpg); /** OW_Control type:image, key:backgroundImage5, section: 0. Slides, label: Slide 5 **/ -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) span { background-image: url(images/6.jpg); /** OW_Control type:image, key:backgroundImage6, section: 0. Slides, label: Slide 6 **/ -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } .cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) div { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) div { -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) div { -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) div { -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } /* Show at least something when animations not supported */ .no-cssanimations .cb-slideshow li span{ opacity: 1; } /* Animation for the slideshow images */ @-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; } 8% { opacity: 1; -webkit-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in; } 8% { opacity: 1; -moz-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in; } 8% { opacity: 1; -o-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in; } 8% { opacity: 1; -ms-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } /* Animation for the title */ @-webkit-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } .ow_signin-slideshow, .ow_signin-slideshow:after {display: none} } @media (min-width: 481px) and (max-width: 767px) { .cb-slideshow, .cb-slideshow:after{display: none} .ow_signin-slideshow, .ow_signin-slideshow:after {display: none} } @media (max-width: 480px) { .cb-slideshow, .cb-slideshow:after{display: none} .ow_signin-slideshow, .ow_signin-slideshow:after {display: none} } .ow_forgot_password { margin: 0 auto; padding: 100px; width: 350px; position: relative; z-index: 200; } .cb-slideshow, .cb-slideshow:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .cb-slideshow:after { content: ''; background: transparent url(images/pattern.png) repeat top left; } .cb-slideshow li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; } .cb-slideshow li div { z-index: 1000; position: absolute; bottom: 30px; left: 0px; width: 100%; text-align: center; opacity: 0; color: #fff; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s; } .cb-slideshow li div h3 { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 240px; padding: 0; line-height: 200px; } .cb-slideshow li:nth-child(1) span { background-image: url(images/1.jpg); /** OW_Control type:image, key:backgroundImage1, section: 0. Slides, label: Slide 1 **/ } .cb-slideshow li:nth-child(2) span { background-image: url(images/2.jpg); /** OW_Control type:image, key:backgroundImage2, section: 0. Slides, label: Slide 2 **/ -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) span { background-image: url(images/3.jpg);/** OW_Control type:image, key:backgroundImage3, section: 0. Slides, label: Slide 3 **/ -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) span { background-image: url(images/4.jpg); /** OW_Control type:image, key:backgroundImage4, section: 0. Slides, label: Slide 4 **/ -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) span { background-image: url(images/5.jpg); /** OW_Control type:image, key:backgroundImage5, section: 0. Slides, label: Slide 5 **/ -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) span { background-image: url(images/6.jpg); /** OW_Control type:image, key:backgroundImage6, section: 0. Slides, label: Slide 6 **/ -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } .cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .cb-slideshow li:nth-child(3) div { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .cb-slideshow li:nth-child(4) div { -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .cb-slideshow li:nth-child(5) div { -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .cb-slideshow li:nth-child(6) div { -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } /* Show at least something when animations not supported */ .no-cssanimations .cb-slideshow li span{ opacity: 1; } /* Animation for the slideshow images */ @-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; } 8% { opacity: 1; -webkit-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in; } 8% { opacity: 1; -moz-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in; } 8% { opacity: 1; -o-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in; } 8% { opacity: 1; -ms-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } /* Animation for the title */ @-webkit-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } .ow_signin-slideshow, .ow_signin-slideshow:after { position: fixed; width: 100%; height: 100%; left: 0px; z-index: 99; top: 0; } .ow_signin-slideshow:after { content: ''; background: transparent url(images/pattern.png) repeat top left; } .ow_signin-slideshow li span { width: 500px; height: 850px; position: absolute; top: 130px; left: 0px; color: transparent; background-size: cover; background-position: top right; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; } .ow_signin-slideshow li div { z-index: 98; position: absolute; bottom: 30px; left: 0px; width: 100%; text-align: center; opacity: 0; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s; } .ow_signin-slideshow div h3 { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 130px; padding: 0; line-height: 200px; color: rgba(169,3,41, 0.8);/** OW_Control type:color, section:0.1. Colors, key:sign-inslidertextColor, label: Sign-in Sliding Big Text Color **/ text-shadow: none !important; margin-top: -47%; } .ow_signin-slideshow li:nth-child(1) span { background-image: url(images/7.png);/** OW_Control type:image, key:sign-inslideImage1, section: 0.1. Sign-in Slides, label: Sigin-in Slide 1 **/ } .ow_signin-slideshow li:nth-child(2) span { background-image: url(images/8.png);/** OW_Control type:image, key:sign-inslideImage2, section: 0.1. Sign-in Slides, label: Sigin-in Slide 2 **/ -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } .ow_signin-slideshow li:nth-child(3) span { background-image: url(images/9.png);/** OW_Control type:image, key:sign-inslideImage3, section: 0.1. Sign-in Slides, label: Sigin-in Slide 3 **/ -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } .ow_signin-slideshow li:nth-child(4) span { background-image: url(images/10.png);/** OW_Control type:image, key:sign-inslideImage4, section: 0.1. Sign-in Slides, label: Sigin-in Slide 4 **/ -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; } .ow_signin-slideshow li:nth-child(5) span { background-image: url(images/11.png);/** OW_Control type:image, key:sign-inslideImage5, section: 0.1. Sign-in Slides, label: Sigin-in Slide 5 **/ -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; } .ow_signin-slideshow li:nth-child(6) span { background-image: url(images/12.png);/** OW_Control type:image, key:sign-inslideImage6, section: 0.1. Sign-in Slides, label: Sigin-in Slide 6 **/ -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; } .maintenance_cont { width: 500px; margin: 0 auto; padding-top: 200px; position: relative; z-index: 200; } @media (max-width: 480px){ .ow_video_player{ text-align: center; } .ow_video_description{ margin: 8px 0 20px; } .ow_video_list_item{ width: 42% !important; float: left; margin-top: 10px; padding-top: 25px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; margin-left: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.79); background: rgba(0, 0, 0, 0.41); } .ow_video_list_item:hover{ border-bottom: 1px solid rgb(18, 21, 20); background: rgba(66, 136, 129, 0.09); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .ow_other_video_item_title{ margin-left: 88px; padding-left: 4px; } .ow_video_thumb{ background: url(images/video-no-video.png) no-repeat center center; display: block; } .ow_video_list_item img{ height: 120px!Important; width: 100%!important; } .ow_video_thumb { height: 90px; width: 120px; } .ow_other_video_thumb{ display: block; margin-right: -80px; /* background: url(images/video_thumb_bg.png) no-repeat 0 0; */ } .ow_other_video_thumb a { display: inline-block; width: 80px; height: 60px; background: url(images/video-no-video.png) no-repeat center center; } .video_thumb_no_title { margin: 0px 4px 4px 0px; } .ow_other_video_thumb, .ow_other_video_thumb img, .ow_other_video_floated img{ height: 60px; width: 80px; } .ow_other_video_floated{ display: inline-block; background: #fff url(images/video-no-video.png) no-repeat center center; width: 80px; height: 60px; vertical-align: middle; } .ow_video_item_title{ padding-bottom: 3px; border-bottom: 1px solid rgb(38, 68, 61); font-size: 12px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; top: -140px; } .ow_video_item_rate{ height: 15px; margin-top: 5px; margin-bottom: -20px; } .ow_video_infobar{ padding: 10px; text-align: right; } .ow_video_player object, .ow_video_player embed { max-width: 100%; } } @media (min-width: 481px) and (max-width: 767px) { /* ---- Video styles ---- */ .ow_video_player{ text-align: center; } .ow_video_description{ margin: 8px 0 20px; } .ow_video_list_item{ float: left; width: 160px; margin-top: 10px; padding-top: 25px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; margin-left: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.79); background: rgba(0, 0, 0, 0.41); } .ow_video_list_item:hover{ border-bottom: 1px solid rgb(18, 21, 20); background: rgba(66, 136, 129, 0.09); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .ow_other_video_item_title{ margin-left: 88px; padding-left: 4px; } .ow_video_thumb{ background: url(images/video-no-video.png) no-repeat center center; display: block; } .ow_video_list_item img{ height: 120px!Important; width: 100%!important; } .ow_video_thumb { height: 90px; width: 120px; } .ow_other_video_thumb{ display: block; margin-right: -80px; /* background: url(images/video_thumb_bg.png) no-repeat 0 0; */ } .ow_other_video_thumb a { display: inline-block; width: 80px; height: 60px; background: url(images/video-no-video.png) no-repeat center center; } .video_thumb_no_title { margin: 0px 4px 4px 0px; } .ow_other_video_thumb, .ow_other_video_thumb img, .ow_other_video_floated img{ height: 60px; width: 80px; } .ow_other_video_floated{ display: inline-block; background: #fff url(images/video-no-video.png) no-repeat center center; width: 80px; height: 60px; vertical-align: middle; } .ow_video_item_title{ padding-bottom: 3px; border-bottom: 1px solid rgb(38, 68, 61); font-size: 12px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; top: -140px; } .ow_video_item_rate{ height: 15px; margin-top: 5px; margin-bottom: -20px; } .ow_video_infobar{ padding: 10px; text-align: right; } .ow_video_player object, .ow_video_player embed { max-width: 100%; } /* ---- End of Video styles ---- */ } @media (max-width: 979px) and (min-width: 768px) { /* ---- Video styles ---- */ .ow_video_player{ text-align: center; } .ow_video_description{ margin: 8px 0 20px; } .ow_video_list_item{ float: left; width: 160px; margin-top: 10px; padding-top: 25px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; margin-left: 10px; border-bottom: 1px solid rgb(18, 21, 20); background: rgba(41, 51, 61, 0.41); } .ow_video_list_item:hover{ border-bottom: 1px solid rgb(18, 21, 20); background: rgba(66, 136, 129, 0.09); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .ow_other_video_item_title{ margin-left: 88px; padding-left: 4px; } .ow_video_thumb{ background: url(images/video-no-video.png) no-repeat center center; display: block; } .ow_video_list_item img{ height: 120px!Important; width: 100%!important; } .ow_video_thumb { height: 90px; width: 120px; } .ow_other_video_thumb{ display: block; margin-right: -80px; /* background: url(images/video_thumb_bg.png) no-repeat 0 0; */ } .ow_other_video_thumb a { display: inline-block; width: 80px; height: 60px; background: url(images/video-no-video.png) no-repeat center center; } .video_thumb_no_title { margin: 0px 4px 4px 0px; } .ow_other_video_thumb, .ow_other_video_thumb img, .ow_other_video_floated img{ height: 60px; width: 80px; } .ow_other_video_floated{ display: inline-block; background: #fff url(images/video-no-video.png) no-repeat center center; width: 80px; height: 60px; vertical-align: middle; } .ow_video_item_title{ padding-bottom: 3px; border-bottom: 1px solid rgb(38, 68, 61); font-size: 12px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; top: -140px; } .ow_video_item_rate{ height: 15px; margin-top: 5px; margin-bottom: -20px; } .ow_video_infobar{ padding: 10px; text-align: right; } .ow_video_player object, .ow_video_player embed { max-width: 100%; } /* ---- End of Video styles ---- */ } @media (max-width: 979px) and (min-width: 768px){ /* ---- Video styles ---- */ .ow_video_player{ text-align: center; } .ow_video_description{ margin: 8px 0 20px; } .ow_video_list_item{ float: left; width: 160px; margin-top: 10px; padding-top: 25px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; margin-left: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.79); background: rgba(0, 0, 0, 0.41); } .ow_video_list_item:hover{ border-bottom: 1px solid rgb(18, 21, 20); background: rgba(66, 136, 129, 0.09); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .ow_other_video_item_title{ margin-left: 88px; padding-left: 4px; } .ow_video_thumb{ background: url(images/video-no-video.png) no-repeat center center; display: block; } .ow_video_list_item { float: left; width: 29%; } .ow_video_list_item img{ height: 120px!Important; width: 100%!important; } .ow_video_thumb { height: 90px; width: 120px; } .ow_other_video_thumb{ display: block; margin-right: -80px; /* background: url(images/video_thumb_bg.png) no-repeat 0 0; */ } .ow_other_video_thumb a { display: inline-block; width: 80px; height: 60px; background: url(images/video-no-video.png) no-repeat center center; } .video_thumb_no_title { margin: 0px 4px 4px 0px; } .ow_other_video_thumb, .ow_other_video_thumb img, .ow_other_video_floated img{ height: 60px; width: 80px; } .ow_other_video_floated{ display: inline-block; background: #fff url(images/video-no-video.png) no-repeat center center; width: 80px; height: 60px; vertical-align: middle; } .ow_video_item_title{ padding-bottom: 3px; border-bottom: 1px solid rgb(38, 68, 61); font-size: 12px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; top: -140px; } .ow_video_item_rate{ height: 15px; margin-top: 5px; margin-bottom: -20px; } .ow_video_infobar{ padding: 10px; text-align: right; } .ow_video_player object, .ow_video_player embed { max-width: 100%; } /* ---- End of Video styles ---- */ } @media (max-width: 1100px) and (min-width: 980px) { /* ---- Video styles ---- */ .ow_video_player{ text-align: center; } .ow_video_description{ margin: 8px 0 20px; } .ow_video_list_item{ float: left; width: 160px; margin-top: 10px; padding-top: 25px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; margin-left: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.79); background: rgba(0, 0, 0, 0.41); } .ow_video_list_item:hover{ border-bottom: 1px solid rgb(18, 21, 20); background: rgba(66, 136, 129, 0.09); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .ow_other_video_item_title{ margin-left: 88px; padding-left: 4px; } .ow_video_thumb{ background: url(images/video-no-video.png) no-repeat center center; display: block; } .ow_video_list_item img{ height: 120px!Important; width: 100%!important; } .ow_video_thumb { height: 90px; width: 120px; } .ow_other_video_thumb{ display: block; margin-right: -80px; /* background: url(images/video_thumb_bg.png) no-repeat 0 0; */ } .ow_other_video_thumb a { display: inline-block; width: 80px; height: 60px; background: url(images/video-no-video.png) no-repeat center center; } .video_thumb_no_title { margin: 0px 4px 4px 0px; } .ow_other_video_thumb, .ow_other_video_thumb img, .ow_other_video_floated img{ height: 60px; width: 80px; } .ow_other_video_floated{ display: inline-block; background: #fff url(images/video-no-video.png) no-repeat center center; width: 80px; height: 60px; vertical-align: middle; } .ow_video_item_title{ padding-bottom: 3px; border-bottom: 1px solid rgb(38, 68, 61); font-size: 12px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; top: -140px; } .ow_video_item_rate{ height: 15px; margin-top: 5px; margin-bottom: -20px; } .ow_video_infobar{ padding: 10px; text-align: right; } .ow_video_player object, .ow_video_player embed { max-width: 100%; } /* ---- End of Video styles ---- */ } @media (min-width: 1100px) { /* ---- Video styles ---- */ .ow_video_player{ text-align: center; } .ow_video_description{ margin: 8px 0 20px; } .ow_video_list_item{ float: left; width: 160px; margin-top: 10px; padding-top: 25px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; margin-left: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.79); background: rgba(0, 0, 0, 0.41); } .ow_video_list_item:hover{ border-bottom: 1px solid rgb(18, 21, 20); background: rgba(66, 136, 129, 0.09); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .ow_other_video_item_title{ margin-left: 88px; padding-left: 4px; } .ow_video_thumb{ background: url(images/video-no-video.png) no-repeat center center; display: block; } .ow_video_list_item img{ height: 120px!Important; width: 100%!important; } .ow_video_thumb { height: 90px; width: 120px; } .ow_other_video_thumb{ display: block; margin-right: -80px; /* background: url(images/video_thumb_bg.png) no-repeat 0 0; */ } .ow_other_video_thumb a { display: inline-block; width: 80px; height: 60px; background: url(images/video-no-video.png) no-repeat center center; } .video_thumb_no_title { margin: 0px 4px 4px 0px; } .ow_other_video_thumb, .ow_other_video_thumb img, .ow_other_video_floated img{ height: 60px; width: 80px; } .ow_other_video_floated{ display: inline-block; background: #fff url(images/video-no-video.png) no-repeat center center; width: 80px; height: 60px; vertical-align: middle; } .ow_video_item_title{ padding-bottom: 3px; border-bottom: 1px solid rgb(38, 68, 61); font-size: 12px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; top: -140px; } .ow_video_item_rate{ height: 15px; margin-top: 5px; margin-bottom: -20px; } .ow_video_infobar{ padding: 10px; text-align: right; } .ow_video_player object, .ow_video_player embed { max-width: 100%; } /* ---- End of Video styles ---- */ }