style.css

php168开源网站系统

}
#comment-guide li a { color: #606; }
#comment-guide li a:hover { color: #FFF; }

#comment-guide h3 {
	font-size: 14px;
	padding: 0 50px 6px 0;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	margin-left: 5px;
	color: #333;
}

input.textfield {
	width: 25.8em;
	padding: 4px 0 3px 5px;
	margin: 10px 0;
}
textarea.commentbox {
	width: 25em;
	height: 10em;
	padding: 4px 0 3px 5px;
	margin: 10px 0;
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
}
label.text {
	position: relative;
	font-size: 12px;
	color: #990;
}
.formactions input.submit { 
	float: right; 
	margin: -1em 0 0 0;
	padding: 0;
}
.formactions .spinner {
	float: right;
	margin: -8px -20px 0 0;
}


/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary{
	padding:2em 0 0 0;
	background-color: #272727;
}

#ancillary .block {
	float:left;	
}
#ancillary .first,#ancillary .second{
	margin: 0 3em 0 0;
}
#ancillary .first {
	width: 180px;
}
#ancillary .second{
	width: 288px;
}
#ancillary .third{
	width: 180px;
}
#ancillary .block h2, #ancillary .block h3{
	margin: 1em 0 0;
}

ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	list-style:none;
	margin:1.5em 0 2em 0;
	border-top:1px solid #3D3D3D;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	list-style:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px solid #3D3D3D;
	color:#858585;
}
ul.dates .date{
	color:#858585;
	padding:0;
	float: right;
}

ul.counts .count{
	float:right;
	color:#858585;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
	color:#BFBFBF;
	text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
	color:#FFF;
}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
	list-style:none;
	margin:0;
}

ul.pages ul{
	margin:0;
}
ul.pages ul li{
	border:none;
	margin-left:2em;
	list-style:square;
}
/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	color:#939393;
	background:#000;
	/*margin:2em 0 3em 0;*/
}
#footer .inside{ height:35px; }
#footer p{
	margin:0;
	font-size:10px;
	line-height:35px;
}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
	padding:0 0 0 1em;
	text-decoration:none;
	color:#525252;
}
#footer p.attributes a:hover{
	color:#FFF;
}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	float:right;
	width:200px;
	margin:1em 1em 0 0;
	-moz-opacity:0.4;
	text-align:right;
}
#search:hover{
	-moz-opacity:1.0;
}
#search .searchimg{
	float:left;
	width:14px;
	height:13px;
	background:url(images/search.gif) 0 0 no-repeat;
	position:relative;
	top:4px;
}
#search input{ 
	width:175px; 
	font-size: 9pt; 
	background:#CCC;
	margin-top:2px;
}
#search input:focus{
	background:#FFF;
}

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#222;
	border:none;
	border-bottom:1px solid #333;
	width:30em;
	color:#666666;
	padding:0.25em;
}

#searchform #searchsubmit{
	background:#000;
	color:#666;
	border:none;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:0.25em;
}

/* Legacy Typo CSS */

#search-results{
	width:30%;
	background:#333;
	padding:0 0 0 0;
	float:right;
	-moz-opacity:0.9;
	border-top:1em solid #000;
}
#search-results h3{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000;
	
}
#search-results small{
	display:block;
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555;
}
#search-results small a{
	color:#CCC;
}
#search-results ul li{
	list-style:none;
	padding:0 1em 0.5em 1em;
	margin:0.5em 0;
}
#search-results ul li:hover{
	background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}

#search img.archives-icon{
	margin:0 7px 0 0;
	top:1px;
}
/*-----------------------------------------------------------------------------------------------
  Otherbar
-----------------------------------------------------------------------------------------------*/
#otherbar {
	float:right;
	width: 190px;
	margin: 0;
}
#otherbar ol, #otherbar ul, #otherbar li{ margin:0; list-style: none;}

#otherbar .ul_flickr {
	margin: 10px 0;
}
#otherbar .ul_flickr a {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 4px;
	display: block;
	float: left;
}
#otherbar .ul_flickr a:hover{
	border: 1px solid #9c0;
	background: #FAFFE8;
}
/*
#otherbar .h2_feeds {
	color: #f60;
}*/
#otherbar .ul_feeds {
	margin: 10px 0;
	clear: both;
}

.ul_feeds li {
	background-image: url(images/feed.gif);
	background-position: 1px center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	line-height: 20px;
}



/*-----------------------------------------------------------------------------------------------
  Calendar CSS by utombox.com
-----------------------------------------------------------------------------------------------*/
#wp-calendar { margin: 0pt;text-align: center;background-color: rgb(255, 255, 255);}
#wp-calendar caption { font-size: 11px;}
#wp-calendar th { font-size: 11px;}
#wp-calendar td { height: 24px;width: 24px;line-height: 20px;background-image: url(images/day.png);background-repeat: no-repeat;background-position: center;font-size: 11px;color: rgb(79, 79, 53);}
#wp-calendar .pad { background-image: url(images/do.png);}
#wp-calendar td a { display: block;width: 24px;height: 24px;color: rgb(255, 255, 255);text-decoration: none; background-image: url(images/linkday.png);background-position: center;line-height: 24px;background-repeat: no-repeat;}
#wp-calendar #prev, #wp-calendar #next { background-image: url(images/do.png);}
#wp-calendar #prev a { width: 49px;background-image: url(images/linkday2.png);background-position: center;}
#wp-calendar #next a { margin: 0pt 0pt 0pt 30px;width: 49px; background-image: url(images/linkday2.png);background-position: center;}
#wp-calendar #today { background-image: url(images/today.png);background-position: center;color: rgb(255, 255, 255);background-repeat: no-repeat;}
#wp-calendar #today a { background-image: url(images/today.png);background-position: center;color: rgb(255, 255, 255);font-weight: bold;background-repeat: no-repeat;}
#sidebar a { color: rgb(85, 119, 0);text-decoration: none;line-height: 150%;}
/*-----------------------------------------------------------------------------------------------
  Date CSS by utombox.com
-----------------------------------------------------------------------------------------------*/
.datetime {
	float: left;
	height: 50px;
	width: 50px;
	background-image: url(images/date.png);
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #000;
	line-height: 20px;
	margin: 0 10px 0 0;
}
.datetime span {
	display: block;
	line-height: 30px;
	color: #fff;
	font-size: 15px;
}
/*-----------------------------------------------------------------------------------------------
  .Postin CSS by utombox.com
-----------------------------------------------------------------------------------------------*/
.postin { line-height: 25px; height: 25px; margin: 0 0 10px 0;}
.postin span { line-height: 25px; height: 25px; display: block; float: left;}
.postin .p_author,.postin .p_category,.postin .p_read,.postin .p_tags { background-position: 1px center;background-repeat: no-repeat;padding: 0 0 0 20px;margin: 0 10px 0 0; }
.postin .p_author {	background-image: url(images/author.gif);}
.postin .p_category { background-image: url(images/category.gif); }
.postin .p_tags { background-image: url(images/tags.gif); }
.postin .p_read { background-image: url(images/fulltext.gif); }
.details .p_comments {
	background-image: url(images/comments.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 100px;
	line-height: 27px;
	padding: 0 5px 0 27px;
	text-align: center;
	float: right;
}
.details .p_comments a {
	color:#fff;
}
/*-----------------------------------------------------------------------------------------------
  Menu CSS by utombox.com
-----------------------------------------------------------------------------------------------*/
#menu{
	font-size:11px;
	background-image: url(images/menu.png);
	height: 26px;
}
#menu .menu, #menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu .menu {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B1D500;
	border-left-color: #6AA300;
	position: absolute;
	left: 50%;
	margin-left: -50px;
}

#menu .menu li {
	float: left;
	line-height: 25px;
	height: 26px;
	background-image: url(images/menu_left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu .menu a {
	height: 26px;
	background-image: url(images/menu_right.png);
	background-position: right top;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	padding: 0 10px;
	width: 60px;
	text-align: center;
}
#menu .menu a:hover{
	color:#000;
}
/* OC Menu CSS by utombox.com */
a.oc {
	display: block;
	height: 26px;
	width: 154px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 200px;
}
a.oc span {
	display: none;
}
.open_c{background-image:url(images/open_comments.png)}
.close_c{background-image:url(images/close_comments.gif)}
/* Download */
.download{
	background:#D0F29D;
	text-align:center;
	border-top: 2px solid #9CD941;
	border-bottom: 2px solid #9CD941;
	margin:1em;
}
.download a{
	color: #000;
}
.download a:hover{
	color:#fff;
}
/*Get Firefox!*/
#getfirefox{
	text-align: center;
	padding: 2em 0 0 0;
}
#primary .secondary2{
	float:left;
	width:220px;
	margin:2em 0 0 0;
	padding: 0 1em;	
	}