/* =================== 样式目录/已有控件 >>初始化 >>html5标签初始化 >>清除浮动 >>全局间距 >>基础样式 >>全局字体大小 >>全局按钮 >>表单样式 >>输入框文本框长度 >>选择select专属长度 >>必填选项的星号 >>loading加载 >>全局操作提示 >>全局弹窗 >>重口味弹窗 >>非操作型提示 >>系统文本颜色 >>语音验证按钮 >>全局无内容界面提示 >>积分变动提示 >>全局小名片 >>全局便捷选择(积分购买,购买方式) >>全局迷你表情 >>单图幻灯片弹窗 >>用户在线图标 >>发消息弹窗宽度 >>登录保护和弹出登录 >>举报弹窗 >>编辑、删除(小icon) >>全局倒三角(像素大小4,用于链接后面下拉小图标效果) >>全局下拉菜单 >>全局颜色选择 >>全局分页 >>全局关注 >>门户管理-模块管理按钮 >>门户设计样式 >>模块管理按钮-门户管理 >>门户基础框架结构 >>门户结构组合 >>门户和模块的框架样式列表 >>门户模块样式[包括所有后台已有的系统模块样式] >>门户-搜索模块 >>返回顶部 >>@选择菜单 >>用户输入框型选择 >>用户下拉选择 >>弹窗选择好友 >>帮Ta打卡弹窗 >>全局数字数量提示效果 >>钩子样式 =================== */ /* =================== 初始化【请勿修改】 =================== */ html,body, dl, dt, dd, ul, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend{ margin: 0; padding: 0; } cite, em, strong, th { font-style: normal; } td, th, div { word-break:break-all; word-wrap:break-word; } ol li { list-style: decimal outside; } ol{ padding:0 0 0 18px; margin:0; } li { list-style:none; } img { border: 0; } /* =================== html5标签初始化 =================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* =================== 清除浮动【请勿修改】 >> cc 作用于父模型 >> c 作用于浮动模型后,父模型区域里 =================== */ .cc{ zoom:1; } .cc:after{ content:'\20'; display:block; height:0; clear:both; visibility: hidden; } /* =================== 全局间距【对模块或内容进行间距微调,强化为最高级别】 =================== */ .mb5{ margin-bottom:5px !important; } .mb10{ margin-bottom:10px !important; } .mb15{ margin-bottom:15px !important; } .mb20{ margin-bottom:20px !important; } .mr5{ margin-right:5px !important; } .mr10{ margin-right:10px !important; } .mr15{ margin-right:15px !important; } .mr20{ margin-right:20px !important; } .p5{ padding:5px; } .p10{ padding:10px; } .p15{ padding:15px; } .p20{ padding:20px; } /* =================== 基础样式 >> b 加粗 >> u 下划线 >> i 斜体 >> w 文本不换行 >> tal 文本靠左显示 >> tac 文本居中显示 >> tar 文本靠右显示 >> fl 左浮动 >> fr 右浮动 >> pr 相对定位 >> cp 鼠标点击手势 >> vt 表格内容靠上显示 =================== */ .b{ font-weight:700 !important; } .u{ text-decoration:underline !important; } .i{ font-style:italic !important; } .w{ white-space:nowrap; } .tal{ text-align:left !important; } .tac{ text-align:center !important; } .tar{ text-align:right !important; } .fl{ float:left !important; display:inline; } .fr{ float:right !important; display:inline; } .pr{ position:relative; } .cp{ cursor:pointer; } .vt{ vertical-align:top; } .dn{ display:none; } /* =================== 全局字体大小 >> f10 小字体 >> f12 正常字 >> f14 大字 >> f16 更大 >> f24 标题类 >> fn 文本去粗 =================== */ .f10{ font-size:10px; } .f12{ font-size:12px !important; } .f14{ font-size:14px; } .f16{ font-size:16px; } .f24{ font-size:24px; font-family:Arial, "Microsoft Yahei", Simsun; } .fn{ font-weight:normal !important; } /* =================== 核心背景整合 =================== */ .btn/*按钮背景*/, .core_follow/*全局关注按钮*/, .pop_deep .ct dt.reward/*打卡奖励金币图*/, .pages a/*分页样式*/, .pages strong, .design_mode_edit/*模块管理按钮*/, #back_top/*返回顶部*/, .pop_showmsg/*无操作提示*/{ background:url(../images/core_bg.png); } /* =================== 核心图标整合 =================== */ .btn .add, .btn_error .add, .btn_success .add, .btn_submit .add, .pop_close/*弹窗关闭*/, .pop_deep .hd .close/*重口味弹窗关闭*/, .pop_card .unfollow/*名片已关注*/, .pImg_close/*幻灯关闭*/, .bcr1, .bcr2, .bcr3, .bcr4/*幻灯外结构*/, .man_ol, .women_ol, .man_unol, .women_unol/*在线状态*/, .icon_edit, .icon_del/*编辑和删除小图标*/, .color_pick/*颜色选择*/, .user_select_input .input_down/*私信用户选择*/, .pop_help_punch .select_box dd, .pop_help_punch .select_box dt/*打卡弹窗*/, .tmode_waterfall .num span/*瀑布流小图标*/, .design_layout_search button span/*搜索放大镜*/{ background:url(../images/core_icon.png) no-repeat; } /* =================== loading 加载动画 =================== */ .top_loading/*头部加载提示*/, .pop_loading/*弹窗加载*/, .tips_loading/*页面提示加载*/{ background:url(../images/loading.gif) no-repeat; } /* =================== 全局按钮【可在input、button、a使用,可自由组合】 >> btn 默认按钮 >> btn btn_big 大按钮 >> btn btn_error 错误按钮 >> btn btn_success 确认按钮 >> btn btn_submit 提交按钮 =================== */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .btn { color: #333 !important; background-color:#f3f3f3; background-position:0 0; border: 1px solid #b1aeae; border-radius: 2px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); padding:4px 10px; *padding:5px 10px 6px; _padding:5px 10px 4px; display: inline-block; cursor: pointer; font-size:100%; line-height: normal; text-decoration:none; overflow:visible; vertical-align: middle; text-align:center; zoom: 1; white-space:nowrap; font-family:inherit; *font-family:Simsun; margin:0; } input.btn, button.btn{ *padding: 4px 10px 4px !important; _padding: 5px 10px 1px !important; } .btn em{ font-size:10px; font-style:normal; padding-left:2px; font-family:Arial; vertical-align:1px; } /*加号*/ .btn .add{ width:9px; height:9px; background-position:-2px -2px; display:inline-block; vertical-align:middle; margin:-2px 5px 0 -3px; } .btn_big .add{ width:13px; height:13px; background-position:0 0; } .btn_error .add, .btn_success .add, .btn_submit .add{ background-position:-2px -22px; } .btn_big.btn_error .add, .btn_big.btn_success .add, .btn_big.btn_submit .add{ background-position:0 -20px; } /*悬停*/ .btn:hover { background-position: 0 -40px; color: #333; text-decoration: none; } /*点击后*/ .btn:active { background-position:0 -81px; } /*大按钮*/ .btn_big { font-size: 14px; line-height: normal; padding: 6px 18px; *padding:7px 18px; _padding:7px 18px 5px; border-radius: 2px; } input.btn_big, button.btn_big{ *padding: 6px 18px 5px !important; _padding: 6px 18px 3px !important; } /*其他按钮文字颜色*/ .btn_error, .btn_error:hover, .btn_success, .btn_success:hover, .btn_submit, .btn_submit:hover{ color: #ffffff !important; } /*提交按钮*/ .btn_submit{ background-position:0 -120px; background-color: #3b7dc3; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0f75a4 #0e6191 #0c497c #0e6191; } .btn_submit:hover{ background-position:0 -160px; } .btn_submit:active{ background-position:0 -201px; border-color: #0c487b #0e5d8e #0f75a3 #0e5d8e; } /*确认按钮*/ .btn_success{ background-color: #89bf00; background-position:0 -240px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #498400 #498400 #355f00; color: #ffffff; } .btn_success:hover{ background-position:0 -280px; } .btn_success:active{ background-position:0 -321px; } /*错误按钮*/ .btn_error{ background-color: #f29407; background-position:0 -360px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); border-color: #da9608 #cb7d09 #bc650a #cb7d09; } .btn_error:hover{ background-position:0 -400px; } .btn_error:active{ background-position:0 -441px; border-color: #bc640a #cb7d09 #da9508 #cb7d09; } /*失效*/ input.disabled, textarea.disabled, select.disabled, button.disabled, .disabled, .disabled:hover{ border-color: #b1aeae !important; background: #e9e9e9 !important; box-shadow: none !important; color: #999 !important; cursor:default; text-shadow: 1px 1px 0 #fff !important; } .disabled .add{ display:none; } /* =================== 输入框文本框长度【亦可对其他模块进行宽度控制】 =================== */ .length_0{ width:20px; } .length_1{ width:50px; } .length_2{ width:110px; } .length_3{ width:170px; } .length_4{ width:230px; } .length_5{ width:290px; } .length_6{ width:350px; } /* =================== 选择select专属长度【亦可对其他模块进行宽度控制】 =================== */ .select_1{ width:60px; } .select_2{ width:120px; } .select_3{ width:180px; } .select_4{ width:240px; } .select_5{ width:300px; } .select_6{ width:360px; } /* =================== 必填选项的星号 >>
*
=================== */ .must_red{ font-family:Simsun; color:#ff0000; margin-top:0; margin-left:-13px; position:absolute; font-size:14px; } /* =================== loading加载 =================== */ /*头部加载提示*/ .top_loading{ position:absolute; border:1px solid #f0c36d; border-radius:2px; line-height:34px; height:34px; width:100px; text-indent:35px; font-size:14px; color:#333; background-color:#fff5cd; background-position:10px center; left:50%; margin-left:-60px; z-index:1; margin-top:-1px; } /* =================== 全局操作提示 >> tips 包裹 >> tips_icon 普通-小 >> tips_icon_error 错误-小 >> tips_icon_success 正确-小 >> tips_icon_help 帮助信息-小 >> tips_loading 加载中-小 =================== */ .tips{ border:1px solid #faebd2; background:#ffffe9; color:#666; line-height:16px; padding:5px 10px 6px; } .tips_icon, .tips_icon_error, .tips_icon_success, .tips_icon_help{ background:url(../images/tips/small.png) 0 -60px no-repeat; padding:0 10px 0 20px; display:inline-block; vertical-align:middle; line-height:18px; min-height:18px; _height:18px; font-size:12px; } .tips_icon_error{ background-position:-20px -40px; color:#B52828; } .tips_icon_success{ background-position:-40px -20px; color:#008800; } .tips_icon_help{ background-position:-60px 0; } .tips_loading{ background-position:0 center; color:#333333; display:inline-block; padding-left:18px; line-height:18px; } .tips_ck_loading{ width:240px; height:78px; line-height:78px; overflow:hidden; padding-left:24px; } /* =================== 全局弹窗 >> pop_top 头 strong 标题 pop_close 关闭 >> pop_cont 主体 pop_table 表格 >> pop_bottom 页脚 >> pop_tips 提示 >> pop_loading 加载状态 =================== */ .core_pop_wrap{ background-color: #fff; border: 1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius: 3px; position:absolute; z-index:10; color:#333; outline:none; } .core_pop_wrap a{ color:#336699; } .core_pop{ } .pop_top{ line-height:18px; padding:9px 15px 8px; border-top:1px solid #fff; border-bottom:1px solid #e7e7e7; background:#f6f6f6; _width:100%; zoom:1; } .pop_top:after{ content:'\20'; display:block; height:0; clear:both; visibility: hidden; width:1px; } .pop_top strong{ font-size:14px; color:#333; font-weight:700; white-space:nowrap; margin-right:10px; float:left; } .pop_top select{ float:left; padding:1px; line-height:22px; height:22px; } .pop_cont{ background:#fff; color:#333; padding:10px 15px 15px; } .pop_cont dl{ padding:10px 0; } .pop_cont dt{ float:left; width:85px; line-height:26px; margin-right:10px; } .pop_cont dd{ overflow:hidden; padding:1px 0; _float:left; } .pop_cont .dl_cd img{ display:block; vertical-align:top; } /*表格*/ .pop_design_tablelist{ width:100%; border-top:1px solid #e4e4e4; table-layout:fixed; } .pop_design_tablelist thead td, .pop_design_tablelist thead th{ background:#f7f7f7; } .pop_design_tablelist td, .pop_design_tablelist th{ padding:5px; border-bottom:1px solid #e4e4e4; } /*底部*/ .pop_bottom{ padding:10px 15px; text-align:center; border-top:1px solid #e9e9e9; } .pop_bottom label{ display:inline-block; padding-top:3px; } .pop_bottom .btn{ padding-left:20px; padding-right:20px; margin:0 5px; } /*提示*/ .pop_tips{ background:#f7f7f7; line-height:24px; padding:0 10px; margin:0 10px 0; color:#666; } /*关闭*/ .pop_close{ float:right; width:16px; height:16px; overflow:hidden; text-indent:-2000em; background-position:5px -35px; -webkit-transition: all 0.2s ease-out; margin-left:10px; } .pop_close:hover{ background-position:5px -55px; } /*读取中*/ .pop_loading{ background-position:center center; height:80px; width:80px; margin:auto; } /* =================== 重口味弹窗 >> 打卡奖励弹窗 >> 勋章弹窗 >> 任务弹窗 =================== */ .pop_deep{ padding:4px; border-radius:3px; background:#3180b9; box-shadow:0 2px 2px rgba(0,0,0,0.1); position:absolute; z-index:10; width:480px; outline:none; } .pop_deep .hd{ background:#3281ba; line-height:30px; height:30px; padding:0 10px 2px; } .pop_deep .hd strong{ color:#fff; font-size:14px; float:left; } .pop_deep .hd .close{ float:right; background-position:0 -80px; width:12px; height:12px; overflow:hidden; text-indent:-2000em; margin-top:8px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } .pop_deep .hd .close:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .pop_deep .ct{ background:#fff; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#f9fdff)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #f9fdff); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #f9fdff); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #f9fdff); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #f9fdff); background-image: linear-gradient(#ffffff, #ffffff 25%, #f9fdff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9fdff', GradientType=0); border-radius:3px; padding:30px 15px; } .pop_deep .ct dl{ margin-bottom:15px; font-size:14px; } .pop_deep .ct dt{ float:left; margin-right:15px; padding-left:15px; } .pop_deep .ct dt.reward{ width:160px; height:120px; background-position:0 -600px; float:left; margin-right:0; padding-left:0; } .pop_deep .ct dd{ line-height:24px; overflow:hidden; width:320px; float:left; } .pop_deep .ct dd.reward_cont{ padding-top:40px; width:280px; } .pop_deep .ct .name{ font-weight:700; margin-bottom:10px; font-size:16px; } .pop_deep .ct textarea{ width:408px; height:40px; } .pop_deep .ct .operate{ text-align:center; padding:15px 0 0 110px; } .pop_deep .ct label{ padding:0 0 0 20px; } .pop_deep .ct .btn{ padding-left:20px; padding-right:20px; } /* =================== 非操作型提示 >> 作用为操作成功等,自动关闭效果的弹窗 =================== */ .pop_showmsg_wrap{ position:fixed; _position:absolute; z-index:999; } .pop_showmsg_wrap:focus{ outline:0 none; } .pop_showmsg{ display:inline-block; height:55px; box-shadow:0 1px 6px rgba(0,0,0,0.3); border:1px solid #d6d6d6; border-radius:3px; background-color:#fff; background-position:0 -900px; } .pop_showmsg span{ font-size:14px; padding:10px 20px 10px 60px; display:inline-block; line-height:36px; height:35px; color:#666; background:url(../images/tips/middle.png) -85px -39px no-repeat; } .pop_showmsg span.warning{ background-position:15px -139px; } /* =================== 系统文本颜色【系统功能上需要的颜色警告或者提醒】 =================== */ .s1{ color:#ff3333; } .s2{ color:#f26c4f; } .s3{ color:#008800; } .s4{ color:#105cb6; } .s5{ color:#333333; } .s6{ color:#666666; } .gray{ color:#999999; } .red{ color:#ff0000 !important; } .green{ color:#008800 !important; } .org{ color:#ff5500 !important; } /* =================== 语音验证按钮 =================== */ .code_audio{ vertical-align:middle; margin-right:10px; } /* =================== 全局无内容界面提示 =================== */ /*独立页面提示*/ .not_content{ padding-top:180px; text-align:center; height:100px; background:url(../images/tips/gray_big.png) center 60px no-repeat; font-size:22px; color:#666; font-family:Arial, "Microsoft Yahei"; } /*弹窗提示*/ .not_content_mini{ padding:15px 20px; text-align:center; color:#666; font-size:14px; line-height:32px; margin-bottom:10px; } .not_content_mini i{ display:inline-block; width:32px; height:32px; background:url(../images/tips/gray_middle.png) no-repeat; vertical-align:middle; margin-right:10px; } /* =================== 积分变动提示 =================== */ .pop_credittxt_tips{ border:1px solid #6ca7c0; text-shadow:0 0 3px rgba(0,0,0,0.1); border-radius:3px; padding:12px 40px; text-align:center; position:absolute; left:50%; top:30%; color:#333; background:#f8fcfe; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9fcfe), color-stop(25%, #f6fbfe), to(#eff7fc)); background-image: -webkit-linear-gradient(#f9fcfe, #f6fbfe 25%, #eff7fc); background-image: -moz-linear-gradient(top, #f9fcfe, #f6fbfe 25%, #eff7fc); background-image: -ms-linear-gradient(#f9fcfe, #f6fbfe 25%, #eff7fc); background-image: -o-linear-gradient(#f9fcfe, #f6fbfe 25%, #eff7fc); background-image: linear-gradient(#f9fcfe, #f6fbfe 25%, #eff7fc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fcfe', endColorstr='#eff7fc', GradientType=0); } .pop_credittxt_tips strong{ font-size:14px; margin-right:10px; } .pop_credittxt_tips span{ padding-left:15px; } .pop_credittxt_tips em{ font-weight:700; color:#ff6600; font-family:Simsun; padding-left:5px; } /* =================== 全局小名片 =================== */ .pop_card{ border:1px solid #bbbbbb; background:#f5f5f5; padding:3px; position:absolute; width:360px; color:#666; z-index:1; } /*内容区域*/ .pop_card .ct{ background:#fff; padding:10px 12px; } /*底部*/ .pop_card .ft{ padding:9px 12px 5px; height:22px; line-height:22px; _padding:0 12px 5px; } .pop_card .ft span{ margin:0 5px; color:#aeaeae; font-family:Simsun; } /*用户信息*/ .pop_card dl{ padding-bottom:15px; } /*头像*/ .pop_card dt{ float:left; width:60px; } .pop_card dt img{ vertical-align:top; } /*级别*/ .pop_card dd .level{ float:right; color:#999; } /*用户名*/ .pop_card dd .name{ font-weight:700; margin-right:3px; } /*用户数据*/ .pop_card .num{ padding-top:5px; } .pop_card .num span{ color:#aeaeae; margin:0 5px; font-family:Simsun; } /*共同关注*/ .card_common_follow{ background:#efefef; padding:3px 10px; border-radius:4px; margin-bottom:10px; } /*用户最新新鲜事*/ .card_fresh{ line-height:18px; height:18px; overflow:hidden; margin-bottom:10px; } .card_fresh span{ float:right; color:#999; } /*名片勋章*/ .card_medal{ border-top:1px dotted #dddddd; padding-top:10px; } .card_medal li{ float:left; margin-right:10px; } .card_medal h6{ float:right; font-size:12px; font-weight:100; color:#999; padding-top:10px; } /*关注操作*/ .pop_card .core_follow, .pop_card .core_unfollow{ float:right; } /*已关注*/ .pop_card .unfollow{ float:right; border:1px solid #dddddd; background-color:#f8f8f8; background-position:5px -93px; border-radius:1px; padding:2px 10px 2px 20px; margin-top:-3px; color:#444; } .pop_card .unfollow em{ font-family:Simsun; color:#ebe6eb; padding:0 8px 0 5px; } .pop_card .unfollow a{ color:#999999; } /*上箭头*/ .pop_card .arrow{ position:absolute; top:-24px; left:20px; } .pop_card .arrow span, .pop_card .arrow em, .pop_card .arrow strong{ position:absolute; width:0; height:0; padding:0; margin:9px 0 0 2px; border-top:8px transparent dashed; border-right:8px transparent dashed; border-left:8px transparent dashed; overflow:hidden; } .pop_card .arrow span{ border-bottom:8px #f5f5f5 solid; } .pop_card .arrow em{ border-bottom:8px #bbbbbb solid; margin-top:8px; } .pop_card .arrow strong{ border-bottom:8px #fff solid; margin-top:13px; } /*下箭头*/ .pop_card .arrow_bottom{ position:absolute; bottom:9px; left:20px; padding:0; } .pop_card .arrow_bottom span, .pop_card .arrow_bottom em, .pop_card .arrow_bottom strong{ position:absolute; width:0; height:0; padding:0; margin:9px 0 0 2px; border-bottom:8px transparent dashed; border-right:8px transparent dashed; border-left:8px transparent dashed; overflow:hidden; } .pop_card .arrow_bottom span{ border-top:8px #f5f5f5 solid; } .pop_card .arrow_bottom em{ border-top:8px #bbbbbb solid; margin-top:10px; } .pop_card .arrow_bottom strong{ border-top:8px #f5f5f5 solid; } /* =================== 全局便捷选择 * current 选中后 =================== */ .pick_list{ } .pick_list a{ display:inline-block; padding:5px 14px; border:2px solid #ddd; background:#fff; cursor:pointer; color:#333; margin-bottom:5px; line-height:18px; } .pick_list a:hover{ border-color:#ff5500; text-decoration:none; } .pick_list a.current{ border-color:#ff5500; background:#fff url(../images/radio_disabled.png) right bottom no-repeat; } /* =================== 全局迷你表情 =================== */ div.pop_show_mini{ width:297px; padding:15px; } .pop_show_mini .pop_close{ right:13px; position:absolute; top:13px; } .pop_show_mini .hd{ height:22px; line-height:22px; border-bottom:1px solid #e4e4e4; margin-bottom:10px; } .pop_show_mini .hd li{ float:left; } .pop_show_mini .hd li a{ display:block; float:left; padding:0 10px; } .pop_show_mini .hd li.current a{ border:1px solid #e4e4e4; border-bottom:0 none; background:#fff; position:relative; margin-bottom:-1px; color:#333; } .pop_show_mini .ct{ overflow:hidden; min-height:50px; } .pop_show_mini .ct ul{ overflow:hidden; padding:1px 0 0 1px; } .pop_show_mini .ct li{ float:left; border:1px solid #e4e4e4; margin-left:-1px; margin-top:-1px; position:relative; } .pop_show_mini .ct li a{ display:block; width:30px; height:30px; padding:3px; text-align:center; line-height:30px; } .pop_show_mini .ct li a:hover{ padding:0; border:3px solid #e4e4e4; } .pop_show_mini .ct li img{ max-width:30px; max-height:30px; _height:30px; _width:30px; vertical-align:middle; } /*表情分页*/ .pop_show_mini .show_page{ padding:10px 0 0; } .pop_show_mini .show_page a{ line-height:16px; padding:0 5px; float:left; display:block; height:16px; overflow:hidden; margin-right:5px; } .pop_show_mini .show_page a{ color:#555; border: 1px solid #e4e4e4; text-decoration:none; } .pop_show_mini .show_page a:hover, .pop_show_mini .show_page a.current{ background:#409fdf; color:#fff; border: 1px solid #006699; text-decoration:none; } /* =================== 单图幻灯片弹窗 =================== */ /*新幻灯片*/ .pImg_wrap{ position:fixed; _position:absolute; outline:0 none; z-index:9999; } .pImg{ background:#ffffff; } .pImg_bg{ position:absolute; background:#000; width:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; left:0; right:0; top:0; bottom:0; z-index:9998; } .bcr1, .bcr2, .bcr3, .bcr4, .pibg1, .pibg2, .pibg3, .pibg4{ overflow:hidden; line-height:0 } .bcr1, .bcr2, .bcr3, .bcr4{ width:5px; height:5px; } .pibg1, .pibg2, .pibg3, .pibg4{ background:#ffffff; } .pibg1{ height:5px; } .pibg2{ width:5px; } .pibg3{ height:5px; } .pibg4{ width:5px; } .bcr1{ background-position:0 -120px; } .bcr2{ background-position:-5px -120px; } .bcr3{ background-position:-5px -125px; } .bcr4{ background-position:0 -125px; } .pImg_close{ background-position:0 -140px; float:right; width:12px; height:12px; text-indent:-2000em; overflow:hidden; -webkit-transition: all 0.2s ease-out; margin:3px 0; display:inline; } .pImg_close:hover{ background-position:0 -160px; } .imgLoading{ overflow:hidden; position:relative; } .imgLoading img{ display:block; width:100%; height:100%; } .aPre, .aNext{ position:absolute; background:url(../images/blank.gif); width:45%; padding-bottom:5000px; margin-bottom:-5000px; } /* =================== 用户在线图标 =================== */ .man_ol, .women_ol, .man_unol, .women_unol{ display:inline-block; width:12px; height:12px; overflow:hidden; vertical-align:middle; margin-top:-4px; _margin-top:0; } .women_ol{ background-position:0 -180px; } .man_ol{ background-position:0 -200px; } .women_unol{ background-position:0 -220px; } .man_unol{ background-position:0 -240px; } /* =================== 发消息弹窗宽度 >>依赖全局弹窗 =================== */ .pop_message_add{ width:490px; } .pop_message_add dt{ width:48px; } .pop_message_add dl{ padding:5px 0; } /* =================== 登录保护和弹出登录 >>依赖全局弹窗 =================== */ .pop_login{ width:380px; } /* =================== 举报弹窗 >>依赖全局弹窗 =================== */ .pop_report{ width:392px; padding-top:10px; } /* =================== 编辑、删除 =================== */ .icon_edit, .icon_del{ display:block; width:15px; height:14px; overflow:hidden; text-indent:-2000em; float:right; } .icon_edit{ background-position:0 -260px } .icon_edit:hover{ background-position:0 -274px; } .icon_del{ background-position:0 -290px; } .icon_del:hover{ background-position:0 -304px; } /* =================== 全局倒三角 =================== */ .core_arrow{ display:inline-block; vertical-align:-2px; width:0; height:0; padding:0; margin:0 0 0 2px; border-top:4px #a9c7dd solid; border-bottom:4px transparent dashed; border-right:4px transparent dashed; border-left:4px transparent dashed; overflow:hidden; } /* =================== 全局下拉菜单 =================== */ .core_menu{ position:absolute; border:1px solid #c1c1c1; background:#fff; width:98px; box-shadow: 0 2px 3px rgba(0,0,0,0.3); outline:none; } /*上箭头*/ .core_arrow_top{ position:absolute; top:-24px; left:10px; width:40px; height:15px; margin-top:10px; padding:0 25px; } .core_arrow_top span, .core_arrow_top em{ position:absolute; width:0; height:0; padding:0; margin:-1px 0 0 2px; border-top:8px transparent dashed; border-right:8px transparent dashed; border-left:8px transparent dashed; overflow:hidden; } .core_arrow_top span{ border-bottom:8px #ffffff solid; } .core_arrow_top em{ border-bottom:8px #c1c1c1 solid; margin-top:-2px; } /*下箭头*/ .core_arrow_bottom{ position:absolute; bottom:9px; left:10px; padding:0 25px; } .core_arrow_bottom span, .core_arrow_bottom em{ position:absolute; width:0; height:0; padding:0; margin:9px 0 0 2px; border-bottom:8px transparent dashed; border-right:8px transparent dashed; border-left:8px transparent dashed; overflow:hidden; } .core_arrow_bottom span{ border-top:8px #ffffff solid; } .core_arrow_bottom em{ border-top:8px #c1c1c1 solid; margin-top:10px; } /*下拉列表*/ .core_menu_list{ padding:5px 0 !important; height:auto !important; float:none !important; } .core_menu_list li{ float:none !important; margin:0; width:100% !important; padding:0 !important; } .core_menu_list li a{ display:block; line-height:23px; height:23px; overflow:hidden; padding:0 10px !important; color:#333 !important; border:0 none; margin:0 !important; float:none !important; border-radius: 0; font-size:12px !important; font-weight:100 !important; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; } .core_menu_list li a:hover{ border:0 none; background-color:#f5f5f5; text-decoration:none; color:#333; } .core_menu_list .data{ background:#f6f6f6; float:right; width:23px; text-align:center; padding:0; border-radius:2px; line-height:16px; height:16px; text-indent:0; margin:3px 5px 0 0; } .core_menu_list li a:hover .data{ background:#fff; } .core_menu_list .hr{ height:0; border-bottom:1px solid #e8e8e8; margin:3px auto; overflow:hidden; font:0/0 Arial; } /* =================== 全局颜色选择 =================== */ .color_pick{ border:1px solid #ccc; padding:2px 13px 2px 3px; background-color:#fff; background-position:40px -320px; display:inline-block; cursor:pointer; height:20px; overflow:hidden; vertical-align:middle; position:relative; line-height:normal; } .color_pick:hover{ background-color:#fffbde; } .color_pick.color_current{ border-color:#aaa #aaa #555; background-color:#fffbde; } .color_pick em{ height:20px; width:34px; display:inline-block; background:url(../images/transparent.png); } .color_pick.color_big{ background-image:none; width:80px; padding:3px; height:60px; text-align:center; color:#333; } .color_pick.color_big em{ width:80px; height:38px; *margin-bottom:3px; text-align:center; } /*字体颜色选择组合*/ .color_pick_dom{ width:70px; width:300px; } .color_pick_dom ul{ height:29px; width:170px; padding:3px 0 0 0; } .color_pick_dom li{ float:left; margin-right:6px; *margin-right:3px; white-space:nowrap; } .color_pick_dom li input{ *margin:0 0 -1px -3px; *padding:0; } .color_pick_dom li.none{ margin-right:0; } .color_pick_dom .color_pick{ background-position:151px -320px; } .color_pick_dom .color_pick em{ width:145px; } .color_pick_dom .case{ float:right; width:100px; border:1px solid #ccc; background:#fff; padding:10px 10px; } /* =================== 全局分页 >> pages_pre 上一页 >> pages_next 下一页 >> strong 激活状态 >> a:hover 鼠标悬停状态 =================== */ .pages a, .pages span{ display:inline-block; line-height:30px; padding:0px 10px !important; border:1px solid; border-color:#c9c9c9 #bdbdbd #b0b0b0 #bdbdbd; background-color:#f8f8f8; text-decoration:none; color:#666666; margin-right:3px; border-radius:3px; vertical-align:top; *font-family:Simsun; font-size:14px; } .pages a:hover{ color:#fff; background:#0078d8 !important; border:1px solid #0072ce; text-decoration:none; } .pages span, .pages a.current{ color:#fff !important; background:#0078d8 !important; border:1px solid #0072ce; } /* =================== 全局关注 =================== */ .core_follow{ overflow:hidden; background-color:#88c436; background-position:0 -500px; border:1px solid #6ebf3f; padding:0 10px 0 20px; line-height:20px; height:20px; display:inline-block; vertical-align:top; color:#fff !important; border-radius: 3px; } .core_follow:hover{ background-position:0 -530px; text-decoration:none; } .core_follow:active{ background-position:0 -560px; } /*取消关注*/ .core_unfollow{ border:1px solid #e4e4e4; background:#f7f7f7; padding:0 12px; line-height:20px; height:20px; display:inline-block; vertical-align:top; color:#666 !important; border-radius: 3px; } .core_unfollow:hover{ text-decoration:none; } /*退出*/ .core_unfollow span{ display:none; cursor:pointer; } .core_unfollow:hover span{ display:inline; } /* ============================================================================ 门户结构和样式 - - 上演一幕幕的穿插和组合的代码演义...值得一战 ============================================================================ */ /* =================== 门户管理-模块管理按钮 =================== */ .design_mode_edit{ width:51px; height:51px; background-color:#595e62; background-position:0 -740px; border:0 none; position:fixed; _position:absolute; right:5px; bottom:202px; text-indent:-2000em; cursor:pointer; z-index:999999; } .design_mode_edit:hover{ background-position:0 -791px; text-decoration:none; } /* =================== 门户基础框架结构 =================== */ /*框架套框架,他们需要有距离,不能太亲密无间*/ .design_layout_style .design_layout_style{ margin:1px; } /*内容区域*/ .design_layout_ct{ zoom:1; } .design_layout_ct:after{ content:'\20'; display:block; height:0; clear:both; visibility: hidden; } /*模块的样式需要有一定的空间来呼吸新鲜空气*/ .design_layout_ct .tmode_list{ padding:5px 10px 7px; } /* =================== 门户结构组合 >> 1 design_layout_1 >> 1:1 design_layout_1_1 >> 1:2 design_layout_1_2 >> 1:3 design_layout_1_3 >> 2:1 design_layout_2_1 >> 3:1 design_layout_3_1 >> 3:2 design_layout_3_2 >> 2:3 design_layout_2_3 >> 1:1:1 design_layout_3_1 >> 1:1:1:1 design_layout_1111 >> 2:3:3 design_layout_233 >> 3:3:2 design_layout_332 >> 1:4:3 design_layout_143 >> 3:4:1 design_layout_341 >> tab =================== */ /*1:1*/ .design_layout_1_1{ } .design_layout_1_1 .design_layout_1_1_left{ float:left; width:49.9%; min-height:40px; } .design_layout_1_1 .design_layout_1_1_right{ float:right; width:49.9%; min-height:40px; } /*1:2*/ .design_layout_1_2 .design_layout_1_2_left{ float:left; width:33.3%; min-height:40px; } .design_layout_1_2 .design_layout_1_2_right{ float:right; width:66.6%; min-height:40px; } /*2:1*/ .design_layout_2_1 .design_layout_2_1_left{ float:left; width:66.6%; min-height:40px; } .design_layout_2_1 .design_layout_2_1_right{ float:right; width:33.3%; min-height:40px; } /*1:3*/ .design_layout_1_3 .design_layout_1_3_left{ float:left; width:24.9%; min-height:40px; } .design_layout_1_3 .design_layout_1_3_right{ float:right; width:74.9%; min-height:40px; } /*3:1*/ .design_layout_3_1 .design_layout_3_1_left{ float:left; width:74.9%; min-height:40px; } .design_layout_3_1 .design_layout_3_1_right{ float:right; width:24.9%; min-height:40px; } /*2:3*/ .design_layout_2_3 .design_layout_2_3_left{ float:left; width:39.5%; min-height:40px; } .design_layout_2_3 .design_layout_2_3_right{ float:right; width:60%; min-height:40px; } /*3:2*/ .design_layout_3_2 .design_layout_3_2_left{ float:left; width:60%; min-height:40px; } .design_layout_3_2 .design_layout_3_2_right{ float:right; width:39.5%; min-height:40px; } /*1:1:1*/ .design_layout_1_1_1 .design_layout_1_1_1_left{ float:left; width:33.3%; min-height:40px; } .design_layout_1_1_1 .design_layout_1_1_1_cont{ float:left; width:33.3%; min-height:40px; } .design_layout_1_1_1 .design_layout_1_1_1_right{ float:right; width:33.3%; min-height:40px; } /*1:1:1:1*/ .design_layout_1111 .design_layout_1111_left{ float:left; width:25%; min-height:40px; } .design_layout_1111 .design_layout_1111_right{ float:right; width:25%; *width:24.98%; min-height:40px; } /*2:3:3*/ .design_layout_233 .design_layout_233_left{ float:left; width:25%; min-height:40px; } .design_layout_233 .design_layout_233_cont{ float:left; width:37.5%; min-height:40px; } .design_layout_233 .design_layout_233_right{ float:right; width:37.5%; _width:37.49%; min-height:40px; } /*3:3:2*/ .design_layout_332 .design_layout_332_left{ float:left; width:37.5%; _width:37.49%; min-height:40px; } .design_layout_332 .design_layout_332_cont{ float:left; width:37.5%; min-height:40px; } .design_layout_332 .design_layout_332_right{ float:right; width:25%; min-height:40px; } /*1:4:3*/ .design_layout_143 .design_layout_143_left{ float:left; width:12.5%; min-height:40px; } .design_layout_143 .design_layout_143_cont{ float:left; width:50%; min-height:40px; } .design_layout_143 .design_layout_143_right{ float:right; width:37.5%; _width:37.49%; min-height:40px; } /*3:4:1*/ .design_layout_341 .design_layout_341_left{ float:left; width:37.5%; _width:37.49%; min-height:40px; } .design_layout_341 .design_layout_341_cont{ float:left; width:50%; min-height:40px; } .design_layout_341 .design_layout_341_right{ float:right; width:12.5%; min-height:40px; } /*tab形式*/ .design_layout_tab{ position:relative; height:18px; } .design_layout_tab ul{ position:absolute; bottom:-1px; } .design_layout_tab li{ float:left; } .design_layout_tab li a{ display:block; float:left; color:#333; font-size:12px; padding:3px 10px 3px; } .design_layout_tab li.current a{ background:#fff; position:relative; color:#333; } /* =================== 门户和模块的框架样式列表 >> 七彩的,你值得拥有 =================== */ .box_wrap .design_layout_hd{ padding:7px 10px; border-bottom:1px solid #e4e4e4; } .box_wrap .design_layout_hd ul{ margin-top:-1px; } .box_wrap .design_layout_hd li.current a{ border:1px solid #e4e4e4; border-bottom:0 none; } .design_tmode_h2, .design_layout_hd{ background:url(../images/design/mode_h_bg.png) 999em 999em; font-size:12px; font-weight:100; padding:5px 10px 0; } /*灰色*/ .mod_boxA, .layout_boxA{ border:1px solid #e0e0e0; background:#fff; margin-bottom:15px; } .mod_boxA .design_tmode_h2, .layout_boxA .design_layout_hd{ color:#333; border-bottom:1px solid #e0e0e0; background-color:#eeeeee; background-position:0 -60px; padding-bottom:5px; } .layout_boxA .design_layout_hd ul{ margin-top:-1px; } .layout_boxA .design_layout_hd li.current a{ border:1px solid #e0e0e0; border-bottom:0 none; } /*浅蓝*/ .mod_boxB, .layout_boxB{ border:1px solid #bdd7f2; background:#fff; margin-bottom:15px; } .mod_boxB .design_tmode_h2, .layout_boxB .design_layout_hd{ background-position:0 -120px; color:#4c9dd1; padding-top:9px; padding-bottom:2px; background-repeat:no-repeat; } .layout_boxB .design_layout_hd li a{ padding:2px 10px; } .layout_boxB .design_layout_hd li.current a{ background:#4c9dd1; border-radius:3px; color:#fff; } /*红色*/ .mod_boxC, .layout_boxC{ border:1px solid #c22929; background:#fff; margin-bottom:15px; } .mod_boxC .design_tmode_h2, .layout_boxC .design_layout_hd{ color:#fff; border-bottom:1px solid #c22929; background-color:#c53131; background-position:0 -180px; padding-bottom:5px; } /*橙色*/ .mod_boxD, .layout_boxD{ border:1px solid #ec7601; background:#fff; margin-bottom:15px; } .mod_boxD .design_tmode_h2, .layout_boxD .design_layout_hd{ color:#fff; border-bottom:1px solid #cb7d09; background-color:#ec7601; background-position:0 -240px; padding-bottom:5px; } /*黄色*/ .mod_boxE, .layout_boxE{ border:1px solid #a39c00; background:#fff; margin-bottom:15px; } .mod_boxE .design_tmode_h2, .layout_boxE .design_layout_hd{ color:#fff; border-bottom:1px solid #a39c00; background-color:#aaa300; background-position:0 -300px; padding-bottom:5px; } /*绿色*/ .mod_boxF, .layout_boxF{ border:1px solid #6bad01; background:#fff; margin-bottom:15px; } .mod_boxF .design_tmode_h2, .layout_boxF .design_layout_hd{ color:#fff; border-bottom:1px solid #6bad01; background-color:#7bac00; background-position:0 -360px; padding-bottom:5px; } /*青色*/ .mod_boxG, .layout_boxG{ border:1px solid #2cb7ae; background:#fff; margin-bottom:15px; } .mod_boxG .design_tmode_h2, .layout_boxG .design_layout_hd{ color:#fff; border-bottom:1px solid #2cb7ae; background-color:#39bdb4; background-position:0 -420px; padding-bottom:5px; } /*蓝色*/ .mod_boxH, .layout_boxH{ border:1px solid #0f75a4; background:#fff; margin-bottom:15px; } .mod_boxH .design_tmode_h2, .layout_boxH .design_layout_hd{ color:#fff; border-bottom:1px solid #0c497c; background-color:#3776bf; background-position:0 -480px; padding-bottom:5px; } /*紫色*/ .mod_boxI, .layout_boxI{ border:1px solid #4d5e96; background:#fff; margin-bottom:15px; } .mod_boxI .design_tmode_h2, .layout_boxI .design_layout_hd{ color:#fff; border-bottom:1px solid #4d5e96; background-color:#58689e; background-position:0 -540px; padding-bottom:5px; } /*默认标题连接颜色*/ .mod_boxC .design_tmode_h2 a, .layout_boxC .design_layout_hd a, .mod_boxD .design_tmode_h2 a, .layout_boxD .design_layout_hd a, .mod_boxE .design_tmode_h2 a, .layout_boxE .design_layout_hd a, .mod_boxF .design_tmode_h2 a, .layout_boxF .design_layout_hd a, .mod_boxG .design_tmode_h2 a, .layout_boxG .design_layout_hd a, .mod_boxH .design_tmode_h2 a, .layout_boxH .design_layout_hd a, .mod_boxI .design_tmode_h2 a, .layout_boxI .design_layout_hd a{ color:#fff; } /*模块连接颜色*/ .mod_box li a{ color:#333; } .layout_boxA .mod_box, .layout_boxB .mod_box, .layout_boxC .mod_box, .layout_boxD .mod_box, .layout_boxE .mod_box, .layout_boxF .mod_box, .layout_boxG .mod_box, .layout_boxH .mod_box, .layout_boxI .mod_box{ margin:0; } /*模块图片清楚多余高度*/ .mod_box img{ vertical-align:top; } /* =================== 门户模块样式 >>【系统】帖子列表 >>【系统】用户列表 >>【系统】版块列表 >>【系统】话题列表 >>【系统】友情链接 =================== */ .tmode_list li{ line-height:24px; height:24px; overflow:hidden; } .tmode_list li .time{ float:right; color:#666; padding-left:10px; white-space:nowrap; } /*无序*/ .tmode_list_light li a{ padding-left:10px; background:url(../images/design/light.png) 0 6px no-repeat; } /*有序*/ .tmode_list_sort ul{ background:url(../images/design/sort.png) 0 8px no-repeat; } .tmode_list_sort ul li{ padding-left:18px; } /*热点*/ .tmode_hot dl{ padding:5px 0 8px; } .tmode_hot dt{ text-align:center; line-height:30px; height:35px; } .tmode_hot dt a{ color:#000; font-size:22px; font-family:"Microsoft Yahei"; font-weight:400; } .tmode_hot dd{ color:#666; } /*图文*/ .tmode_imglist{ overflow:hidden; padding:4px 0 5px; } .tmode_imglist dl{ padding:7px 8px 7px 10px; } .tmode_imglist dt{ float:left; margin-right:10px; _margin-right:5px; } .tmode_imglist dt img{ vertical-align:top; } .tmode_imglist dd{ overflow:hidden; color:#666; } .tmode_imglist dd a{ display:block; color:#333; margin-bottom:3px; font-weight:700; } /* =================== 门户-【系统】帖子组图 门户-【系统】话题组图 =================== */ .tmode_imgGroup{ overflow:hidden; min-height:20px; } .tmode_imgGroup ul{ overflow:hidden; } .tmode_imgGroup li{ float:left; } .tmode_imgGroup li a{ float:left; color:#fff; background:#ccc; position:relative; } .tmode_imgGroup li a:hover{ text-decoration:none; } .tmode_imgGroup li em{ position:absolute; left:0; height:24px; line-height:24px; overflow:hidden; width:100%; bottom:0; _bottom:-1px; } .tmode_imgGroup li strong{ font-weight:100; position:relative; z-index:1; height:24px; line-height:24px; overflow:hidden; display:block; cursor:pointer; padding:0 9px; } .tmode_imgGroup li span{ position:absolute; background:#000; width:100%; height:24px; top:0; left:0; filter:alpha(opacity=60); opacity:0.6; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tmode_imgGroup li a:hover span{ filter:alpha(opacity=90); opacity:0.9; } /*有间隙*/ .tmode_tagFront ul{ margin-left:-6px; } .tmode_tagFront li{ padding:0 0 5px 5px; width:156px; } .tmode_tagFront li em{ width:auto; bottom:5px; _bottom:0; } /* =================== 门户-【系统】版块列表[横向] 门户-【系统】用户列表[横向] 门户-【系统】话题列表[横向] 门户-【系统】友情链接[横向] =================== */ .tmode_traverseList{ padding:5px 10px 5px 0; } .tmode_traverseList li{ float:left; padding:5px 0 5px 10px; white-space:nowrap; } /* =================== 门户-【系统】用户列表[带头像] =================== */ .tmode_faceList{ background:url(../images/design/li_bg_50.png); } .tmode_faceList ul{ } .tmode_faceList li{ padding:10px; height:30px; line-height:30px; } .tmode_faceList li .time{ float:right; color:#666; white-space:nowrap; background:#f7f7f7; padding:0 10px; border-radius:8px; margin-top:6px; line-height:18px; } .tmode_faceList li img{ float:left; margin-right:5px; } .tmode_faceList li.li_bg .time{ background:#fff; } /*有序*/ .tmode_faceList_sort ul{ background:url(../images/design/sort_50.png) 10px 15px no-repeat; } .tmode_faceList_sort ul li{ padding-left:30px; } /* =================== 门户-【系统】用户列表[横向+头像] =================== */ .tmode_userList{ padding:0 10px 10px 0; } .tmode_userList li{ float:left; width:50px; padding:10px 0 0 10px; } .tmode_userList li img{ display:block; margin-bottom:5px; } .tmode_userList li span{ display:block; line-height:18px; height:18px; overflow:hidden; text-align:center; } /* =================== 门户-【系统】帖子列表[瀑布流] =================== */ .tmode_waterfall{ border:1px solid #dddddd; width:228px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.08); margin-bottom:10px; padding-top:15px; } .tmode_waterfall .img{ display:block; width:200px; margin:0 auto 10px; } .tmode_waterfall .img img{ vertical-align:top; width:200px; } .tmode_waterfall .title{ font-size:14px; font-weight:700; padding:0 14px 5px; } .tmode_waterfall .title a{ color:#333; } .tmode_waterfall .descrip{ padding:0 14px 10px; line-height:1.6; color:#666; } .tmode_waterfall .descrip a{ color:#333; } .tmode_waterfall .user{ padding:0 15px 15px; height:30px; overflow:hidden; line-height:normal; color:#999; line-height:30px; } .tmode_waterfall .user img{ float:left; margin-right:8px; } .tmode_waterfall .user a{ color:#333; margin-right:10px; } .tmode_waterfall .num{ padding:10px 0 10px 15px; background:#fbfbf9; border-top:1px solid #e7e7e7; text-align:right; } .tmode_waterfall .num span{ background-position:0 -478px; display:inline-block; padding:0 15px 0 18px; } .tmode_waterfall .num span.icon_like{ background-position:0 -499px; padding-left:20px; } /* =================== 门户-搜索模块 =================== */ .design_layout_search{ width:100%; height:33px; position:relative; padding:0; background:#fff; } .design_layout_search div{ _display:inline; height:27px; margin:3px 37px 3px 8px; } .design_layout_search input{ padding:5px 0; border:0 none; margin:0; width:100%; height:18px; } .design_layout_search input:focus{ outline:0 none; } .design_layout_search button{ position:absolute; right:0; top:0; border:0 none; padding:0; background:#fff; width:30px; height:33px; cursor:pointer; } .design_layout_search button span{ width:20px; height:20px; display:inline; font:0/0 Arial; overflow:hidden; padding:0; margin:0 0 0; background-position:0 -530px; float:left; text-indent:-2000em; cursor:pointer; } /* =================== 返回顶部 =================== */ #back_top{ background-position:-60px -740px; width:51px; height:51px; overflow:hidden; text-indent:-2000em; position:fixed; _position:absolute; right:5px; bottom:150px; display:none; } #back_top:hover{ background-position:-60px -791px; } /* =================== @选择菜单 =================== */ .at_user_wrap{ position:absolute; z-index:11; background:#fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border:1px solid #ccc; font-size:12px; } ul.at_user_list{ width:118px; padding:5px; } .at_user_list li{ padding:0; margin:0; border:0 none; float:none; cursor:pointer; } .at_user_list li a{ line-height:1.5; display:block; text-indent:5px; color:#333; padding:2px 0; height:18px; overflow:hidden; border:1px solid #fff; } .at_user_list li a:hover, .at_user_list li.activate{ text-decoration:none; border:1px solid #8dcfff; background:#e9f8ff; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9f8ff), color-stop(25%, #e9f8ff), to(#d1f0ff)); background-image: -webkit-linear-gradient(#e9f8ff, #e9f8ff 25%, #d1f0ff); background-image: -moz-linear-gradient(top, #e9f8ff, #e9f8ff 25%, #d1f0ff); background-image: -ms-linear-gradient(#e9f8ff, #e9f8ff 25%, #d1f0ff); background-image: -o-linear-gradient(#e9f8ff, #e9f8ff 25%, #d1f0ff); background-image: linear-gradient(#e9f8ff, #e9f8ff 25%, #d1f0ff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f8ff', endColorstr='#d1f0ff', GradientType=0); text-shadow: 0 1px 0 #ffffff; } /* =================== 用户输入框型选择 >>发消息选择好友 =================== */ .user_select_input{ padding:2px 2px 0; _padding:2px; font-size: 100%; border:1px solid #ccc; background-color:#fff; box-shadow:2px 2px 2px #f0f0f0 inset; vertical-align: middle; margin: 0; font-family: inherit; color:#333; min-height:25px; width:376px; padding-right:20px; } .user_select_input input{ float:left; width:90px; padding:1px 0; border:0 none; outline:0 none; margin:2px 0 0; } .user_select_input .input_down{ float:right; width:16px; height:16px; margin:3px -17px 0 0; overflow:hidden; text-indent:-2000em; background-position:2px -347px; } .user_select_input ul{ } .user_select_input li{ float:left; margin:0 3px 3px 0; padding:0; height:22px; line-height:20px; } .user_select_input li a{ border:1px solid #c5dbeb; float:left; white-space:nowrap; background:#d9eaf5; word-break:break-all; } .user_select_input li a:hover{ text-decoration:none; background:#edfcff; } .user_select_input li a span{ display:inline-block; padding:0 6px; cursor:pointer; color:#1c72af; vertical-align:top; } .user_select_input li a del{ display:inline-block; padding:0 4px 0 0; cursor:pointer; color:#3d6f93; text-decoration:none; position:relative; margin-left:-3px; } .user_select_input li a:hover del{ color:#3d6f93; } .user_select_input li.disabled a{ color:#999999; background-color:#e9eaea; border-color:#e9eaea; } .user_select_input li.disabled a span{ cursor:default; } /* =================== 用户下拉选择 =================== */ .user_select_down{ position:absolute; width:140px; } .user_select_down ul{ border:1px solid #cccccc; padding:1px; background:#fff; } .user_select_down li{ line-height:21px; height:21px; overflow:hidden; } .user_select_down li a{ display:block; color:#999; text-decoration:none; padding:0 10px; } .user_select_down li a:hover, .user_select_down li.current a{ background:#2b77af; color:#fff; text-decoration:none; } /* =================== 弹窗选择好友 >>外框以来全局弹窗 =================== */ .user_select_pop{ width:398px; } .user_select_pop .follow_list{ } .user_select_pop .follow_list ul{ height:125px; overflow-y:auto; } .user_select_pop .follow_list li{ float:left; width:122px; line-height:25px; height:25px; overflow:hidden; } /* =================== 帮Ta打卡弹窗 =================== */ .pop_help_punch{ width:480px; height:360px; } /*相关信息*/ .pop_help_punch .info{ position:relative; height:63px; line-height:63px; text-align:center; font-weight:700; font-size:16px; color:#666; border-bottom:1px solid #c9c9c9; } /*下箭头*/ .pop_help_punch .info .arrow{ position:absolute; bottom:9px; left:20px; } .pop_help_punch .info .arrow span, .pop_help_punch .info .arrow em{ position:absolute; width:0; height:0; padding:0; margin:9px 0 0 40px; border-bottom:6px transparent dashed; border-right:6px transparent dashed; border-left:6px transparent dashed; overflow:hidden; } .pop_help_punch .info .arrow span{ border-top:6px #fff solid; } .pop_help_punch .info .arrow em{ border-top:6px #c9c9c9 solid; margin-top:10px; } /*选择好友*/ .pop_help_punch .select_box{ background:#f7f7f7; height:192px; padding:15px 40px 0; } .pop_help_punch .select_box .hd{ padding-bottom:5px; } .pop_help_punch .select_box .hd span{ font-weight:700; display:inline-block; width:175px; } .pop_help_punch .select_box .ct{ border:1px solid #d9d9d9; height:150px; overflow:hidden; background:#fff; } /*左侧好友分组*/ .pop_help_punch .select_box .left{ float:left; overflow-x:hidden; overflow-y:auto; height:150px; width:165px; background:#f5f5f5; border-right:1px solid #d9d9d9; } .pop_help_punch .select_box dl{ color:#666; } .pop_help_punch .select_box dt{ padding-left:20px; line-height:25px; font-weight:700; color:#333; background-position:9px -390px; cursor:pointer; } .pop_help_punch .select_box dl.current dt{ background-position:7px -320px; } .pop_help_punch .select_box dd{ padding:0 20px 0 15px; margin:0 5px; display:none; line-height:20px; height:20px; overflow:hidden; background-position:120px -414px; cursor:pointer; } .pop_help_punch .select_box dd.disabled{ background-position:120px -434px; cursor:default; color:#ccc; } .pop_help_punch .select_box dd.in{ background-position:120px -454px; color:#ccc; } .pop_help_punch .select_box dd:hover{ background-color:#fff; } .pop_help_punch .select_box dl.current dd{ display:block; } /*右侧已选择好友*/ .pop_help_punch .select_box .right{ position:relative; width:230px; float:left; height:150px; } /*右侧选择左箭头*/ .pop_help_punch .select_box .right .arrow{ position:absolute; margin:28px 0 0 -1px; } .pop_help_punch .select_box .right .arrow span, .pop_help_punch .select_box .right .arrow em{ position:absolute; width:0; height:0; padding:0; border-bottom:9px transparent dashed; border-right:9px transparent dashed; border-top:9px transparent dashed; overflow:hidden; } .pop_help_punch .select_box .right .arrow span{ border-left:9px #f5f5f5 solid; } .pop_help_punch .select_box .right .arrow em{ border-left:9px #d9d9d9 solid; margin-left:1px; } /*右侧已选择好友--已选择*/ .pop_help_punch .select_box .right ul{ padding:15px 20px; } .pop_help_punch .select_box .right li{ float:left; margin:0 10px 10px 0; white-space:nowrap; } .pop_help_punch .select_box .right li a{ display:block; float:left; background:#e1ebec; line-height:22px; padding:0 5px 0 8px; } .pop_help_punch .select_box .right li a:hover{ text-decoration:none; background:#cce4e6; } .pop_help_punch .select_box .right li span{ margin-left:2px; } .pop_help_punch .select_box .right li span:hover{ background:#fff; } /*底部*/ .pop_help_punch .pop_bottom{ background:#f5f5f5; } /* =================== 全局数字数量提示效果 >>必须用em或者span来做标签 >>例:头部消息后面的数字 =================== */ .core_num{ padding:0 4px; background:#ff9000; color:#fff !important; border-radius:3px; font-size:12px; overflow:hidden; text-indent:0; white-space:nowrap; } /* =================== 钩子样式 =================== */ .icon_hooktip{ width:16px !important; height:16px !important; display:inline-block !important; vertical-align:-2px !important; background:url(../images/hook.png) no-repeat !important; position:relative !important; margin:0 !important; padding:0 !important; text-decoration:none !important; z-index:999 !important; } .icon_hooktip:hover{ text-decoration:none !important; } .icon_hooktip em{ display:inline-block !important; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; border-bottom:5px #000 solid !important; border-bottom:5px rgba(0,0,0,0.7) solid !important; border-top:5px transparent dashed !important; border-right:5px transparent dashed !important; border-left:5px transparent dashed !important; overflow:hidden !important; position:absolute !important; top:-10px !important; right:116px !important; } .icon_hooktip span{ cursor:default !important; display:none !important; position:absolute !important; left:-100px !important; letter-spacing:1px !important; width:200px !important; text-align:center !important; background:#000 !important; background:rgba(0,0,0,0.7) !important; color:#fff !important; border-radius:8px !important; padding:5px 15px !important; margin:20px 0 0 0 !important; line-height:18px !important; white-space:inherit !important; font-family:Arial !important; } .icon_hooktip:hover span{ display:block !important; } .pages li { float: left;}