style.css

jsp开发的简单播客系统 供学习研究用 jsp版播客源码 基于jsp的简单播客系统 可转其它播客网站视频

#all {width:940px;clear:both;margin:0 auto;padding:0px;top:0px}
.c-red{font-weight:bold;color:#c60a00;}
.c-000{ color:#000;}
#l{ width:728px; float:left;}
	.tab{ position:relative; width:728px; height:29px; border-bottom:1px solid #89bff0;}
	.tab ul{ margin-left:10px;}
	.tab ul li{ float:left; width:74px; height:19px; padding-top:5px; position:relative; top:5px; text-align:center; margin-right:5px; background:url(img/tab_bg.gif) no-repeat left top;}
	.tab ul li a{ color:#000; text-decoration:none;}
	.tab ul li a:hover{ color:#000; text-decoration:underline; background:none;}
	.tab ul .now{ width:104px; padding-top:10px; height:19px; top:1px; background:url(../images/tab_current_bg.gif) no-repeat left top;}
	.tab ul .now a{ font-weight:bold;}
	.search-type{ float:right; margin-top:10px;}
	.search-type a,.search-type a:hover{ color:#333; font-weight:bold; text-decoration:none; margin:0 15px; background:url(http://images.56.com/admin/images/icon_particular.gif) no-repeat right 3px; padding-right:12px;}
	#timebox{ position:absolute; right:100px; top:29px; width:76px; text-align:left; border:1px solid #8fb9d0; background:#f0faff;}
	#channelbox{ position:absolute; right:5px; top:29px; width:76px; text-align:left; border:1px solid #8fb9d0; background:#f0faff;}
	#timebox a,#channelbox a{ display:block; height:23px; line-height:23px; color:#000; padding-left:10px; text-decoration:none;}
	#timebox a:hover,#channelbox a:hover{ color:#FFF; background:#4ba9d8;}
	#result{ height:33px; line-height:33px; border-bottom:1px solid #dbdbdb;}
	.result-guess{ float:left; margin-left:10px; font-size:14px; color:#666666;}
	.result-stat{ float:right; margin-right:10px; color:#666;}
	
	.find{ width:100%; overflow:hidden; background:url(../images/dot.gif) repeat-x bottom; padding:10px 0;}
		.find-bg{ background-color:#fafcff;}
		.video{ float:left; width:120px; height:75px;border:1px solid #969799; padding:2px; position:relative; margin-left:10px; overflow:hidden;}
	  .video a { display:block; width:120px; height:75px; position:absolute; left:2px; overflow:hidden;}
		.video a img{width:120px;height:90px;position:relative; top:-10%;}
		.video a:hover img{ background:#FFF;}
		/*专辑*/
		.albumimg { position:relative; background: url(http://images.56.com/admin/style/blue_2007/search/img/s_album_bg.gif) no-repeat left top;	float: left; margin:0 0 0 10px; width:134px; height:104px}
		.albumimg a { display:block; width:120px; height:75px; position:absolute; left:4px; top:4px; overflow:hidden;}
		.albumimg a img{position:relative; top:-10%;}
		/*添加到*/
		.addtoalbum{ position:absolute; top:58px; left:103px; z-index:1;}
		.addtoalbum a{ display:block; width:16px; height:16px; background:url(http://www.56.com/admin/style/blue_200612/img/icon_addtoalbum.gif);}
		.addtoalbum a:hover{ background:url(http://www.56.com/admin/style/blue_200612/img/icon_addtoalbum.gif) 0 16px;}
		.finddl{ width:470px; float:left; text-align:left; margin:0 0 0 15px;}
		.finddl dt{margin:0;}
		.finddl dt a{ font-size:14px;}
		.finddl dd{ float:left;width:160px;margin:4px 0 0 0; overflow:hidden; word-wrap:break-word;}
		.finddl .longdd{ width:320px; height:15px;line-height:15px;overflow:hidden; word-wrap:break-word;}
		.finddl dd span,.finddl dd a{color:#444;height:15px;line-height:15px;}
	.page{ text-align:left; font-size:14px; height:40px;margin:4px 0 0 0; line-height:30px; padding-left:20px;} 
	.page a{ font-size:14px; margin-left:8px;}
#r{ width:200px; float:right;}
	.r-top{ width:200px; height:32px; font-size:0; background:url(../images/r_top_bg.gif) no-repeat left top;}
	.r-top h2{ line-height:30px; width:170px; margin:0 auto; padding:7px 10px 0 10px; font-size:12px; background:url(../images/dot2.gif) repeat-x bottom;}
	.r-top h2 span{ background:url(../images/icon_round.gif) no-repeat left center; padding-left:15px;}
	.r-top h2 a{ float:right; margin-top:8px;}
	.r-mid{ width:198px; border-left:1px solid #cce5ff; border-right:1px solid #cce5ff;}
	/*推广图*/
	.block						{background:url(img/block_br.gif) no-repeat right bottom;padding-bottom:4px;}
	.block .Title1		{border:0;height:22px;background:url(img/block_tl.gif) no-repeat top left;}
	.block .Title1 h2	{height:22px;line-height:22px;padding:0;overflow:hidden;background:url(img/block_tr.gif) no-repeat right top;}
	.Content					{border-left:1px solid #cce5ff;border-right:1px solid #cce5ff;}
	
	#promotion				{margin:0 0 10px 0;background:url(img/block_bl.gif) no-repeat left bottom;}
	#promotion .tgimg{text-align:center;padding:0;}
	#promotion .tgimg img{width:152px;height:96px;}
	#promotion .tgfont{text-align:center;padding:8px 10px 0 10px;}
	#promotion .tgfont a{line-height:22px;font-size:14px;}
	/**/
	.r-mid h3{ font-size:12px; width:175px; height:25px; line-height:25px; color:#666; padding:5px 10px; font-weight:normal;}
	.r-mid ul{padding:0;}
	.r-mid ul li{ text-align:center; padding-bottom:12px;}
	.r-mid ul li .special{ position:relative; width:134px; height:104px; text-align:left; margin:0 auto; background:url(http://images.56.com/admin/style/blue_2007/search/img/s_album_bg.gif) no-repeat left top;}
	.r-mid ul li .special a { display:block; width:120px; height:75px; position:absolute; left:4px; top:4px; overflow:hidden;}
	.r-mid ul li .special img{width:120px;height:90px;position:relative; top:-10%;}
	.r-mid ul li p,.r-mid ul li h2,.r-mid ul li h3{text-align:center;margin-top:3px;}
	.r-bottom{ width:200px; height:6px; font-size:0; background:url(../images/r_bottom_bg.gif) no-repeat left top;}
#s-about{ width:100%; margin:12px 0 0 0;background:#f7faff; clear:both; height:61px;}
	.about-inner{ width:940px; margin:0 auto;}
	.about-word{ float:left; display:inline; font-size:14px; font-weight:bold; margin:5px 8px 0 20px;}
	.more-search{ float:left; width:700px;}
	.more-search li{ float:left; height:25px; padding-top:5px; width:140px; overflow:hidden;}
	.more-search li a{ font-size:14px;}
/*no-result*/
#Notice{ padding:10px 0 0 10px;}
#Notice p{ font-size:14px; line-height:25px;}
#Notice p a{ font-size:14px; font-weight:bold;}
#Notice .t1{ font-weight:bold; margin:10px 0;}
#Notice .t2{ text-indent:3em; font-size:12px;}
/*user-search*/
#l .find3				{float:left;width:100%;margin:0;overflow:hidden;height:1%;text-align:left;background:url(img/dot.gif) repeat-x bottom;}
#l .find-bg{ background-color:#fafcff;}
#l .find3 li				{width:340px;float:left;padding:0 0 6px;}
#l .user_img				{float:left;margin:10px 0 0 40px;display:inline}
#l .user_img a:hover img{background:#E9F5FF;border:1px solid #0066FF;}
#l .user_font			{float:left;margin:8px 0 0 15px;}
#l .user_font p			{line-height:20px;}
#l .user_font p.userId a	{color:#444;text-decoration:underline;}
#l .user_font p.userId a:hover{color:#FFF;text-decoration:none;}
#l .user_img img			{width:60px;height:60px;padding:3px;border:1px solid #b6c3cb}
#l .find3 li p span		{color:#555555}
	
.search #Search_input2	{line-height:18px;width:318px;margin:0 0 1px;height:18px;padding:1px 0 0 20px!important;padding:0 0 0 20px;background:url(http://images.56.com/admin//style/blue_200612/img/sousou.gif) no-repeat 0 -1px #fffce9;}
.search #Search_btn2_s		{width:92px;height:22px;border:0;margin:0 -2px 1px 2px;background:url(img/btn_search2_s.gif) no-repeat 0 0;cursor:pointer;}