x__tagger.css

在网页上对图片及文字打标记,并提示的功能,以及注入脚本绝不干涉网页原有脚本的特色。

#x__rt_window {
	width:40px;
	height:40px;
	position:absolute;
	top:0px;
	right:0px;
	border:none;
	cursor:move;
	background-color:#fff;
	z-index:999999999;
}
#x__rt_window .s0{position:absolute;top:0px;left:0px;width:40px;height:40px;background-color:white;border:1px solid #9d9da1;}
#x__rt_window .s1{position:absolute;top:0px;left:0px;width:40px;height:40px;background-color:#666;filter:Alpha(opacity=5);-moz-opacity:0.05;}
#x__rt_window .s2{position:absolute;top:0px;left:0px;width:39px;height:39px;background-color:#666;filter:Alpha(opacity=10);-moz-opacity:0.10;}
#x__rt_window .s3{position:absolute;top:0px;left:0px;width:38px;height:38px;background-color:#666;filter:Alpha(opacity=15);-moz-opacity:0.15;}
#x__rt_window .s4{position:absolute;top:0px;left:0px;width:37px;height:37px;background-color:#666;filter:Alpha(opacity=20);-moz-opacity:0.20;}
#x__rt_window .ti{position:absolute;top:0px;left:0px;width:36px;height:18px;font-size:12px;border:solid 1px #999;background:transparent url("../images/tibg.gif") repeat-x;}
#x__rt_window .description{position:absolute;top:18px;left:0px;width:36px;height:20px;border:solid 1px #C4C4C4;background:#D1D2D1 url("../images/rt_window_bg.gif") no-repeat center center;font-size:12px;}
#x__rt_window.bigger {
	width:200px;
	height:200px;
}
#x__rt_window.bigger .s0{position:absolute;top:0px;left:0px;width:200px;height:200px;background-color:white;border:1px solid #9d9da1;}
#x__rt_window.bigger .s1{position:absolute;top:0px;left:0px;width:200px;height:200px;background-color:#666;filter:Alpha(opacity=5);-moz-opacity:0.05;}
#x__rt_window.bigger .s2{position:absolute;top:0px;left:0px;width:199px;height:199px;background-color:#666;filter:Alpha(opacity=10);-moz-opacity:0.10;}
#x__rt_window.bigger .s3{position:absolute;top:0px;left:0px;width:198px;height:198px;background-color:#666;filter:Alpha(opacity=15);-moz-opacity:0.15;}
#x__rt_window.bigger .s4{position:absolute;top:0px;left:0px;width:197px;height:197px;background-color:#666;filter:Alpha(opacity=20);-moz-opacity:0.20;}
#x__rt_window.bigger .ti{position:absolute;top:0px;left:0px;width:196px;height:18px;font-size:12px;border:solid 1px #999;background:transparent url("../images/tibg.gif") repeat-x;}
#x__rt_window.bigger .description{position:absolute;top:18px;left:0px;width:196px;height:180px;border:solid 1px #C4C4C4;background:#D1D2D1 url("../images/rt_window_bg.gif") no-repeat center center;font-size:12px;}
#x__rt_control {
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	width:23px;
	height:18px;
	background:url("../images/palette.gif") no-repeat -69px top;
}
#x__rt_control:hover {
	background-position:left top;
}
#x__rt_control.bigger {
	background-position:-142px top;
}
#x__rt_control.bigger:hover {
	background-position:-23px top;
}
div.x__flag {
	position:absolute;
	font-size:0px;
	width:10px;
	height:10px;
	border:solid 1px red;
	background-color:green;
	z-index:999999997;
}
#x__tips {
	position:absolute;
	width:164px;
	height:173px;
	border:none;
	z-index:999999998;
	display:none;
}
#x__tips .s0{position:absolute;top:0px;left:0px;width:164px;height:164px;background-color:white;border:1px solid #9d9da1;}
#x__tips .s1{position:absolute;top:1px;left:1px;width:164px;height:164px;background-color:#666;filter:Alpha(opacity=5);-moz-opacity:0.05;}
#x__tips .s2{position:absolute;top:2px;left:2px;width:163px;height:163px;background-color:#666;filter:Alpha(opacity=10);-moz-opacity:0.10;}
#x__tips .s3{position:absolute;top:3px;left:3px;width:162px;height:162px;background-color:#666;filter:Alpha(opacity=15);-moz-opacity:0.15;}
#x__tips .s4{position:absolute;top:4px;left:4px;width:161px;height:161px;background-color:#666;filter:Alpha(opacity=20);-moz-opacity:0.20;}
#x__tips .ti{position:absolute;top:2px;left:2px;width:160px;height:18px;font-size:12px;border:solid 1px #999;background:transparent url("../images/tibg.gif") repeat-x;}
#x__tips .preview{position:absolute;top:22px;left:2px;width:160px;height:90px;border:solid 1px #C4C4C4;background:#D1D2D1 url("../images/loading.gif") no-repeat center center;}
#x__tips .area{position:absolute;top:112px;left:2px;width:160px;height:50px;border:solid 1px #999;background-color:#EEEEEE;overflow:auto;}
#x__tips #x__tips_close {float:right;width:23px;height:18px;cursor:pointer;background:url("../images/palette.gif") no-repeat right top;border-left:solid 1px #999;}
#x__tips #x__tips_close:hover {background-position:-242px top;}
#x__tips #x__tips_control {float:right;width:23px;height:18px;cursor:pointer;background:url("../images/palette.gif") no-repeat -142px top;border-left:solid 1px #999;}
#x__tips #x__tips_control:hover {background-position:-23px top;}
#x__tips #x__tips_control.bigger {background-position:-69px top;}
#x__tips #x__tips_control.bigger:hover {background-position:left top;}

#x__tips.bigger {
	position:absolute;
	width:328px;
	height:346px;
	border:none;
	z-index:999999998;
	display:none;
}
#x__tips.bigger .s0{position:absolute;top:0px;left:0px;width:328px;height:328px;background-color:white;border:1px solid #9d9da1;}
#x__tips.bigger .s1{position:absolute;top:1px;left:1px;width:328px;height:328px;background-color:#666;filter:Alpha(opacity=5);-moz-opacity:0.05;}
#x__tips.bigger .s2{position:absolute;top:2px;left:2px;width:326px;height:326px;background-color:#666;filter:Alpha(opacity=10);-moz-opacity:0.10;}
#x__tips.bigger .s3{position:absolute;top:3px;left:3px;width:324px;height:324px;background-color:#666;filter:Alpha(opacity=15);-moz-opacity:0.15;}
#x__tips.bigger .s4{position:absolute;top:4px;left:4px;width:322px;height:322px;background-color:#666;filter:Alpha(opacity=20);-moz-opacity:0.20;}
#x__tips.bigger .ti{position:absolute;top:2px;left:2px;width:321px;height:18px;font-size:12px;border:solid 1px #999;background:transparent url("../images/tibg.gif") repeat-x;}
#x__tips.bigger .preview{position:absolute;top:22px;left:2px;width:321px;height:203px;border:solid 1px #C4C4C4;background:#D1D2D1 url("../images/loading.gif") no-repeat 1px center;}
#x__tips.bigger .area{position:absolute;top:225px;left:2px;width:321px;height:101px;border:solid 1px #999;background-color:#EEEEEE;overflow:auto;}
#x__tips.bigger #x__tips_close {float:right;width:23px;height:18px;cursor:pointer;background:url("../images/palette.gif") no-repeat right top;border-left:solid 1px #999;}
#x__tips.bigger #x__tips_close:hover {background-position:-242px top;}
#x__tips.bigger #x__tips_control {float:right;width:23px;height:18px;cursor:pointer;background:url("../images/palette.gif") no-repeat -142px top;border-left:solid 1px #999;}
#x__tips.bigger #x__tips_control:hover {background-position:-23px top;}
#x__tips.bigger #x__tips_control.bigger {background-position:-69px top;}
#x__tips.bigger #x__tips_control.bigger:hover {background-position:left top;}

div.x__ImageFlag {
	position:absolute;
	font-size:0px;
	width:16px;
	height:16px;
	background:transparent url("../images/td.gif") no-repeat;
	z-index:999;
}
div.x__TextFlag {
	position:absolute;
	font-size:0px;
	width:16px;
	height:16px;
	background:transparent url("../images/bi.gif") no-repeat;
	z-index:999;
}