gusucode.com > CRM源码带手机版ASP源码程序 > Plugin/WebIM/Styles/WebIM.css
/*All Window Css*/ body { font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","宋体",STHeiti,MingLiu,Verdana, Geneva, sans-serif; font-size:12px; padding:0; margin:0; } .wContainerBorder { position:absolute; top:0; } .wContainer,.wContent{position:relative;} .wRound_lt,.wRound_rt,.wRound_lb,.wRound_rb { position:absolute; } .wResize { width:12px; height:12px; position:absolute; right:-1px; bottom:-1px; cursor:SE-resize; z-index:999; background-image:url(../images/resize.gif); font-size:1px; } .wIcon { position:absolute; left:2px; top:2px; } .wText { padding:4px 80px 0 23px; overflow:hidden; word-break:break-all; height:14px; -moz-user-select:none; } .wControl { position:absolute; right:8px; top:0; } .wControlMin { width:26px; height:17px; overflow:hidden; float:left; } .wControlClose { width:42px; height:17px; overflow:hidden; float:left; } .wLoading { padding:2px; top:18px; right:9px; background:#c44; color:#fff; position:absolute; display:none; } .wWindowBorder { position:absolute; display:none; z-index:99999; border:1px dashed #fff; background-color:#333; filter: alpha(opacity=20); opacity: 0.2; -moz-user-select:none; } .wWindowCover { position:absolute; display:none; background-color:#444; filter: alpha(opacity=60); opacity: 0.6; } .wWindowContent { width:100%; } .wElemHidden { width:1px; height:1px; font-size:1px; filter:alpha(opacity=1); opacity:0.01; position:absolute; left:-100px; } /*Chat Window Css*/ .wChat { width:516px; height:516px; position:absolute; border:2px solid #063d6d; background-color:#fff; } .wChatTitle { height:22px; background-color:#adddff; cursor:default; } .wChatTool { display:none; height:60px; border-top:1px solid #ddd; background-color:#d6eeff; } .wChatMain { height:420px; background-color:#f7fcff; padding:5px 2px 3px 5px; float:left; background-color:#ecf6f9; } .wChatSide { width:125px; background-color:#ecf6f9; float:left; display:none; position:relative; } .wChatSideBar { display:none; position:absolute; top:23px; right:1px; width:11px; padding:5px 0 5px 0; font-size:1px; background-color:#ecf6f9; } .wChatSignHolder { overflow:hidden; position:relative; top:-4px; } .wChatToolBar { height:35px; padding-left:5px; } .wChatToolBarButton { height:31px; width:32px; padding:2px 0 0 2px; float:left; } .wChatToolBarButtonHover { background:url(../images/chatbuttonhoverbg.gif) no-repeat; } .wChatSign { height:20px; text-indent:24px; color:#6F8A92; width:4000px; } .wChatResizeBar { position:absolute; left:6px; background-color:#000; filter: alpha(opacity=60); opacity: 0.6; width:100px; height:10px; display:none; cursor:S-resize; font-size:1px; } .wChatResize { display:none; height:10px; font-size:1px; cursor:S-resize; background:url(../images/resizedot.gif) no-repeat center center; } .wChatFaceButtonBar { background:url(../images/chatfacebuttonbg.gif) repeat-x; height:28px; font-size:1px; border-bottom:1px solid #BED6E0; padding:1px 1px 2px 1px; } .wChatMsgTitle { margin:4px 4px 0 2px; color:#545454; } .wChatMsgContent { margin:4px 4px 0 15px; } .wChatMsgSpecial { margin:4px 4px 0 2px; color:#545454; } .wChatMsgSplit { height:1px; border-bottom:1px solid #808080; width:46px; font-size:1px; margin:5px 2px 5px 2px; } .wChatUserFace { background-image:url(../images/chatfacebg.gif); width:110px; height:111px; position:absolute; padding:9px 0 0 10px; } .wChatFaceButton { height:24px; width:32px; padding:2px; font-size:1px; float:left; } .wChatFaceButtonHover { background-image:url(../images/chatfacebuttonhover.gif); } .wChatFaceContainer { border:1px solid #DFDFDD; position:absolute; z-index:9999; background-color:#fff; display:none; } .wChatFaceItem { height:24px; width:24px; padding:2px; border:1px solid #DFDFDD; float:left; margin:1px 0 0 1px; } .wChatFaceItemHover { border:1px solid #3869BB; } /*Main Window Css*/ .wMain { width:266px; height:620px; right:60px; position:absolute; border:2px solid #063d6d; background-color:#D5FFFF; } .wMainTitle { height:22px; background-image:url(../images/maintitlebg.gif); cursor:default; overflow:hidden; } .wMainTool { height:73px; background-image:url(../images/maintoolbg.gif); } .wMainMain { background-color:#fff; height:490px; overflow-x:hidden; overflow-y:auto; border-top:1px solid #BED6E0; border-bottom:1px solid #BED6E0; width:100%; -moz-user-select:none; cursor:default; width:100%; } .wMainUserInfo { height:58px; padding:7px 8px 7px 8px; } .wMainUserFaceBG { height:52px; width:52px; padding:6px 0 0 6px; background-image:url(../images/facebg.png); float:left; } .wMainUserInfoRight { float:right; width:134px; overflow:hidden; white-space:nowrap; } .wMainUserName { font-size:13px; line-height:20px; color:#fff; margin:8px 0 0 6px; _margin:8px 0 0 3px; padding:0 3px 0 3px; _padding:2px 3px 0 3px; height:20px; _height:18px; white-space:nowrap; cursor:default; float:left; } .wMainUserSign { color:#B9DDE7; margin:3px 0 0 4px; height:15px; cursor:pointer; } .wMainToolBar { display:none; height:28px; padding:2px 5px 0 5px; } .wMainSearchUserPannel { height:34px; background-color:#fff; overflow:hidden; white-space:nowrap; } .wMainSearchWebPannel { height:33px; padding:3px; background-color:#ECF6F9; border-left:1px solid #fff; border-right:1px solid #fff; overflow:hidden; white-space:nowrap; text-align:center; } .wMainSearchUserBG { background-image:url(../images/searchuserbg.gif); height:19px; border:1px solid #C7C7C7; width:100%; } .wMainToolButton { float:left; height:20px; width:21px; font-size:1px; padding:4px 0 0 5px; } .wMainToolButtonHover { background-image:url(../images/toolbuttonhoverbg.gif); } .wMainContentButton { float:left; height:20px; width:20px; padding:1px; font-size:1px; } .wMainContentButtonHover { background-image:url(../images/contentbuttonhoverbg.gif); } .wMainListButton { float:left; line-height:30px; height:16px; width:22px; font-size:1px; padding:7px 0 0 6px; } .wMainListButtonHover { /*background:url(../images/listbuttonhoverbg.gif) no-repeat;*/ } .wMainUserHeader { width:100%; text-indent:25px; line-height:20px; height:20px; background:url(../images/arrow_r.gif) no-repeat 9px 4px; } .wMainUserHeaderHover { background:url(../images/arrow_ron.gif) no-repeat 9px 4px; } .wMainUserHeaderEx { width:100%; text-indent:25px; line-height:20px; height:20px; background:url(../images/arrow_d.gif) no-repeat 9px 4px; } .wMainUserHeaderExHover { background:url(../images/arrow_don.gif) no-repeat 9px 4px; } .wMainUserContainer { width:100%; } .wMainUserItem { line-height:30px; height:30px; padding-left:13px; width:4000px; } .wMainUserItemText { line-height:30px; height:30px; float:left; } .wMainUserItemBig { height:63px; padding-left:16px; width:4000px; } .wMainUserItemBigLeft { float:left; width:52px; } .wMainUserItemFaceBG { height:51px; width:52px; padding:6px 0 0 6px; background-image:url(../images/FaceBG.png); float:left; } .wMainUserItemStatus { float:left; height:60px; padding-top:3px; padding-left:5px; width:24px; } .wMainUserItemBigRight { float:left; width:3900px; } .wCardBorder { border:1px solid #999; position:absolute; z-index:9999; background-color:#fff; display:none; height:160px; width:228px; overflow:hidden; } .wCardContainer { position:relative; height:150px; margin:5px; width:4000px; } .wCardCloseImage { position:absolute; top:2px; left:208px; width:8px; height:8px; cursor:pointer; } .wCardBaseInfo { height:63px; width:4000px; } /*Other Window Css*/ .wOther { width:516px; height:516px; position:absolute; border:2px solid #063d6d; background-color:#B3F9FF; } .wOtherTitle { height:22px; background-image:url(../images/othertitlebg.gif); cursor:default; } .wOtherMain { background:#ECF6F9 url(../images/othermainbg.gif) repeat-x; overflow:hidden; } /*system object*/ .sysMenu { border:solid 1px #ACA899; display:none; position:absolute; z-index:9999; background-color:#fff; color:#000; padding:2px; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3); } .sysMenuItemWithIcon { padding:0 10px 0 24px; line-height:19px; cursor:default; background-position:1px center; background-repeat:no-repeat; } .sysMenuItem { padding:0 10px 0 15px; line-height:19px; cursor:default; } .sysMenuItemHover { background-color:#316AC5; color:#fff; } .sysMenuItemDisabled { margin:2px 0 2px 0; height:3px; font-size:1px; background:url(../images/menuitemdisabled.gif) repeat-x center 1px; } .cCheckBox { height:14px; width:14px; background:url(../images/checkbox.gif) no-repeat 0 0; display:block; float:left; font-size:1px; } .cCheckBoxChecked { height:14px; width:14px; background:url(../images/checkbox.gif) no-repeat 0 -14px; display:block; float:left; font-size:1px; } /*other*/ .loginTextBox { height:16px; width:164px; border:1px solid #AAB7C7; } .loginStatusSelect { padding:0 7px 0 7px; cursor:default; float:left; line-height:18px; margin-left:8px; border-left:1px solid #EBF6F9; border-right:1px solid #EBF6F9; } .loginStatusSelectHover { background:url(../images/loginbuttonhover.gif) repeat-x; border-left:1px solid #A6ABAE; border-right:1px solid #A6ABAE; } .loginLink { text-decoration:none; color:#0088E4; } .loginLink:hover { text-decoration:underline; color:#0088E4; } .loginConfirm { height:20px; width:69px; cursor:pointer; overflow:hidden; margin-left:50px; } .button1 { background:#ECF6F9 url(../images/buttonbg.gif) repeat-x; border:1px solid #4A95C9; height:18px; } .adlink { color:#999; text-decoration:none; } .adlink:hover { color:#333; text-decoration:underline; }