theme.css

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

/* clearing */
.stretch,.clear {clear:both;height:1px;margin:0;padding:0;font-size: 15px;line-height: 1px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {width: 100%;}

* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
}
 	html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
}
/* end clearing */


/* 新版全局样式(base.css) */
html 							{filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body							{margin:0px;padding:0px;margin-left:auto;margin-right:auto;text-align:center}
body>div					{margin-right:auto;margin-left:auto}
label							{cursor:hand}
h1, h2, h3, h4, h5, h6,p,ul,li		{margin:0px;padding:0; text-align:left;}
img								{border:0;margin:0;}
form							{margin:0px; padding:0px}
input, select			{font-size:12px;vertical-align:middle}
a, table, div, p, ul, li, td, pre, dt, dd,select, input, textarea {font:normal 12px Arial,Corbel,Verdana,Helvetica,sans-serif;}
li								{list-style-type:none;}

a									{text-decoration:underline;color:#0865BF}
a:hover						{text-decoration:none;color:#FFF;background-color:#0066FF;}
a:hover span			{color:#FFF;}
a.noline					{text-decoration:none}

.fleft						{float:left}
.fright						{float:right}
.fclear						{clear:both}
.tleft						{text-align:left}
.tright						{text-align:right}
.tcenter					{text-align:center}

.big							{font-size:14px}
.orange						{color:#FF6600}
.red							{color:#c60a00}
.red2							{color:#c60a00}
.blue							{color:#0066FF}
.blue1						{color:#167093}
.blue2						{color:#3751A6}
.bold							{font-weight:bold}
.black						{color:#000;}
.hui 							{color:#999;}
.hui2							{color:#666;}
.Userimg 					{border:1px solid #E3E3E3;padding:2px;}

/* 按钮 */
.btn_close_1			{float:right;width:15px;height:15px;cursor:pointer!important;cursor:hand;background:url('img/btn_close_1.gif') no-repeat center center}

/* 标题 */
h2 								{font-size:14px;font-weight:bold}
.Title1						{margin-top:10px;height:27px;background:#FFFFFF;border:1px solid #e5e5e5;border-bottom:0;}
.Title1	h2				{padding:8px 0 0 15px}
.Title1 .more			{display:block;float:right;padding:0 8px 0 0;line-height:27px;}
.Title1 a					{line-height:27px;}
.Title1 .tag2					{}
.Title1 .tag2 li 			{width:76px;margin:5px 0 0 10px;float:left;padding:0;text-align:center;background:#d3e6ff;border:1px solid #99c3f8;border-bottom:0px;}
.Title1 .tag2 li.now	{background:#FFF; position: relative; top:1px;}
.Title1 .tag2 li a 		{line-height:21px;text-decoration:none;margin:0;padding:0;}

.Title7						{margin-top:10px;height:27px;background:#f0fafe;border:1px solid #e5e5e5;border-bottom:0;}
.Title7	h2				{padding:8px 0 0 15px}

/* 视频缩略图 */
img.thum1	{width:108px;height:81px}
img.thum2	{width:120px;height:90px}
img.thum3	{width:120px;height:90px;border:1px solid #999999;}
img.thum4	{width:60px;height:60px;padding:1px;border:1px solid #B6C3CB;}

/* 广告图片1 */
#ad1								{margin-top:10px;}
#ad1 img						{display:block;padding:2px;border:1px solid #b0bec7;width:232px;height:74px;}
#ad1 a:hover img		{background:#E9F5FF;border:1px solid #0066FF;}
.ad1								{margin-top:10px;}
.ad1 img						{display:block;padding:2px;border:1px solid #b0bec7;width:232px;height:74px;}
.ad1 a:hover img		{background:#E9F5FF;border:1px solid #0066FF;}

.maxWidth						{width:100%;}
.minWidth						{width:1003px;}

/* 头部 100%宽度导航 by Sonic_20070801 */
/* 导航条 */
#Head											{background:url(img/head_bg.gif) repeat-x top left;}
#Head .narrow							{width:940px;height:65px;margin:0 auto 0 auto;}
#HelpMenu									{float:right;text-align:left;}
#HelpMenu .sysInfo				{text-align:right;padding-top:8px;margin-right:3px}
#HelpMenu .sysInfo img		{margin:0 3px -3px;text-decoration:none;}
#HelpMenu .sysInfo a			{color:#333;}
#HelpMenu .sysInfo a:hover{background:none;color:#0b75e2;}
#Logo											{float:left;width:119px;height:46px;padding:0;display:inline;margin:7px auto 0 26px;z-index:100;}
#Logo img									{width:119px;height:46px;display:block;background-color:none;}
#Logo a:hover	img					{background:url(img/head_bg.gif) repeat-x 0 -7px #FFF;}		
#dest											{width:170px;margin:0 0 0 164px;padding:10px 0 0;}
*+html #dest							{position:relative;left:-40px;}/*IE7 Only*/
*html #dest 							{position:relative;left:-40px;}/*IE6 Only*/
#HelpMenu p 							{margin:8px 0 0 0;}

#HelpMenu .search,
#Bottom .search			{text-align:right;border:none;margin:9px 0px 0 0;}
.search #Search_type	{margin-right:-2px;}
.search #Search_input	{line-height:18px;width:318px;margin:0 0 1px;height:18px;padding:1px 0 0 20px!important;padding:0 0 0 20px;background:url(img/sousou.gif) no-repeat 0 -1px #fffce9;}
.search .searchIn			{border:1px solid #06c;}
.search .searchOut		{border:1px solid #666;}
.search #Search_btn,.search #Search_btn2		{width:72px;height:22px;border:0;margin:0 -2px 1px 0;}
.search .SearchOut		{background:url(img/btn_search2.gif) no-repeat 0 0;cursor:pointer;}
.search .SearchOvr		{background:url(img/btn_search2.gif) no-repeat 0 -22px; cursor:pointer;}
.search #loveVideo_btn{border:0;margin:0 -2px 1px 0;width:24px;height:22px;background:url(img/btn_likevideo2.gif) no-repeat 0 0; cursor:pointer;}
.search span 					{padding:0 4px 0 2px;}
.search span a				{color:#0066FF;}

/*
 * 自动完成
 */
#HelpMenu .search 				{position:relative;z-index:50}
#showJKL									{position:absolute;z-index:999;top:21px;left:56px!important;left:52px;width:338px;height:160px;overflow:auto;background:#fffce9;border:1px solid #666;border-top:none;}
*+html #showJKL						{top:23px;left:52px!important;}/*IE7 Only*/
#showJKL ul#jk_ul					{margin:0;}
#showJKL ul#jk_ul span		{cursor:default;padding:0 4px;line-height:16px;}
#showJKL ul#jk_ul li			{clear:both;color:#333;display:inline;text-align:left;list-sytle-type:none;height:18px;line-height:18px;padding:0 4px;}
#showJKL ul#jk_ul li span	{float:right;color:#008000;line-height:12px;}
#showJKL ul#jk_ul li p		{float:left;width:auto;margin:0;}
#showJKL ul#jk_ul li.mOv	{background:#3366cc;}
#showJKL ul#jk_ul li.mOv span,#showJKL ul#jk_ul li.mOv p{color:#FFF}
#showJKL ul#jk_ul li.mOt	{background:none;}

/* 一级导航 */
#MainMenu													{width:100%;height:28px;height:36px; background:url(img/menu_l1_bg.gif) repeat-x;}
#MainMenu .TabMenu								{width:940px;height:28px;margin:0 auto;background:none;}
#MainMenu .TabMenu ul#M1					{float:left;width:600px;margin-left:20px;display:inline;}
#MainMenu ul#M1 li								{float:left;list-style-type:none;color:#000;}
#MainMenu ul#M1 li a							{float:left;color:#FFF;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;display:block;height:28px;width:94px;margin:0;padding:6px 0 0;line-height:30px;background:url(img/menu_l1_ge.gif) no-repeat 0 10px;}
#MainMenu ul#M1 li a#BBS					{width:91px;letter-spacing:0;}
#MainMenu ul#M1 li a#MM						{width:91px;letter-spacing:0;}
#MainMenu ul#M1 li a#Tiebar,#MainMenu ul#M1 li a#Tieba				
{margin-right:0;letter-spacing:0;}
#MainMenu ul#M1 li a:hover				{background-color:none;}
#MainMenu ul#M1 li.active					{height:28px;margin-top:0!important;margin-top:-7px;position:relative;top:0px!important;top:7px;background:none;}
#MainMenu ul#M1 li.active a				{color:#333;height:35px;background:url(img/menu_l1_now_bg.gif) no-repeat 0 3px;}
#MainMenu ul#M1 li.active a:hover	{}
#MainMenu ul#M1 li.Add						{}
#MainMenu ul#M1 li.Add a					{width:44px; background:url(img/topmenu_valentine.gif) 0px 28px}
#MainMenu ul#M1 li.Add a:hover		{background:url(img/topmenu_valentine.gif) 0px 56px;}
#MainMenu .TabMenu ul#M2	{float:right;width:274px;margin-top:7px;}
#MainMenu ul#M2 li				{float:left;width:83px;text-align:right;display:inline;margin-left:8px;}
#MainMenu ul#M2 li img		{width:83px;height:21px;}

/* 二级导航 */
#SortMenu									{width:100%;height:40px;text-align:center;background:url(img/menu_l2_bg.gif) left top repeat-x;margin-top:0px}
#SortMenu .LimitWidth			{width:940px;height:40px;margin:0 auto;}
#SortMenu .please a 			{color:#0ff}
#SortMenu ul							{display:none; padding-top:2px;overflow:hidden;}
#SortMenu ul.active				{float:left!important;float:none;display:block;}
#SortMenu span						{float:right;margin-top:10px;padding-right:10px}
#SortMenu ul li						{display:inline;margin:0 4px;list-style-type:none}
#SortMenu ul li a					{color:#333;height:26px;line-height:26px;}
#SortMenu a								{color:#333;text-decoration:none;}
#SortMenu ul li a:hover,
#SortMenu a:hover 				{color:#0b75e2;background:none;text-decoration:underline;}
#SortMenu_Admin						{margin-left:46px}
#SortMenu_Video						{margin-left:140px}
#SortMenu_Album						{margin-left:232px}
#SortMenu_Channel					{margin-left:380px}
#SortMenu #SortMenu_Channel	li a		{color:#F00;}
#SortMenu_BBS							{margin-left:388px}

/* NEW */
#NewSort									{width:940px;margin:0 auto;position:relative;text-align:left;}
#NewSort div							{width:30px;height:16px;position:absolute;z-index:-1;top:-80px;left:458px;}
#NewSort div a						{width:25px;height:16px;display:block;background:url(img/icon_menu_new3.gif) no-repeat;}


/* 底部代码 */
#Bottom										{width:100%;margin-top:20px;background:#f2f8fe;border-top:1px solid #dfecfb;border-bottom:1px solid #dfecfb;}
#Bottom .LimitWidth1			{margin:0 auto;padding:10px 0 10px;background:#fafcff;border-bottom:1px solid #dce5f0;}
#Bottom .LimitWidth2			{width:940px;margin:0 auto;}
#Bottom .LimitWidth2 dl		{float:left;text-align:left;width:292px;display:inline;margin:10px 0 8px 20px;border-right:1px solid #b4c5da;}
#Bottom .LimitWidth2 dt		{font-weight:bold;margin:0 0 10px;}
#Bottom .LimitWidth2 dd		{float:left;width:96px;margin:0;}
#Bottom .LimitWidth2 dd	a	{line-height:22px;}
#Bottom .LimitWidth2 dl.cp{border:0;}
#Bottom .LimitWidth2 dl.cp dd{width:72px;}
#Bottom .search						{width:940px;text-align:center;margin:0 auto;}
#Bottom	.footbg						{height:20px;margin-top:10px;}
#CopyRight								{width:940px; text-align:center;margin:12px auto;}


#Error										{width:488px;margin:86px auto 0 auto;padding:2px;background:#FAFAFA;border:1px solid #F1F1F1;overflow:hidden;height:1%}
#Error .kuan							{padding:1px;background:#FFF;border:1px solid #E0E9F1;}
#Error .kuan .Title1			{margin-top:0;}
#Error .kuan h3						{font:bold 14px "宋体";color:#666;height:36px;padding:14px 0 0 50px;margin:20px 20px 0 40px;background:url(img/icon_error.gif) no-repeat top left;}
#Error .kuan p						{height:22px;line-height:22px;margin:0 20px 0 90px}
#Error .kuan p a					{font-weight:bold;}

#ErrorCommend								{width:488px;margin:10px auto 0 auto;padding:2px;background:#FAFAFA;border:1px solid #F1F1F1;overflow:hidden;height:1%}
#ErrorCommend .kuan					{padding:1px;background:#FFF;border:1px solid #E0E9F1;}
#ErrorCommend .kuan .Title1	{margin-top:0;}
#ErrorCommend ul						{width:488px;}
#ErrorCommend ul li					{float:left;line-height:24px;width:120px;text-align:center;padding:10px 0 0 0;}
#ErrorCommend ul li p				{text-align:center;line-height:24px;}
#ErrorCommend ul li p a			{line-height:24px;}
#ErrorCommend ul li h3			{margin-top:6px;height:24px;line-height:24px;text-align:center;}
#ErrorCommend ul li p img		{width:80px;height:60px;padding:2px;border:1px solid #b0bec7;}
#ErrorCommend ul li p a:hover img	{background:#E9F5FF;border:1px solid #0066FF;}
#ErrorCommend .albumList li p.img	{height:70px;background:url(img/album_bg4.gif) no-repeat center center;}
#ErrorCommend .albumList li img	{width:70px;height:53px;margin:7px 0 0 15px;padding:0;border:0;}
#ErrorCommend .albumList li p a:hover img	{background:#none;border:none;}

/* 栏目边框(border.css) */
.cnhr 			{background:url(img/xx.gif) repeat-x center center;width:690px;clear:both;height:1px;font-size:0;}
.Notop 			{padding:8px 0;margin:0;border:1px solid #e5e5e5;border-top:none;}



/* addtoalbum.css*/
.addToAlbum 									{position:absolute;z-index: 20;}
.addToAlbum a									{display:block;width:16px;height:16px;background:#FFF;background:url(http://www.56.com/admin/style/blue_200612/img/icon_addtoalbum.gif) 0 0;}
.addToAlbum a:hover						{background:url(http://www.56.com/admin/style/blue_200612/img/icon_addtoalbum.gif) 0 16px;}
.addToAlbum a.Added						{background:url(http://www.56.com/admin/style/blue_200612/img/icon_addtoalbum.gif) 0 16px;}
.addToAlbum a.Added:hover			{background:url(http://www.56.com/admin/style/blue_200612/img/icon_addtoalbum.gif) 0 16px;}


/* Star Rater(star.css) */

/*
 *  rating
 */
.star_rating{
		list-style:none;
		margin: -1px 0 0 -1px;
		padding:0;
		width: 80px;
		height: 16px;
		position: relative;
		background: url(img/star_rating.gif) 0 0 repeat-x;	
    overflow: hidden;
    /*float: left;*/
	}
.star_rating li							{padding:0;margin:0;float: left;}
.star_rating li a						{
		display:block;width:16px;height: 16px;
		text-decoration: none;text-indent: -9000px;
		z-index: 20;position: absolute;padding: 0; margin: 0;
		}
	.star_rating li a:hover							{background: url(img/star_rating.gif) 0 16px;z-index: 2;left: 0;}
	.star_rating a.one_star							{left: 0;}
	.star_rating a.one_star:hover				{width:16px;}
	.star_rating a.two_stars						{left:16px;}
	.star_rating a.two_stars:hover			{width: 32px;}
	.star_rating a.three_stars					{left: 32px;}
	.star_rating a.three_stars:hover		{width: 48px;}
	.star_rating a.four_stars						{left: 48px;}	
	.star_rating a.four_stars:hover			{width: 64px;}
	.star_rating a.five_stars						{left: 64px;}
	.star_rating a.five_stars:hover			{width: 80px;}
	.star_rating li.current_rating			{
		background: url(img/star_rating.gif) 0 32px;
		position: absolute;height: 16px;display: block;text-indent: -9000px;z-index: 1;left: 0;}

/*
 *  rated
 */
.star_rated{
		list-style:none;
		margin: -1px 0 0 -1px;
		padding:0;
		width: 80px;
		height: 16px;
		position: relative;
		background: url(img/star_rating.gif) 0 0 repeat-x;	
    overflow: hidden;
    /*float: left;*/
	}
	.star_rated li							{padding:0;margin:0;float: left;}
	.star_rated li a						{
			display:block;width:16px;height: 16px;
			text-decoration: none;text-indent: -9000px;
			z-index: 20;position: absolute;padding: 0; margin: 0;
			}
	.star_rated li a:hover						{background: none;z-index: 2;left: 0;}
	
	.star_rated li.current_rating			{
		background: url(img/star_rating.gif) 0 16px;
		position: absolute;height: 16px;display: block;text-indent: -9000px;z-index: 1;left: 0;}

/*调查弹窗 20080111*/
#popupResearch			{position:absolute;right:4px;bottom:4px;border:1px solid #3c6ebc;padding:1px;width:257px;height:156px;background:#FFF;z-index:999;/*background:url(img/b_bg.gif) no-repeat left bottom;*/}
#popupResearch .title{height:23px;background: url(http://www.56.com/admin/style/blue_2007/research/img/b_bar_bg.gif) repeat-x left top;}
#popupResearch .title h2	{color:#3c6ebc;font-size:14px;line-height:23px;text-indent:12px;}
#popupResearch .title .more{float:right;width:42px;display:inline; position:relative;top:-1px;}
#popupResearch .title .more a{display:block;float:left;width:39px;height:20px;font-size:0;}
#popupResearch .title .more a.btn_1{width:0;height:0;overflow:hidden;}
#popupResearch .title .more a.btn_2{background:url(http://www.56.com/admin/style/blue_2007/research/img/btn_close2.gif) no-repeat;}