/* blue: 4d90fe 0000dd 3355ff 0055ff 3355ff 1c66e9 d5dff3 619eff 0000dd 2200c0 1122cc 1155cc 0a246a 2610aa */ /* gray: d4d0c8 e8e8e8 444444 808080 e5e5e5 */ /* orange: FF6600 F76541 FF9900 http://www.computerhope.com/htmcolor.htm */ /* gray: d4d0c8 e8e8e8 808080 e6e8e9 */ /* purple 6600ff 6611cc */ /* green:008800 c9edcc 69c17d blue:0000dd d5dff3 light-purple:eeeeff gray:d4d0c8 e8e8e8 */ /* http://gradients.glrzad.com/ http://www.colorcombos.com/blue-color-schemes.html http://css-tricks.com/search-results/?q=collapse http://css-tricks.com/2833-the-css-overflow-property/ http://www.webdesignerdepot.com/2010/01/css-transitions-101/ http://robertnyman.com/2010/04/27/using-css3-transitions-to-create-rich-effects/ position: http://www.alistapart.com/articles/css-positioning-101/ http://www.barelyfitz.com/screencast/html-training/css/positioning/ http://www.quirksmode.org/css/position.html http://cssload.net/ */ /* -webkit-gradient(linear, left top, left bottom, from(#707070), to(#a0a0a0)) */ /* from(#edf2ff), to(#6611cc) */ /*background:-webkit-gradient(linear, right top, left bottom, from(#8f6fff), to(#3f6fff)); */ /* f4f4f4 eaeaea fc8 05f 1155ee 59f 0af 80f 1-a:3f6fff f53 */ html, body { position:absolute; top:0px; bottom:0px; right:0px; left:0px; background-color:#fff; color:black; font-family:arial, sans-serif; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } body { background-color:; top:0px; bottom:0px; /* box-shadow:0px 0px 5px #444;*/ border-left:1px solid #aaa; border-right:1px solid #aaa; } /* javascript: width:960px; max-width:960px; */ #title { position:absolute; top:0px; height:89px; left:0px; right:0px; background-color:#fafafa; border-bottom:1px solid #eee; } /* eef fbfbff */ #browser { display:none; position:absolute; top:130px; bottom:0px; left:0px; right:0px; } #browser.search_mode{ opacity:0.1; } #search_big_div{ position:absolute; width:0px; height:0px; left:0px; top:0px; } #search_big_div.search_mode{ z-index:10; width:100%; height:100%; left:0px; top:0px; opacity:0.15; background-color:#000; } #progress_wrapper{ display:none; position:relative; top:250px; z-index:100; width:400px; height:; margin:0px auto 0px auto; text-align:center; } #progress_bar{ position:absolute; top:22px; z-index:1; width:100%; left:0px; } #progress_label{ position:absolute; top:0px; z-index:2; width:100%; left:0px; } #my_alert_div{ display:none; position:absolute; left:33%; top:150px; width:34%; height:200px; background-color:white; z-index:1000; text-align:center; box-shadow:0px 0px 1px #222; line-height:200px; font-size:16px; } #my_alert_x{ position:absolute; right:2px; top:1px; width:30px; height:30px; box-shadow:0px 0px 1px #444; background-color:white; text-align:center; font-size:20px; line-height:30px; color:#bbb; cursor:pointer; } #my_alert_x:hover{ color:#000; box-shadow:0px 0px 3px #000; } /* -------------- title -------------- */ #wikilink_icon{ position:absolute; z-index:100; top:37px; left:0%; width:1%; text-align:center; } #wikilink_icon a{ position:absolute; top:2px; left:50px; color:#44f; font-size:34px; } #wikilink_icon img{ position:absolute; top:5px; left:10px; width:30px; } #wikilink_title{ display:none; position:absolute; left:0px; top:215px; text-align:center; right:0px; color:#00e; font-size:30px; } #ez_add_div{ position:absolute; top:58px; left:220px; height:25px; } #ez_ext{ color:blue; font-size:12px; font-weight:bold; } #clock { display:none; position:absolute; top:8px; height:32px; width:130px; left:10px; color:#444; padding:0px 3px 0px 0px;} #clock:hover { cursor:pointer; border-bottom:1px solid blue; color:blue; } #clock_date { position:absolute; bottom:0px; left:0px; font-size:17px; } #clock_time { position:absolute; bottom:0px; left:92px;font-size:16px; } /***************** login div ********************/ #connect_div { position:absolute; right:0px; top:0px; width:560px; height:90px; background-color:; } #sign_in_form { position:relative; top:0px; height:100%; width:431px; left:0px; font-size:18px; color:black; -webkit-transition: width 0.5s, height 0.5s; -moz-transition: width 0.5s, height 0.5s; -ms-transition: width 0.5s, height 0.5s; -o-transition: width 0.5s, height 0.5s; transition: right 0.5s, height 0.5s; } #sign_in_lun { position:absolute; top:29px; height:25px; left:3px; width:160px; padding:0px 0px 0px 5px; border:1px solid #aaa; border-radius:2px; } #sign_in_lp { position:absolute; top:29px; height:25px; left:194px; width:160px; padding:0px 0px 0px 5px; border:1px solid #aaa; border-radius:2px; } #sign_in_login_b{ position:absolute; top:29px; height:23px; right:0px; width:46px; cursor:pointer; cursor:hand; color:#333; border-radius:4px; } #sign_in_login_sign { position:absolute; top:4px; left:3px; font-size:15px; } #sign_in_in_msg { position:absolute; top:50px; height:20px; max-width:150px; left:156px; color:red; font-size:14px; font-weight:bold; } #sign_up_b { position:absolute; top:32px; height:22px; right:0px; width:120px; font-size:16px; border-left:1px solid #777; } #sign_up_sign { position:absolute; top:2px; left:7px; cursor:pointer; color:#555; text-decoration:underline; } #forgot_password{ position:absolute; top:29px; font-size:12px; left:7px; text-decoration:underline; } #sign_out_panel{ display:none; position:absolute; right:0px; bottom:0px; width:130px; height:40px; } #user_home { position:absolute; top:10px; right:43px; text-align:center; color:#00f; text-decoration:underline; cursor:pointer; font-weight:bold; } #home_img { position:absolute; top:0px; right:53px; width:50px; bottom:0px; text-align:center; } #home_img img { position:relative; top:3px; width:31px; cursor:pointer; } #home_img:hover img{ background-color:#fafafa; box-shadow:0px 0px 1px #000; } #sign_out_div { position:absolute; right:0px; top:0px; bottom:0px; width:50px; text-align:center; } #sign_out_div img{ position:relative; width:26px; top:5px; opacity:1; cursor:pointer; cursor:hand; opacity:0.6; } #sign_out_div:hover img{ opacity:1; } #settings_div { position:absolute; top:40px; right:-10px; z-index:300; width:140px; height:0px; overflow:hidden; box-shadow:0px 0px 1px #999; border-radius:0px; background-color:#fff; font-size:13px; -webkit-transition: width 0.5s, height 0.5s; -moz-transition: width 0.5s, height 0.5s; -ms-transition: width 0.5s, height 0.5s; -o-transition: width 0.5s, height 0.5s; transition: right 0.5s, height 0.5s; } #settings_div.open_menu{ height:145px; } #disconnect_sign { position:absolute; top:7px; padding-top:7px; height:23px; width:100%; cursor:pointer; cursor:hand; text-align:center; } #disconnect_sign_all { position:absolute; top:39px; padding-top:7px; height:23px; width:100%; cursor:pointer; cursor:hand; text-align:center; } #settings_sign { position:absolute; top:69px; padding-top:7px; height:23px; width:100%; cursor:pointer; cursor:hand; text-align:center; } #bookmarks_upload_sign{ position:absolute; top:99px; padding-top:7px; height:23px; width:100%; cursor:pointer; cursor:hand; text-align:center; } #disconnect_sign:hover { color:blue; text-decoration:underline; background-color:#f7f7f7; } #disconnect_sign_all:hover { color:blue; text-decoration:underline; background-color:#f7f7f7; } #settings_sign:hover { color:blue; text-decoration:underline; background-color:#f7f7f7; } #bookmarks_upload_sign:hover { color:blue; text-decoration:underline; background-color:#f7f7f7; } /***************** search ********************/ #search_div { position:absolute; top:150px; left:25%; width:50%; bottom:0px; height:34px; z-index:0; } /*display:none;*/ #server_search_check{ z-index:10; position:absolute; top:156px; left:24%; width:16px; height:16px; cursor:pointer; } #search_div.search_div_trans{ transition: bottom 0.3s, top 0.3s, left 0.3s, width 0.3s, height 0.3s, box-shadow 0.3s, color 0.3s, opacity 0.3s, z-index 0.3s; } #search_div.main_search { position:absolute; top:300px; left:20%; width:60%; bottom:0px; height:34px; z-index:0; } #search_div.main_search.search_up{ opacity:1; top:300px; height:596px; left:8%; width:84%; z-index:1000; border:1px solid #; box-shadow:0px 0px 3px #00f; } #search_div.search_up{ opacity:1; top:170px; height:673px; left:8%; width:84%; z-index:1000; border:1px solid #; box-shadow:0px 0px 3px #00f; } /* 0 */ #search_xr{ display:none; position:absolute; top:3px; right:5px; width:23px; height:30px; z-index:1000; text-align:center; } #search_x{ z-index:1; padding:5px 0px 1px 0px; font-size:19px; color:#333; text-decoration:underline; cursor:pointer; } #search_x:hover{ color:#000; box-shadow:0px 1px 2px #444;} #search_div.search_up #search_xr { display:block; } #search_mr{ display:none; opacity:0.5; position:absolute; top:4px; right:32px; padding:5px 1px 0px 2px; width:21px; height:21px; z-index:1000; } #search_m{ text-align:center; z-index:1; width:19px; font-size:19px; color:#333; text-decoration:underline; cursor:move; } #search_mr:hover{ color:#000; box-shadow:0px 1px 1px #777; opacity:1; } #search_div.search_up #search_mr { display:block; } /* 1 */ #search_title{ display:none; opacity:0; position:absolute; top:27px; left:3%; width:92%; height:20px; color:blue; padding:6px 0px 4px 6px; border-radius:0px; border-bottom:1px solid #ccc; } #search_div.search_up #search_title { opacity:1; z-index:1; } #search_title_label{ position:absolute; left:2px; top:2px; font-size:18px; color:black; } #search_content_cont{ position:absolute; top:0px; left:54px; right:0px; color:black; font-size:14px; } #search_all{ position:absolute; left:48px; top:2px; } #search_user{ position:absolute; left:162px; top:2px; } #search_link{ position:absolute; left:334px; top:2px; } #search_text{ position:absolute; left:506px; top:2px; } #search_chat{ position:absolute; left:688px; top:2px; } .search_i { width:15px; height:15px; cursor:pointer; } .search_n{ position:relative; top:-2px; cursor:pointer; } .search_i:checked + .search_n{ color:blue; } /* 1 */ #search_center_1{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; } #search_center_2{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; } #search_div.search_up #search_center_1 { display:block; top:7px; border:0px solid #eee; background-color:#eee; } #search_div.search_up #search_center_2 { display:block; top:0px; border:0px solid #ccc; background-color:#fff; } #search_panel{ opacity:0; position:absolute; left:26px; width:92%; top:0px; height:23px; padding:6px 0px 4px 6px; border-radius:0px; } #search_div.search_up #search_panel { opacity:1; z-index:1; } #sl_label{ position:relative; left:0px; top:12px; float:left; color:blue; font-size:16px; z-index:; font-size:18px; color:black; } #search_location{ position:relative; left:7px; top:10px; font-size:21px; color:black; } #search_location a{ color:blue; } .loc_del{ position:relative; top:1px; float:left; padding:0px 11px 0px 11px; background-color:; } .loc_part{ float:left; } .loc_part:hover{ text-decoration:underline; } #open_location{ position:relative; left:7px; top:17px; font-size:24px; } #open_location a{ color:#00f; } /* 2 */ #search_box_w { position:absolute; left:0px; right:1px; height:34px; z-index:1; } #search_box { position:absolute; left:3%; width:92%; top:0px; height:28px; padding:4px 0px 0px 9px; outline:none; font-size:17px; border:1px solid #ccc; border-radius:2px; background-color:#fff; } #search_div #search_box::-webkit-input-placeholder { color:#bbb; } #search_div #search_box::-moz-input-placeholder { color:#bbb; } #search_div #search_box:-ms-input-placeholder { color:#bbb; } /* search_up */ #search_div.search_up #search_box_w { top:43px; } #search_div.search_up #search_box { font-size:20px; padding:5px 0px 3px 19px; background-color:#fff; border-top:0px solid #99f; border-bottom:1px solid #99f; border-left:0px solid #99f; border-right:0px solid #99f; border-radius:0px; } #search_div.search_up #search_box::-webkit-input-placeholder { color:#fff; } #search_div.search_up #search_box::-moz-input-placeholder { color:#fff; } #search_div.search_up #search_box:-ms-input-placeholder { color:#fff; } #search_div.main_search #search_box{ border:1px solid #00e; } #search_div.search_up.main_search #search_box { font-size:20px; padding:5px 0px 3px 19px; background-color:#fff; border-top:0px solid #99f; border-bottom:1px solid #99f; border-left:0px solid #99f; border-right:0px solid #99f; border-radius:0px; } /* 4 */ #search_results{ position:absolute; left:14px; right:17px; top:91px; bottom:25px; overflow-y:auto; border-radius:2px; } #search_div.search_up #search_results { border:1px solid #eee; border-bottom:1px solid #ddd; } #search_results::-webkit-scrollbar { width:13px;} #search_results::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border-radius:5px;} #search_results::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0px 20px #88f; border-radius:5px;} /* 5 */ #search_tips{ opacity:0; transition: opacity 0.3s; position:absolute; width:100%; bottom:0px; left:7px; height:20px; font-size:12px; color:#aaa; } #search_div.search_up #search_tips { opacity:1; } .tip_key{ color:green; padding:0px 1px 0px 7px; font-weight:bold; } .tip_val{ color:#666; opacity:1; padding-left:2px; } /* 3 */ #search_type{ display:none; position:relative; left:61px; width:300px; top:-2px; font-size:20px; color:green; text-align:center; height:48px; } #user_si { position:absolute; left:20px; top:-5px; width:55px; margin:0px 9px 0px 9px; z-index:10; cursor:pointer; border:1px solid #ccc; border-radius:5px; padding:2px 2px 2px 2px; opacity:0.40; } #user_si:hover{ opacity:1; background-color:#fff; } #user_si.selected_search{ opacity:1; background-color:#fff; border:1px solid #bbb; box-shadow:0px 1px 1px #aaa; padding:4px 4px 4px 4px; top:-8px; } #local_si{ position:absolute; left:120px; top:-5px; width:55px; margin:0px 9px 0px 9px; z-index:10; cursor:pointer; border:1px solid #ccc; border-radius:5px; padding:2px 2px 2px 2px; opacity:0.40; } #local_si:hover{ opacity:1; background-color:#fff; } #local_si.selected_search{ opacity:1; background-color:#fff; border:1px solid #bbb; box-shadow:0px 1px 1px #aaa; padding:4px 4px 4px 4px; top:-8px; } #wiki_si { position:absolute; left:220px; top:-5px; width:47px; margin:0px 9px 0px 9px; z-index:10; cursor:pointer; border:1px solid #ccc; border-radius:5px; padding:5px 6px 6px 6px; opacity:0.40; } #wiki_si:hover{ opacity:1; background-color:#fff; } #wiki_si.selected_search{ opacity:1; background-color:#fff; border:1px solid #bbb; box-shadow:0px 1px 1px #aaa; padding:7px 8px 8px 8px; top:-7px; } .s_result { position:relative; right:0px; left:0px; height:37px; background-color:#fff; font-weight:normal; margin:2px 1px 2px 1px; border-radius:6px; overflow:hidden; outline:none; -webkit-transition: background-color 1.0s, height 1s; } .b_cls_1{ background-color:#fbfbfb; } .b_cls_2{ background-color:#fff; } .search_icon { position:absolute; top:8px; left:6px; height:23px; width:23px; margin:0px 3px 0px 3px; } .one_res { position:absolute; top:12px; left:40px; right:20px; height:25px; width:80%; overflow:hidden; } .one_res_l{ position:absolute; left:0px; width:2000px; } .one_res_user{ left:54px; } .sr_p { float:left; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:; cursor:pointer; } .sr_pg{ float:left; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:; } .sr_p:hover { text-decoration:underline; } .sr_pg a:hover { text-decoration:underline; } .sr_del { position:relative; padding:1px 10px 0px 10px; float:left; color:#000; font-size:17px; cursor:pointer; } .sr_del:hover{ text-decoration:underline; } .one_res_l .sr_p a {color:#00f; font-size:15px; } .one_res_l .sr_pg a {color:#000; font-size:16px; } .sr_in{ position:absolute; right:0px; bottom:3px; width:165px; } .sr_in a{ color:#0b0; font-size:10px; } .sr_in a:hover{ text-decoration:underline; } .sr_in .sr_b{ color:#00f; font-weight:bold; } .b_cls_1 .one_res::after { content: ""; position: absolute; bottom: 0; right: 0; width: 7%; height: 2.3em; background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0.8) 100%); } .b_cls_2 .one_res::after { content: ""; position: absolute; bottom: 0; right: 0; width: 7%; height: 2.3em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%); } .sr_r_plus{ position:absolute; right:0px; top:3px; width:20px; height:20px; cursor:pointer; font-size:14px; line-height:20px; text-align:center; box-shadow:0px 0px 1px #777; border-radius:3px; } .sr_r_plus:hover{ box-shadow:0px 0px 1px #000; border:0px solid #ddd; } .open_result{ background-color:#f8f8f8; box-shadow:0px 0px 1px #00f; height:151px; overflow:; } .add_contact_plus{ position:absolute; top:10px; left:30px; width:16px; height:16px; cursor:pointer; text-align:center; border:1px solid #bbb; color:#333; border-radius:3px; font-weight:bold;} .add_contact_plus:hover{ box-shadow:0px 1px 1px #000; border:1px solid #444; width:16px;height:16px; line-height:18px; left:28px;} .sw_relevant { position:relative; top:8px; left:7px; font-size:10px; color:#777; } .url_relevant{ position:relative; left:0px; right:0px; font-size:10px; padding:2px 0px 0px 7px; color:#777; } .sw_relevant img{ width:11px; } .user_search_result { color:green; } .allow_write_result { color:purple; } a.sr_goto { float:left; position:relative; padding-left:5px; top:2px; font-size:9px; color:#bbb; } a.sr_goto:hover{ color:blue; text-decoration:underline; } .result_type { position:relative; font-size:11px; top:7px; left:-16px; opacity:0.8; color:green; } .desc_result{ position:absolute; left:0px; top:37px; right:20px; height:79px; overflow:auto; font-size:14px; text-align:left; word-wrap:break-word; white-space:pre; cursor:default; background-color:#fff; padding:4px 0px 0px 0px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; } .desc_nm { cursor:text; } .desc_ur{ cursor:text; } .desc_tags{ cursor:text; } .nm_key { font-weight:bold; color:black; float:left; padding-left:4px; } .nm_val{ padding-left:50px; } .tag_key{ font-weight:bold; color:black; float:left; padding-left:4px; } .tag_val{ padding-left:50px; } .ur_key { font-weight:bold; color:black; float:left; padding-left:5px; } .ur_val { padding-left:50px; color:green; font-size:12px; } /* decoration */ .nm_val .sr_b { font-weight:normal; color:red; font-size:14px; } .tag_val .sr_b { font-weight:normal; color:red; font-size:14px; } .ur_val .sr_b { font-weight:normal; color:red; font-size:14px; } .sr_b { font-weight:bold; } .c_result { box-shadow:0px 0px 5px #f00; } /* search options */ .search_mol { position:absolute; left:60px; top:0px; right:63%; height:19px; border-bottom:1px dashed #aaa; } .search_mo { position:absolute; left:35%; top:8px; right:35%; height:30px; color:#aaa; text-align:center; font-size:14px; } .search_mor { position:absolute; left:63%; top:0px; right:60px; height:19px; border-bottom:1px dashed #aaa; } .search_del_small{ font-size:10px; } .search_opt a{ color:#080; } .search_opt .sr_b{ color:blue; } .search_opt .url_relevant a{ color:#bbb; } .url_relevant .sr_b { color:red; } .sign_search_result{ color:gray; font-style:italic; } .sign_search_result .user_search_result { color:gray; } .sign_search_result .allow_write_result { color:gray; } .add_page_result{ color:#00d; font-style:normal; font-weight:bold; font-size:; } /* -----------------------------------------------------*/ #matrix_head{ position:absolute; top:115px; height:34px; right:0px; left:19%; border-top:1px solid #f2f2f2; z-index:2; background-color:#fff;} #matrix_head.lines_view { height:58px; } #matrix_head_line{ position:absolute; display:none; top:33px; left:1px; right:0px; height:24px; line-height:28px; background-color:#fafafa; box-shadow:0px -1px 1px #eee; border-radius:2px; z-index:10; } #matrix_head_line_like{ display:none; position:absolute; left:15px; font-size:14px; color:#000; text-decoration:underline; } #matrix_head_line_like img{ position:relative; top:4px; width:19px; opacity:0.4; } #matrix_head_line_name{ position:absolute; left:90px; font-size:14px; color:#000; text-decoration:underline; cursor:pointer; } #matrix_head_line_name:hover{ color:blue; } #matrix_head_line_name img{ display:none; position:relative; top:2px; width:12px; } #matrix_head_line_name.active{ color:blue; } #matrix_head_line_name.active img{ display:inline; } #matrix_head_line_desc{ position:absolute; left:610px; font-size:14px; color:#000; text-decoration:underline; } #matrix_head_line_hits{ position:absolute; left:820px; font-size:14px; color:#000; text-decoration:underline; cursor:pointer; } #matrix_head_line_hits:hover{ color:blue; } #matrix_head_line_hits img{ display:none; position:relative; top:2px; width:12px; } #matrix_head_line_hits.active{ color:blue; } #matrix_head_line_hits.active img{ display:inline; } #matrix_head_line_date{ position:absolute; left:930px; font-size:14px; color:#000; text-decoration:underline; cursor:pointer; } #matrix_head_line_date:hover{ color:blue; } #matrix_head_line_date img{ display:none; position:relative; top:2px; width:12px; } #matrix_head_line_date.active{ color:blue; } #matrix_head_line_date.active img{ display:inline; } #matrixRap { position:absolute; top:154px; bottom:0px; left:19%; right:2px; z-index:1; overflow-y:auto; border-top:1px solid #f2f2f2; background-color:#fff; } /* background-color:#f9f9f9; */ #matrixRap.lines_view{ top:174px; } #tree { position:absolute; top:116px; bottom:0px; left:0px; width:19%; z-index:1; overflow-y:auto; background-color:#fcfcfc; box-shadow:0px 0px 1px #bbb; -webkit-transition: box-shadow 0.5s, opacity 0.5s, width 0.5s, height 0.5s, max-height 0.5s, color 0.5s, left 0.5s, top 0.5s, bottom 0.5s; -moz-transition: box-shadow 0.5s, opacity 0.5s, width 0.5s, height 0.5s, max-height 0.5s, color 0.5s, left 0.5s, top 0.5s, bottom 0.5s; -ms-transition: box-shadow 0.5s, opacity 0.5s, width 0.5s, height 0.5s, max-height 0.5s, color 0.5s, left 0.5s, top 0.5s, bottom 0.5s; -o-transition: box-shadow 0.5s, opacity 0.5s, width 0.5s, height 0.5s, max-height 0.5s, color 0.5s, left 0.5s, top 0.5s, bottom 0.5s; transition: box-shadow 0.5s, opacity 0.5s, width 0.5s, height 0.5s, max-height 0.5s, color 0.5s, left 0.5s, top 0.5s, bottom 0.5s; } #tree.mouse_on_tree{ z-index:100; /*box-shadow:2px 2px 10px #bbb;*/ } /* 006 */ #tree::-webkit-scrollbar { width: 12px;} #tree::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} #tree::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} #matrixRap::-webkit-scrollbar { width: 12px;} #matrixRap::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} #matrixRap::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} /* ----------------------------------------------------- */ #browser_head { position:absolute; top:76px; height:39px; right:0px; left:0px; background-color:#fff; border-top:0px solid #eee; z-index:2; } #tabs_panel{ position:absolute; top:1px; bottom:-1px; left:0px; width:19%; border-bottom:1px solid #eee; background-color:; color:#444; border-top:0px solid #eee; } #history_img { position:absolute; top:4px; bottom:0px; left:18px; width:10%; padding:1px 1px 1px 1px;cursor:pointer; border-radius:2px; background-color:#fff;} #history_img:hover{ background-color:#fafafa; box-shadow:0px 0px 1px #000; } #history_div{ position:absolute; padding-top:0px; top:116px; left:0px; width:19%; height:0px; opacity:0; box-shadow:0px 0px 2px #00f; z-index:100000; background-color:#fff; overflow:auto; -webkit-transition: height 0.3s, opacity 0.3s; transition: height 0.3s, opacity 0.3s; } #history_div.show{ height:600px; padding-top:1px; opacity:1; } #history_div::-webkit-scrollbar {width: 12px;} #history_div::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;} #history_div::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} #history_title{ position:relative; height:30px; top:1px; box-shadow:0px 1px 0px #ddd; font-size:14px; font-weight:bold; text-align:center; margin:0px 0px 3px 0px; color:black; background-color:#fff; text-decoration:underline; line-height:30px; } .tab_name_entry{ position:relative; height:30px; top:1px; box-shadow:0px 1px 0px #ddd; font-size:14px; font-weight:bold; margin:0px 0px 3px 0px; padding:0px 7px 0px 7px; cursor:pointer; color:blue; background-color:#fff; } .tab_name_entry:hover{ box-shadow:0px 0px 1px blue; } .tab_name_entry img{ position:relative; top:4px; width:20px; margin-right:5px; } .delete_tab_name_entry{ position:absolute; right:6px; top:6px; color:#eee; padding:2px 3px 0px 3px; } .delete_tab_name_entry:hover{ color:#aaa; border:1px solid #ddd; } /* .tree_node_head{ position:relative; height:30px; margin:2px 5px 2px 5px; outline:none; overflow:hidden; cursor:pointer; box-shadow:0px 0px 1px #ccc; } .tree_mp { position:absolute; top:3px; bottom:0px; left:0px; width:22px; text-align:center; font-size:20px; } .tree_icon { position:absolute; top:3px; bottom:0px; left:22px; width:20px; } .tree_name { position:absolute; top:6px; bottom:0px; left:47px; right:7px; font-size:16px; color:blue; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .tree_name_link{ font-size:15px; padding:1px 0px 0px 3px; } .tree_icon img{ position:absolute; top:2px; bottom:0px; width:100%; } .tree_node_head:hover .tree_e_con{ opacity:1; } .tree_e_con { opacity:0; position:absolute; right:0px; top:0px; width:13px; height:15px; line-height:40%; padding:0px 3px 0px 2px; text-align:center; cursor:pointer; border-left:1px dashed; border-bottom:1px dashed; border-color:#ccc; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; } .tree_e_con:hover { color:blue; background-color:#eee; } */ #light_box { position:absolute; bottom:9px; left:10px; width:1.3%; } #light_box:before{ content: ""; display:block; padding-top:100%; } #login_light { position:absolute; top:0px; left:0px; bottom:0px; right:0px; border-radius:500%; } .light_on { background-color:#aaf; border:1px solid #77c; } .light_off{ background-color:#eee; border:1px solid #ddd; } .light_mid{ background-color:#aaf; border:1px solid #aaf; } #user_light{ display:inline; position:relative; top:0px; left:12px; padding:0px 4px 0px 4px; cursor:pointer; font-weight:; color:#00d; border-bottom:1px solid #00d; font-size:22px; } #tree_title { position:absolute; bottom:-8px; left:1.5%; width:17%; height:40px; } #tree_title span{ position:relative; top:5px; left:12px; color:green; text-align:center; font-size:; } #tree_title.click_to_sign:hover span{ text-decoration:underline; cursor:pointer;} /* #path_root_img{ position:absolute; top:11px; left:15px; width:27px; opacity:1; cursor:pointer; } */ #path_div { position:absolute; top:0px; bottom:0px; left:20.1%; right:2px; padding-top:3px; border-left:0px solid #ddd; } /***************** buttons *****************/ /* add_div */ #add_div { position:absolute; top:0px; bottom:0px; left:1.5%; width:21%; } #add_button { position:relative; top:10px; left:10px; color:#00e; cursor:pointer; font-size:13px; text-decoration:underline; font-weight:bold; } #add_button:hover { color:blue; } #add_button.b_disabled { color:#ddd; cursor:default; } #add_button.b_disabled:hover { color:#ddd; } #add_div_panel{ position:absolute; top:35px; left:3px; height:0px; width:99%; opacity0.2; background-color:#fff; z-index:12; overflow:hidden; -webkit-transition: height 0.3s, opacity 0.3s; transition: height 0.3s, opacity 0.3s; } #add_div_panel.open_menu{ height:154px; opacity:1; box-shadow:0px 1px 3px #000; } #add_new_folder{ position:relative; margin-bottom:5px; top:12px; height:29px; line-height:29px; padding:0px 0px 0px 17px; color:#00a; cursor:pointer; font-size:14px; font-weight:bold; } #add_new_folder:hover { background-color:#fafafa; } #add_new_folder.b_disabled{ cursor:default; color:#ccc; } #add_new_folder_img { position:absolute; width:23px; top:1px; right:20px; } #add_new_folder.b_disabled #add_new_folder_img{ opacity:0.3; } #add_new_text{ position:relative; margin-bottom:5px; top:12px; height:29px; line-height:29px; padding:0px 0px 0px 17px; color:#00a; cursor:pointer; font-size:14px; font-weight:bold; } #add_new_text:hover { background-color:#fafafa; } #add_new_text.b_disabled{ cursor:default; color:#ccc; } #add_new_text_img { position:absolute; width:23px; top:1px; right:20px; } #add_new_text.b_disabled #add_new_text_img{ opacity:0.3; } #add_new_link{ position:relative; margin-bottom:5px; top:12px; height:29px; line-height:29px; padding:0px 0px 0px 17px; color:#00a; cursor:pointer; font-size:14px; font-weight:bold; } #add_new_link:hover { background-color:#fafafa; } #add_new_link.b_disabled{ cursor:default; color:#ccc; } #add_new_link_img { position:absolute; width:23px; top:1px; right:20px; } #add_new_link.b_disabled #add_new_link_img{ opacity:0.3; } #add_new_tag{ position:relative; margin-bottom:5px; top:12px; height:29px; line-height:29px; padding:0px 0px 0px 17px; color:#00a; cursor:pointer; font-size:14px; font-weight:bold; } #add_new_tag:hover { background-color:#fafafa; } #add_new_tag.b_disabled{ cursor:default; color:#ccc; } #add_new_tag_img { position:absolute; width:23px; top:1px; right:20px; } #add_new_tag.b_disabled #add_new_tag_img{ opacity:0.3; } #add_new_tag>.small_text{ position:relative; top:1px; font-size:11px; font-weight:normal;} /* view icons */ #view_as_div { position:absolute; top:0px; bottom:0px; left:11%; width:21%; } #view_as_button { position:relative; top:10px; width:100%; left:10px; color:#00e; cursor:pointer; font-size:13px; text-decoration:underline; font-weight:bold; } #view_as_button:hover { color:blue; } #view_as_button.b_disabled { color:#ddd; cursor:default; } #view_as_button.b_disabled:hover { color:#ddd; } #view_as_panel_div{ position:absolute; top:35px; left:3px; height:0px; width:99%; opacity0.2; background-color:#fff; z-index:12; overflow:hidden; -webkit-transition: height 0.3s, opacity 0.3s; transition: height 0.3s, opacity 0.3s; } #view_as_panel_div.open_menu{ height:274px; opacity:1; box-shadow:0px 1px 3px #000; } #view_style_title { position:relative; padding:0px 0px 0px 11px; margin-bottom:2px; top:14px; color:#00a; height:22px; font-size:14px; text-decoration:underline; font-weight:bold; } #arrange_icons { position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:14px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #arrange_icons:hover { text-decoration:underline; background-color:#fafafa; } #arrange_icons.active { text-decoration:underline; background-color:#fafafa; } #arrange_icons:hover .selected_sign { background-color:#0b0; } #arrange_icons .selected_sign { position:absolute; display:block; right:40px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #arrange_icons.active .selected_sign { background-color:#0b0; } #arrange_large { position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:14px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #arrange_large:hover { text-decoration:underline; background-color:#fafafa; } #arrange_large.active { text-decoration:underline; background-color:#fafafa; } #arrange_large:hover .selected_sign { background-color:#0b0; } #arrange_large .selected_sign { position:absolute; display:block; right:40px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #arrange_large.active .selected_sign { background-color:#0b0; } #arrange_list_details { position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:14px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #arrange_list_details:hover { text-decoration:underline; background-color:#fafafa; } #arrange_list_details.active { text-decoration:underline; background-color:#fafafa; } #arrange_list_details:hover .selected_sign { background-color:#0b0; } #arrange_list_details .selected_sign { position:absolute; display:block; right:40px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #arrange_list_details.active .selected_sign { background-color:#0b0; } #arrange_icons.b_disabled{ color:#aaa; cursor:default; } #arrange_icons.b_disabled:hover{ text-decoration:none; background-color:#fff; } #arrange_icons.b_disabled:hover .selected_sign{ background-color:#bbb; } #arrange_large.b_disabled{ color:#aaa; cursor:default; } #arrange_large.b_disabled:hover{ text-decoration:none; background-color:#fff; } #arrange_large.b_disabled:hover .selected_sign{ background-color:#bbb; } #arrange_list_details.b_disabled{ color:#aaa; cursor:default; } #arrange_list_details.b_disabled:hover{ text-decoration:none; background-color:#fff; } #arrange_list_details.b_disabled:hover .selected_sign{ background-color:#bbb; } #view_filter_title { position:relative; padding:12px 0px 0px 11px; margin-bottom:2px; top:14px; color:#00a; height:22px; font-size:14px; text-decoration:underline; font-weight:bold; } /* sort */ #sort_div { position:absolute; top:0px; bottom:0px; left:20%; width:20%; } #sort_button { position:relative; top:10px; width:100%; left:10px; color:#00e; cursor:pointer; font-size:13px; text-decoration:underline; font-weight:bold; } #sort_button:hover { color:blue; } #sort_button.b_disabled { color:#ddd; cursor:default; } #sort_button.b_disabled:hover { color:#ddd; } #sort_button img{ position:relative; width:12px; top:3px; } #order_sign { position:relative; top:0px; font-size:12px; color:#00a; } #order_div{ position:absolute; top:35px; left:3px; height:0px; width:99%; opacity0.2; background-color:#fff; z-index:12; overflow:hidden; -webkit-transition: height 0.3s, opacity 0.3s; transition: height 0.3s, opacity 0.3s; } #order_div.open_menu{ height:254px; opacity:1; box-shadow:0px 1px 3px #000; } #arrange_sorting_title { position:relative; padding:0px 0px 0px 11px; margin-bottom:2px; top:14px; color:#00a; height:22px; font-size:14px; text-decoration:underline; font-weight:bold; } #arrange_at{ position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:14px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #arrange_at .selected_sign{ position:absolute; display:block; padding-bottom:4px; right:40px; top:4px; width:15px; } #arrange_at:hover { text-decoration:underline; background-color:#fafafa; } #arrange_at:hover .selected_sign { border-bottom:2px solid #0b0; } #arrange_at.active { text-decoration:underline; background-color:#fafafa; } #arrange_at.active .selected_sign { border-bottom:2px solid #0b0; } #arrange_at.b_disabled { color:#ddd; cursor:default; } #arrange_at.b_disabled:hover { background-color:white; } #arrange_cs{ position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:14px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #arrange_cs .selected_sign{ position:absolute; display:block; padding-bottom:4px; right:40px; top:4px; width:15px; } #arrange_cs:hover { text-decoration:underline; background-color:#fafafa; } #arrange_cs:hover .selected_sign { border-bottom:2px solid #0b0; } #arrange_cs.active { text-decoration:underline; background-color:#fafafa; } #arrange_cs.active .selected_sign { border-bottom:2px solid #0b0; } #arrange_cs.b_disabled { color:#ddd; cursor:default; } #arrange_cs.b_disabled:hover { background-color:white; } #arrange_tn{ position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:14px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #arrange_tn .selected_sign{ position:absolute; display:block; padding-bottom:4px; right:40px; top:4px; width:15px; } #arrange_tn:hover { text-decoration:underline; background-color:#fafafa; } #arrange_tn:hover .selected_sign { border-bottom:2px solid #0b0; } #arrange_tn.active { text-decoration:underline; background-color:#fafafa; } #arrange_tn.active .selected_sign { border-bottom:2px solid #0b0; } #arrange_tn.b_disabled { color:#ddd; cursor:default; } #arrange_tn.b_disabled:hover { background-color:white; } #arrange_align_title { position:relative; padding:0px 0px 0px 11px; margin-bottom:2px; top:32px; color:#00a; height:22px; font-size:14px; text-decoration:underline; font-weight:bold; } #align_to_grid { position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:32px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #align_to_grid:hover { text-decoration:underline; background-color:#fafafa; } #align_to_grid.active { text-decoration:underline; background-color:#fafafa; } #align_to_grid:hover .selected_sign { background-color:#0b0; } #align_to_grid .selected_sign { position:absolute; display:block; right:42px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #align_to_grid.active .selected_sign { background-color:#0b0; } #align_to_grid.b_disabled { color:#ddd; cursor:default; } #align_to_grid.b_disabled:hover { background-color:white; } #not_align_to_grid { position:relative; padding:6px 0px 0px 17px; margin-bottom:2px; top:32px; width:100%; height:22px; cursor:pointer; font-size:14px; color:blue; } #not_align_to_grid:hover { text-decoration:underline; background-color:#fafafa; } #not_align_to_grid.active { text-decoration:underline; background-color:#fafafa; } #not_align_to_grid:hover .selected_sign { background-color:#0b0; } #not_align_to_grid .selected_sign { position:absolute; display:block; right:42px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #not_align_to_grid.active .selected_sign { background-color:#0b0; } #not_align_to_grid.b_disabled{ color:#ddd; cursor:default; } #not_align_to_grid.b_disabled:hover{ background-color:white; } /* filter_div */ #filter_div { position:absolute; top:0px; bottom:0px; left:65%; width:14%; text-align:center; } #filter_button { position:relative; top:5px; width:100%; margin:0px auto 0px auto; padding:5px 0px 5px 0px; color:#00a; cursor:pointer; font-size:13px; text-decoration:underline; font-weight:bold; border:1px solid #fff; } #filter_button:hover { color:blue; box-shadow:1px 1px 0px #aaa; border:1px solid #ddd; border-radius:1px; } #filter_button.b_disabled { color:#ddd; cursor:default; } #filter_button.b_disabled:hover { color:gray; box-shadow: 0px 0px 0px #777; border:1px solid #eee; } #filter_type{ display:none; font-size:10px; color:#b00; } #filter_type.active{ display:inline; } #filter_div_panel { position:absolute; top:35px; right:1px; height:0px; left:1px; width:100%; opacity:0.2; text-align:left; background-color:#fff; z-index:12; overflow:hidden; box-shadow:0px 0px 1px #aaa; -webkit-transition: height 0.3s, opacity 0.3s; transition: height 0.3s, opacity 0.3s; } #filter_div_panel.open_menu{ height:195px; opacity:1; box-shadow:2px 2px 1px #777; border:1px solid #bbb; } #media_filter{ position:relative; margin-bottom:5px; top:14px; height:21px; padding:6px 0px 0px 17px; color:blue; cursor:pointer; font-size:15px; } #media_filter .selected_sign { position:absolute; background-color:#bbb; right:22px; top:10px; width:10px; height:10px; border-radius:2px; } #media_filter:hover { text-decoration:underline; background-color:#fafafa; } #media_filter:hover .selected_sign { text-decoration:underline; background-color:#0b0; } #media_filter.active { background-color:#fafafa; } #media_filter.active .selected_sign { background-color:#0b0; } #notes_filter{ position:relative; margin-bottom:5px; top:14px; height:21px; padding:6px 0px 0px 17px; color:blue; cursor:pointer; font-size:15px; } #notes_filter .selected_sign { position:absolute; background-color:#bbb; right:22px; top:10px; width:10px; height:10px; border-radius:2px; } #notes_filter:hover { text-decoration:underline; background-color:#fafafa; } #notes_filter:hover .selected_sign { text-decoration:underline; background-color:#0b0; } #notes_filter.active { background-color:#fafafa; } #notes_filter.active .selected_sign { background-color:#0b0; } #url_filter{ position:relative; margin-bottom:5px; top:14px; height:21px; padding:6px 0px 0px 17px; color:blue; cursor:pointer; font-size:15px; } #url_filter .selected_sign { position:absolute; background-color:#bbb; right:18px; top:10px; width:10px; height:10px; border-radius:2px; } #url_filter:hover { text-decoration:underline; background-color:#fafafa; } #url_filter:hover .selected_sign { text-decoration:underline; background-color:#0b0; } #name_filter{ position:relative; margin-bottom:5px; top:14px; height:21px; padding:6px 0px 0px 17px; color:blue; cursor:pointer; font-size:15px; } #name_filter .selected_sign { position:absolute; background-color:#bbb; right:18px; top:10px; width:10px; height:10px; border-radius:2px; } #name_filter:hover { text-decoration:underline; background-color:#fafafa; } #name_filter:hover .selected_sign { text-decoration:underline; background-color:#0b0; } #no_filter{ position:relative; margin-bottom:5px; top:14px; height:21px; padding:6px 0px 0px 17px; color:blue; cursor:pointer; font-size:15px; } #no_filter:hover { text-decoration:underline; background-color:#fafafa; } /* follow_div */ #follow_div { position:absolute; top:0px; bottom:0px; left:80%; width:18%; text-align:center; } #follow_button { position:relative; top:5px; width:74%; margin:0px auto 0px auto; padding:5px 0px 5px 0px; border-radius:1px; color:#00a; cursor:pointer; font-size:13px; text-decoration:underline; font-weight:bold; border:1px solid #fff; } #follow_button:hover { color:blue; box-shadow:1px 1px 0px #aaa; border:1px solid #ddd; border-radius:1px; } #follow_button.b_disabled { color:#ddd; cursor:default; } #follow_button.b_disabled:hover { color:#ddd; box-shadow: 0px 0px 0px #777; } #follow_button .selected_sign { position:absolute; left:74%; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #follow_button.active .selected_sign { background-color:#0b0; } #follow_button.b_disabled .selected_sign { background-color:#bbb; } #follow_div_panel { position:absolute; top:35px; right:1px; height:0px; width:100%; opacity:0.2; text-align:left; background-color:#fff; z-index:12; overflow:hidden; box-shadow:0px 0px 1px #aaa; -webkit-transition: height 0.3s, opacity 0.3s; transition: height 0.3s, opacity 0.3s; } #follow_div_panel.open_menu{ height:154px; opacity:1; box-shadow:2px 2px 1px #777; border:1px solid #bbb; } #do_follow_div_year{ position:relative; color:blue; padding:6px 0px 0px 17px; cursor:pointer; margin-bottom:2px; top:14px; width:100%; height:21px; font-size:14px; } #do_follow_div_year:hover { text-decoration:underline; background-color:#fafafa; } #do_follow_div_year.active { background-color:#fafafa; } #do_follow_div_year:hover .selected_sign { background-color:#0b0; } #do_follow_div_year .selected_sign { position:absolute; display:block; right:40px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #do_follow_div_year.active .selected_sign { background-color:#0b0; } #do_follow_div_month{ position:relative; color:blue; padding:6px 0px 0px 17px; cursor:pointer; margin-bottom:2px; top:14px; width:100%; height:21px; font-size:14px; } #do_follow_div_month:hover { text-decoration:underline; background-color:#fafafa; } #do_follow_div_month.active { background-color:#fafafa; } #do_follow_div_month:hover .selected_sign { background-color:#0b0; } #do_follow_div_month .selected_sign { position:absolute; display:block; right:40px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #do_follow_div_month.active .selected_sign { background-color:#0b0; } #do_follow_div_week{ position:relative; color:blue; padding:6px 0px 0px 17px; cursor:pointer; margin-bottom:2px; top:14px; width:100%; height:21px; font-size:14px; } #do_follow_div_week:hover { text-decoration:underline; background-color:#fafafa; } #do_follow_div_week.active { background-color:#fafafa; } #do_follow_div_week:hover .selected_sign { background-color:#0b0; } #do_follow_div_week .selected_sign { position:absolute; display:block; right:40px; top:8px; width:10px; height:10px; border-radius:2px; background-color:#bbb; } #do_follow_div_week.active .selected_sign { background-color:#0b0; } #do_unfollow_div{ position:relative; color:#bbb; padding:6px 0px 0px 17px; margin-bottom:2px; top:14px; width:100%; height:21px; font-size:14px; } #do_unfollow_div.active:hover { color:blue; text-decoration:underline; background-color:#fafafa; cursor:pointer; } #do_unfollow_div.active{ color:blue; } /***************** matrix div ********************/ #back_matrix{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:0; background-color:;} .back_matrix_line{ position:absolute; background-color:#fcfcfc; left:0px; right:0px; border-top:1px solid #fafafa; border-bottom:1px solid #fafafa; } #matrix { position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:11; } #matrix:focus{outline:none;} .g_list_member { position:absolute; border-radius:0px; background-color:transparent; outline:none; box-shadow:0px 1px 1px #ddf; } .l_list_member { position:absolute; border-radius:0px; background-color:transparent; outline:none; } .t_list_member { position:absolute; border-radius:0px; background-color:#fff; z-index:-1; outline:none; } .msg_list_member { position:absolute; border-radius:0px; background-color:#fff; z-index:-1; outline:none; } .t_list_member:hover{ z-index:15; } .g_list_member:hover{ z-index:10; } .l_list_member:hover{ z-index:10; } .msg_list_member:hover{ z-index:10; } .highlight { box-shadow:0px 1px 10px #03f; } .new_node { box-shadow:0px 0px 20px #50f; } .node_status_left { display:none; position:absolute; bottom:0px; height:13px; left:0px; width:20px; background-color:; } .node_status_right { display:none; position:absolute; bottom:0px; height:13px; right:0px; width:20px; background-color:; } .t_list_member:hover .node_status_left{ display:block; } .t_list_member:hover .node_status_right{ display:block; } .node_resize_left { opacity:0.3; position:absolute; bottom:2px; left:2px; width:13px; cursor: sw-resize; z-index:100; background: transparent url(/img/resize.gif) bottom left no-repeat; transform: rotate(0deg); } .node_resize_right { opacity:0.3; position:absolute; bottom:0px; left:2px; width:13px; cursor: nw-resize; z-index:100; background: transparent url(/img/resize.gif) bottom left no-repeat; transform: rotate(270deg); } .node_resize_left:hover { opacity:1; } .node_resize_right:hover { opacity:1; } /*.l_list_member .node_content{ overflow:; overflow-y:hidden; }*/ /*.g_list_member .node_content{ overflow:; overflow-y:hidden; }*/ .node_content { position:absolute; top:0px; bottom:0px; right:0px; left:0px; box-shadow:0px 0px 1px #eaeaea; } .node_content::-webkit-scrollbar {width: 12px;} .node_content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;} .node_content::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} .open_node{ background-color:white; z-index:3; box-shadow:0px 0px 1px #00f; } .open_node:hover { box-shadow:none; } /*.l_list_member.open_node .node_content{ overflow:auto; overflow-y:hidden; }*/ /*.g_list_member.open_node .node_content{ overflow:auto; overflow-y:hidden; }*/ .msg_mail_con { position:absolute; display:none; top:14%; right:28%; background-color:red; color:#fff; font-size:12px; padding:0px 1px 0px 1px; } /******* ICON *******/ .sort_val{ z-index:10; opacity:0; position:absolute; left:3px; bottom:1px; font-size:10px; color:#aaa; cursor:text; } .node_content:hover .sort_val{ opacity:1; } .broken_sc { background-color:#ccc; opacity:0.6; } .link_con { position:absolute; background-color:#fff; top:0px; bottom:0px; left:0px; right:0px; outline:none; /*text-align:center;*/ } .link_con:hover{ box-shadow:0px 0px 1px #00f; } .con_head { position:absolute; top:-18px; height:18px; right:0px; left:0px; z-index:1;/*1;*/ background-color:#fff; box-shadow:0px 0px 1px #aaf; transition:opacity 0.0s; -webkit-transition:opacity 0.0s; opacity:0; } .link_con:hover .con_head { opacity:1; } .more_con { position:absolute; left:1px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:132%; text-align:center; font-weight:bold; color:#33f; font-size:14px; cursor:pointer; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; opacity:1; } .con_head:hover .more_con{ opacity:1; } .ed_con { position:absolute; left:0px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:120%; text-align:center; color:#33f; font-size:13px; cursor:pointer; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; opacity:1; font-weight:bold; } .con_head:hover .ed_con { opacity:1; } .tg_con { position:absolute; left:25px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:110%; text-align:center; color:#33f; font-size:14px; cursor:pointer; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; opacity:1; } .con_head:hover .tg_con { opacity:1; } .tg_con>img{ width:12px; position:relative; top:4px; opacity:1;} .con_head:hover .tg_con>img { opacity:1; } .gts_con { position:absolute; left:50px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:110%; text-align:center; color:#33f; font-size:14px; cursor:pointer; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; opacity:1; } .con_head:hover .gts_con { opacity:1; } .gts_con>img{ width:20px; height:13px; position:relative; top:4px; opacity:1;} .con_head:hover .gts_con>img { opacity:1; } .sr_con { position:absolute; left:25px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:140%; text-align:center; color:#33f; font-size:13px; cursor:pointer; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; opacity:1; } .con_head:hover .sr_con { opacity:1; } .sr_con>img{ width:14px; position:relative; top:3px; opacity:1;} .con_head:hover .sr_con>img{opacity:1;} .d_con { position:absolute; right:0px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:130%; text-align:center; color:#33f; font-size:14px; cursor:pointer; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; opacity:1; font-weight:bold; } .con_head:hover .d_con { opacity:1; } .e_con_like { position:absolute; right:0px; top:30px; width:24px; right:1px; height:21px; padding:0px 0px 0px 0px; line-height:22px; border-radius:1px; cursor:pointer; box-shadow:0px 0px 1px #ccf; color:#33f; font-weight:bold; font-size:10px; text-align:center; } .liked_icon { color:green; } .con_middle { position:absolute; top:0px; bottom:0px; left:0px; right:0px; } .con_middle img { position:relative; width:100%; height:100%; border:none; } /* icon img and name */ .regular_link_con_img { position:relative; top:16px; margin:0 auto auto auto; width:24%; height:45%; display:block; } .wide_link_con_img { position:relative; top:0px; margin:0% auto auto auto; width:67%; height:67%; display:block; text-align:right; } .group_link_con_img { position:relative; top:4px; margin:0 auto auto auto; width:31.5%; height:60%; display:block; } .link_con_name { position:absolute; bottom:2%; height:20px; left:7px; right:7px; font-size:12px; display:block; font-weight:; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .wide_link_con_name { position:absolute; bottom:2%; height:20px; left:7px; right:7px; font-size:12px; display:block; font-weight:; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .group_link_con_name{ position:absolute; bottom:6px; height:20px; left:7px; right:7px; font-size:14px; display:block; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:black; } /******* LIST *******/ .list_details_line{ position:absolute; left:1px; right:1px; top:0px; bottom:0px; height:41px; box-shadow:0px 1px 1px #eee; border-radius:2px; } .closed_tab{ background-color:#fafafa; box-shadow:0px 1px 1px #aaa; } .list_details_line:hover{ box-shadow:0px 0px 1px #eee; } .list_details_line_img { position:absolute; top:12px; left:50px; width:20px; } .list_details_line_group_img { position:absolute; top:12px; left:50px; width:20px; } .list_details_line_wide_img { position:absolute; top:8px; left:41px; width:39px; height:26px; } .list_details_line_name{ position:absolute; top:15px; left:90px; max-width:490px; font-size:14px; color:#00e; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .list_details_line_closed{ position:absolute; width:50px; left:750px; } .list_details_line_lastTab{ position:absolute; width:50px; left:800px; } .list_details_line_like{ position:absolute; display:block; top:14px; height:18px; width:17px; left:16px; cursor:pointer; } .list_details_line_like:hover{ opacity:1; } .list_details_line_like.like_it{ opacity:0.8; } .list_details_line_like.not_like_it{ opacity:0.2; } .list_details_line_hits{ position:absolute; top:17px; left:820px; width:60px; font-size:12px; color:#555; } .list_details_line_date{ position:absolute; top:17px; left:910px; width:130px; font-size:12px; color:#555; } .list_details_line_desc{ position:absolute; top:7px; left:600px; height:2.4em; line-height:1.3em; width:170px; overflow:hidden; white-space:normal; text-overflow:ellipsis; color:#333; /*005 167ac6*/ font-size:13px; text-align:justify; /*justify-text:inter-word;*/ } .list_details_line_desc:hover{} .list_details_line_desc::after { content: ""; text-align:left; position: absolute; bottom: 0; right: 0; width: 20%; height: 1.3em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(252, 252, 252, 1) 50%); } .list_details_line_desc[dir=rtl]::after { content: ""; text-align:right; position:absolute; bottom:0px; left:0px; right:80%; width: 20%; height: 1.3em; background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(252, 252, 252, 1) 50%); } .list_details_line_desc_hover{ display:none; z-index:1; background-color:#fafafa; position:absolute; top:12px; left:620px; box-shadow:0px 0px 3px #000; max-height:10.4em; line-height:1.3em; width:270px; overflow:auto; font-size:14px; letter-spacing:0.5px; padding:0px 5px 0px 5px; } .list_details_line_desc:hover +.list_details_line_desc_hover{display:block;} .list_details_line_desc_hover:hover{ display:block; } /* ================================================= */ .link_con_youtube { position:relative; top:0px; margin:0% auto auto auto; width:70%; height:81%; display:block; text-align:right; } .youtube_duration { position:relative; top:-14px; right:3px; z-index:1; background-color:black; color:#ccc; font-size:11px; font-weight:bold;} .youtube_name { position:absolute; bottom:-9px; height:20px; left:7px; right:7px; font-size:14px; display:block; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#00d; font-size:12px; font-weight:bold; } /* ================================================= */ /* .link_con_large{ position:relative; top:0px; width:100%; height:62%; display:block; text-align:right; } */ .large_regular_link_con_img{ position:relative; top:26px; margin:0 auto auto auto; width:22.5%; height:24.5%; display:block; } .large_group_link_con_img { position:relative; top:14px; margin:0 auto auto auto; width:29.5%; height:32%; display:block; } .large_wide_link_con_img { position:relative; top:0px; margin:0% auto auto auto; width:98%; height:60%; display:block; text-align:right; } .large_link_con_name { position:absolute; top:80px; height:20px; left:7px; right:7px; font-size:12px; display:block; font-weight:; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .large_group_link_con_name{ position:absolute; top:80px; height:20px; left:7px; right:7px; font-size:14px; display:block; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:black; } .large_wide_link_con_name{ position:absolute; left:5px; right:5px; top:65%; height:3.7em; line-height:1.3em; overflow:hidden; white-space:normal; text-overflow:ellipsis; color:#005; /*167ac6*/ font-size:12px; font-weight:bold; text-align:justify; /*justify-text:inter-word;*/ } .large_wide_link_con_name:hover{ text-decoration:underline; } .large_wide_link_con_name::after { content: ""; text-align:left; position: absolute; bottom: 0; right: 0; width: 20%; height: 1.3em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(252, 252, 252, 1) 50%); } .large_wide_link_con_name[dir=rtl]::after { content: ""; text-align:right; position:absolute; bottom:0px; left:0px; right:80%; width: 20%; height: 1.3em; background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(252, 252, 252, 1) 50%); } .large_link_con_large_desc{ position:absolute; left:5px; right:5px; top:60%; height:4.9em; line-height:1.3em; overflow:hidden; white-space:normal; text-overflow:ellipsis; color:#005; /*167ac6*/ font-size:12px; font-weight:; text-align:justify; /*justify-text:inter-word;*/ } .large_link_con_large_desc::after { content: ""; text-align:left; position: absolute; bottom: 0; right: 0; width: 20%; height: 1.3em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(252, 252, 252, 1) 50%); } /*.large_link_con_large_desc[dir=rtl]{ text-align:right; }*/ .large_link_con_large_desc[dir=rtl]::after { content: ""; text-align:right; position:absolute; bottom:0px; left:0px; right:80%; width: 20%; height: 1.3em; background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(252, 252, 252, 1) 50%); } .link_con_large_uploader { position:absolute; left:2px; bottom:3px; font-size:10px; color:gray; } .link_con_large_uploader .uploader_tl {} .link_con_large_uploader .uploader_nm {} .link_con_large_views { position:absolute; left:2px; bottom:2px; font-size:10px; color:gray;} .link_con_large_views .media_vs{} .link_con_large_views .media_tl{} /* ================================================= */ .news_con_middle { position:absolute; top:12px; right:17px; height:88px; width:128px; } .news_con_middle img{ position:relative; width:100%; height:100%; border:none; } .wide_regular_link_con_img{ position:relative; top:10px; margin:0 auto auto auto; width:70px; height:70px; display:block; } .wide_wide_link_con_img { position:relative; top:0px; margin:0% auto auto auto; width:100%; height:100%; display:block; text-align:right; } .wide_group_link_con_img { position:relative; top:0px; margin:0 auto auto auto; width:58%; height:; display:block; } .link_con_news_title_left{ position:absolute; top:12px; height:72px; left:20px; right:154px; padding:8px 5px 8px 5px; font-size:18px; text-align:left; overflow:hidden; background-color:#f4f4f4; color:#222; } .link_con_news_title_right{ position:absolute; top:12px; height:72px; left:20px; right:154px; padding:8px 5px 8px 5px; font-size:18px; text-align:right; overflow:hidden; background-color:#f4f4f4; color:#222; } .link_con_news_ds_left { position:absolute; top:106px; height:80px; left:16px; right:16px; font-size:16px; text-align:left; font-weight:bold; color:#777; overflow:hidden; } .link_con_news_ds_right{ position:absolute; top:106px; height:80px; left:16px; right:16px; background-color:; font-size:16px; text-align:right; font-weight:bold; color:#444; overflow:hidden;} .link_con_news_uploader { position:absolute; left:37px; bottom:25px; font-size:11px; color:green; } .link_con_news_uploader .uploader_tl {} .link_con_news_uploader .uploader_nm {} .link_con_news_url { position:absolute; bottom:4px; font-size:13px; left:37px; opacity:1; right:20px; text-align:left; color:green; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .link_con_news_url:hover{ opacity:1; } /* ================================================= */ /* text_con head */ .text_con { box-shadow:0px 0px 1px #00f; } .text_con:hover { box-shadow:0px 0px 1px #00f; } .text_con .edit_text_state{ box-shadow:0px 0px 0px #00f; } .text_con .con_head{ border-bottom:0px solid #aaa; top:0px; right:0px; width:100%; height:40px; border-color:#aaa; opacity:1; z-index:1; } .text_con_name { position:absolute; top:7px; right:0px; height:18px; left:0px; /*text-align:justify;*/ padding:9px 17px 0px 17px; overflow-y:hidden; font-size:16px; outline:none; word-wrap:break-word; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; text-align:center; border-radius:0px; } .text_ed_con { position:absolute; left:0px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:140%; text-align:center; color:#33f; font-size:13px; cursor:pointer; opacity:0.2; font-weight:bold; background-color:#fff; } .text_con:hover .text_ed_con { opacity:1; } .text_tg_con { position:absolute; left:25px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:110%; text-align:center; color:#33f; font-size:14px; cursor:pointer; opacity:0.2; background-color:#fff;} .text_con:hover .text_tg_con { opacity:1; } .text_tg_con>img{ width:12px; position:relative; top:4px; } .text_m_con_left { position:absolute; left:50px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:110%; text-align:center; color:#33f; font-size:14px; cursor:move; opacity:0.2; background-color:#fff; } .text_m_con_right{ position:absolute; right:25px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:110%; text-align:center; color:#33f; font-size:14px; cursor:move; opacity:0.2; background-color:#fff; } .text_con:hover .text_m_con_left { opacity:1; } .text_con:hover .text_m_con_right { opacity:1; } .text_m_con_left>img{ position:relative; width:12px; height:12px; top:4px; } .text_m_con_right>img{ position:relative; width:12px; height:12px; top:4px; } .text_gts_con { position:absolute; left:75px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:110%; text-align:center; color:#33f; font-size:14px; cursor:pointer; opacity:0.2;} .text_con:hover .text_gts_con { opacity:1; } .text_gts_con>img{ width:20px; height:13px; position:relative; top:4px; } .text_d_con { position:absolute; right:0px; top:0px; width:23px; height:18px; box-shadow:0px 0px 1px #aaf; border-radius:0px; line-height:130%; text-align:center; color:#33f; font-size:14px; cursor:pointer; opacity:0.2; font-weight:bold; background-color:#fff; } .text_con:hover .text_d_con { opacity:1; } .text_menu{ position:relative; top:-33px; height:32px; padding:0px 7px 0px 7px; box-shadow:0px 1px 1px #aaa; background-color:white; margin:0px auto 0px auto; } .text_menu_b{ cursor:pointer; height:16px; margin:6px 0px 0px 2px; padding:1px 1px 1px 1px; border:1px solid #ccc; border-radius:2px; } .text_menu_b:hover{ color:blue; border:1px solid #000; } .text_menu_b.smaller{ height:14px; padding:2px 2px 2px 2px; } .s_con.text_menu_b{ position:absolute; top:0px; right:57px; height:16px; } .s_con.saved{ opacity:1; } .s_con.saving{ box-shadow:0px 0px 3px red; } .c_con { position:absolute; top:5px; right:10px; cursor:pointer; font-size:12px; color:green; text-align:center; cursor:pointer; line-height:22px; width:37px; height:21px; box-shadow:0px 0px 1px #777; color:blue; } .c_con:hover { color:blue; box-shadow:0px 0px 1px #00f; background-color:#fff; } .move_con { position:absolute; right:35px; top:7px; color:#aaa; cursor:move; font-size:15px; } .edit_con { position:absolute; left:35px; top:7px; width:20px; height:16px; cursor:pointer; font-size:15px; color:gray; } .edit_con:hover { color:blue; font-size:17px; } .text_rap{ position:absolute; top:41px; bottom:0px; right:0px; left:0px; overflow-y:auto; } .text_con_text { position:absolute; top:0px; bottom:0px; right:0px; left:0px; text-align:justify; padding:4px 7px 0px 7px; font-size:14px; outline:none; word-wrap:break-word; white-space:pre-wrap; /*text-align:right;*/ background-color:; /*line-height:30px;*/ line-height:29px; } /* use #fafad2 if name doesn't work */ .text_back_div{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; } .text_back_line{ box-shadow:0px 0px 0px #44f; height:28px; border-bottom:1px solid #eef; } .text_con_text ul { padding:0px 40px 0px 40px; } .text_con_text ol { padding:0px 40px 0px 40px; margin:0px 0px 0px 0px; } .text_con_name.edit_text_state{ background-color:; /* box-shadow:0px 0px 1px #770; */ } .text_con_text.edit_text_state{ background-color:; } .text_con_name_sbj{ position:absolute; z-index:-1; left:0px; top:10px; width:100%; height:100%; padding:9px 0px 0px 0px; color:#ccc; text-align:center; background-color:; } .text_con_name::-webkit-scrollbar { width: 9px; } .text_con_name::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} .text_con_name::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} /* msg html style */ .text_favicon_link { position:relative; top:-4px; padding:5px 2px 2px 2px; } .text_favicon_img { position:relative; top:4px; margin:0px 3px 0px 3px; display:inline; width:28px; } .text_favicon_link:hover { box-shadow:0px 0px 2px blue; } /* msg type */ .msg_con { box-shadow:0px 0px 1px #138; background-color:#fbfbfb; } .msg_con:hover { box-shadow:0px 0px 2px #138; } .msg_con .con_head{ border-bottom:1px dashed #aaa; height:22px; border-color:#aaa; opacity:1; outline:none;} .msg_con_body { position:absolute; top:25px; bottom:178px; right:0px; left:0px; text-align:justify; box-shadow:0px 1px 1px #44f; padding:0px 7px 0px 7px; overflow-y:auto; font-size:16px; outline:none; word-wrap:break-word; white-space:pre; } .msg_con_edit { position:absolute; bottom:68px; height:100px; right:0px; left:0px; text-align:justify; font-size:14px; box-shadow:0px 1px 2px #a44; padding:7px 7px 0px 7px; overflow-y:auto; outline:none; word-wrap:break-word; white-space:pre; background-color:#fff; } .msg_con_control{ position:absolute; bottom:32px; height:32px; right:0px; left:0px; text-align:center; box-shadow:0px 1px 1px #44f; } .msg_con_send { position:relative; top:3px; margin:0px auto 0px auto; width:40px; height:21px; padding:2px 7px 0px 7px; cursor:pointer; box-shadow:0px 0px 2px #44f; } .msg_con_check { position:absolute; width:14px; height:14px; left:3px; top:5px; background-color:red; } .send_on_enter { position:absolute; left:24px; top:7px; font-size:12px; } .msg_con_dest { position:absolute; left:0px; bottom:0px; height:30px; right:0px; box-shadow:0px 1px 1px #aaaaff; } .msg_con_users { position:absolute; top:5px; height:18px; left:6px; right:0px; text-align:left; } .msg_one { position:relative; border-bottom:1px dashed #ccc; padding:5px 0px 5px 0px; } .from_me { text-align:right; } .from_me .msg_date { color:gray; text-align:right; } .to_me { text-align:left; } .to_me .msg_date { color:green; text-align:left; } .msg_date { position:relative; font-size:12px; color:#666; } .msg_body { position:relative; padding:0px 7px 0px 7px; } .msg_con_body::-webkit-scrollbar { width: 9px; } .msg_con_body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} .msg_con_body::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} .msg_con_users::-webkit-scrollbar { width: 9px; } .msg_con_users::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} .msg_con_users::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} .msg_con_edit::-webkit-scrollbar { width: 9px; } .msg_con_edit::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} .msg_con_edit::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} /* details */ .link_con_details_title{ position:relative; top:22px; width:80px; margin:0px auto 0px auto; text-decoration:underline; font-weight:bold; } .link_con_details_name { position:absolute; top:15%; left:7%; right:10%; cursor:text; height:24px; } .details_name_label{ position:absolute; top:8px; font-size:12px; font-weight:bold; } .link_con_details_name input{ position:absolute; box-shadow:0px 0px 1px #00f; background-color:white; cursor:text; left:17%; width:84%; height:100%; border:none; padding:1px 0px 0px 4px; font-weight:bold; } .link_con_details_url_v{ position:absolute; top:25%; left:7%; right:10%; height:24px; } .details_url_label{ position:absolute; top:8px; font-size:12px; font-weight:bold; } .link_con_details_url_v input{ position:absolute; box-shadow:0px 0px 1px #00f; background-color:white; cursor:text; left:17%; width:84%; height:100%; border:none; padding:1px 0px 0px 4px; color:green; } .link_con_details_type_n { position:absolute; top:37%; left:7%; font-size:12px; font-weight:bold; } .link_con_details_type_v { position:absolute; top:37%; left:21%; font-size:12px; } .link_con_details_c_n { position:absolute; top:47%; left:7%; font-size:12px; font-weight:bold; } .link_con_details_c_v { position:absolute; top:47%; left:21%; font-size:12px; } .link_con_details_icon { position:absolute; top:38%; left:52%; width:10%; height:11%; z-index:1; } .link_con_details_icon img{ width:100%; height:100%; border:none; cursor:pointer; } .details_icon_refresh { position:absolute; top:36.5%; left:68%; width:11%; height:12%; z-index:1; } .details_icon_refresh img { width:100%; height:100%; border:none; cursor:pointer; } .g_list_member .link_con_details_icon img{ position:relative; top:-9%; border:none; } .link_con_details_v_n { position:absolute; top:56%; left:7%; font-size:12px; font-weight:bold; font-style:; } .link_con_details_v_v { position:absolute; top:56%; left:23%; font-size:12px; font-style:; } .link_con_details_ad_n { position:absolute; top:56%; left:52%; font-size:12px; font-weight:bold; font-style:; } .link_con_details_ad_v { position:absolute; top:56%; left:68%; font-size:12px; font-style:; } .link_con_details_tags_n{ position:absolute; top:66%; left:7%; font-size:12px; font-weight:bold; font-style:; } .link_con_details_tags_v{ position:absolute; top:66%; left:21%; right:5%; height:20px; font-size:12px; } .link_con_details_desc { position:absolute; top:76%; left:7%; font-size:12px; font-weight:bold; font-style:; } .link_con_details_desc_v{ position:absolute; top:76.5%; left:26%; right:3%; height:53px; line-height:13px; overflow:auto; font-size:12px; font-weight:; font-style:; } .link_con_details_kw { position:absolute; top:85%; left:7%; font-size:12px; font-weight:bold; font-style:; } .link_con_details_share{ position:absolute; top:63.6%; left:53%; font-size:12px; font-weight:bold; font-style:italic; } .link_con_details_share_icon{ position:absolute; top:61.6%; left:66%; } .link_con_details_share_icon > img { width:22px; } .link_con_details_share_input{ position:absolute; z-index:100; top:62.1%; left:73%; height:16px; width:16px; cursor:pointer; } .link_con_details_save { position:absolute; left:31%; bottom:4%; padding:6px 9px 6px 9px; cursor:pointer; font-size:14px; border-radius:1px; border:0px solid #eee; background-color:#fafafa; box-shadow:0px 1px 1px #000; } .link_con_details_save:hover{ box-shadow:0px 1px 3px #000; } .link_con_details_close { position:absolute; left:56%; bottom:4%; padding:6px 9px 6px 9px; cursor:pointer; font-size:14px; border-radius:1px; border:0px solid #eee; background-color:#fafafa; box-shadow:0px 1px 1px #000; } .link_con_details_close:hover{ box-shadow:0px 1px 3px #000; } .link_con > *.disable{ color:#ccc;} .details_name{ position:absolute; width:80px; font-size:15px; font-weight:bold; } .details_val{ position:absolute; left:80px; border:none; top:2px; width:75%; font-size:13px; } .details_val_rap{ position:relative; left:2px; width:96%; padding:0px 2px 2px 2px; font-size:13px; border:none; color:#333; } /* details youtube */ .link_con_details_you_type { position:absolute; top:14%; left:4%; right:0px; cursor:text; text-align:left; font-size:16px; color:#333; } .link_con_details_you_type > .type_t{ position:absolute; top:0px; left:0px; font-size:15px; font-weight:bold; } .link_con_details_you_type > .type_v{ position:absolute; top:0px; left:50px; font-size:13px; } .link_con_details_you_name { position:absolute; top:23%; left:4%; right:0px; cursor:text; height:23px; text-align:left; font-size:16px; } .link_con_details_you_name > .name_t{ position:absolute; left:0px; font-size:15px; font-weight:bold; color:#333; } .link_con_details_you_name > .v_rap{ position:absolute; top:-3px; left:15%; right:0px; } .link_con_details_you_name .v_rap > .name_v{ position:relative; left:2px; width:96%; padding:2px 2px 2px 2px; font-size:13px; border:none; color:#333; } .link_con_details_you_url { position:absolute; top:31%; left:4%; right:0px; cursor:text; height:23px; text-align:left; font-size:16px; } .link_con_details_you_url > .url_t{ position:absolute; left:0px; font-size:15px; font-weight:bold; color:green; } .link_con_details_you_url > .v_rap{ position:absolute; top:-3px; left:15%; right:0px; } .link_con_details_you_url .v_rap > .url_v{ position:relative; left:2px; width:96%; padding:2px 2px 2px 2px; font-size:13px; border:none; color:green; } .link_con_details_you_sw { position:absolute; top:40%; left:4%; right:0px; cursor:text; height:23px; text-align:left; font-size:16px; } .link_con_details_you_sw > .sw_t{ position:absolute; left:0px; font-size:15px; font-weight:bold; } .link_con_details_you_sw > .v_rap{ position:absolute; top:-3px; left:32%; right:0px; } .link_con_details_you_sw .v_rap > .sw_v{ position:relative; left:2px; width:96%; padding:2px 2px 2px 2px; font-size:13px; border:none; } .link_con_details_you_ad { position:absolute; top:49%; left:4%; right:0px; cursor:text; text-align:left; font-size:16px; color:gray; } .link_con_details_you_ad > .ad_t{ position:absolute; font-size:13px; font-weight:bold; } .link_con_details_you_ad > .ad_v{ position:absolute; left:20%; font-size:13px; } .link_con_details_you_v { position:absolute; top:57%; left:4%; right:0px; cursor:text; text-align:left; font-size:16px; color:gray; } .link_con_details_you_v > .v_t{ position:absolute; font-size:13px; font-weight:bold; } .link_con_details_you_v > .v_v{ position:absolute; left:20%; font-size:13px; } .link_con_details_you_c { position:absolute; top:65%; left:4%; right:0px;cursor:text; text-align:left; font-size:16px; color:gray; } .link_con_details_you_c > .c_t{ position:absolute; font-size:13px; font-weight:bold; } .link_con_details_you_c > .c_v{ position:absolute; left:20%; font-size:13px; } .link_con_details_you_up { position:absolute; top:74%; left:4%; right:0px;cursor:text; text-align:left; font-size:16px; } .link_con_details_you_up > .you_up_t{ position:absolute; font-size:13px; font-weight:bold; } .link_con_details_you_up > .you_up_v{ position:absolute; left:20%; font-size:13px; } .link_con_details_you_vw { position:absolute; top:82%; left:4%; right:0px;cursor:text; text-align:left; font-size:16px; } .link_con_details_you_vw > .you_vw_t{ position:absolute; font-size:13px; font-weight:bold; } .link_con_details_you_vw > .you_vw_v{ position:absolute; left:20%; font-size:13px; } .link_con_details_you_upd { position:absolute; top:89%; left:4%; right:0px;cursor:text; text-align:left; font-size:16px; } .link_con_details_you_upd > .you_upd_t{ position:absolute; font-size:13px; font-weight:bold; } .link_con_details_you_upd > .you_upd_v{ position:absolute; left:20%; font-size:13px; } /* .l_url_text { position:absolute; top:36%; left:3%; right:1%; height:48px; overflow:auto; text-align:left; color:green; font-size:12px; word-wrap:break-word; white-space:pre; } .l_url_text::-webkit-scrollbar { width: 9px; } .l_url_text::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} .l_url_text::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} .l_desc { position:absolute; top:58%; left:3%; right:2%; height:56px; text-align:right; } .l_desc_head { color:#666; } .l_desc_text{ height:48px; overflow:auto; color:#222; font-size:14px; word-wrap:break-word; white-space:pre; } .l_desc_text::-webkit-scrollbar { width: 9px; } .l_desc_text::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;} .l_desc_text::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);border-radius:5px;} .l_added { position:absolute; bottom:2%; left:3%; right:2%; height:21px; font-size:14px; color:#888; text-align:right; } */ /******* LINE *******/ .line_con_name { position:relative; float:right; top:7px; width:180px; padding:0px 55px 0px 0px; font-size:14px; text-align:right; color:; border-left:1px solid #aaa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .line_con_url { position:relative; float:right; top:7px; width:300px; padding:0px 0px 0px 10px; font-size:14px; text-align:left; color:green; border-left:1px solid #aaa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .line_con_count { position:relative; float:right; top:8px; width:70px; padding:0px 0px 0px 0px; font-size:11px; text-align:center;color:#aaa; border-left:1px solid #aaa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .line_con_date { position:relative; float:right; top:8px; width:100px; padding:0px 0px 0px 0px; font-size:11px; text-align:center;color:#aaa; border-left:1px solid #aaa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .line_con_comment{ position:relative; float:right; top:8px; width:200px; padding:0px 10px 0px 0px; font-size:14px; text-align:right; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .link_con_count:hover { opacity:1; color:#00e; } .line_con_name:hover{ } .line_con_count:hover { opacity:1; color:#00e; } .nactiveStyle { box-shadow:1px 4px 33px #a0f; opacity:0.7; } .path_mem.nactiveStyle { box-shadow:1px 1px 15px #a0f; opacity:0.7; } .tree_node.nactiveStyle { box-shadow:0px 0px 0px blue; opacity:1; } .tree_node.nactiveStyle > .tree_node_head{ box-shadow:0px 0px 4px blue; } .mat_ind{ display:none; background-color:#0b0; opacity:0.85; top:2px; left:2px; width:10px; height:10px; border-radius:4px; position:absolute; } .tree_ind{ display:none; background-color:#0b0; opacity:0.85; top:2px; left:2px; width:10px; height:10px; border-radius:4px; position:absolute; } .indicate{ display:block; } /************ tree ************/ .tree_node{ overflow:hidden; overflow-y:auto; outline:none; } .tree_node_head:hover{ box-shadow:0px 0px 4px blue; } .tree_node_head{ position:relative; height:30px; margin:2px 5px 2px 5px; background-color:#fff; outline:none; overflow:hidden; cursor:pointer; box-shadow:0px 0px 1px #ccc; } .tree_mp { position:absolute; top:3px; bottom:0px; left:0px; width:22px; text-align:center; font-size:20px; } .tree_icon { position:absolute; top:3px; bottom:0px; left:22px; width:20px; } .tree_name { position:absolute; top:6px; bottom:0px; left:47px; right:7px; font-size:14px; color:blue; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .tree_name_link{ font-size:14px; padding:1px 0px 0px 3px; } .tree_icon img{ position:absolute; top:2px; bottom:0px; width:100%; } .tree_node_head:hover .tree_e_con{ opacity:1; } .tree_e_con { opacity:0; position:absolute; right:0px; top:0px; width:13px; height:15px; line-height:40%; padding:0px 3px 0px 2px; text-align:center; cursor:pointer; border-left:1px dashed; border-bottom:1px dashed; border-color:#ccc; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; } .tree_e_con:hover { color:blue; background-color:#eee; } .add_contact_plus_tree{ position:absolute; top:0px; left:; right:0px; width:16px; height:16px; cursor:pointer; text-align:center; border:1px solid #ddd; color:#bbb; border-radius:3px; font-weight:bold;} .add_contact_plus_tree:hover{ box-shadow:0px 0px 1px #aaa; color:#000; border:1px solid #444; } /* .head_type_u { box-shadow:0px 0px 1px #00f; } .head_type_m { box-shadow:0px 0px 3px #; background-color:; } */ .tree_ch{ padding-left:23px; } .tree_node_focus{ box-shadow:0px 0px 3px green; background-color:#fff; font-weight:bold; } .tree_node_focus:hover{ box-shadow:0px 0px 4px green; } /************ drag ************/ .crs { width:80px; cursor:default; font-weight:; border-radius:5px; box-shadow: 0px 0px 5px #aaa; } .pointer_restrict { position:relative; left:33%; margin:10px auto 10px auto; width:50px; height:50px; } /************ path ************/ .path_mem { position:relative; float:left; height:90%; text-align:center; outline:none; padding:0px 6px 0px 6px; } .path_mem:hover { z-index:30; /*box-shadow:0px 1px 2px #a0f;*/ } .path_mem_link{ position:relative; display:block; width:100%; top:17%; font-size:22px; color:#00f; padding:0px 2px 2px 1px; } .arrow { position:relative; float:left; top:6px; font-size:22px; margin:0px 6px 0px 9px; } .path_circle { position:relative; display:block; width:30px; height:30px; border-radius:16px; border:1px solid #aaa; background-color:#eee; margin:4px 40px 0px 0px;} .path_mem a:hover{ color:blue; text-decoration:underline; } .e_path { opacity:0.4; position:absolute; bottom:-2px; right:-18px; width:21px; height:20px; line-height:50%; border-radius:1px; cursor:pointer; color:#00a; font-weight:bold; font-size:21px; } .e_path:hover{ opacity:1; box-shadow:0px 0px 1px #66f; } .path_mem_menu{ position:absolute; left:4px; top:4px; width:10px; height:15px; z-index:11; cursor:pointer; cursor:hand; opacity:0.1; } .path_mem_menu img{ position:relative; width:12px; height:7px; } .path_mem_fmenu:hover{ opacity:1; } /************ util & menus ************/ #divEdit_link { display:none; position:absolute; width:493px; height:585px; z-index:300; background-color:#fefefe; border-radius:2px; box-shadow:0px 0px 3px #00e; cursor:move; } #divEdit_link_close{ position:absolute; text-align:center; top:0px; right:0px; font-size:16px; color:#00e; border:1px solid #00d; opacity:0.2; color:#00d; width:25px; height:25px; text-align:center; border-radius:2px; line-height:170%; } #divEdit_link_close:hover{ opacity:1; cursor:pointer; } #divEdit_link_label { position:absolute; text-align:center; top:48px; left:130px; right:130px; border-bottom:1px solid #00e; font-size:16px; color:#00e; font-weight:bold; font-style:; } #edit_link_name_label { position:absolute; top:110px; left:52px; font-weight:bold; font-size:12px; } #edit_link_name { position:absolute; top:104px; height:26px; left:100px; width:67%; padding-left:5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; font-weight:bold; } #edit_link_url_label { position:absolute; top:154px; left:68px; font-weight:bold; font-size:12px; } #edit_link_url { position:absolute; top:146px; height:26px; left:100px; width:67%; padding-left:5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; color:green; } #edit_link_created { position:absolute; top:194px; left:43px; font-size:12px; } #edit_link_created_value{ position:absolute; top:194px; left:100px; font-size:12px; } #edit_link_counter { position:absolute; top:194px; left:251px; font-size:12px; } #edit_link_counter_value{ position:absolute; top:194px; left:313px; font-size:12px; } #edit_link_icon { position:absolute; top:298px; left:58px; font-weight:bold; font-size:12px; } #edit_link_lable { position:absolute; top:262px; width:160px; height:86px; left:100px; border-radius:0px; box-shadow:0px 0px 1px #00f; } #edit_link_lable_href { position:absolute; top:0px; bottom:0px; right:4px; left:4px; } #edit_link_lable_img { position:relative; margin:16px auto 7px auto; width:28%; height:45%; border:none; } /* 32 */ #edit_link_lable_name { position:relative; margin:0px auto 0px auto; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #edit_link_refresh { position:absolute; top:280px; left:302px; font-size:10px; cursor:pointer; line-height:200%; text-decoration:underline; color:green; text-align:center; } #edit_link_refresh_img { height:40px; width:40px; } #edit_link_desc { position:absolute; top:396px; left:19px; font-weight:bold; font-size:12px; } #edit_link_desc_input { position:absolute; top:370px; height:70px; left:100px; width:66.5%; padding-left:5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; resize:none; } #edit_link_save { position:absolute; top:502px; left:167px; height:18px; width:63px; color:blue; cursor:pointer; padding:6px 0px 6px 0px; text-align:center; box-shadow:0px 0px 1px #00f; } #edit_link_save:hover{ box-shadow:0px 0px 3px #00e; } #edit_link_cancle { position:absolute; top:502px; left:283px; height:18px; width:63px; color:blue; cursor:pointer; padding:6px 0px 6px 0px; text-align:center; box-shadow:0px 0px 1px #00f; } #edit_link_cancle:hover{ box-shadow:0px 0px 3px #00e; } /* ================================================== */ #divEdit_group { display:none; position:absolute; width:403px; height:455px; z-index:300; background-color:white; border-radius:2px; box-shadow:0px 0px 3px #20c; cursor:move; } #divEdit_group_close{ position:absolute; text-align:center; top:0px; right:0px; font-size:16px; color:#00e; border:1px solid #00d; opacity:0.2; color:#00d; width:25px; height:25px; text-align:center; border-radius:2px; line-height:170%; } #divEdit_group_close:hover{ opacity:1; cursor:pointer; } #divEdit_group_label { position:absolute; text-align:center; top:42px; left:150px; right:150px; border-bottom:1px solid black; font-size:16px; color:#000; font-weight:bold; font-style:; } #edit_group_name_label { position:absolute; top:100px; left:32px; font-weight:bold; font-size:12px; } #edit_group_name { position:absolute; top:91px; height:26px; left:80px; width:67%; padding-left:5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; font-weight:bold; } #edit_group_name[disabled] { background-color:#eee; box-shadow:0px 0px 2px #aaa; } #edit_group_lable { position:absolute; top:142px; width:150px; height:80px; left:80px; border-radius:0px; box-shadow:0px 0px 1px #00f; } #edit_group_lable_img { position:relative; margin:5px auto 7px auto; width:28%; height:53%; border:none; } /* 32 */ #edit_group_lable_name { position:relative; margin:2px auto 0px auto; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #share_group { position:absolute; top:138px; left:335px; width:20px; height:20px; cursor:pointer; } #share_group_label { position:absolute; top:130px; left:268px; width:120px; height:0px; font-size:12px; font-weight:bold; padding:0px 0px 0px 0px; } #share_group_label > img{ position:relative; top:7px; width:26px; } #edit_group_desc { position:absolute; top:260px; left:32px; font-weight:bold; font-size:12px; } #edit_group_desc_input { position:absolute; top:285px; height:70px; left:79px; width:66.5%; padding-left:5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; resize:none; } #edit_group_save { position:absolute; top:393px; left:120px; height:18px; width:63px; color:blue; cursor:pointer; padding:6px 0px 6px 0px; text-align:center; box-shadow:0px 0px 1px #00f; } #edit_group_save:hover{ box-shadow:0px 0px 3px #00e; } #edit_group_cancle { position:absolute; top:393px; left:233px; height:18px; width:63px; color:blue; cursor:pointer; padding:6px 0px 6px 0px; text-align:center; box-shadow:0px 0px 1px #00f; } #edit_group_cancle:hover{ box-shadow:0px 0px 3px #00e; } /************ Import bookmarks div ************/ #divEdit_bookmarks { display:none; position:absolute; width:443px; height:445px; z-index:300; background-color:white; border-radius:2px; box-shadow:0px 0px 3px #20c; cursor:move; } #divEdit_bookmarks_label { position:absolute; text-align:center; top:62px; left:120px; right:120px; border-bottom:1px solid black; font-size:16px; color:#000; font-weight:bold; font-style:; } #divEdit_bookmarks_remark { position:absolute; text-align:center; top:122px; left:60px; right:60px; font-size:16px; font-size:14px; line-height:20px; } #upload_form{ position:absolute; width:350px; height:100px; top:210px; left:120px; background-color:; } #bookmark_file{ position:absolute; top:0px; cursor:pointer; } #upload_button{ position:absolute; top:60px; left:40px; cursor:pointer; } #close_bookmarks{ position:absolute; top:7px; right:7px; height:24px; width:24px; font-size:22px; box-shadow:0px 0px 1px #aaa; color:#aaa; border-radius:2px; cursor:pointer; text-align:center; } #close_bookmarks:hover { box-shadow:0px 0px 2px #555; color:#aaa; } /************ change password div ************/ #divEdit_password { display:none; position:absolute; width:543px; height:445px; z-index:300; background-color:white; border-radius:2px; box-shadow:0px 0px 3px #20c; cursor:move; } #divEdit_password_label { position:absolute; text-align:center; top:42px; left:160px; right:160px; border-bottom:1px solid black; font-size:16px; color:#000; font-weight:bold; font-style:; } #chp_msg { position:absolute; top:81px; height:20px; left:0px; right:0px; color:green; text-align:center; } #op_label { position:absolute; top:114px; left:51px; font-weight:bold; color:#444; font-size:12px; text-decoration:underline; } #op { position:absolute; top:136px; height:36px; left:50px; width:440px; padding:0px 0px 0px 5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; line-height:39px; } #np_label { position:absolute; top:207px; left:51px; font-weight:bold; color:#444; font-size:12px; text-decoration:underline;} #np { position:absolute; top:230px; height:36px; left:50px; width:440px; padding:0px 0px 0px 5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; line-height:39px; } #npc { position:absolute; top:283px; height:36px; left:50px; width:440px; padding:0px 0px 0px 5px; border:none; box-shadow:0px 0px 2px #00f; border-radius:2px; font-size:14px; line-height:39px; } #cp_b { position:absolute; top:360px; left:177px; height:55px; width:55px; cursor:pointer;} #close_change{ position:absolute; top:360px; left:292px; height:55px; width:55px; cursor:pointer;} #password_save { position:absolute; bottom:50px; left:32%; height:18px; width:63px; cursor:pointer; padding:6px 0px 6px 0px; text-align:center; box-shadow:0px 0px 1px #000; } #passwordk_save:hover{ box-shadow:0px 0px 2px #000; } #password_cancle { position:absolute; bottom:50px; right:33%; height:18px; width:63px; cursor:pointer; padding:6px 0px 6px 0px; text-align:center; box-shadow:0px 0px 1px #000; } #password_cancle:hover{ box-shadow:0px 0px 2px #000; } /* ================================================== */ #mustLoginMsg { display:none; position:absolute; opacity:0; z-index:200; cursor:pointer; cursor:hand; font-size:22px; background-color:white; padding:5px 5px 5px 5px; border-radius:0px; box-shadow:0px 0px 5px #0000ff; color:#000; } #mustLoginMsg.add_opacity{ opacity:1; } #CopyOrMove { display:none; position:absolute; opacity:0; width:140px; z-index:200; cursor:pointer; cursor:hand; font-size:17px; background-color:white; padding:7px 7px 5px 7px; border-radius:0px; box-shadow:0px 0px 5px #0000ff; color:#000; } #CopyOrMove.add_opacity{ opacity:1; } #CopyOrMoveCopy { padding:3px 0px 0px 6px; } #CopyOrMoveCopy:hover { background-color:#f3f3f3; } #CopyOrMoveMove { padding:3px 0px 3px 6px; font-weight:bold; margin-bottom:3px; border-bottom:1px dashed #333; } #CopyOrMoveMove:hover { background-color:#f3f3f3; } #CopyOrMoveCancle{ position:relative; padding:3px 0px 0px 6px; } #CopyOrMoveCancle:hover { background-color:#f3f3f3; } #CreateSCOrMove { display:none; position:absolute; opacity:0; z-index:200; width:180px; cursor:pointer; cursor:hand; font-size:17px; background-color:white; padding:2px 6px 2px 6px; border-radius:0px; box-shadow:0px 0px 5px #0000ff; color:#000; } #CreateSCOrMove.add_opacity{ opacity:1; } #CreateSCOrMoveSC { padding:3px 0px 0px 6px; } #CreateSCOrMoveSC:hover { background-color:#f3f3f3; } #CreateSCOrMoveMove { padding:3px 0px 3px 6px; font-weight:bold; margin-bottom:3px; border-bottom:1px dashed #333; } #CreateSCOrMoveMove:hover { background-color:#f3f3f3; } #CreateSCOrMoveCancle{ position:relative; padding:3px 0px 0px 6px; } #CreateSCOrMoveCancle:hover { background-color:#f3f3f3; } #divContext { display:none; position:absolute; width:170px; height:324px; z-index:200; font-size:12px; background-color:white; border-radius:0px; box-shadow:1px 1px 4px #222; border:1px solid #77f; } #context_title{ position:absolute; top:0px; height:22px; left:0px; right:0px; border-bottom:1px solid #bbb; text-align:center; padding:8px 0px 0px 0px; font-weight:bold; font-size:16px; color:#00d; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #context_menu { font-size:15px; } .divContext_enable { cursor:pointer; cursor:hand; border:1px solid #fff; left:0px; right:0px; height:17px; padding:4px 7px 5px 18px;} .divContext_enable:hover { background-color:#fafafa; color:; border:1px solid #ddd; border-radius:2px; } #ContextMenuTagIt { position:absolute; top:43px; } #ContextMenuEdit { position:absolute; top:73px; } #ContextMenuSearch { position:absolute; top:103px; color:green; } #ContextMenuGoto { position:absolute; top:133px; } #ContextMenuSend { position:absolute; top:163px; } #ContextMenuRefreshIcon { position:absolute; top:193px; } #ContextMenuShareIcon { position:absolute; top:193px; cursor:default; } #context_delimiter1 { position:absolute; top:231px; left:11px;right:11px; border-bottom:1px dashed #999; } #ContextMenuDelete { position:absolute; top:237px; } #ContextMenuDeleteRecycle { position:absolute; top:237px; } #context_delimiter3 { position:absolute; top:270px; left:11px; right:11px; border-bottom:1px dashed #999; } #ContextMenuClose { position:absolute; top:280px; } #ContextMenuGoto a { color:black; } #ContextMenuGoto:hover a { color:blue; } #context_share_group_label{ position:absolute; } #context_share_group_img{ position:absolute; top:0px; width:23px; left:107px; } #context_share_group_input{ position:absolute; top:1px; left:79px; width:17px; height:17px; cursor:pointer; } #context_share_group_img img{ width:100%; height:100%;} .disableConextOption { color:#aaa; cursor:default; } .disableConextOption:hover{ background-color:white; color:#aaa; cursor:default; } #ContextMenuSearch.disableConextOption{ color:#aaa; cursor:default; } .gt_class{ position:relative; font-size:17px; padding:0px 0px 0px 0px; top:2px; } #tagsMenu{ display:none; position:absolute; width:200px; left:131px; top:68px; border:1px solid #aaa; border:1px solid #77f; background-color:#fff; z-index:; border-radius:0px; box-shadow:1px 1px 4px #ccc; z-index:200; } #tags_title{ position:relative; top:0px; height:22px; left:0px; right:0px; border-bottom:1px solid #bbb; text-align:center; padding:7px 0px 1px 0px; font-weight:bold; font-size:14px; color:#00d; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #tag_list { position:relative; top:5px; left:0px; right:0px; overflow:auto; min-height:178px; margin:0px auto 0px auto; background-color:#fff; max-height:400px; border-bottom:1px dashed #ccc; padding:4px 0px 7px 0px; } #save_tags{ position:relative; top:6px; width:90%; left:0px; right:0px; height:32px; border-bottom:1px dashed #bbb; background-color:#fff; margin:0px auto 0px auto; } #save_tag_b { position:absolute; top:2px; left:15px; border:1px solid #eee; border-radius:2px; padding:4px 6px 3px 6px; cursor:pointer; font-size:15px; color:black; background-color:#fff; } #cancel_tag_b{ position:absolute; top:2px; right:15px; border:1px solid #eee; border-radius:2px; padding:4px 6px 3px 6px; cursor:pointer; font-size:15px; color:black; background-color:#fff; } #save_tag_b:hover{ background-color:#fff; color:blue; } #cancel_tag_b:hover{ background-color:#fff; color:blue; } #add_tag{ position:relative; top:5px; left:0px; right:0px; width:90%; height:22px; margin:7px auto 9px auto; padding:0px 0px 0px 0px; color:green; font-weight:normal; font-size:13px; border:1px solid #fff; background-color:#fff; text-align:center; cursor:pointer; } #add_tag:hover{ background-color:#fff; border:1px solid #ddd; border-radius:2px; } #add_tag a{ position:relative; top:4px; } #add_tag:hover a{ color:blue; } #empty_tag_list{ text-align:center; padding:42px 0px 2px 0px; color:#aaa; font-size:15px; } .tag_div_hidden{ position:relative; top:0px; height:17px; left:0px; right:0px; background-color:#fafafa; line-height:24px; padding:6px 0px 6px 0px; margin:0px 0px 0px 0px; color:black; border:1px solid #eee; cursor:default; } .tag_div_hidden>.tag_n{ cursor:default; } .tag_div_hidden>.tag_v{ cursor:default; } .tag_div_hidden>input{ top:5px; } .tag_div{ position:relative; top:0px; height:17px; left:0px; right:0px; padding:3px 0px 3px 0px; margin:6px 0px 3px 0px; cursor:pointer; color:black; border:1px solid white; } .tag_div:hover { background-color:#fafafa; border:1px solid #ddd; border-radius:2px; } .green_tag{ color:blue; } .tag_n{ position:absolute; left:22px; top:3px; font-size:15px; width:130px; cursor:pointer; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .tag_v{ position:absolute; top:2px; right:5px; height:15px; width:15px; cursor:pointer; } .tag_n_img { position:absolute; left:0px; top:2px; width:17px; } #divSend { display:none; position:absolute; width:130px; height:182px; z-index:200; font-size:12px; background-color:white; border-radius:0px; box-shadow:1px 1px 4px #222; color:#00d; } .green { color:black; font-weight:bold; } .hidden{ display:none; } a { text-decoration:none; color:#00e; } /* #22229c */ a:hover, div.link_head_name:hover, div.group_head_name:hover, div.sub_link:hover{ } .trans { -webkit-transition: border .15s, background-color .15s, color .25s, width .5s, height .5s, opacity .25s, border-color .25s, border-radius .25s, box-shadow 0.2s, top 1.0s, right 1.0s, left 1.0s, bottom 1.0s; -moz-transition: border .15s, background-color .15s, color .25s, width .25s, height .25s, opacity .25s, border-color .25s, border-radius .25s, box-shadow .5s, top 1.0s, right 1.0s, left 1.0s, bottom 1.0s; -ms-transition: border .15s, background-color .15s, color .25s, width .25s, height .25s, opacity .25s, border-color .25s, border-radius .25s, box-shadow .5s, top 1.0s, right 1.0s, left 1.0s, bottom 1.0s; -o-transition: border .15s, background-color .15s, color .25s, width .25s, height .25s, opacity .25s, border-color .25s, border-radius .25s, box-shadow .5s, top 1.0s, right 1.0s, left 1.0s, bottom 1.0s; transition: border .15s, background-color .15s, color .25s, width .5s, height .5s, opacity .25s, border-color .25s, border-radius .25s, box-shadow 0.2s, top 1.0s, right 1.0s, left 1.0s, bottom 1.0s; } .align_right{ text-align:right; } .align_left{ text-align:left; } /* =================================================================== */ .floatingOpacity{ opacity:0.7; } #floatingCirclesG{ position:absolute; display:none; z-index:10000; opacity:1; top:280px; left:40%; width:228px; height:228px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6) } .f_circleG{ position:absolute; background-color:#FFFFFF; height:41px; width:41px; -moz-border-radius:21px; -webkit-border-radius:21px; -webkit-animation-name:f_fadeG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -moz-animation-name:f_fadeG; -moz-animation-duration:1.04s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear} #frotateG_01{ left:0; top:93px; -webkit-animation-delay:0.39s; -moz-animation-delay:0.39s } #frotateG_02{ left:27px; top:27px; -webkit-animation-delay:0.52s; -moz-animation-delay:0.52s } #frotateG_03{ left:93px; top:0; -webkit-animation-delay:0.65s; -moz-animation-delay:0.65s } #frotateG_04{ right:27px; top:27px; -webkit-animation-delay:0.78s; -moz-animation-delay:0.78s } #frotateG_05{ right:0; top:93px; -webkit-animation-delay:0.9099999999999999s; -moz-animation-delay:0.9099999999999999s } #frotateG_06{ right:27px; bottom:27px; -webkit-animation-delay:1.04s; -moz-animation-delay:1.04s } #frotateG_07{ left:93px; bottom:0; -webkit-animation-delay:1.1700000000000002s; -moz-animation-delay:1.1700000000000002s } #frotateG_08{ left:27px; bottom:27px; -webkit-animation-delay:1.3s; -moz-animation-delay:1.3s } #updateDivRap{ opacity:1; display:none; position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:100; background-color:white; } #updateDivRap_label{ position:absolute; top:7%; left:0px; right:0px; font-size:100px; text-align:center; } #updateDiv{ z-index:10000; opacity:1; position:absolute; top:280px; left:40%; width:228px; height:228px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6) } #updateG_01{ left:0; top:93px; -webkit-animation-delay:0.39s; -moz-animation-delay:0.39s } #updateG_02{ left:27px; top:27px; -webkit-animation-delay:0.52s; -moz-animation-delay:0.52s } #updateG_03{ left:93px; top:0; -webkit-animation-delay:0.65s; -moz-animation-delay:0.65s } #updateG_04{ right:27px; top:27px; -webkit-animation-delay:0.78s; -moz-animation-delay:0.78s } #updateG_05{ right:0; top:93px; -webkit-animation-delay:0.9099999999999999s; -moz-animation-delay:0.9099999999999999s } #updateG_06{ right:27px; bottom:27px; -webkit-animation-delay:1.04s; -moz-animation-delay:1.04s } #updateG_07{ left:93px; bottom:0; -webkit-animation-delay:1.1700000000000002s; -moz-animation-delay:1.1700000000000002s } #updateG_08{ left:27px; bottom:27px; -webkit-animation-delay:1.3s; -moz-animation-delay:1.3s } #loadPageDivRap{ opacity:1; display:none; position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:100; background-color:white; } #loadPageDiv_label{ position:absolute; top:20%; left:0px; right:0px; font-size:100px; text-align:center; } #lp_L{ color:#ff2101; } #lp_o{ color:#B30520; } #lp_a{ color:#AD18B9; } #lp_d{ color:#0B0Ef2; } #lp_i{ color:#0B0E52; } #lp_n{ color:#1084C1; } #lp_g{ color:#19955F; } #lp_s1{ color:#409921; } #lp_s2{ color:#99C317; } #lp_p1{ color:#FCF911; } #lp_p2{ color:#E95D02; } #lp_p3{ color:#DE2002; } #loadPagePoint { width: 20px; height: 20px; background-color: red; position: absolute; top:35%; left:30%; -webkit-animation-name: float_the_point; /* Chrome, Safari, Opera */ -webkit-animation-duration: 10s; /* Chrome, Safari, Opera */ -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */ animation-name: float_the_point; animation-duration: 10s; animation-iteration-count: 1; } /* Chrome, Safari, Opera */ @-webkit-keyframes float_the_point { 0% {background-color:red; left:30%; top:35%;} 100% {background-color:blue; left:87%; top:35%;} } /* Standard syntax */ @keyframes float_the_point { 0% {background-color:red; left:30%; top:35%;} /* 25% {background-color:yellow; left:200px; top:0px;} 50% {background-color:blue; left:200px; top:200px;} 75% {background-color:green; left:0px; top:200px;} */ 100% {background-color:blue; left:87%; top:35%;} } #loadPageDiv{ z-index:10000; opacity:1; position:absolute; top:34%; left:40%; width:228px; height:228px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); } #loadPageG_01{ background-color:red; left:0; top:93px; -webkit-animation-delay:0.39s; -moz-animation-delay:0.39s } #loadPageG_02{ left:27px; top:27px; -webkit-animation-delay:0.52s; -moz-animation-delay:0.52s } #loadPageG_03{ left:93px; top:0; -webkit-animation-delay:0.65s; -moz-animation-delay:0.65s } #loadPageG_04{ right:27px; top:27px; -webkit-animation-delay:0.78s; -moz-animation-delay:0.78s } #loadPageG_05{ right:0; top:93px; -webkit-animation-delay:0.9099999999999999s; -moz-animation-delay:0.9099999999999999s } #loadPageG_06{ right:27px; bottom:27px; -webkit-animation-delay:1.04s; -moz-animation-delay:1.04s } #loadPageG_07{ left:93px; bottom:0; -webkit-animation-delay:1.1700000000000002s; -moz-animation-delay:1.1700000000000002s } #loadPageG_08{ left:27px; bottom:27px; -webkit-animation-delay:1.3s; -moz-animation-delay:1.3s } @-webkit-keyframes f_fadeG{ 0%{background-color:#000000} 100%{background-color:#FFFFFF} } @-moz-keyframes f_fadeG{ 0%{background-color:#000000} 100%{background-color:#FFFFFF} } #editCirclesG{ display:none; z-index:10000; opacity:1; position:absolute; top:180px; left:40%; width:128px; height:128px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6) } #editCircle_01{ left:0; top:93px; -webkit-animation-delay:0.39s; -moz-animation-delay:0.39s } #editCircle_02{ left:27px; top:27px; -webkit-animation-delay:0.52s; -moz-animation-delay:0.52s } #editCircle_03{ left:93px; top:0; -webkit-animation-delay:0.65s; -moz-animation-delay:0.65s } #editCircle_04{ right:27px; top:27px; -webkit-animation-delay:0.78s; -moz-animation-delay:0.78s } #editCircle_05{ right:0; top:93px; -webkit-animation-delay:0.9099999999999999s; -moz-animation-delay:0.9099999999999999s } #editCircle_06{ right:27px; bottom:27px; -webkit-animation-delay:1.04s; -moz-animation-delay:1.04s } #editCircle_07{ left:93px; bottom:0; -webkit-animation-delay:1.1700000000000002s; -moz-animation-delay:1.1700000000000002s } #editCircle_08{ left:27px; bottom:27px; -webkit-animation-delay:1.3s; -moz-animation-delay:1.3s } .title_back{ background-image: linear-gradient(bottom, rgb(250,250,250) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(250,250,250)), color-stop(0, rgb(255,255,255)) ); } .title_back_blue1{ background-image: linear-gradient(bottom, #004fdf 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #004fdf 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #004fdf 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #004fdf 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #004fdf 0%, #FFFFFF 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #004fdf), color-stop(0, #FFFFFF) ); } .title_back_blue2{ background-image: linear-gradient(bottom, #004fdf 0%, #FFFFFF 90%); background-image: -o-linear-gradient(bottom, #004fdf 0%, #FFFFFF 90%); background-image: -moz-linear-gradient(bottom, #004fdf 0%, #FFFFFF 90%); background-image: -webkit-linear-gradient(bottom, #004fdf 0%, #FFFFFF 90%); background-image: -ms-linear-gradient(bottom, #004fdf 0%, #FFFFFF 90%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.9, #004fdf), color-stop(0, #FFFFFF) ); } .title_back_blue3{ background-image: linear-gradient(bottom, #83a9ef 15%, #83a9ef 35%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #83a9ef 15%, #83a9ef 35%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #83a9ef 15%, #83a9ef 35%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #83a9ef 15%, #83a9ef 35%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #83a9ef 15%, #83a9ef 35%, #FFFFFF 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #83a9ef), color-stop(0.66, #83a9ef), color-stop(0, #FFFFFF) ); } /* *{display:block!important;visibility:visible!important;} */ /* .spinner { width: 40px; height: 40px; background-color: red; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } */ /* .sk-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } */ .spinner { margin: 100px auto 0; width: 70px; text-align: center; } .spinner > div { width: 18px; height: 18px; background-color: #77f; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } }