mx pak1`base\controls.cssl8 base\edit-context-menu.htmn?rbase\images\bg_text.pngPgɿbase\images\bg_text_active.pngXY d base\images\bg_text_disabled.png ]6base\images\bg_text_hover.pngS'cbase\images\btn.png base\images\btn_disabled.pngծpbase\images\btn_down.pngE/Fbase\images\btn_hover.pngtgv}base\images\check.png7<base\images\checked.png?aC[ base\images\checked_disabled.pngCC%base\images\checked_hover.png8]%ubase\images\checkmix.pngJ.!base\images\checkmix_disabled.png߼8N>nbase\images\checkmix_hover.png8"base\images\check_disabled.pngĿ{base\images\check_hover.png\w86<base\images\dd.png"κbase\images\dd_hover.png˂base\images\list_collapsed.png_Ubase\images\list_dot.png gObase\images\list_expanded.png0base\images\menu_bg.pngdvObase\images\menu_check.png|i/*O"base\images\menu_check_on_icon.png!base\images\menu_item_checked.pnguyNbase\images\menu_item_hover.pngPu(base\images\menu_item_split_arrow_bg.png%l`base\images\menu_more.png$vUfVbase\images\menu_radio.png6NH[base\images\progress.pngH_z"base\images\progress_bg.png.2base\images\radio.png<base\images\radiochk.png5&a0O!base\images\radiochk_disabled.png[ C base\images\radiochk_hover.pngez+base\images\radio_disabled.pngM(base\images\radio_hover.png_0 base\images\search_box_clear.png_base\images\search_box_icon.pngWbase\images\state_error.pngn7base\images\state_ok.pngV1/base\images\state_pending.pngJQabase\images\tab_active.png@nbase\images\tab_bg.pngX_) y=base\images\tab_hover.pngaDrDbase\images\tab_inactive.png$ base\images\tbcb_left_active.png*7zbase\images\tbcb_left_hover.pngUȊA$!base\images\tbcb_right_active.png6s base\images\tbcb_right_hover.pngRtsbase\images\tb_active.pngSLbase\images\tb_checked.png2base\images\tb_dropdown.pngztebase\images\tb_hover.pngKQbase\images\tb_more.png+base\images\tooltip_bg.png%k=base\images\win_bg.pngqbase\images\win_close.pngyE$, base\images\win_close_active.pngE3ubase\images\win_close_hover.png[?>base\images\win_max.pngC放base\images\win_max_active.pngݲCŸbase\images\win_max_hover.png I(sRbase\images\win_min.pngiDJ Qbase\images\win_min_active.pngNt6base\images\win_min_hover.png-^'base\images\win_restore.png(Sbю"base\images\win_restore_active.png{S7I!base\images\win_restore_hover.pngRġr$ base\menu.css %ȿ/zbase\toolbar.css5g@_*base\win-controls.htmXGGIbase\window.cssH;9icons\add_fav_16.pngcQicons\ad_blocker_16.pngTAջicons\ad_blocker_active_16.pngUMK icons\ad_blocker_disabled_16.pngW,icons\ad_picker_16.pngYEO[icons\app_32.png\`sicons\blank.png^icons\clear_16.png_}icons\clear_32.pngbicons\close_16.pnghWۚicons\downloader_16.pngjtAEicons\download_16.png/l, Kicons\fav_16.png[nT %Oicons\fav_32.png{6*icons\file_16.png64"0bicons\file_32.png5GD'icons\find_16.pngP@icons\folder_16.pngV >icons\folder_32.png[sicons\folder_open_16.pngpiR/icons\fullscreen_16.pngt8gZicons\go_16.pngﺳicons\help_16.png iicons\history_16.png@}icons\keyring_16.pngáXicons\loading_16.pngb"icons\msg_16.pngdDb icons\msg_alert_32.png{yicons\msg_done_16.png#B~Nicons\msg_done_32.png^icons\msg_error_16.png``Hicons\msg_error_32.pngէicons\msg_info_16.pngld]icons\msg_info_32.pngRS4icons\msg_question_16.png-TAicons\msg_question_32.png~icons\mute_16.png:icons\mute_active_16.png>2icons\mx3_16.png<ɬicons\mx3_32.png1Kicons\mx3_48.png ,icons\mx3_dev_16.png~"icons\mx3_dev_32.pngG c 1icons\mx3_dev_48.pngicons\options_16.png)$%}icons\popup_blocker_16.pngN%(Aicons\print_16.pngF' Wicons\private_16.png(icons\quick_group_16.png+FKicons\quick_group_32.png-1ficons\save_16.pngy1!dRVicons\search_16.png27QMicons\search_engine_16.png5&?icons\split_screen_16.png7*icons\tool_16.png8J+icons\workspace_16.pngB;Cžaicons\workspace_off_16.png=sy/icons\workspace_on_16.pngi?JAicons\zoom_16.pngAVmain\constants.cssDLmain\favbar\container.cssE @main\favbar\container.htmqP Hmain\favbar\container.menu.cssgZki=main\favbar\container.menu.htm` main\favbar\fav.dragdrop.css mmain\favbar\index.cssu[main\favbar\index.htmu6s:main\images\avatar_blank.pngv` T3"main\images\avatar_mask_active.pngv!main\images\avatar_mask_hover.pngۮmain\images\avatar_top.png k'!main\images\avatar_top_active.pngؕ KEZ main\images\avatar_top_hover.png &main\images\avatar_user_event_done.pngAm%main\images\avatar_user_event_new.png$}9&main\images\avatar_user_logging_in.png(W#main\images\avatar_user_offline.pngo.main\images\btn_bg_active.png>main\images\btn_bg_hover.pngvh_!main\images\button_dropdown.pngV  main\images\combo_bg.png4  b1main\images\combo_bg_active.pnghV main\images\combo_bg_hover.png#0main\images\combo_dropdown.png9[ w%main\images\combo_dropdown_active.png$\ ~b7$main\images\combo_dropdown_hover.png/v ,main\images\combo_left_btn.pngf;U%main\images\combo_left_btn_active.png<L(G$main\images\combo_left_btn_hover.png?sBhmain\images\combo_mid_bg.pngz@û#main\images\combo_mid_bg_active.pngtAA%!"main\images\combo_mid_bg_hover.pngaB+bnmain\images\combo_mid_btn.pngMC F7$main\images\combo_mid_btn_active.pngXDq'%main\images\combo_mid_btn_checked.pngF dS"+main\images\combo_mid_btn_checked_hover.png-Gd#main\images\combo_mid_btn_hover.png0H+$Hmain\images\combo_right_btn.png[I] s&main\images\combo_right_btn_active.pngJWM| %main\images\combo_right_btn_hover.pngM4main\images\mm_btn.pngNŦ.main\images\mm_btn_active.pngnP,r#main\images\mm_btn_active_arrow.png&SWJmain\images\mm_btn_hover.png$TL["main\images\mm_btn_hover_arrow.pngVX main\images\mm_event_bg.pngha>R"main\images\mm_event_close.pngcCF!main\images\mm_event_close_bg.pngd $main\images\mm_event_close_hover.png hsv%main\images\mm_login_icon.pngju Mmain\images\mm_offline_mark.png lmain\images\mm_online_mark.pngm8main\images\mm_sync_error.pngoIX$main\images\mm_sync_off.pnglq main\images\mm_sync_ok.pngysmain\images\mm_sync_working.pngu #main\images\mode_comp.png main\images\mode_turbo.png <^main\images\nav_back.png-#vmain\images\nav_back_active.pnga _!main\images\nav_back_disabled.pngCmain\images\nav_back_hover.pngu0)main\images\nav_bfmenu.png: g!main\images\nav_bfmenu_active.pngy*#main\images\nav_bfmenu_disabled.pngf 7; main\images\nav_bfmenu_hover.png I&<main\images\nav_fav.pngRmain\images\nav_fav_active.png;]main\images\nav_fav_hover.png$+ Bamain\images\nav_forward.png1@Gg"main\images\nav_forward_active.pngQ $main\images\nav_undo.png@ main\images\nav_undo_hover.pngO O%main\images\nav_undo_hover_active.pngh^ *main\images\notify_icon_feed_discovery.png!q b5(main\images\notify_icon_file_sniffer.pngs jȓ'main\images\notify_icon_reader_mode.pngt m*main\images\notify_icon_reader_mode_on.pngv 9main\images\page_bg.pngx main\images\private_mark.pngy iu!main\images\quicktools-config.png \/!main\images\sidbear_btn_popup.pngs g-main\images\sidebar_add.pngX Y "main\images\sidebar_add_active.png y(k!main\images\sidebar_add_hover.png„ I main\images\sidebar_bg.png F%main\images\sidebar_btn_bg_active.png d$n$main\images\sidebar_btn_bg_hover.png q !main\images\sidebar_btn_close.pngǕ 1~main\images\sidebar_btn_pin.png͖ 2"main\images\sidebar_btn_pinned.png͗ S!main\images\sidebar_btn_popup.png smain\images\sidebar_config.png %%main\images\sidebar_config_active.pngW i*$main\images\sidebar_config_hover.png Q8ړmain\images\sidebar_hide.png LR)#main\images\sidebar_hide_active.png] /H"main\images\sidebar_hide_hover.png Q$main\images\sidebar_item_text_bg.png| 0main\images\sidebar_more.png~ ;#main\images\sidebar_more_active.png G@f}"main\images\sidebar_more_hover.pngI oB*$main\images\sidebar_panel_anchor.png q) main\images\sidebar_panel_bg.png )E+main\images\sidebar_pinned_panel_anchor.png 'main\images\sidebar_pinned_panel_bg.pngI ]!main\images\sidebar_separator.pngc $G)main\images\sidebar_show.png ; V8main\images\site_cert.png lWKmain\images\site_cert_bg.png. 0"main\images\site_cert_bg_hover.png! ev\!main\images\site_cert_invalid.png ^.LGmain\images\site_danger.png N'fmain\images\site_danger_bg.png2 ۬$main\images\site_danger_bg_hover.png* 5`Tmain\images\site_safe.png_ ![main\images\site_safe_bg.png "main\images\site_safe_bg_hover.png 1!main\images\site_safe_cert.png iCmain\images\skin_center.png 2=l"main\images\skin_center_active.pngB 7 .!main\images\skin_center_hover.pngy VMdmain\images\statusbar_bg.png  main\images\sysinfo.png"  /main\images\sysinfo_cpu.png S8= main\images\sysinfo_free_ram.png >Hmain\images\sysinfo_free_vm.png ` ^Rmain\images\sysinfo_ip.pngo [,[main\images\sysinfo_rx.png KD main\images\sysinfo_tx.png XJ*1main\images\tab.jpgm c""main\images\tab.pngм u :{main\images\tabbar_bg.pngE qLmain\images\tabbar_splitter.png 1(ʀ&main\images\tabbar_splitter_active.png > %main\images\tabbar_splitter_hover.pngP Jmain\images\tab_active.png JG)main\images\tab_active_split_inactive.pngz 煯main\images\tab_close.pngB U t main\images\tab_close_active.png c `ymain\images\tab_close_hover.png i `main\images\tab_hover.pngc  u]7main\images\tab_list.png# fTmain\images\tab_list_active.png! Hvmain\images\tab_list_hover.png$ imain\images\tab_lock.png' imain\images\tab_new.png) ܽrmain\images\tab_new_active.png5 9 bmain\images\tab_new_hover.pngA  main\images\tbcb_left_active.pngM gmain\images\tbcb_left_hover.pngz^ u !main\images\tbcb_right_active.pngj I main\images\tbcb_right_hover.pngw u (&main\images\tb_active.png u1main\images\tb_dropdown.png~ ;main\images\tb_hover.png uEtemain\images\tb_more.png p(main\images\test_avatar_mask_private.png !main\images\test_mm_avatar_bg.png AO (main\images\test_mm_avatar_bg_active.pngH 69main\images\toolbar_bg.pngC 9k $main\images\toolbar_panel_anchor.png| 㶋 main\images\toolbar_panel_bg.pngO N\lmain\images\tooltip_bg.png % main\images\ul_bg.png'" z1main\images\ul_del.png# ()]mmain\images\ul_del_hover.png% main\images\ul_fav.png& inmain\images\ul_history.png6) _main\images\ul_less.png, OBmain\images\ul_more.pngT- ;1Zmain\images\ul_search.png. xmain\images\ul_web.png1 main\images\zoom_slider.png2 M䫕main\images\zoom_slider_bg.png5 {}V$main\images\zoom_slider_bg_hover.png6 '*0!main\images\zoom_slider_hover.png8 PH main\index.css: ugmain\index.htm> main\layout.cssG  Pmain\layout.htmJ <mmain\main-menu\index.cssRM `g|main\main-menu\index.htmfM [ݯmain\main-menu\menu.cssN -̤main\main-menu\menu.htm P Gҹ\main\main-menu\user.cssg Ymain\main-menu\user.htm `K; main\menu.css main\navbar\addressbox.css PUmain\navbar\addressbox.htm 51main\navbar\addressbox.menu.css 11main\navbar\addressbox.menu.htm # pmain\navbar\buttons.css Lavmain\navbar\buttons.htm amain\navbar\buttons.menu.cssL m4main\navbar\buttons.menu.htmO  n!main\navbar\ext\s-review-down.pngQ דmain\navbar\ext\s-review.htm mmain\navbar\ext\s-review.pngt i_main\navbar\index.cssP #Qtmain\navbar\index.htm= ('main\navbar\MFCE16F.tmpe >main\navbar\searchbox.csse ? Emain\navbar\searchbox.htm ~ݷmain\navbar\searchbox.menu.css 0ðmain\navbar\searchbox.menu.htm &,main\objects\avatar.cssAXmain\objects\avatar.htm#main\objects\page.cssk%\O main\objects\page.htm:main\objects\url-list.htm]UTEmain\sidebar\index.css^Q9Fmain\sidebar\index.htm^ nmain\sidebar\popup.htmOi^main\skin-flags.htm(leޛ main\skin.cssm3 lmain\statusbar\buttons.cssQn"main\statusbar\buttons.htm3s-$main\statusbar\buttons.menu.css`x,0Q3main\statusbar\buttons.menu.htm|3 @8-main\statusbar\index.css4sI4main\statusbar\index.htmĈq)lmain\statusbar\message.css5cemain\statusbar\message.htmI~GJmain\statusbar\message.menu.cssƂFmain\statusbar\message.menu.htmV1-`main\tabbar\buttons.css)Z>] [main\tabbar\buttons.htm=fmain\tabbar\buttons.menu.css+U main\tabbar\buttons.menu.htmÖ9main\tabbar\container.css4main\tabbar\container.htm0q)ymain\tabbar\container.menu.cssOsmain\tabbar\container.menu.htmh Emain\tabbar\index.css/!֓main\tabbar\index.htm;ܮmain\toolbar.cssYo:main\window.css9u} skin3.iniP thumbnail.png7R/* MX3: Controls CSS Styles */ /* Hyperlink */ a:not(a[type]){ behavior: button; color: #003399; text-decoration: underline; cursor:pointer; overflow: hidden; text-overflow: ellipsis; } a:focus{ outline: 1px dotted #CCCCCC; } a:hover{ color: #0066CC; } a:active{ color: #003399; } a:disabled{ color: #999999; } /* Basic Elements */ img{ vertical-align: middle; } hr{ margin: 0; border:none; border-top: 1px dotted #C7BFAD; } p{ line-height: 150%; margin: 8px 0; } blockquote{ margin: 5px 0px 5px 2em; padding: 0; line-height: 120%; } /* tooltip */ popup[role="tooltip"], popup[role="overflow-tooltip"]{ text-wrap: unrestricted; } /* list */ ul, ol{ margin-left: 2em; } ul > li{ margin: 5px 0px; list-style-image: url(images/list_dot.png); } /* popups */ popup { overflow: auto; } /* progress bar */ div[type="progress"] { vertical-align: middle; width: 100%%; height: 20px; margin: 10px 0; behavior:progress; foreground-image:url(images/progress.png); foreground-position: 4 10 4 10; foreground-repeat: expand; background-image:url(images/progress_bg.png); background-repeat: expand; background-position: 4 10 4 10; } /* tooltip popup */ _service > popup[role=tooltip] { padding: 10 14; color: #003366; line-height: 120%; border: none; background: transparent url(images/tooltip_bg.png) expand; background-position: 8 8 8 8; background-repeat: stretch-left stretch-right stretch-middle; } /* general button */ *:not(input) > button{ cursor: pointer; min-width: 50px; padding: 8px 16px; margin: 4px 2px; text-align: center; text-overflow: ellipsis; color: #333333; background: url(images/btn.png) expand; background-position: 6px 9px 6px 9px; background-repeat: stretch-left stretch-middle stretch-right; } *:not(input) > button[default]{ font-weight: bold; } *:not(input) > button:focus{ outline: 1px dotted #CCCCCC -5px; } *:not(input) > button:hover{ transition: none; color: #000; background-image: url(images/btn_hover.png); outline: 3px glow #3399FF -1px; } *:not(input) > button:active{ outline: none; color: #666666; background-image: url(images/btn_down.png); } *:not(input) > button:disabled{ color:#666666; background-image: url(images/btn_disabled.png); } /* checkbox button */ a[type="check"]{ behavior: check; display: inline-block; cursor: pointer; margin: 2 0; padding: 0 4 0 22; min-width: 22px; min-height: 18px; line-height: 18px; white-space: pre; text-decoration:none; background: url(images/check.png) no-repeat 0% 50%; } a[type="check"]:focus{ outline: 1px dotted #CCCCCC 0px; } a[type="check"]:hover{ color: #0066CC; background-image:url(images/check_hover.png); } a[type="check"]:disabled{ color:#666666; background-image:url(images/check_disabled.png); } a[type="check"]:checked{ background-image:url(images/checked.png); } a[type="check"]:checked:hover{ background-image:url(images/checked_hover.png); } a[type="check"]:checked:disabled{ background-image: url(images/checked_disabled.png); } a[type="check"][mixed], a[type="check"][mixed]:checked{ background-image: url(images/checkmix.png); } a[type="check"][mixed]:hover, a[type="check"][mixed]:checked:hover{ background-image: url(images/checkmix_hover.png); } a[type="check"][mixed]:disabled, a[type="check"][mixed]:checked:disabled{ background-image: url(images/checkmix_disabled.png); } /* radio button */ a[type="radio"]{ display: inline-block; behavior: radio; cursor: pointer; margin: 2 0; padding: 0 4 0 22; min-width: 22px; min-height: 18px; line-height: 18px; white-space: pre; text-decoration:none; background: url(images/radio.png) no-repeat 0% 50%; } a[type="radio"]:focus{ outline: 1px dotted #CCCCCC 0px; } a[type="radio"]:hover{ color:#0066CC; background-image: url(images/radio_hover.png); } a[type="radio"]:disabled{ color:#666666; background-image: url(images/radio_disabled.png); } a[type="radio"]:checked{ background-image: url(images/radiochk.png); } a[type="radio"]:checked:hover{ background-image: url(images/radiochk_hover.png); } a[type="radio"]:checked:disabled{ background-image: url(images/radiochk_disabled.png); } /* text input control */ input[type="text"], input[type="password"] { margin: 0; padding: 7 9; width: 100%%; min-width: 16px; min-height: 16px; line-height: 1em; color:#000; background: url(images/bg_text.png) expand; background-position: 4px 6px 4px 6px; background-repeat: stretch-left stretch-middle stretch-right; } input[type="text"]{ context-menu: url(edit-context-menu.htm); } input[type="text"]:focus, input[type="password"]:focus { background-image: url(images/bg_text_active.png); } input[type="text"]:hover, input[type="password"]:hover { background-image: url(images/bg_text_hover.png); } input[type="text"]:disabled, input[type="password"]:disabled { color:#666666; background-image: url(images/bg_text_disabled.png); } input[type="text"]:empty, input[type="password"]:empty { color: #999999; font-style: italic; } input[type="time"] { margin: 0; padding: 4 4 4 6; color:#000; background: url(images/bg_text.png) expand; background-position: 4px 6px 4px 6px; background-repeat: stretch-left stretch-middle stretch-right; context-menu: url(edit-context-menu.htm); } input[type="time"]:hover { background-image: url(images/bg_text_hover.png); } input[type="time"]:disabled { color:#666666; background-image: url(images/bg_text_disabled.png); } input[type="time"] > caption { padding: 2 4; } /* textarea control */ textarea, plaintext{ margin:0; padding: 5px; color:#000; width: 100%%; overflow-y: auto; word-wrap: break-word; word-break: break-all; min-height: 3em; background: url(images/bg_text.png) expand; background-position: 5px 6px 5px 6px; background-repeat: stretch-left stretch-middle stretch-right; context-menu: url(edit-context-menu.htm); } textarea:focus, plaintext:focus{ background-image: url(images/bg_text_active.png); } textarea:hover, plaintext:hover{ background-image: url(images/bg_text_hover.png); } textarea:disabled, plaintext:disabled{ color:#666666; background-image: url(images/bg_text_disabled.png); } /* select control */ select{ margin: 0; padding: 0; width: 100%%; width: 32px; min-height: 16px; overflow: hidden; background: url(images/bg_text.png) expand; background-position: 4px 6px 4px 6px; background-repeat: stretch-left stretch-middle stretch-right; } select > caption{ margin:0; padding: 7 9 8 9; width: 100%%; min-height: 16px; line-height: 1em; text-overflow: ellipsis; } select:focus { background-image: url(images/bg_text_active.png); } select:focus > caption{ color: #336699; outline: none; background-color: transparent; } select[editable] > caption{ min-height: 16px; line-height: 1em; focus-on!: self.parent():current=true; focus-off!: self.parent():current=false; } select[editable]:current{ background-image: url(images/bg_text_active.png); } select[editable]:current > button{ foreground-image: url(images/dd_hover.png); } select[editable]:empty > caption{ color: #999999; font-style: italic; } select > button{ margin:0; min-width: 16px; width: 16px; padding:0 6 0 4; foreground-image: url(images/dd.png); foreground-repeat: no-repeat; foreground-position: center center; } select > button, select > button:hover, select > button:disabled { outline: none; background-image: none; } select:hover { background-image: url(images/bg_text_hover.png); } select:hover > button { foreground-image: url(images/dd_hover.png); } select:disabled { background-image: url(images/bg_text_disabled.png); } select:disabled > caption { color:#666666; } select > popup { padding: 6px; max-width: 400px; background-color: transparent; background-image: url(images/menu_bg.png); background-repeat: expand; background-position: 10 10 10 10; } select > popup option, widget[type="select"] option { padding: 5px 24px 5px 26px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } select > popup option:checked { font-weight: bold; background: transparent; foreground: url(images/menu_radio.png) no-repeat 2px 50%; } select > popup option:hover, widget[type="select"] option:hover{ color: #000000; background: transparent url(images/menu_item_hover.png) expand; background-position: 5 5 5 5; background-repeat: stretch-left stretch-middle stretch-right; } select > popup option:current, widget[type="select"] option:current{ background: transparent url(images/menu_item_checked.png) expand; background-position: 5 5 5 5; background-repeat: stretch-left stretch-middle stretch-right; } select > popup option:disabled { color: #ccc; } /* Folder Tree List */ select.folder-tree caption { foreground: url(../icons/folder_16.png) no-repeat 7 50%; padding-left: 26; } select.folder-tree > popup, widget[type="select"].folder-tree { style-set: "folder-tree"; } @set folder-tree { ul, li { position: relative; list-style: none; padding: 0; margin: 0; } ul { margin-left: 2em; } li > text > img { /* NOTE: use float for position will cause layout bug */ position: absolute; width: 16px; height: 16px; margin: 6px; background: transparent url(images/list_collapsed.png) no-repeat center center; } li > option { margin-left: 22px; padding: 5px 24px 5px 26px; foreground: url(../icons/folder_16.png) no-repeat 4px 50%; } li > option:checked { background: transparent url(images/menu_item_checked.png) expand; background-position: 5 5 5 5; background-repeat: stretch-left stretch-middle stretch-right; } :root > ul, :root > ul > li > ul, :root > ul > li > option { margin-left: 0; } :root > ul > li > text > img, ul, li:not(:has-child-of-type(ul)) > text > img { display: none; } :root > ul { display: block; } :root > ul > li { assigned!: self:expanded = true; } li > text > img { behavior: ~ button; click!: li = self.parent().parent(), li:expanded = !li:expanded; } li:expanded > ul { display: block; } li:expanded > text > img { background-image: url(images/list_expanded.png); } li:expanded > option { foreground-image: url(../icons/folder_open_16.png); } } /* simple tabs */ .tabs { flow: horizontal; padding: 0 4 5 4; background: url(images/tab_bg.png) expand; background-position: 0 6 6 6; background-repeat: stretch-left stretch-middle stretch-right; } .tabs > .item{ flow: horizontal; behavior: radio; margin: 0 1; padding: 6 8; color: #333; white-space: nowrap; background: url(images/tab_inactive.png) expand; background-position: 3 3 3 3; background-repeat: stretch-left stretch-middle stretch-right; } .tabs > .item:hover{ color: #0066CC; background-image: url(images/tab_hover.png); } .tabs > .item:checked { color: #000; background-image: url(images/tab_active.png); } .tabs > .item > .icon{ margin-right: 4; width: 16px; height: 16px; vertical-align: middle; foreground: url(../icons/file_16.png) no-repeat 50% 50%; } /* Splitters */ .h-splitter{ behavior:splitter; width: 4px; height: 100%%; cursor: w-resize; } .h-splitter:active { outline: 1px solid #FFF -1px; background: #CCC; } /* Search Box HTML structure: /* User Panel */ .user-panel{ max-width: 100%%; padding: 4; background: #FFF; border-bottom: 1px solid #DDD; } .user-panel a:not(a[type]){ behavior: button; color: #003399; text-decoration: underline; cursor:pointer; overflow: hidden; text-overflow: ellipsis; } .user-panel a:hover{ color: #0066CC; } .user-panel a:active{ color: #003399; } .user-panel a:disabled{ color: #999999; } /* User Account */ .user-account-box{ flow: horizontal; } .user-panel .user-account{ flow: horizontal; height: 100%%; } /* user avatar */ .user-panel .user-account .user-avatar{ behavior: menu-item; margin: -1 0 0 2; width: 42; height: 42; cursor: pointer; vertical-align: middle; background: url(../images/mm_avatar_bg.png) expand; background-position: 8 8 8 8; background-repeat: stretch-left stretch-right stretch-middle; } .user-panel[userState="online"] .user-avatar{ assigned!: self:disabled = false; } .user-panel[userState="shared"] .user-avatar, .user-panel[userState="loggingIn"] .user-avatar, .user-panel[userState="offline"] .user-avatar{ assigned!: self:disabled = true; } .user-panel .user-avatar:hover { background-image: url(../images/mm_avatar_bg_hover.png); } .user-panel .user-avatar:active { background-image: url(../images/mm_avatar_bg_active.png); } .user-panel .user-avatar .icon { margin-left: 5px; width: 32px; height: 32px; cursor: pointer; foreground: url(../images/avatar_blank.png) stretch; foreground-position: 0 0 0 0; } .user-panel[userState="offline"] .user-avatar .icon, .user-panel[userState="loggingIn"] .user-avatar .icon, .user-panel[userState="loginError"] .user-avatar .icon { foreground-image-transformation: colorize(#333); } /* shared account */ .user-panel .user-account .login-button{ display: none; behavior: button; margin: 2 2 2 4; padding: 10 14 10 38; height: 100%%; color: #000; white-space: nowrap; foreground: url(../images/mm_login_icon.png) no-repeat 10 50%; background: url(../images/mm_btn.png) expand; background-position: 6 6 6 6; background-repeat: stretch-left stretch-middle stretch-right; } .user-panel[userState="shared"] .login-button{ display: block; } .user-panel .user-account .login-button:hover{ color: #003366; background-image: url(../images/mm_btn_hover.png); outline: 2px glow #3399FF 0px; } .user-panel .user-account .login-button:active{ color: #000; background-image: url(../images/mm_btn_active.png); outline: none; } /* logging in */ .user-panel .logging-in{ display: none; padding: 0 10; height: 100%%; vertical-align: middle; } .user-panel[userState="loggingIn"] .logging-in{ display: block; } /* user info panel */ .user-panel .user-info { display: none; margin-left: 2; padding: 4 8; height: 100%%; line-height: 135%; vertical-align: middle; } .user-panel[userState="online"] .user-info{ display: block; } .user-panel .user-info:hover { foreground: url(../images/mm_btn_hover_arrow.png) no-repeat 100% 50%; background: url(../images/mm_btn_hover.png) expand; background-position: 8 8 8 8; background-repeat: stretch-left stretch-right stretch-middle; outline: 2px glow #3399FF 0px; } .user-panel .user-info:active { foreground: url(../images/mm_btn_active_arrow.png) no-repeat 100% 50%; background-image: url(../images/mm_btn_active.png); outline: none; } .user-panel .state-icon{ display: inline-block; width: 14; min-height: 14; height: 100%%; foreground: url(../images/mm_online_mark.png) no-repeat 0 50%; } .user-panel .user-info .name{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-panel .user-info .email{ color: #666; } /* offline */ .user-panel .offline-info{ flow: horizontal; display: none; margin-left: 2; padding: 4 8; height: 100%%; vertical-align: middle; } .user-panel[userState="offline"] .offline-info{ display: block; } .user-panel .offline-info .info{ color: #990000; } .user-panel .offline-info .info a{ behavior: menu-item; color: #990000; text-decoration: none; } .user-panel .offline-info .info a:hover{ text-decoration: underline; } .user-panel .offline-info .info .name{ font-weight: bold; } .user-panel .offline-info .info .state-icon{ foreground: url(../images/mm_offline_mark.png) no-repeat 0 50%; } .user-panel .offline-info .controls{ width: max-intrinsic; vertical-align: middle; } /* Service Panel */ .user-panel .sync-panel{ display: none; margin-left: 4; padding: 4; width: max-intrinsic; height: 100%%; text-align: right; line-height: 135%; } .user-panel[userState="online"] .sync-panel{ display: block; } /* ok */ .user-panel .sync-panel .ok-info{ display: none; } .user-panel .sync-panel[syncState="ok"] .ok-info{ display: block; } .user-panel .sync-panel .title{ behavior: menu-item; margin-left: auto; padding-left: 24; width: max-intrinsic; color: #336600; cursor: pointer; font-weight: bold; foreground: url(../images/mm_sync_ok.png) no-repeat 2 50%; } .user-panel .sync-panel .title:hover{ color: #336600; text-decoration: underline; } .user-panel .sync-panel .controls a[role="menu-item"]{ behavior: menu-item; } .user-panel .sync-panel .controls a:not(:hover){ color: #666; } /* error */ .user-panel .sync-panel .error-info{ display: none; } .user-panel .sync-panel[syncState="error"] .error-info, .user-panel .sync-panel[syncState="offline"] .error-info{ display: block; } .user-panel .sync-panel[syncState="error"] .title, .user-panel .sync-panel[syncState="offline"] .title{ foreground-image: url(../images/mm_sync_error.png); color: #990000; } .user-panel .sync-panel[syncState="error"] .title:hover, .user-panel .sync-panel[syncState="offline"] .title:hover{ color: #CC0000; } /* working */ .user-panel .sync-panel .working-info{ display: none; } .user-panel .sync-panel[syncState="working"] .working-info{ display: block; } .user-panel .sync-panel[syncState="working"] .title{ foreground-image: url(../images/mm_sync_working.png); color: #304F81; } .user-panel .sync-panel[syncState="working"] .title:hover{ color: #4772BA; } /* disabled */ .user-panel .sync-panel .off-info{ display: none; } .user-panel .sync-panel[syncState="off"] .off-info{ display: block; } .user-panel .sync-panel[syncState="off"] .title{ foreground-image: url(../images/mm_sync_off.png); color: #333; } .user-panel .sync-panel[syncState="off"] .title:hover{ color: #0066CC; } /* Event panel */ .event-panel { display: none; flow: horizontal; position: relative; margin-top: -1px; padding: 9 4 3 4; background: url(../images/mm_event_bg.png) expand; background-position: 8 4 4 30; background-repeat: stretch-left stretch-middle stretch-right; } .event-panel:hover { background-image-transformation: } .user-panel[userEvent] .event-panel { display: block; } .event-panel .message{ behavior: menu-item; padding-left: 6px; cursor: pointer; color: #990000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .event-panel .message:hover{ color: #CC0000; text-decoration: underline; } .event-panel .close{ behavior: button; width: 20px; height: 20px; vertical-align: middle; background: url(../images/mm_event_close.png) no-repeat 50% 50%; } .event-panel .close:hover{ background-image: url(../images/mm_event_close_hover.png); } .event-panel .close .close-note{ display: none; position: absolute; bottom: 21px; right: -3px; width: min-intrinsic; color: #000; white-space: nowrap; padding: 6 10 12 10; background: url(../images/mm_event_close_bg.png) expand; background-position: 6 30 10 6; background-repeat: stretch-left stretch-middle stretch-right; } .event-panel .close:hover .close-note{ display: block; }