GZ/nwyj/WebContent/css/icing/icing_message_history.css

@charset "utf-8";

/*********** 覆冰历史消息  ****************/
html, body{ margin:0; padding:0; }

/* 头部工具栏  */
.title_msg{ width:100%; height:30px; margin:0; padding:0; }
.lineheard{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f1f1f1); 
            background: -ms-linear-gradient(top, #fff,  #f1f1f1); background:-moz-linear-gradient(top,#fff,#f1f1f1);
            background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#f1f1f1));
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1)); 
            background: -webkit-linear-gradient(top, #fff, #f1f1f1);
            background: -o-linear-gradient(top, #fff, #f1f1f1);}
            
.resource_btn{ border:none; color:#3a617e; background:none; width:100px; height:100%;}  
.resource_btn_click{border:none; color:#3a617e; background:none; width:100px; height:100%;
					FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#0197cc); 
		            background: -ms-linear-gradient(top, #fff,  #0197cc); background:-moz-linear-gradient(top,#fff,#0197cc);
		            background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#0197cc));
		            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0197cc)); 
		            background: -webkit-linear-gradient(top, #fff, #0197cc);
		            background: -o-linear-gradient(top, #fff, #0197cc);}  

.resource_btn:hover{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#68d1e2); 
		            background: -ms-linear-gradient(top, #fff,  #68d1e2); background:-moz-linear-gradient(top,#fff,#68d1e2);
		            background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#68d1e2));
		            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#68d1e2)); 
		            background: -webkit-linear-gradient(top, #fff, #68d1e2);
		            background: -o-linear-gradient(top, #fff, #68d1e2);}  
		            
		            
		            
html,body{ margin:0; padding:0; width:100%; height:100%; font-family: "Arial", "Tahoma", "微软雅黑", "雅黑"; font-size: 12px; overflow: hidden; }
.message_box{ margin:0; padding:0; width:100%; height:100%; background-color: #c2edf4; overflow-y:auto; overflow-x:hidden;}
.float_left{ float:left; }
.float_right{ float:right; }
.hidden_yes{ display:none; }

/* 滚动条 */
::-webkit-scrollbar { width: 12px;}
::-moz-scr
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
::-webkit-scrollbar-thumb { border-radius:10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}

li{ list-style:none; }

/* 时间轴 */
.year_box_axis{ position:absolute; top:50px; left:20px; z-index:99; }
.year_box{ width:60px; height:40px; background-color:#f7f7f7; font-size:14px; color:#202020; text-align: center; line-height:40px; border-bottom:1px solid #ffffff;border-radius:6px;}
.year_box:hover{ background-color:#daf0f4; cursor: pointer;}
.year_box:active{ background-color:#62a7bf; cursor: pointer;}
.year_now_a{ text-decoration:none; }
.smoot_axis_year_active{background-color: #3bbfb4;}

.message_item_ul{ position:relative; left: 300px; width:5px;}
.message_item_ul li{width:650px; height:300px; border:5px; position:relative; }

/* 事件消息框 */
.axis_prefix{ position:relative; left:-200px; border:10px solid #f26328; border-radius:50%; width:100px; height:80px;
               text-align:center; line-height: 30px; padding-top:20px; display:inline-block; float:left;}
.axis_after{ width: 50px; height: 5px; position:absolute; left: -90px; top: 60px;
              background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);}
.axis_history_node { width: 11px; height: 11px; border-radius: 50%; border: 5px solid #f26328; background: #ffffff;
                      position:absolute; top:50px; left: -40px; }
.axis_centre{ width:5px; height:100%; position:absolute; left:-33px; top:0;
               background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);}
.axis_before{ width:40px; height:2px; position:absolute; top:60px; left:-25px; background-color:#f26328; }
.axis_text_box{ width:550px; height:150px; position:absolute; top:10px; left:35px; border-left:5px solid #f26328; background:#fff; box-shadow: 10px -5px 10px 3px rgba(0, 0, 0, 0.3); color:#969696; padding:10px 20px; z-index:2; }
.axis_text_box h3{ color:#f26328; }
.iden_history { width: 0; height: 0; border-right:25px solid #f26328; border-top:20px solid transparent;
                 border-bottom:20px solid transparent; position:absolute; top:40px; left:13px; }
.axis_edit_box{ width:50px; height:25px; position: absolute; top: 130px; left:579px; z-index:1; box-shadow: 10px 0px 10px 3px rgba(0, 0, 0, 0.3); }

/* 追加框  */
.axis_prefix_append{ position: relative; left: -200px; border: 10px solid #41838e; border-radius: 50%; width: 100px;
                       height: 80px; text-align: center; line-height: 30px; padding-top: 20px; display: inline-block; float: left;}
.axis_after_append{ width: 50px; height: 5px; position:absolute; left: -90px; top: 60px;
                     background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC); }
.axis_history_node_append{ width: 11px; height: 11px; border-radius: 50%; border: 5px solid #41838e; background: #ffffff;
    position:absolute; top:50px; left: -40px; }
.axis_before_append{ width:40px; height:2px; position:absolute; top:60px; left:-25px; background-color:#41838e; }
.axis_text_box_append{ width:550px; height:80px; position:absolute; top:10px; left:35px; border-left:5px solid #41838e; background:#fff; box-shadow: 10px -5px 10px 3px rgba(0, 0, 0, 0.3); color:#969696; padding:10px 20px; z-index:2; }
.iden_history_append{ width: 0; height: 0; border-right:25px solid #41838e; border-top:20px solid transparent;
                        border-bottom:20px solid transparent; position:absolute; top:40px; left:13px; }
.axis_edit_box_append{ width:25px; height:25px; position: absolute; top:60px; left:604px; box-shadow: 10px 0px 10px 3px rgba(0, 0, 0, 0.3); z-index:1; }

/* 编辑 */
.axis_edit_but { cursor:pointer; width:25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/business/em/floods/smoot_edit.png); }
.axis_del_but { cursor:pointer; width: 25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/business/em/floods/smoot_del.png); }
.axis_hidden_but { cursor:pointer; width: 25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/icing/btn/message.png) #f7f7f7 no-repeat -37px 3px; }
.axis_show_but { cursor:pointer; width: 25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/icing/btn/message.png) #f7f7f7 no-repeat -77px 3px; }

.axis_edit_but:hover { width:25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/business/em/floods/smoot_edit_hover.png); }
.axis_del_but:hover { width: 25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/business/em/floods/smoot_del_hover.png); }
.axis_hidden_but:hover { width: 25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/icing/btn/message.png) #67adc8 no-repeat -37px 2px; }
.axis_show_but:hover { width: 25px; height: 25px; display:inline-block; float:right; background: url(/nwyj/images/icing/btn/message.png) #67adc8 no-repeat -77px 2px; }