@charset "utf-8"; /* CSS Reset */ *{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0;vertical-align:bottom;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal} ol,ul{list-style:none} :focus{outline:none;} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:text-top} sub{vertical-align:text-bottom} input,textarea,select{font-size:12px;font-family:'Microsoft Yahei', Verdana, Geneva, sans-serif ;*font-size:100%} legend{color:#000} /**End CSS Reset**/ /**CSS Base**/ body { color:#333; font:13px 'Microsoft Yahei',Tahoma, Geneva, sans-serif; } /**clearfix**/ .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both;} /**End clearfix***/ a{ text-decoration:none; color:#333;} a:hover { color:#666;text-decoration:none !important;} /**End CSS Base**/ /****wp_guestbook****/ .wp_guestbook { width:100%; background-color:#fff;padding-top: 140px;} .wp_guestbook_head_fixed{position: fixed; top: 0px; z-index: 888;background-color: #FFF;left: 0;right: 0;} .wp_guestbook_head { width:100%; height:90px; background-color:#4aa0dd; border-bottom:3px solid #044a7d; position:relative;} .wp_guestbook_title { display:inline-block; height:40px; line-height:40px; color:#fff; font-size:26px; font-family:'\9ED1\4F53'; position:absolute; left:9%; top:50%; margin-top:-20px;} .wp_guestbook_panel,.wp_guestbook_lists,.wp_guestbook_paging,.wp_guestbook_post{ width:95%; margin:0 auto;} .wp_guestbook_panel { margin-bottom:11px; position:relative; } .filters { display:block; width:auto; padding-right:60px; color:#4b4b4b;} .filters li.term { display:inline-block; height:25px; line-height:25px; float:left; margin-right:10px; margin-top:10px;} .filters li.term .term_name { float:left;} .options { float:left; position:relative;} .options .time_picker { display:block; width:26px; height:22px; background:url(../../_images/messageboard/calendar.png) no-repeat center; cursor:pointer; position:absolute; right:0; top:50%; margin-top:-11px;} .options .options_input { display:inline-block; _display:inline; height:23px; border:1px solid #d9d9d9;} .options .options_input input { border:0; outline:none; height:16px; line-height:16px; padding:3px; width:100px;} .options .time_input input { width:120px; padding-right:23px;} .options .options_handle { display:block; width:68px; height:23px; line-height:23px; border:1px solid #d9d9d9; cursor:pointer;} .options .options_handle:hover { color:#777;} .options .options_handle span { margin-left:5px; float:left;} .options .options_handle i { float:right; display:inline-block; width:14px; height:23px; text-indent:-99em; overflow:hidden; font-style:normal; font-weight:bold; font-size:15px; float:right; margin:0 5px; background:url(../../_images/messageboard/guestbook_arrow.gif) no-repeat 50% 6px;} .options .options_handle:hover i { filter:alpha(opacity=60); opacity:0.6;} .options_list { display:block; width:68px; position:absolute; left:0; top:25px; background-color:#fff; border:1px solid #d9d9d9;border-width:0 1px 1px 1px; display:none;} .options_list li { vertical-align:top;} .options_list li a { display:block; width:100%; cursor:pointer; text-indent:5px; color:#666;} .options_list li a:hover { background:#f8f8f8; color:#222;} .options_list li.selected a,.filters li.term .options_list li.selected a:hover{ background:#e9e9e9;} .iLeaveMsg { color:#000; float:right; display:inline-block; height:23px; line-height:23px; margin-top:10px; padding:0 10px; border:1px solid #d9d9d9; border-radius:3px; overflow:hidden; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9,endColorstr=#eeeeee,grandientType=0);;background:-webkit-linear-gradient(top,#f1f1f1,#eee);background:-moz-linear-gradient(top,#f1f1f1,#eee);background:-o-linear-gradient(top,#f1f1f1,#eee); position:absolute; right:0; top:0;} .iLeaveMsg :hover{ color:#555;} .wp_guestbook_lists {} .message_list {border-top:1px solid #d5d5d5;} .message_list li.list_item { display:block; width:100%; padding:18px 0; border-bottom:1px solid #d5d5d5;} .message_list .icon { width:68px; height:48px; float:left;} .message_list .icon_box { width:32px; height:32px; background:url(../../_images/messageboard/guestbook_icon.gif) no-repeat 0 0; margin:0 auto;} .message_list span.msg_item,.message_list span.reply_item { color:#848484; margin-left:10px;} .message_list a.msg_item { color:#262626;text-decoration:none;} .message_list a.msg_item:hover { color:#999; } .message_list p.msg_item { color:#454545; margin-top:5px;} .message_list .msg_detail {margin-left:68px; } .message_list .msg_content {line-height:35px; height:28px; overflow:hidden;} .message_list .msg_content .msg_text { margin-left:20px;line-height: 24px;} .message_list .msg_reply { height:48px; line-height:24px; overflow:hidden; border:1px solid #ccc; background:#f4f4f4;} .message_list .msg_reply .reply_meta { height:20px; padding-left:20px; line-height:20px; background:#ccc url(../../_images/messageboard/reply.png) no-repeat 6px 3px;} .message_list .msg_reply .reply_meta .icon_text { display:inline-block; height:20px; padding-left:20px; font-size:13px; color:#000; margin-left:5px;} .message_list .msg_reply .reply_text { margin:0px 10px 0px 25px; line-height:32px;} .message_list .open_content { height:auto;} .message_list .read_more { display:block; width:16px; height:16px; background:url(../../_images/messageboard/plus_minus.png) no-repeat 0 0px; margin-top:7px; cursor:pointer; float:left;} .message_list .active { background-position:0 -16px;} .message_count { padding:15px 0; color:#8e8e8e;} .wp_guestbook_paging { text-align:center;} .wp_pagenavi a { color:#666; vertical-align:top; display:inline-block; height:27px; line-height:27px; padding:0 10px; margin:0 3px 5px 3px; border:1px solid #ebebeb; cursor:pointer;} .wp_pagenavi a:hover { color:#000;} .wp_pagenavi a.current{ border-color:#fff; color:#222; font-weight:bold; margin:0 0 5px 0; cursor:default;} .wp_guestbook_post { padding:10px 0;} .post_title { width:100%; height:24px; line-height:24px; font-size:18px; font-weight:bold; color:#343434; margin-bottom:10px;} .post_box { border:1px solid #d9d9d9; padding:25px 15px; overflow:hidden; border-radius:5px;} /**标题列表式**/ .title_list .message_list a.msg_item { cursor:pointer;} .title_list .message_list a.msg_item:hover { text-decoration:underline; color:#C00} .title_list .message_list .icon { display:none;} .title_list .message_list .msg_detail {margin-left:0px; display:none; } /**easyui时间选择框**/ .combo { BORDER: #D9D9D9 1px solid; } .datebox .combo-arrow { BACKGROUND: url(../../_images/messageboard/calendar.jpg) no-repeat center center; /* BACKGROUND-IMAGE: url(/../../_images/messageboard/calendar.png); */ } .calendar-header { BACKGROUND: #D9D9D9 } .calendar-nav-hover { BACKGROUND-COLOR: #D9D9D9 } .calendar-menu-hover { BACKGROUND-COLOR: #D9D9D9 } .spinner { BORDER: #D9D9D9 1px solid; } .spinner-arrow-hover { BACKGROUND-COLOR: #D9D9D9 } .spinner-arrow-up { BACKGROUND-COLOR: #D9D9D9 } .spinner-arrow-down { BACKGROUND-COLOR: #D9D9D9 } .calendar-selected { BACKGROUND: #D9D9D9 }