global.css

OpenCMS内容管理入门指南

/* Global Styles */

body {
	margin:0px;
}
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}
a {
	color: #FF6600;
	font-weight:bold;
}
a:hover {
	color: #3366CC;
}
/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
}
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
}
#navigation a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
}
#logo {
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
}
#tagline {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:0.4em;
	line-height:18px;
}
#monthformat {
	border-bottom: 2px solid #E6F3FF;
}
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
}
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
}
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
}
/* Class Styles */
	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
}
.blogHeadline {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #6B8E23;
	line-height:24px;
	letter-spacing:.2em;
}
.blogTimestamp {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #3399FF;
	line-height:18px;
	letter-spacing:0.2em;
}
.blogSearchResult {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	letter-spacing:0.2em;
	text-decoration: none;
}
.blogSearchResult A:active, A:link, A:visited, A:hover {
	color: #6B8E23;
	text-decoration: none;
}
.postDivider {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3399FF;
}
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
}
.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
}
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}
#sidebar {
	float:right;
	font-size:1em;
	margin:0pt;
	padding:10px;
}
#sidebar h2 {
	border-bottom:1px solid #3399FF;
	color:#333333;
	font-size:0.8em;
	margin:0pt;
	padding:0pt 5px;
	text-transform:uppercase;
}
#sidebar ul {
	font-size:0.9em;
	list-style-type:none;
	margin:0pt;
	padding:0pt 0pt 1em 5px;
}
#sidebar ul li {
	margin:0.5em 0pt 0pt;
	padding:0pt;
}
#sidebar li a:link, #sidebar li a:visited {
	border:medium none;
	color:#6B8E23;
	text-decoration:none;
}
#sidebar li a:hover {
	border:medium none;
	color:#6B8E23;
	text-decoration:underline;
}

.leftRail {
	width: 20px;
}
.spacer {
	width: 20px;
}
.blogCategories {
	color: #FF6600;
}
.label {
	COLOR: #3366cc
}
.label A:link, A:hover, A:visited {
	text-decoration: none;
	FONT-WEIGHT: bold; COLOR: #3366cc
}
.photo {
}

.photo img {
	padding-left: 4px;
	padding-right: 4px;
}

.blogCommentsTitle {
	font-size: 10pt;
}

.blogCommentList li {
	border-top: 1px solid #cccccc;
	list-style-type: none;
	padding:5px 0pt 0pt 0px;
}

.commentIndex {
	float: left;
}

.commentMeta {
	float: left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	letter-spacing:0pt;
	line-height:110%;
	margin:0pt 10px 0pt 0px;
	padding:0pt;
	text-align:left;
	width:100px;
	word-spacing:normal;
}

.commentText {
	float: left;
}

.commentSpacer {
	clear: both;
}

.login {
     color: #000000;
     font-family: Verdana;
     font-size: 9pt;
     text-align: right;
     margin: 2px;
}

.login .input {
     font-family: Verdana;
     font-size: 9pt;
     width: 110px;
     margin-right: 5px;
}

.login .submit {
     font-family: Verdana;
     font-size: 9pt;
     background-color: #333333;
     color: #FFFFFF;
     margin-right: 5px;
}