css.css

XML源码教材,XMLspy2006编制,供给IT爱好者参考学习!

/* CSS Document */

/* Global */

body {font: 12px "songti";background-color: #0e0d13; color:#233743;background-image: url(site_top_bg.jpg);background-repeat: repeat-x;}
p { text-indent:21pt}
a:link,a:visited{text-decoration:none; color:#456A81} 
a:hover{text-decoration:underline; color:#99FF00;}
ul {margin: 0;padding-top: 0;padding-bottom: 0;}
li {list-style-type:none;}
input,select,textarea {padding:1px;margin:2px;font-size:0.9em;font-family:Verdana, default;}

h1, h2, h3, h4, h5, h6 {color:#333;font-weight:700;margin:0 0 9px;padding:0; }
h1{color:#FFFFFF;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;text-transform: capitalize;}
.left { float: left;}
.right { float: right;}
.f14 {font-size:14px}
.f16 {font-size:16px}
.fb {font-weight:700}
.clear { clear: both; font-size:1px; width:1px; visibility: hidden;}
.clear_no { CLEAR: both;MARGIN-TOP: -1px;OVERFLOW: hidden;HEIGHT: 1px}
.lh24 {line-height:24px}
.lh22 {line-height:22px}
.lh20 {line-height:20px}
.lh18 {line-height:18px}
.textleft{ text-align:left; }

/* Imgborder */
.img1 {border:1px solid #fff}
.img2 {border:1px solid #949494}

h2 {font-size:12px;}
h3 {font-size:11px;font-weight:700;}

* {padding:0; margin:0;}

#loading{width:220px;padding:22px 0px 20px 0px;border:1px solid #ACC1E8;background-color:#ECF2FD;margin:0 auto;margin-top:50px;margin-bottom:50px; font-size:12px; color:#3668C5}

#global_div{padding: 0;text-align:center;width:750px;margin: 0 auto 0 20px;}

#top{height: 112px;}
#top #site_logo{background-image: url(site_logo.jpg);background-repeat: no-repeat;width:250px;height:112px;}
#top #menu{}
#top #menu a{color:#fff;float:left;width: 60px;margin-left: 10px;display:block;height:90px;padding-top: 25px;font-weight:700;}
#top #menu a span{ font-size:10px;font-family:"Trebuchet MS", Arial, Helvetica; color:#99FF00}
#top #menu a:hover{display:block;color:#e3ff06;text-decoration: none;background: url(menu_bg.gif) no-repeat left bottom;}

#main #item{
	width:535px;
	text-align:left;
	background-image: url(left_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 20px;
}
#main #photo_list{width:535px;
	text-align:left}
#main #item .title{font-size:14px;line-height:180%;display:block;margin-top:10px; border-top: 1px solid #243843; background-color:#0d2024;padding-left: 8px; }
#main #item .title a{color:#99FF00; font-weight:700;}
#main #item .pubdate{border-bottom: 1px solid #000;font-family:Arial, Helvetica;font-size:10px; text-align:right;font-weight:700;color:#fff;background-color:#132028;padding-right: 8px; line-height:180%;}
#main #item .description{font-size:12px;line-height:180%;background-color:#132028;padding:0 8px;border-bottom: 1px solid #243843;color: #bbe5fe;}

#main #tool{background-color:#132028;  width:200px; text-align:left;}
#main #tool #cool .title,#main #tool #photo .title,#main #tool #link .title,#main #tool #search .title{ text-align:left;background-color:#1d2e38;border-top: 1px solid #243745;line-height:24px;color:#fff7c9;padding-left: 8px;border-bottom: 1px solid #000; font-size:14px; font-weight:700;}
#main #tool #cool ul{padding-left: 8px;padding-right: 8px;border-top: 1px solid #395668;color:#bbe5fe; border-bottom: 1px solid #233742}
#main #tool #cool ul li{line-height:26px;border-bottom: 1px solid #000;overflow: hidden; height:26PX;}
#main #tool #cool ul li a{color:#FFFFFF;display:block;width:100%;background: url(dot.gif)  no-repeat left 10px;padding-left: 10px;}
#main #tool #cool ul li a:hover{color:#a4f2a6;text-decoration: none; background-color:#15232c;background: url(dot2.gif) no-repeat left 10px;}

#main #tool #photo {padding-top: 3px;text-align:center;}
#main #tool #photo ul li{margin: 5px 0;}
#main #tool #photo ul li a{border:1px solid #CCCCCC;padding: 1px;}
#main #tool #photo ul li a img{ border:none;}
#main #tool #photo ul li a:hover{ border:1px solid #00CCFF;}

#main #tool #link ul{padding-top: 3px;padding-left: 8px;padding-right: 8px;}
#main #tool #link ul li{line-height:26px;border-bottom: 1px solid #000;overflow: hidden;height:26PX;}
#main #tool #link ul li a{display:block;width:98%;font-family:"Trebuchet MS", Arial, Helvetica;font-size:10px;text-transform: uppercase;}
#main #tool #link ul li a:hover{text-decoration: none;background-color: #112D31;}

#main #tool #search form{padding-left: 8px;padding-right: 8px;}
#main #tool #search form input {width:110px;;font-size: .9em;border: 1px solid #37576A;background-color: #1D2E38;margin-bottom: 0.5em;padding: 2px;font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;}
#main #tool #search form input.button {width: 5em;background-color: #1D2E38;margin-left: 1em;cursor: pointer;font-family: Arial, Helvetica, sans-serif;font-size: 0.9em;color: #99FF00; height:18PX;}

#main #photo_list ul{margin-left: 50px;}
#main #photo_list ul li{margin-right: 40px;margin-bottom: 5px;float:left; height:110px;}
#main #photo_list ul li a {border:1px solid #CCCCCC;padding: 2px;}
#main #photo_list ul li a img{border:none;}
#main #photo_list ul li a:hover{ border:1px solid #00CCFF;}

#main #page_list{ text-align:right;border-top: 1px solid #233644;margin: 20px 0 20px 0;font-family:"Trebuchet MS", Arial, Helvetica;}
#main #page_list a{background-color:#132028;color:#2B4250;border: 1px solid #2B4250;width:18px;height:16px;line-height:16px;text-align:center;margin: 3px 0 0 3px;}
#main #page_list a:hover{border: 1px solid #fff7c9;background-color:#132028;color:#fff7c9;text-decoration: none;}

#foot{font-family:"Trebuchet MS", Arial, Helvetica;text-align:left;font-size:10px;border-top: 1px solid #233644;margin: 20px 0 20px 0;padding-top: 15px;}