Senin, 27 Mei 2013

/******************************************************************************** * * Filename: base.css * Description: Oxwall Green Theme Base CSS File * Version: 1.0.0 * * -- 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 * [16] Admin Styles __admin * * ********************************************************************************/ /*======================================================== [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 */ min-width: 1005px; position: relative; background-color: #426800; /** OW_Control type:color, section:1. General Settings, key:pageColor, label:Page background color **/ background-position:left top; background-repeat: repeat-x; background-image: url('images/top-bg.png'); /** OW_Control type:image, key:headerImage, section:1. General Settings, label: Page header image **/ } .ow { background-color: #426800; /** OW_Control type:color, section:1. General Settings, key:pageColor, label:Page background color **/ background-image: url('images/top-bg.png'); /** OW_Control type:image, key:headerImage, section:1. General Settings, label: Page header image **/ background-position:left top; background-repeat: repeat-x; } 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 ========================================================*/ html { height: 100%; } body, html { font-family: "Lucida Grande", "Verdana", "Tahoma"; /** OW_Control type:font, section:1. General Settings, key:commonFontFamily, label:Font **/ color:#fff; /** OW_Control type:color, section:2. Colors, key:textColor, label: - Text **/ font-size: 13px; /** OW_Control type:text, section:1. General Settings, key:commonFontSize, label:Font size **/ line-height: 18px; min-height: 100%; } a { color: #BAD968; /** 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; } h1, h2, h3, h4, h5{ color: #fff; /** OW_Control type: color, key: titleColor, label: - Titles, section: 2. Colors **/ margin: 0; padding: 0; } h1{ background-repeat: no-repeat; background-position: left center; font-size: 22px; line-height: 26px; padding-left: 22px; text-shadow: 1px 1px 0 #FFFFFF; word-wrap: break-word; } 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; } hr{ background-color: #ccc; border: none; height: 1px; margin: 5px 5px 15px 5px; } /*======================================================== [3] Masterpage & Page Layout __layout ========================================================*/ /* ---- Page Layout styles ---- */ .ow_bg_color{ background-color: #426800;/** OW_Control key:pageColor **/ } .ow_canvas_wrap{ } .ow_canvas { margin: 0 auto; width: 920px; } .ow_page{ margin: 0 auto; padding:18px 0 0 0; } .ow_header{ background-color:transparent; } .ow_top{ position: relative; height: 116px; /** OW_Control type:text, key:headerHeight, section:1. General Settings, label: Page header height **/ } .ow_header .ow_logo{ background-image: url(images/logo.png); /** OW_Control type:image, section:1. General Settings, key:logoImage, label:Logo image **/ background-repeat: no-repeat; height: 29px; margin: 0 0 0 20px; } .ow_header .ow_logo h2 a{ display: block; width: 214px; height: 72px; } .ow_header .ow_logo .ow_tagline { font-size: 11px; color: #999; padding: 2px 0 0 2px; text-shadow: 0px 1px 0 #FFFFFF; } .ow_header .ow_logo a { color: #999; text-decoration: none; } .ow_header .ow_search{ float: right; padding: 5px; } .ow_header .ow_canvas{ background: transparent url(images/logo_bg.png) no-repeat; } .ow_page_container .ow_page { padding: 35px 18px 18px; min-height: 400px; background: transparent url('images/semi-transparent.png'); } .ow_footer { color: #aaa; padding-top:1px; background-color: #fff; /** OW_Control type:color, section:1. General Settings, key:footerColor, label:Footer background color **/ background-image: none; position: absolute; bottom: 0; width: 100%; } .ow_footer a { color: #fff; } .ow_sidebar{ float: right; width: 168px; } .ow_footer .ow_copyright{ float: left; font-size:11px; line-height: 1; } h1.page_title{ background: url(images/ic_file.png) no-repeat left 50%; color: #dd3300; margin-bottom: 20px; padding-left: 22px; } .ow_column { width: 49%; } .ow_narrow{ width: 39%; } .ow_wide{ width: 59%; } .ow_superwide{ width: 75%; } .ow_supernarrow{ width: 23%; font-size: 11px; } .ow_left{ float: left; } .ow_right{ float: right; } .ow_center{ text-align: center; } .ow_vertical_middle { vertical-align: middle; } .ow_txtleft, table td.ow_txtleft{ text-align: left; } .ow_txtcenter{ text-align: center; } .ow_txtright{ text-align: right; } .ow_hidden{ display: none; } .ow_visible{ display: block; } .ow_nocontent{ padding: 20px 0px; text-align: center; } table.ow_nomargin, div.ow_nomargin { margin-bottom:0px; } .ow_nowrap{ white-space: nowrap; } ul.ow_regular { list-style: outside; list-style-image: url(images/li.png); margin-bottom: 12px; } ul.ow_regular li { line-height: 1.4; margin: 0 0 3px 19px; } .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 ---- */ /* ---- Sidebar styles ---- */ /* empty */ /* ---- End of Sidebar styles ---- */ /* ---- 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_site_panel { background: transparent; } .ow_console { font-size: 11px; height: 40px; position: fixed; top: 0px; right: 0px; z-index: 99; color:#0084B1; } .ow_console_body { padding: 8px 4px 8px 8px; background: #5C7A01; text-align: right; border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-bottom-left-border-radius: 2px; } .ow_console_block { display: inline-block; text-align: left; vertical-align: top; } .ow_console_item { background: #fefefe url(images/console_item_bg.png) repeat-x 0px 0px; display: inline-block; position:relative; line-height: 21px; height:22px; margin:0 4px 0 0px; padding:0 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; vertical-align: top; text-align: left; } .ow_console_item:hover { border-color: #fff; cursor: pointer; } .ow_console_dropdown_hover:hover { background: #E8E8E8 url(images/console_active_item_bg.png) repeat-x 0px 0px; border-color: #ccc; cursor: pointer; } .ow_console_dropdown_pressed { background: #E8E8E8 url(images/console_active_item_bg.png) repeat-x 0px 0px; border-color: #ccc; } .ow_console a{ color:#0084b1; } .ow_console_item a:hover { text-decoration: none; } .ow_console_more { background: url("images/console_arr.png") no-repeat scroll right 9px transparent; display: inline-block; height: 22px; min-width: 8px; padding: 0 0px 0 3px; vertical-align: top; } .ow_console_item:hover .ow_console_more { background: url("images/console_arr_hover.png") no-repeat scroll right 9px transparent; } /* ---- Console select language styles ---- */ .ow_console_lang_item { text-transform: uppercase; } 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; } li.ow_console_lang_item:hover { border: 1px solid #ccc; border-radius:2px; } .ow_console_lang_item span { display: inline-block; padding-left: 23px; } /* ---- End Console select language styles ---- */ .ow_console .ow_tooltip_top_right { position: absolute; margin-top: 0px; right: -1px; top: 10px; padding-top: 2px; } .ow_console .ow_tooltip_top_right .ow_tooltip_tail span { background-position: 1px -6px; } .ow_console span.ow_count_wrap { padding: 4px 0px 0px; margin: 0px -3px 0px 2px; } .ow_console span.ow_count_bg { } .ow_console span.ow_count { position: relative; top: 0px; line-height: 13px; } .ow_console .ow_tooltip_body { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.4); box-shadow: 0 2px 8px rgba(0,0,0,0.4); } .ow_console_list_wrapper { width: 330px; overflow-y: auto; word-wrap: break-word; min-height: 60px; } .ow_console_list { cursor: default; } .ow_console_list li { padding: 3px; margin: 0px 0px 4px; height: auto; overflow: hidden; border: 1px solid #ececec; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .ow_console_list li:hover { border-color: #ccc; } .ow_console_list li.ow_console_new_message { background: #fff; border-color: #ccc; } .ow_console_list li:last-child { margin-bottom: 0px; } .ow_console .ow_avatar { float: left; margin-right: -40px; height: 40px; width: 40px; padding: 0px; } .ow_console .ow_avatar img { height: 40px; width: 40px; } .ow_console_ntf_txt, .ow_console_invt_txt { display: block; line-height: 16px; color: #666; } .ow_console_invt_txt a { color: #2A80AE; } .ow_console_view_all_btn_wrap { padding-top: 4px; background: #FAFAFA; } .ow_console_view_all_btn { text-decoration: none; display: block; line-height: 11px; padding: 5px 0px; text-align: center; border: 1px solid #E8E8E8; background: url(images/console_item_bg.png) repeat-x; } 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 5px; border: 1px solid transparent; display: block; } ul.ow_console_dropdown .ow_console_dropdown_cont a:hover { border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } ul.ow_console_dropdown li:last-child .ow_console_dropdown_cont { margin-bottom: 0px; } .ow_console .ow_tooltip .ow_tooltip_body { max-width: 330px; } .ow_console_ntf_cont, .ow_console_invt_cont { display: block; margin: 0px 57px 0px 45px; line-height: 16px; color: #666; } .ow_console_ntf_txt, .ow_console_invt_txt { min-height: 19px; padding: 0px 0px 3px 0px; } .ow_console_invt_txt { width: 211px; word-wrap: break-word; } .ow_console_invt_cont a { color: #2A80AE; } .ow_console_invt_cont a:hover { color: #666; 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: 273px; } .ow_console_invt_no_img { margin-right: 0px; } .ow_console_divider { line-height: 1px; height: 1px; background: #dcdcdc; border-bottom: 1px solid #fff; margin: 3px 0px 2px; } .ow_cursor_pointer { cursor: pointer; } .ow_cursor_default { cursor: default; } /* ---- 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); /** OW_Control type:image, section:3. Other styles, key:inputBg, label:Input background **/ border: 1px solid #bbb; color: #333; font-family: "Lucida Grande", "Verdana"; font-size: 13px; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } body form div.jhtmlarea { padding: 0px; background: #fff; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html body .ow_sidebar *, html body .ow_console *{ font-size: 11px; } select{ background-image: none; max-width: 200px; } 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; } input[type=submit], input[type=button]{ background-color: transparent; background-image: url(images/ic_right_arrow.png); background-repeat: no-repeat; background-position: 8px 50%; border-width: 1px; border-style: solid; border-color: #aaa; padding: 8px 7px 0px 28px; color: #3366cc; /** OW_Control type:color, section:2. Colors, key:buttonText, label:Button text **/ font-size: 13px; font-weight: bold; cursor: pointer; border-top: 0; border-left: 0; text-shadow: #f6f6f6 1px 1px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } input[type=submit].ow_green, input[type=button].ow_green, input[type=submit].ow_red, input[type=button].ow_red { text-shadow: none; } html body.ow input[type=submit], html body.ow input[type=button]{ background-color: transparent; margin: 0px; } span.ow_button { background-color: #fff; background-image: url('images/consolebg.png'); background-repeat: repeat-x; background-position: center left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; } html body.ow span.ow_button { background-image: url('images/consolebg.png'); } body.ow input.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{ /* empty */ } 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 */ } .ow_btn_delimiter span.ow_button:first-child { margin-right: 16px; } 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:#999; } .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; } /* wysiwyg styles */ body.htmlarea_styles{ font-family: "Lucida Grande", "Verdana", "Tahoma"; /** OW_Control key:commonFontFamily **/ color: #333; font-size: 13px; /** OW_Control 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); } /* tag styles end */ /* ---- End of Form Elements styles ---- */ /* ---- Form Table styles ---- */ /* table.ow_info{ } table.ow_info th{ background: url(images/button_menu_bg.gif) repeat-x; border-top: 1px solid #fff; border-bottom: 1px solid #d9d9d9; } table.ow_info td.name{ border-right: 1px solid #eee; color: #666; text-align: right; } table.ow_info td.value{ border-left: 1px solid #fff; } */ /* ---- End of Form Table styles ---- */ /*======================================================== [5] Common Blocks __blocks ========================================================*/ .ow_box_cap_empty { background: transparent url('images/box-cap-empty-left.png') no-repeat left center; padding-left: 5px; height: 33px; margin-bottom: 15px; color:#547401; } .ow_box_cap_empty .ow_box_cap_right { background: transparent url('images/box-cap-empty-right.png') no-repeat right center; padding-right: 5px; height: 33px; } .ow_box_cap_empty .ow_box_cap_body { background: transparent url('images/box-cap-empty.png') repeat-x left center; height: 33px; } .ow_box_cap h3, .ow_box_cap_empty h3{ background-image: url(images/ic_file.png); background-repeat: no-repeat; background-position: 4px 50%; padding: 7px 0 7px 27px; text-shadow: #fff 1px 1px 0; height:18px; overflow: hidden; color: #547401; } .ow_box_cap { background: transparent url('images/box-cap-left.png') no-repeat left center; padding-left: 5px; height: 33px; color: #547401; } .ow_box_cap .ow_box_cap_right { background: transparent url('images/box-cap-right.png') no-repeat right center; height: 33px; padding-right: 5px; } .ow_box_cap .ow_box_cap_body { background: transparent url('images/box-cap.png') repeat-x left center; height: 33px; } .ow_box{ background-color: #5C7A01; border-top: 1px solid #fff; margin-bottom: 8px; padding: 10px 10px 5px 10px; position: relative; } .ow_box_empty{ position: relative; } .ow_box .bottom_toolbar, .ow_box_mod .bottom_toolbar{ margin-top: 10px; border-top: 1px solid #ccc; font-size: 10px; padding: 0 5px; text-align: right; } .ow_box_bottom_left { background: transparent url('images/box-bottom-left.png') no-repeat left center; width: 5px; height: 5px; position: absolute; left: 0; bottom: -5px; } .ow_box_bottom_right { background: transparent url('images/box-bottom-right.png') no-repeat right center; height: 5px; width: 5px; position: absolute; right: 0; bottom: -5px; } .ow_box_bottom_body { background: #5C7A01; height: 5px; position: absolute; left: 5px; right: 5px; bottom: -5px; } .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 ========================================================*/ /* ---- Item Picture Content ---- */ .ow_ipc_picture{ float: left; margin-right: -45px; width: 45px; } .ow_ipc_picture img{ width: 45px; height: 45px; } .ow_ipc_info{ margin-left: 53px; } .ow_ipc_header{ padding: 2px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 5px; } .ow_box .ow_ipc_header { border: 1px solid #ddd; border-bottom: none; border-right: none; } .ow_ipc_header, th{ background-color: #5A7E00; /** OW_Control key:owAlt2 **/ } /* ---- Mini Item Picture Content ---- */ .ow_mini_ipc_picture{ float: left; margin-right: -32px; width: 32px; } .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: 40px; } .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_toolbar { margin-bottom: 5px; } th, .ow_content_menu, .ow_content_menu li a, .ow_highbox_table .ow_highbox, .ow_page .ow_highbox, .ow_sidebar, .ow_table_3 td { border-color: #ccc; } .ow_ipc_content{ padding: 0px 5px 5px 5px; } .ow_ipc_toolbar{ font-size: 11px; float: left; padding: 0 5px; } .ow_box_toolbar { padding: 2px 7px; margin-top: 5px; font-size: 11px; float: right; white-space: nowrap; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_box_empty .ow_box_toolbar { background: #f0f0f0; text-shadow: #fff 1px 1px 0; } .ow_box .ow_box_toolbar { background: #4D6801; border: 1px solid #678C00; border-right: none; border-bottom: 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%; } .ow_tooltip_tail span { display:inline-block; background: url(images/tooltip_tail.png) no-repeat 8px -6px; width: 19px; height: 6px; margin-bottom: -1px; } .ow_tooltip .ow_tooltip_body { background:#fafafa; /** OW_Control key:owAlt2 **/ padding:4px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -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;*/ } /* ---- Top Right Tooltip ---- */ .ow_tooltip_top_right.ow_tooltip { margin-top: 0; position: absolute; right: -1px; 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: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: inline-block; background: none repeat scroll 0 0 #5C7A01; min-height: 15px; overflow: hidden; } .ow_count { color: #FFFFFF; padding: 0 4px 0 4px; } .ow_count_active { background: none repeat scroll 0 0 #FF7000; } /* ---- End of Counter ---- */ /* ---- Item Voted Content ---- */ .ow_ivc_box{ } .ow_ivc_voteupdown{ background-repeat: no-repeat; background-position: center 5px; float: left; margin-right: -50px; padding: 0px 5px 5px; text-align: center; } .ow_ivc_content{ margin-left: 75px; } /* .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: 45px; } .ow_lp_albums .ow_lp_wrapper{ width: 75px; float: left; margin-right: 6px; } .ow_lp_photos .ow_lp_wrapper{ width: 75px; margin: 0 3px 3px 0; display: inline-block; float: none; } .ow_lp_avatars img{ width: 45px; height: 45px; /*display: block;*/ } .ow_lp_avatars .ow_avatar{ margin: 1px; } .ow_lp_photos img, .ow_lp_albums img{ width: 75px; height: 75px; /*display: block;*/ } .ow_lp_label{ margin-left: 80px; } .ow_lp_avatars.ow_mini_avatar{ text-align:left; } .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: #709501 url(images/more_icon.png) no-repeat 50% 50%; } /* ---- User List ---- */ .ow_user_list { } .ow_user_list .ow_item_set3{ width: 32%; } .ow_user_list_item{ float: left; padding: 10px; padding-right: 0px; } .ow_user_list_picture{ float: left; margin-right: -45px; width: 45px; } .ow_user_list_picture img{ width: 45px; height: 45px; } .ow_user_list_data{ margin-left: 53px; } .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, .ow_table_3{ margin-bottom: 25px; width: 100%; } .ow_table_1 th{ } .ow_table_1 td, .ow_table_2 td{ padding: 10px; vertical-align: middle; } .ow_table_1 td .text{ color: #999; } .ow_table_2{ border-collapse: separate; border-spacing: 2px; } .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: #666; 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-left: 22px; } th.ow_section span{ background: #f0f0f0; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; } table.ow_form td.ow_label{ color: #fff; text-align: right; width: 20%; } table.ow_form td.ow_desc{ width: 25%; color: #fff; 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{ background-image: url(images/ic_add.png); } html body div .ow_ic_aloud{ background-image: url(images/ic_aloud.png); } html body div .ow_ic_app{ background-image: url(images/ic_app.png); } html body div .ow_ic_attach{ background-image: url(images/ic_attach.png); } html body div .ow_ic_birthday{ background-image: url(images/ic_birthday.png); } html body div .ow_ic_bookmark{ background-image: url(images/ic_bookmark.png); } html body div .ow_ic_calendar{ background-image: url(images/ic_calendar.png); } html body div .ow_ic_cart{ background-image: url(images/ic_cart.png); } html body div .ow_ic_chat{ background-image: url(images/ic_chat.png); } html body div .ow_ic_clock{ background-image: url(images/ic_clock.png); } html body div .ow_ic_comment{ background-image: url(images/ic_comment.png); } html body div .ow_ic_cut{ background-image: url(images/ic_cut.png); } html body div .ow_ic_dashboard{ background-image: url(images/ic_dashboard.png); } html body div .ow_ic_delete{ background-image: url(images/ic_delete.png); } html body div .ow_ic_down_arrow{ background-image: url(images/ic_down_arrow.png); } html body div .ow_ic_edit{ background-image: url(images/ic_edit.png); } html body div .ow_ic_female{ background-image: url(images/ic_female.png); } html body div .ow_ic_file{ background-image: url(images/ic_file.png); } html body div .ow_ic_files{ background-image: url(images/ic_files.png); } html body div .ow_ic_flag{ background-image: url(images/ic_flag.png); } html body div .ow_ic_folder{ background-image: url(images/ic_folder.png); } html body div .ow_ic_forum{ background-image: url(images/ic_forum.png); } html body div .ow_ic_friends{ background-image: url(images/ic_friends.png); } html body div .ow_ic_gear_wheel{ background-image: url(images/ic_gear_wheel.png); } html body div .ow_ic_heart{ background-image: url(images/ic_heart.png); } html body div .ow_ic_help{ background-image: url(images/ic_help.png); } html body div .ow_ic_house{ background-image: url(images/ic_house.png); } html body div .ow_ic_info{ background-image: url(images/ic_info.png); } html body div .ow_ic_key{ background-image: url(images/ic_key.png); } html body div .ow_ic_left_arrow{ background-image: url(images/ic_left_arrow.png); } html body div .ow_ic_lens{ background-image: url(images/ic_lens.png); } html body div .ow_ic_link{ background-image: url(images/ic_link.png); } html body div .ow_ic_lock{ background-image: url(images/ic_lock.png); } html body div .ow_ic_mail{ background-image: url(images/ic_mail.png); } html body div .ow_ic_male{ background-image: url(images/ic_male.png); } html body div .ow_ic_mobile{ background-image: url(images/ic_mobile.png); } html body div .ow_ic_moderator{ background-image: url(images/ic_moderator.png); } html body div .ow_ic_monitor{ background-image: url(images/ic_monitor.png); } html body div .ow_ic_move{ background-image: url(images/ic_move.png); } html body div .ow_ic_music{ background-image: url(images/ic_music.png); } html body div .ow_ic_new{ background-image: url(images/ic_new.png); } html body div .ow_ic_ok{ background-image: url(images/ic_ok.png); } html body div .ow_ic_online{ background-image: url(images/ic_online.png); } html body div .ow_ic_picture{ background-image: url(images/ic_picture.png); } html body div .ow_ic_plugin{ background-image: url(images/ic_plugin.png); } html body div .ow_ic_push_pin{ background-image: url(images/ic_push_pin.png); } html body div .ow_ic_reply{ background-image: url(images/ic_reply.png); } html body div .ow_ic_right_arrow{ background-image: url(images/ic_right_arrow.png); } html body div .ow_ic_rss{ background-image: url(images/ic_rss.png); } html body div .ow_ic_save{ background-image: url(images/ic_save.png); } html body div .ow_ic_script{ background-image: url(images/ic_script.png); } html body div .ow_ic_server{ background-image: url(images/ic_server.png); } html body div .ow_ic_star{ background-image: url(images/ic_star.png); } html body div .ow_ic_tag{ background-image: url(images/ic_tag.png); } html body div .ow_ic_trash{ background-image: url(images/ic_trash.png); } html body div .ow_ic_unlock{ background-image: url(images/ic_unlock.png); } html body div .ow_ic_up_arrow{ background-image: url(images/ic_up_arrow.png); } html body div .ow_ic_update{ background-image: url(images/ic_update.png); } html body div .ow_ic_user{ background-image: url(images/ic_user.png); } html body div .ow_ic_video{ background-image: url(images/ic_video.png); } html body div .ow_ic_warning{ background-image: url(images/ic_warning.png); } html body div .ow_ic_write{ background-image: url(images/ic_write.png); } .ow_icon_control{ background-repeat: no-repeat; display: inline-block; padding: 0px 0 2px 20px; line-height: 15px; } html body div .ow_miniic_comment{ background: url(images/miniic_set.png) no-repeat 4px 5px; } html body div .ow_miniic_like { background: url(images/miniic_set.png) no-repeat -15px 4px; } 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: 20px; height: 20px; } /*======================================================== [10] Menus __menus ========================================================*/ /* ---- Main Menu styles ---- */ .ow_main_menu{ position: absolute; right: 0px; z-index: 1; bottom: 0px; left:0; background: transparent url(images/menu.png) repeat-x 0px 19px; } .ow_main_menu li{ float: left; padding: 0; } .ow_main_menu li a{ color: #666; /** OW_Control type:color, key:menuColor, section:2. Colors, label:Menu item **/ display: block; padding: 0 7px 20px 7px; text-decoration: none; text-shadow: #fff 0 1px 0; } .ow_main_menu li.active, .ow_main_menu li a:hover { background-image: url('images/menu-active.png'); background-color:#426800 ; /** OW_Control type:color, key:activeMenuColor, section:2. Colors, label:Active menu color **/ background-position: 49% bottom; background-repeat: no-repeat; } .ow_main_menu li.active a, .ow_main_menu li a:hover{ color: #CF3513; /** OW_Control key: titleColor **/ } .ow_main_menu li.active a { font-weight: bold; } .ow_box .ow_box_menu{ border-bottom: 1px solid #d3d3d3; margin: -10px; margin-bottom: 10px; text-align: right; padding-right: 5px; } .ow_box_menu a{ display: inline-block; font-size:11px; margin-right: 5px; color: #666; text-shadow: #fff 1px 1px 0; } .ow_box_empty .ow_box_menu{ float: right; margin: -15px 10px 9px 10px; background: #3E5A00; padding-left: 5px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .ow_box_menu a.active, .ow_box_menu a:hover{ color:#CF3513; /** OW_Control key:titleColor **/ text-decoration:none; } /* ---- End of Main Menu styles ---- */ /* ---- Content Menu styles ---- */ .ow_content_menu{ border-bottom-width: 1px; border-bottom-style: solid; } .ow_content_menu_wrap{ margin-bottom:20px; } .ow_content_menu li{ float: left; } .ow_content_menu li a{ border-width: 1px; border-style: solid; display: block; margin-bottom: -1px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-left: 10px; } .ow_content_menu span{ background-image: url(images/ic_file.png); background-position: 8px 50%; background-repeat: no-repeat; padding: 13px 10px 12px 32px; display: block; } /* ---- End of Content Menu styles ---- */ /* ---- Button List styles ---- */ ul.ow_bl{ padding: 0; } ul.ow_bl li{ float: right; list-style: none; margin-left: 5px; } ul.ow_bl a{ display: block; background: #ccc url(images/consolebg.png) repeat-x center left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #485B10; padding: 5px 7px; text-decoration: none; } ul.ow_bl a:hover { background-color: #8FA946; text-shadow: none; color: #485B10; } span.ow_blitem { background: url('images/consolebg.png') repeat-x center left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; text-decoration: none; padding: 0px; } body span.ow_blitem input[type="submit"], body span.ow_blitem input[type="button"] { border: none; padding: 0px; background: none; color: #fff; font-weight: normal; height: auto; padding: 4px 6px; font-size: 11px; } span.ow_blitem:hover, span.ow_blitem input:hover { background-image: none; background-color: #86aa23; text-shadow: none; 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; } body .ow_bg_controls span.ow_blitem input[type="submit"], body .ow_bg_controls span.ow_blitem input[type="button"]{ color: #ccc; padding: 3px 6px; } body .ow_bg_controls span.ow_blitem input[type="submit"]:hover, body .ow_bg_controls span.ow_blitem input[type="button"]:hover{ color: #eee; } /* ---- 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; margin-bottom: 15px; } /* ---- End of Footer Menu styles ---- */ /* ---- Inventory Line styles ---- */ .ow_inventory_line{ } /*======================================================== [11] Pagination __pagination ========================================================*/ .ow_paging{ font-size: 11px; } .ow_paging a{ background: none; padding: 4px 8px; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_paging a.active, .ow_paging a:hover{ background: #A9CF33; color: #fff; } /*======================================================== [12] Typography __typography ========================================================*/ .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: 30px; } .ow_smallmargin{ margin-bottom: 10px; } .ow_outline{ color: #FF6B00; font-weight: bold; } .ow_lightweight{ font-weight: normal; } .ow_txt_value { font-weight: bold; color: #FF8E7F; /** OW_Control type:color, section:2. Colors, key:txtValue, label:Numeric values **/ } .ow_remark { color: #ccc; /** OW_Control type:color, section:2. Colors, key:remarkColor, label:Remark text **/ } .ow_alt1, tr.ow_alt1 td{ background-color: #4B700B; /** OW_Control type:color, section:2. Colors, key:owAlt1, label:Alternate color #1 **/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_alt2, tr.ow_alt2 td{ background-color: #3E5A00; /** OW_Control type:color, section:2. Colors, key:owAlt2, label:Alternate color #2 **/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_high1{ background-color: #fff; /** OW_Control type:color, section:2. Colors, key:owHigh1, label:Highlighted item #1 **/ } .ow_high2{ background-color: #eee; /** OW_Control type:color, section:2. Colors, key:owHigh2, label:Highlighted item #2 **/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_add_content{ background-color: #eee; /** OW_Control key:owHigh2 **/ } a.ow_lbutton, span.ow_lbutton { background: #999; color: #fff; font-weight: bold; padding: 1px 3px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: none; } html body a.ow_lbutton, html body span.ow_lbutton { font-size: 8px; } .ow_lbutton:hover{ cursor: pointer; text-decoration: none; } .ow_disabled{ background: #ccc; } .info{ margin-bottom: 8px; } html body .ow_green{ background-color: #33CC33; border-color: #00AA00; color: #fff; } html body .ow_red{ background-color: #ff6666; border-color: #aa6666; } html body .ow_mild_red{ background-color: #ffaaaa; } html body .ow_mild_green{ background-color: #aaffaa; } .ow_automargin{ margin-left: auto; margin-right: auto; } .ow_autowidth, table.ow_form td.ow_autowidth{ width: auto; } .ow_anno { background:#DDDDAA url(images/ic_warning.png) no-repeat scroll 15px 45%; border:1px solid #CCCC99; padding:10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #638900; } .outline{ color: #FF6B00; font-weight: bold; } input[type=text].ow_inputready, textarea.ow_inputready { color: #999999; } /*======================================================== [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-position: center 8px; float:left; margin: 0 1px 1px 0; overflow:hidden; padding:28px 0 6px; text-align:center; width:49%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_add_content:hover{ text-decoration:none; } /* ---- 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: #f0f0f0; border-left: 2px solid #ccc; padding: 2px 5px; } body.htmlarea_styles blockquote.ow_quote .ow_author, blockquote.ow_quote .ow_author{ border-bottom: 1px solid #ccc; 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-left: 20px; } .ow_forum_post_area{ height: 240px; } .ow_forum_status{ font-style: italic; } /* ---- Forum sortable ---- */ .forum_placeholder{ border: 1px dashed #999; background-color: #FFF9DB; margin-bottom: 25px; width: 100%; } tr.forum_placeholder td{ background-color: #FFF9DB; border: 1px dashed #999; height: 45px; width: 100%; } .forum_section{ cursor: move; } .forum_section_tr{ height: 41px; } /* ---- End of Forum styles ---- */ /* ---- Mailbox styles ---- */ table.ow_mailbox{ width: 100%; } table.ow_mailbox td{ border-top: 1px solid #ccc; } table.ow_mailbox td{ border-top: 1px solid #ccc; } 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; } /* ---- 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 ---- */ /* ---- Video styles ---- */ .ow_video_player{ text-align: center; } .ow_video_description{ margin: 8px 0 20px; } .ow_video_list_item{ float: left; height: 165px; padding: 15px; width: 145px; } .ow_other_video_item_title{ margin-left: 80px; padding-left: 5px; } .ow_video_thumb{ background: #fff url(images/video-no-video.png) no-repeat center center; display: block; } .ow_video_thumb, .ow_video_list_item img{ height: 109px; width: 145px; } .ow_other_video_thumb{ background: #fff url(images/video-no-video.png) no-repeat center center; display: block; margin-right: -80px; } .video_thumb_no_title { margin: 0px 8px 8px 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; margin-bottom: 4px; width: 80px; height: 60px; vertical-align: middle; } .ow_video_item_title{ font-weight: bold; padding-bottom: 3px; max-height: 28px; overflow: hidden; word-wrap: break-word; } .ow_video_item_rate{ height: 15px; text-align: center; } .ow_video_infobar{ padding: 10px; text-align: right; } /* ---- End of Video styles ---- */ /* ---- Avatar styles ---- */ .ow_change_avatar .avatar_current{ border-right: 1px solid #CCCCCC; padding-right: 3px; } .ow_change_avatar .ow_avatar_preview{ border-left: 1px solid #CCCCCC; } .ow_change_avatar .avatar_crop{ border-bottom: 1px solid #CCCCCC; } .ow_avatar_crop .jcrop-holder{ margin: 0px auto; } .ow_avatar_preview div{ margin: 0px auto; } .ow_avatar { position: relative; display: inline-block; width: 45px; height: 45px; } .ow_avatar img{ width: 45px; height: 45px; vertical-align: bottom; } .ow_avatar_label { font-size: 7px; display: inline-block; position: absolute; line-height: 10px; text-transform: uppercase; bottom: 0px; background-color: #999; right: 0; 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 { font-size: 7px; } /* ---- End of the Avatar styles ---- */ /* ---- User Avatar Console styles ---- */ .ow_avatar_console{ position: relative; background: #fff; border: 1px solid #e8e8e8; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .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: 35%; } .ow_photo_next{ background-repeat: no-repeat; background-position: left center; text-align: right; width: 35%; } .ow_photo_list_item{ float: left; height: 165px; padding: 11px 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 { color: #fff; } .ow_photo_context_action .ow_context_action a:hover { text-decoration: none; } .ow_photo_context_action .ow_context_action_list a { color: #fff; padding: 4px 12px; } .ow_photo_context_action .ow_context_action { background-image: url('images/photo_context_action_bg.png'); border-color: #737373; } .ow_photo_context_action .ow_context_action:hover { background: url('images/photo_context_action_bg_active.png') repeat-x 0px 0px; } .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 { background-image: url('images/photo_context_action_arrow.png'); } .ow_photo_context_action .ow_context_action_block .ow_context_action:first-child { border-color: #737373; } .ow_photo_context_action .ow_tooltip_tail span { background: url(images/photo_tooltip_tail.png) no-repeat 3px 0px; } .ow_photo_context_action .ow_tooltip .ow_tooltip_body { background: transparent url('images/photo_context_action_tooltip_bg.png'); border-color: #737373; } .ow_photo_context_action .ow_context_action_list a:hover { background: transparent url('images/photo_context_action_item_hover.png'); } .ow_photo_context_action .ow_context_action_list.ow_alt2 { background: transparent; } .ow_photo_list_item_thumb span.ow_lbutton:hover { cursor: default; } .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; } /* * button_list narrow */ ul.ow_bl_narrow{ border-top: 1px solid #ccc; padding: 0; } ul.ow_bl_narrow li{ list-style: none; } ul.ow_bl_narrow li a{ background: none; border-bottom: 1px solid #ccc; display: block; padding: 5px 7px; text-decoration: none; } ul.ow_bl_narrow li a:hover{ background: #999; 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_features .ow_tooltip .ow_tooltip_body { background: #5A7E00; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px 0px; } .ow_newsfeed_comments .ow_tooltip .ow_tooltip_body { border: 1px solid #406300; } .ow_newsfeed_item .ow_tooltip .ow_tooltip_body { padding: 4px 0; } .ow_newsfeed_features .ow_tooltip .ow_tooltip_tail span { height: 5px; background: url(images/comment_block_arr.png) no-repeat 8px 0px; } .ow_newsfeed_comments .ow_tooltip .ow_tooltip_tail span { height:6px; background-position: 3px -6px; background-image: url(images/tooltip_tail.png); } .ow_newsfeed_features .ow_tooltip .ow_tooltip_body { box-shadow: none; } .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: #FAFAFA; border:none; } .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; } .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: 0; top: 0px; } .ow_newsfeed_control { display: inline-block; } .ow_content .ow_newsfeed_date { color: #BAD968; } .ow_newsfeed_date:hover { color: #BAD968; } /* ---- if container ow_superwide ---- */ body .ow_newsfeed_control .ow_newsfeed_string { display: inline-block; vertical-align: middle; max-width: 74%; } .ow_newsfeed_left { width: 82%; } /* ---- 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_btns { margin-top: 14px; } .ow_newsfeed_btn_wrap { display: inline-block; line-height: 20px; background: #BAD968; border: 1px solid #BAD968; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 1px 5px 1px 1px; margin-right: 4px; color: #666666; vertical-align: middle; } .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: #fefefe url(images/newsfeed_btn_bg.png) repeat-x 0px 0px; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: top; margin-right: 6px; } .ow_miniic_control.active { background: #fefefe url(images/newsfeed_btn_bg_active.png) repeat-x 0px 0px; } .ow_miniic_control span { display: inline-block; width: 18px; height: 18px; } .ow_miniic_like { background-position: -15px 4px; } .ow_miniic_comment { background-position: 4px 5px; } .ow_miniic_control.active .ow_miniic_like { background-position: -15px -15px; } .ow_miniic_control.active .ow_miniic_comment { background-position: 4px -15px; } 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: #BAD968; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } body .ow_attachments a { border: 1px solid #BAD968; 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: #f5f5f5; background-image: none; background-repeat: repeat-x; background-position: center left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-color: #ebebeb; display: inline-block; text-align: center; } .ow_attachment_btn span.ow_button input[type=submit], .ow_attachment_btn span.ow_button input[type="button"] { padding: 0px 0px 4px 6px; height: 32px; color: #274A88; background: none; } .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 { background: url(images/avatar_mini_bg.png) no-repeat 0px 0px; } .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: #426800; border: 1px solid #426800; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 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: 0px 0px 8px; } .ow_comments_item_info .mipc_url{ font-weight: bold; } .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: #BAD968; } body .item_loaded { margin: 0px 3px 8px 57px; } body .ow_newsfeed_comments .item_loaded { margin: 0px 0px 8px 49px; border: 1px solid #BAD968; } body textarea.ow_newsfeed_status_input { height: 58px; } body textarea.ow_newsfeed_status_input.invitation { width: 100%; height: 28px; } .ow_newsfeed_comments .ow_preloader { background: url(images/ajax_preloader_content.gif) no-repeat center center; } .ow_newsfeed_comments .attachment_preloader, .form_auto_click .attachment_preloader { background: url(images/ajax_preloader_content.gif) no-repeat center center; } /* ---- 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; color:#aaa; } .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: 97%; 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('http://ow2/ow_static/plugins/forum/js/indicator.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: 17px; top: 7px; 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_Control type:color, section:2. Colors, key:tooltipTextColor, label:Tooltip text color **/ } .ow_tip_arrow{ display:inline-block; position:absolute; } .ow_tip_arrow span{ display:block; border:7px dashed transparent; } .ow_tip_right .ow_tip_arrow span{ border-right-color:#666; border-right-style:solid; border-right-width:10px; border-left-width:0; } .ow_tip_right .ow_tip_arrow{ top:50%; margin-top:-7px; left:0; } .ow_tip_right .ow_tip_box{ margin-left:10px; } .ow_tip_left .ow_tip_arrow span{ border-left-color:#666; border-left-style:solid; border-left-width:10px; border-right-width:0; } .ow_tip_left .ow_tip_arrow{ top:50%; margin-top:-7px; right:0; } .ow_tip_left .ow_tip_box{ margin-right:10px; } .ow_tip_bot .ow_tip_arrow span{ border-bottom-color:#666; border-bottom-style:solid; border-bottom-width:10px; border-top-width:0; } .ow_tip_bot .ow_tip_arrow{ left:50%; margin-left:-7px; top:0; } .ow_tip_bot .ow_tip_box{ margin-top:10px; } .ow_tip_top{ position:absolute; } .ow_tip_top .ow_tip_arrow span{ border-top-color:#426800; border-top-style:solid; border-top-width:10px; border-bottom-width:0; } .ow_tip_top .ow_tip_arrow{ left:50%; margin-left:-7px; bottom:0; } .ow_tip_top .ow_tip_box{ margin-bottom:10px; } .ow_tip_box{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px; background-color:#426800; color:#fff; font-size: 11px; } /*======================================================== [16] Admin Styles __admin ========================================================*/ /* ---- Admin Menu styles ---- */ .ow_page_container.ow_admin .ow_page { min-height: 300px; } table.ow_admin_footer { margin-top: 15px; font-size: 11px; line-height: 1.25; } table.ow_admin_footer div.group { margin-bottom: 20px; } table.ow_admin_footer h3 { font-size: 11px; color: #fff; text-transform: uppercase; margin-bottom: 5px; margin-top: 0; } table.ow_admin_footer a { color: #aaa; text-decoration: none; display: block; margin-bottom: 2px; margin-right: 1px; } table.ow_admin_footer a:hover { color: #fff; margin-left: 1px; margin-right: 0; } div.admin_menu_cont{ margin-top: 10px; } .ow_admin_header .ow_console{ float: none; } div.ow_admin_header{ height: 115px; } div.admin_menu_cont .menu_item{ float:left; margin-left:10px; cursor: pointer; } div.admin_menu_cont .menu_item:hover{ text-decoration: none; } div.admin_menu_cont .menu_item .label{ color:#666; font-size:11px; font-weight:normal; text-align: center; display: block; height: 35px; text-shadow: #fff 0px 1px 0; } div.admin_menu_cont .menu_item .menu_items{ display:none; position: absolute; z-index: 10; } div.admin_menu_cont .menu_item span.icon{ display: block; padding-top: 42px; width: 88px; overflow: hidden; background-repeat: no-repeat; background-position: -88px 0; height:46px; line-height: 14px; } div.admin_menu_cont .menu_item.active span.label, div.admin_menu_cont .menu_item:hover span.label{ color: #CF3513; } div.admin_menu_cont .menu_item .menu_admin{ background-image:url(images/dashboard.png); } div.admin_menu_cont .menu_item .menu_users{ background-image:url(images/users.png); } div.admin_menu_cont .menu_item .menu_settings{ background-image:url(images/settings.png); } div.admin_menu_cont .menu_item .menu_privacy{ background-image:url(images/privacy.png); } div.admin_menu_cont .menu_item .menu_appearance{ background-image:url(images/appearance.png); } div.admin_menu_cont .menu_item .menu_pages{ background-image:url(images/pages.png); } div.admin_menu_cont .menu_item .menu_plugins{ background-image:url(images/plugins.png); } .admin_menu_cont div.active{ background:transparent url(images/menu-active.gif) no-repeat center bottom; } .admin_menu_cont .menu_item.active .menu_admin, .admin_menu_cont .menu_item:hover .menu_admin, .admin_menu_cont .menu_item.active .menu_users, .admin_menu_cont .menu_item:hover .menu_users, .admin_menu_cont .menu_item.active .menu_settings, .admin_menu_cont .menu_item:hover .menu_settings, .admin_menu_cont .menu_item.active .menu_privacy, .admin_menu_cont .menu_item:hover .menu_privacy, .admin_menu_cont .menu_item.active .menu_appearance, .admin_menu_cont .menu_item:hover .menu_appearance, .admin_menu_cont .menu_item.active .menu_pages, .admin_menu_cont .menu_item:hover .menu_pages, .admin_menu_cont .menu_item.active .menu_plugins, .admin_menu_cont .menu_item:hover .menu_plugins{ background-position: 0 0; } .ow_admin_sub_menu{ background: #f3f3f3; height: 30px; border-bottom: 1px solid #ddd; padding-top: 20px; } .ow_admin_sub_menu{ text-align: center; } .ow_admin_sub_menu li{ display: inline-block; margin-right: 15px; } .ow_admin_sub_menu a{ color: #666; font-size: 11px; } .ow_admin_sub_menu .ow_admin_menu li.active a, .ow_admin_sub_menu .ow_admin_menu a:hover{ color: #CF3513; background: none; } .ow_admin_sub_menu .ow_admin_menu li.active{ background: url(images/admin-submenu-active.png) no-repeat center bottom; height: 41px; } div.admin_menu_cont .ow_admin_menu a{ background: #eee; font-size: 11px; display: block; padding: 6px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; text-shadow: #fff 0px 1px 0; } .ow_admin_menu a:hover, .ow_admin_menu li.active a{ /*background: #ffcc99 url(images/admin-menu-bg.png) no-repeat right center; border-left: 1px solid #999;*/ color: #000; text-decoration: none; background-color: #e6e6e6; } .css_code { font-size: 11px; line-height: 1.3; } /* ---- End of Admin Menu styles ---- */ /* ---- Admin Content styles ---- */ .ow_admin_content{ float: right; width: 830px; } .ow_admin_content .ow_box_cap_2{ background: url(images/h2bg.png) repeat-x center; height: 20px; padding-left: 10px; padding-top: 4px; } .ow_admin_content .ow_box_cap_2 h3{ background-color: #fff; display: inline; font-size: 15px; padding-right: 5px; } .ow_admin_content .ow_box_2{ margin-bottom: 8px; } .ow_admin_content .ow_box{ background: #eee; /*margin-bottom: 8px;*/ padding: 5px; } /* ---- End of Admin Content styles ---- */ /* ---- Admin Sidebar styles ---- */ .ow_admin_sidebar{ float: left; padding: 0; width: 170px; margin: 0; } .ow_admin_sidebar .ow_box_cap{ background: #ddd; border-bottom: 1px solid #aaa; height: 16px; padding: 5px 5px 6px 10px; } .ow_admin_menu_cont .ow_box_cap h3{ background: none; color: #dd3300; float: left; font-size: 13px; padding-left:0; padding-top:0; line-height:15px; text-transform: none; } .ow_admin_sidebar .ow_box_cap a.close, .ow_admin_sidebar .ow_box_cap a.open{ background: url(images/icon-arrow-down.png) no-repeat; float: right; height: 16px; margin-top: 1px; width: 16px; } .ow_admin_sidebar .ow_box_cap a.open{ background: url(images/ic_arrow-right.png) no-repeat; } .ow_admin_sidebar .ow_box{ background: url(images/box-body-bg.png) repeat; } /* ---- End of Admin Sidebar styles ---- */ /* ---- Admin Profile Questions styles ---- */ .ow_admin_edit_profile_question{ } .ow_admin_edit_profile_question .quest_value{ margin: 2px 10px 2px 0px; padding: 2px 5px; background: #ccc; } .ow_admin_edit_profile_question .question_values{ padding: 4px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } td.delete_edit_buttons, th.delete_edit_buttons{ width: 11%; padding-left: 5px; padding-right: 5px; } th.delete_edit_buttons{ line-height: 16px; } .ow_admin_profile_question_dnd_cursor{ cursor:move; } /* ---- Admin Theme styles ---- */ .themes_select .active .fake{ background:url(images/checked_template.png) no-repeat 4px 4px; } .theme_control_desc{ background:url(images/question.png) no-repeat 50% 50%; display:inline-block; width:20px; height: 20px; } .theme_control_desc_body{ display:none; background: #ccc; border: 1px solid #000; position: absolute; } /*-------------------------------------------------------------------- [?] Custom pages declarations TODO remove ---------------------------------------------------------------------*/ /* !!!admin pages styles */ .ow_admin_content{ width: 815px; } /* pages and menus */ .ow_navbox{ background:url(images/buttonbg.png) repeat-x center; float:left; font-size:11px; height:18px; margin-right:5px; margin-bottom:5px; padding:4px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ow_navbox a.move{ color:#333; 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: 100px; margin-right: 10px; width: 100px; } .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: #ccc; /*padding: 0px 10px 10px;*/ margin-top: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#133B00; } .ow_dashboard_box{ background: #FFFFFF; padding: 5px 10px 10px 10px; margin-top: 5px; } .ow_dnd_schem_item{ background:#F0F0F0 url(images/ic_file.png) 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; } .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: 18px; height: 16px; text-decoration: none; background-position: center; background-repeat: no-repeat; } .ow_dnd_configurable_component .ow_box_icons { float: right; padding: 8px 2px 0 0; } .ow_dnd_configurable_component h3 { float: left; } .ow_dnd_content_components{ padding: 10px 0; width: 74%; color:#626262; } .ow_dnd_clonable_components { border-left: 1px solid #ccc; padding: 10px 0 10px 10px; width: 24%; color:#626262; } /* 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) } .ow_dragndrop_panel .ow_dnd_schem_item{ width: 195px; } .ow_dragndrop_sections .ow_highbox{ margin-top: 6px; } .ow_highbox_table{ } .ow_highbox_table .ow_highbox, .ow_highbox{ background-color: #5C7A01; /** OW_Control type:color, section:2. Colors, key:highboxBg, label:Highlighted box color **/ border:1px solid #eee; border-top: none; border-left: none; } .ow_add_content:hover{ background-color: #fff9db; /** OW_Control type:color, section:2. Colors, key:owHigh1, label:Highlighted item #1**/ } .ow_highbox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; } .ow_highbox .ow_content_menu li.active a, .ow_highbox .ow_content_menu li a:hover{ background-image: none; } .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; color: #688D00; } .ow_content .join_now_widget a{ color: #fff; } .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_container { position: fixed; z-index: 102; width: 300px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -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: 'UbuntuBold', "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 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* 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; } .ow_page_container{ padding-bottom:96px; } .ow_page_container .ow_page{ background-image: none; } .ow_main_menu li.active a, .ow_main_menu li a:hover{ color: #fff; /** OW_Control key: titleColor, dir:defaultValue**/ } .ow_main_menu li a{ color: #bad968; /** OW_Control key:menuColor, dir:defaultValue**/ display: block; padding: 0 7px 7px 7px; text-decoration: none; text-shadow: none; } h1{ text-shadow: none; color: #fff; } .ow_box_cap h3, .ow_box_cap_empty h3{ text-shadow: none; } .ow_content .ow_box_cap a, .ow_content .ow_box_cap_empty a, .ow_content .ow_box_cap_body a{ color:#506A00; } .ow_table_3 td.ow_label{ color:#fff; } .ow_content_menu li a{ border: none; display: block; margin-bottom: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin-left: 10px; } .ow_content_menu li.active a, .ow_content_menu li a:hover{ background-image: url(images/menu-active.gif); background-repeat: no-repeat; background-position: 57% bottom; background-color: transparent; border: none; color: #fff; /** OW_Control key: titleColor **/ text-decoration: none; } .ow_content_menu{ background: transparent url(images/menu.png) repeat-x 0px 36px; } th, .ow_content_menu, .ow_content_menu li a, .ow_highbox_table .ow_highbox, .ow_page .ow_highbox, .ow_sidebar, .ow_table_3 td{ border:none; } .ow_content a { color:#BAD968; /** OW_Control key: linkColor **/ } .ow_footer a{ color: #547401; } .ow_box_empty .ow_box_toolbar{ background-color: #3E5A00; } th.ow_section span{ background-color: #4D6801; } ul.ow_as li.ow_as_date span{ background-color: #4D6801; text-shadow: none; } .ow_box_menu a.active, .ow_box_menu a:hover{ color:#fff; /** OW_Control key:titleColor, dir:defaultValue **/ text-decoration:none; } .ow_box_menu a{ text-shadow: none; } .ow_box_empty .ow_box_toolbar{ text-shadow: none; } html body.ow span.ow_button{ background: transparent url(images/button_r.png) no-repeat right top; padding-right: 8px; height: 32px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border: none; } html body.ow span.ow_button span{ background: transparent url(images/button.png) no-repeat; display: block; height: 32px; } html body.ow .ow_console span.ow_button{ background: transparent url(images/console_button_r.png) no-repeat right top; padding-right: 8px; height: 25px; } html body.ow .ow_console span.ow_button span{ background: transparent url(images/console_button.png) no-repeat; display: block; height: 25px; } input[type=submit], input[type=button]{ color:#274a88; text-shadow: none; border: none; padding: 6px 7px 5px 28px; font-family: inherit; height: 29px; } /* 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: 3px; padding-left: 25px; } .fullsize-photo{display: none;} .ow_ajax_floatbox_preloader { width: 100%; height: 50px; } .ow_border { border-style: solid; border-color: #ccc; } .ow_cursor_pointer { cursor: pointer; } .ow_break_word{ word-wrap:break-word; } /* ---- Sort styles ---- */ .ow_sort_control { padding: 4px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .ow_sort_control a { background: #fff; display: inline-block; color: #666; font-size:11px; height: 22px; padding: 0px 6px 0 7px; 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: 2px; -moz-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; } .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: 2px; -moz-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; } .ow_sort_control a:last-child { border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; } .ow_sort_control a.active, .ow_sort_control a:hover{ color:#666; /** OW_Control key:titleColor **/ text-decoration:none; background: #BAD968; border-color: #BAD968; } .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; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; *display: inline; zoom: 1; background-image: url('images/console_item_bg.png'); background-position: 0px 0px; background-repeat: repeat-x; } .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 { border-left: 1px solid #ccc; border-radius: 2px 0px 0px 2px; } .ow_context_action_block .ow_context_action:last-child { border-top-right-radius:2px; border-bottom-right-radius: 2px; } .ow_context_action:hover, .ow_context_action.active { cursor: pointer; background: url('images/console_active_item_bg.png') repeat-x 0px 0px; } .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/console_arr_hover.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_context_action_list li { white-space: nowrap; } .ow_context_action_list a { font-size: 11px; font-weight: normal; display: block; padding: 3px 0px; color: #547401; } .ow_context_action_list a:hover { text-decoration: none; background: #BAD968; } .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 ---- */ .base_sign_in { background: #fff; } .ow_sign_in_cont{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:97; } .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: #5C7A01; } .ow_sign_in_wrap form{ margin:8px; padding:40px 40px 22px 40px; -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; border-radius:5px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); border:1px solid #e7e7e7; background-color: #426800; } .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: #fff; padding-top: 7px;} .ow_sign_in_wrap form .ow_sign_up hr{margin:5px 0 15px;} .ow_sign_in_wrap form .ow_box_cap{ margin-bottom:0; position:relative; z-index:99; } .ow_sign_in_wrap form .ow_box{ padding:16px 16px 6px 16px; margin-bottom:16px; position:relative; z-index:98; } .ow_sign_in_wrap form .ow_user_name input[type="text"]{margin-bottom:8px;} .ow_sign_in_wrap form .ow_password input[type="password"] {margin-bottom:16px;} .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 0 0 -20px; 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 8px; } .floatbox_container .ow_sign_in_wrap h2 { display: none; } .ow_signin_label { display: inline-block; height: 14px; line-height: 13px; margin: 4px 0; vertical-align: top; } .ow_signin_delimiter { border-right: 1px solid #CCCCCC; padding: 0 7px 0 0; } .ow_console_item .ow_ico_signin { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 14px; margin: 4px 0 0 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 ---- */ /* ----- Chat Styles ---- */ .ow_chat_cont { position:fixed; bottom:0; right:0; z-index:88; } .ow_chat_wrap { position:relative; } .ow_chat { position:absolute; bottom:-9px; right:-3px; } .ow_chat_block_wrap { position:relative; float:right; margin:0 0 0 10px; font-size:11px; background:#f1f1f1; border-width:1px; border-style:solid; -moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius:4px; border-radius:4px; -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); padding-bottom:9px; } .ow_chat_block { border:1px solid #f5f5f5; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius:3px; border-radius:3px; margin:0px; } .ow_chat_block .ow_chat_block_main { position:relative; display:none; } .ow_chat_block.ow_active .ow_chat_block_main { display:block; } .ow_chat_block .ow_top_panel .ow_count_block, .ow_chat_block .ow_bot_panel .ow_count_block { padding:5px 0; margin:0; text-align:center; color:#000; font-weight:normal; visibility:visible; } .ow_chat_block .ow_bot_panel .ow_count_block { padding:5px 0 0 0; } .ow_count_block a { display:block; } .ow_chat_block.ow_active .ow_count_block a:hover{ background: url(images/chat_tiny_arrow_down.png) 227px 5px no-repeat; } .ow_count_block a:hover{ background: url(images/chat_tiny_arrow_up.png) 227px 5px no-repeat; } .ow_count_block:hover { /*background: #e9e9e9;*/ } .ow_chat_block .ow_bot_panel { position:relative; width:252px; height:23px; } span.ow_count_txt { font-weight: bold; padding-right: 5px; color: #000; } a.ow_btn_settings { display:block; width:20px; height:20px; -moz-border-radius:2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius:2px; } a.ow_btn_settings span{ display:block; width:20px; height:20px; background:url(images/chat_btn_settings.png) 0px 0px no-repeat; } a.ow_btn_settings:hover span { background-position:0 -21px; } a.ow_btn_settings.ow_active span { background-position:0 -42px; } .ow_chat_block .ow_bot_panel a.ow_btn_settings { position:absolute; left:1px; top:2px; } .ow_chat_block.ow_active .ow_bot_panel .ow_count_block { visibility:hidden; } .ow_chat_in_block { margin:1px 4px 1px 1px; padding:0; background:#fff; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius:2px; } .ow_chat_block .ow_chat_search { padding:4px 0 4px 32px; border-bottom:1px solid #e8e8e8; background:#fafafa; } .ow_chat_block .ow_chat_search span { display:block; width:209px; height:20px; position:relative; } .ow_chat_block .ow_chat_search input { outline:none; width: 200px; height: 20px; margin:0px 0 0 10px; padding:0 23px 0 7px; color:#afaeae; font-size:11px; line-height:18px; border: 1px solid #ccc; background: #fff none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .ow_btn_close_search { display:block; width:20px; height:20px; position: absolute; top:0px; right:-1px; background: url(images/chat_btn_close_search.png) 0px 0px no-repeat; } .ow_btn_close_search:hover { background: url(images/chat_btn_close_search.png) 0px -21px no-repeat; } .ow_chat_list { position:relative; overflow:hidden; height:340px; } .ow_scroll { position:absolute; top:0; right:0; width:5px; height:100%; } .ow_scroll div { position:absolute; top:100px; right:1px; width:4px; height:70px; background:#999; -moz-border-radius:2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius:2px; } .ow_chat_list ul { list-style:none; margin:0; padding:2px 0; background:#fff; } .ow_chat_list ul li { padding:1px 0; margin:0; } .ow_chat_list ul li a { padding:2px 3px; margin:0; display:block; text-decoration:none; } .ow_chat_list ul li a:hover { background:#e0e0e0; } span.ow_chat_item, span.ow_chat_item_photo, span.ow_chat_item_author, span.ow_chat_item_photo_wrap, span.ow_chat_item_text { display:block; } span.ow_chat_item_photo_wrap { width:38px; height:38px; float:left; background:#fff; -moz-border-radius:2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2); position:relative; z-index:1; } .ow_chat_block.ow_compact .ow_chat_item.ow_active .ow_chat_item_photo_wrap { background:#ff7000; webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .ow_chat_block.ow_compact .ow_chat_item.ow_active .ow_chat_item_photo_wrap img { border-color: #f1f1f1; } .ow_chat_block.ow_active.ow_compact .ow_chat_item.ow_active .ow_count_wrap { display: none; } span.ow_chat_item_photo { margin:2px 0 0 2px; } span.ow_chat_in_item_photo { width:34px; height:34px; position:relative; overflow:hidden; } span.ow_chat_in_item_photo img { border:1px solid transparent; } span.ow_chat_item_author, span.ow_chat_item_text { width:195px; float:left; color:#444; padding:8px 0 0; margin:0; } span.ow_chat_in_item_author, span.ow_chat_in_item_text { padding:0; margin:0 0 0 9px; line-height: 20px; display: block; height: 20px; overflow:hidden; } .ow_chat_block.ow_active.ow_compact span.ow_chat_item_author { display:none; } .ow_chat_block.ow_active.ow_compact .ow_bot_panel { width:51px; height:23px; } .ow_chat_block.ow_active.ow_compact .ow_top_panel { width:51px; } .ow_chat_block.ow_active.ow_compact .ow_chat_search input, .ow_chat_block.ow_active.ow_compact .ow_chat_search a.ow_btn_close_search { display:none; } .ow_chat_block.ow_active.ow_compact span.ow_count_txt { display:none; } .ow_chat_block.ow_active.ow_compact .ow_bot_panel a.ow_btn_settings { display:none; } /*.ow_chat_block.ow_active.ow_compact .ow_chat_list { height:369px; }*/ div.ow_chat_dialog.ow_chat_new_message { background:#e0e0e0; } .ow_author_block.ow_chat_hover:hover { /*background: #e9e9e9;*/ } .ow_chat_block_main .ow_count_wrap { margin-top:1px; } .ow_chat .ow_count_block a { height:15px; } /*........ow_chat_dialog...........*/ .ow_chat_dialog_wrap { position: fixed; right: 265px; bottom: -5px; z-index: 88; } .ow_chat_dialog { display:none; width:251px; margin-left:8px; font-size:11px; background:#f1f1f1; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius:3px; border-radius:3px; -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); vertical-align: text-bottom; position:relative; } .ow_chat_dialog .ow_chat_block { padding-bottom:4px; } .ow_chat_dialog.ow_open { display:inline-block; } .ow_chat_dialog .ow_author_block { padding:3px; font-weight:bold; width:243px; } .ow_chat_dialog.ow_active .ow_author_block a, .ow_chat_dialog .ow_author_block a{ display:block; } .ow_chat_dialog.ow_active .ow_author_block a.ow_chat_item_author_wrap { height:34px; width:188px; } .ow_chat_dialog .ow_author_block a.ow_chat_item_author_wrap { width:224px; height:18px; } .ow_chat_dialog .ow_author_block span.ow_chat_in_item_photo { float: left; display:none; } .ow_chat_dialog .ow_author_block span.ow_chat_in_item_author { margin:0 0 0 3px; line-height: 15px; height: 18px; } .ow_chat_dialog.ow_open.ow_active .ow_chat_item_author_wrap:hover { background:url(images/chat_tiny_arrow_down.png) 173px 5px no-repeat; } .ow_chat_dialog.ow_open .ow_chat_item_author_wrap:hover { background:url(images/chat_tiny_arrow_up.png) 207px 6px no-repeat; } a.ow_btn_close { display:block; width:20px; height:20px; } a.ow_btn_close span{ display:block; width:20px; height:20px; background:url(images/chat_btn_close.png) 0px 0px no-repeat; } a.ow_btn_close:hover { background: #fefefe url(images/chat_btn_close.png) 0px -21px no-repeat; } .ow_chat_dialog .ow_author_block a.ow_btn_close { position:absolute; top:3px; right:3px; } .ow_chat_in_dialog { margin: 1px 1px 4px 1px; padding: 0px; background: #fff; position: relative; overflow: hidden; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; height: 250px; display: none; } .ow_chat_preloader{ display:block; width:16px; height:16px; position:absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; background: url(images/ajax_preloader_content.gif) no-repeat center center; } .ow_chat_block.ow_compact .ow_chat_preloader{ left: 22px; } .ow_dialog_item { margin:3px; padding:5px; position:relative; } .ow_dialog_item.odd { float:left; max-width:200px; } .ow_dialog_item.even { float:right; max-width:200px; } .ow_dialog_item.odd .ow_dialog_in_item { background:#fff; } .ow_dialog_item.even .ow_dialog_in_item { background:#fafafa; } .ow_dialog_in_item p { margin:0; padding:0; color: #444; word-wrap: break-word; } .ow_dialog_item i { position:absolute; display:block; width:11px; height:6px; background:url(images/dialog_tail.png) 0 -6px no-repeat; } .ow_dialog_item.odd i { top:0; left:12px; } .ow_dialog_item.even i { bottom:0; right:12px; background-position: 0 -1px; } .ow_chat_in_dialog .ow_time_block { padding:5px 7px; text-align: center; margin:0; clear:both; } .ow_chat_in_dialog .ow_time_block p { line-height:20px; margin:0; padding:0; } .ow_chat_in_dialog .ow_time_block p span { height: 1px; display: block; margin: -4px 0px 0px 0px; } .ow_chat_in_dialog .ow_time_block p span.ow_time_text { position: relative; z-index: 9; line-height: 17px; background: white; color: #aaa; padding: 0px 2px 0px 0px; display:inline; margin:0px; height: auto; } .ow_chat_message_block { position:relative; overflow:hidden; /*padding:0 0 4px 0;*/ margin:0 3px; display: none; width:243px; } .ow_chat_message_block span.in_chat_item_photo { float:right; } .ow_chat_message_block .ow_chat_message { width:208px; float:left; position:relative; } .ow_input_tail { width: 6px; height: 10px; position:absolute; top: 12px; right:0; background: url(images/chat_input_tail.png) no-repeat 0 0; } .ow_chat_message_block .ow_chat_message textarea { height:30px; line-height: 20px; width:203px; background-color: #fff; color: #333; font-size: 11px; position:relative; overflow:auto; background-image:none; padding:4px; } .ow_chat_dialog .ow_chat_message_block span.ow_chat_in_item_photo { float:right; } .ow_chat_dialog .ow_dialog_items_wrap .clearfix { width:243px; } .ow_chat_dialog.ow_active .ow_chat_block .ow_chat_in_dialog, .ow_chat_dialog.ow_active .ow_chat_block .ow_chat_message_block, .ow_chat_dialog.ow_active .ow_chat_block .ow_author_block span.ow_chat_in_item_photo { display:block; } .ow_chat_dialog .ow_author_block span.ow_chat_item_author { padding: 1px 0 0; } .ow_chat_dialog.ow_active .ow_author_block span.ow_chat_item_author { padding: 8px 0 0; width:164px; } .ow_dialog_in_item { margin:0; padding:3px 5px; border:1px solid #e8e8e8; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .ow_chat_dialog .ow_author_block .ow_chat_in_item_photo_wrap { display: none; } .ow_chat_dialog.ow_active .ow_author_block .ow_chat_in_item_photo_wrap { width:34px; float:left; } .ow_chat_dialog.ow_active .ow_author_block .ow_chat_item_author_wrap { float:left; } .ow_chat_dialog.ow_open .ow_chat_in_item_photo { width:34px; height:34px; } .ow_chat_dialog.ow_open .ow_chat_in_item_photo img{ border:1px solid trasparent; } .ow_chat_dialog.ow_open .ow_chat_in_item_photo:hover img { border:1px solid #6b6969; } .ow_chat_dialog.ow_open .ow_chat_message_block .ow_chat_in_item_photo img { border:none; } /*……*ow_chat_settings*&*ow_chat_selector_list……*/ .ow_chat_settings, .ow_chat_selector_list { position:absolute; color:#5a5a5a; font-size:11px; max-width:250px; padding:0; margin:0; z-index:99; } .ow_chat_settings .ow_tooltip_body, .ow_chat_selector_list .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); } .ow_chat_selector_list { bottom:33px; left:-1px; } .ow_chat_settings { bottom:37px; left:-1px; } .ow_chat_settings.ow_tooltip_bottom_right { left:-101px; } ul.ow_settings_items, ul.ow_chat_selector_items { min-width:95px; overflow-x:auto; } ul.ow_settings_items a, ul.ow_chat_selector_items a { color:#5a5a5a; display:block; text-decoration: none; margin-right: 25px; } li.ow_settings_item, li.ow_chat_selector_item { padding:0px 8px; line-height:24px; height:24px; min-width: 95px; white-space:nowrap; border:1px solid transparent; -moz-border-radius:2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius:2px; text-align:left; position:relative; } li.ow_settings_item.ow_sets_button:hover, li.ow_chat_selector_item.ow_sets_button:hover { border:1px solid #ccc; background: #fff url(images/console_item_bg.png) repeat-x center 0px; } input.ow_settings_check { margin:7px 7px 0 -4px; padding:0; float:left; } li.ow_settings_item p, li.ow_chat_selector_item p { margin-right:8px; } .ow_settings_item label { padding-left: 0px; } /*……………ow_chat_dialog_selector………….*/ .ow_chat_selector { position: absolute; bottom: 0px; left: -48px; font-size:9px; background:#f1f1f1; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius:3px; border-radius:3px; -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); z-index: 999; } .ow_selector_panel { position:relative; width:41px; text-align:right; } a.ow_btn_dialogs { display:block; width:20px; height:20px; -moz-border-radius:2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius:2px; } a.ow_btn_dialogs span{ display:block; width:20px; height:20px; background:url(images/chat_btn_dialogs.png) 0px 0px no-repeat; } a.ow_btn_dialogs:hover span { background-position:0 -21px; } a.ow_btn_dialogs.ow_active span { background-position:0 -42px; } .ow_chat_block .ow_selector_panel a.ow_btn_dialogs { position:absolute; top:-1px; left:1px; width:39px; } .ow_dialog_count { display:block; height:18px; margin:2px 3px 6px 3px; padding:0 4px 0 0; } .ow_selector_panel .ow_count_wrap, .ow_chat_dialog .ow_count_wrap { position: absolute; top:-10px; left:-10px; } .ow_chat_selector_item .ow_count_wrap { position:absolute; right:5px; top:5px; } /*………..ow_chat_notifications………*/ .ow_chat_notification_wrap { position:fixed; bottom:444px; right:-3px; z-index:99; } .ow_chat_notification { float:right; clear:right; margin-bottom:10px; width:254px; font-size:11px; background:#f1f1f1; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius:2px; -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); } .ow_chat_notification .ow_author_block { height:39px; margin:2px; overflow:hidden; padding:0; position:relative; } .ow_chat_notification:hover { background: #e9e9e9; } .ow_chat_notification .ow_chat_item_photo_wrap { background:transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .ow_chat_notification .ow_chat_item_photo img { border:1px solid transparent; } .ow_chat_notification span.ow_chat_item_author, .ow_chat_notification span.ow_chat_item_text { padding: 9px 0 0 0; width: 170px; } .ow_chat_notification .ow_author_block a.ow_btn_close { position:absolute; right:3px; top:8px; } .ow_chat_notification.ow_compact span.ow_chat_item_author { display:none; } .ow_chat_notification.ow_compact a.ow_btn_close { display:none; } .ow_chat_notification.ow_compact { width:53px; } .ow_puller { position: absolute; top: -10px; left: 0; width: 210px; height: 15px; cursor: row-resize; display:none; } .ow_chat .ow_puller { width: 250px; margin-left: 10px; } .ow_chat_dialog.ow_open.ow_active .ow_puller, .ow_chat .ow_puller { display:block; } .ow_chat_list ul li a.ow_chat_item { position:relative; } .ow_chat_list ul li a.ow_chat_item .ow_count_wrap { position: absolute; top:12px; right:10px; } /*…safari-fix…*/ .ow_chat_cont a:hover, .ow_chat_dialog_wrap a:hover, .ow_chat_notification_wrap a:hover{ text-decoration: none; } /*… dialog_active_styles….*/ .ow_chat_dialog.ow_chat_dialog_active { border-color: #949293; } .ow_chat_dialog.ow_chat_dialog_active .ow_chat_message_block .ow_chat_message textarea { border-color: #949293; } .ow_chat_dialog.ow_chat_dialog_active .ow_chat_message_block .ow_chat_message .ow_input_tail { background: url(images/chat_input_tail.png) no-repeat 0px -10px; } /*… end …*/ /*… dialog_offline_styles…*/ .ow_chat_list .ow_chat_offline .ow_chat_in_item_author{ color:#a1a1a1; font-style:italic; } .ow_chat_dialog.ow_chat_offline .ow_chat_block{ background: #e6e6e6; } .ow_chat_offline.ow_chat_dialog_active { border-color:#ccc; } .ow_chat_dialog.ow_chat_offline .ow_chat_in_item_author{ color: #a1a1a1; font-style:italic; font-weight:normal; } .ow_chat_dialog.ow_chat_offline .ow_chat_in_dialog, .ow_chat_dialog.ow_chat_offline .ow_chat_message_block .ow_chat_message textarea, .ow_chat_offline .ow_chat_in_dialog .ow_time_block p span.ow_time_text{ background: #f4f4f4; } .ow_chat_dialog.ow_chat_offline .ow_time_block.ow_chat_offline .ow_time_text { color: #444; font-style:italic; font-size:10px; } .ow_chat_offline.ow_chat_dialog_active .ow_chat_message_block .ow_chat_message textarea { border-color:#ccc; } .ow_chat_offline .ow_input_tail, .ow_chat_offline.ow_chat_dialog_active .ow_input_tail { background: url(images/chat_input_tail.png) no-repeat 0 -20px; } /*… end …*/ /* ----- End Chat 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: #666; } /* ---- End Live Member Icon ---- */ .ow_field_eye { padding-left: 14px; background:url(images/miniic_field_eye.png) 0 7px no-repeat; display: inline-block; }

Tidak ada komentar:

Posting Komentar