bluestyle.css

实现VC就象ACCESS浏览功能

BODY {
	BACKGROUND-COLOR: #444; FONT-FAMILY: Tahoma, Arial; FONT-SIZE: 12px; MARGIN: 20px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
TABLE {
	COLOR: #000; FONT-FAMILY: Tahoma, Arial; FONT-SIZE: 12px
}
TD {
	
}
A:link {
	COLOR: #0a85d3; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0a85d3; TEXT-DECORATION: none
}
A:hover {
	COLOR: black; TEXT-DECORATION: none
}
HR {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; HEIGHT: 1px
}
FORM {
	DISPLAY: inline
}
INPUT {
	FONT-FAMILY: Tahoma, Arial; FONT-SIZE: 12px
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle
}
INPUT.text {
	BACKGROUND-COLOR: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; COLOR: #000; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
INPUT.button {
	BACKGROUND-COLOR: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #bebebe 4px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #bebebe 1px solid; COLOR: #000; HEIGHT: 20px
}
TEXTAREA {
	BACKGROUND-COLOR: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; COLOR: #000; FONT-FAMILY: Tahoma, Arial; FONT-SIZE: 12px
}
SELECT {
	BACKGROUND-COLOR: #fff; COLOR: #000; FONT-FAMILY: Tahoma, Arial; FONT-SIZE: 12px
}
#wrapper {
	BACKGROUND-COLOR: #fff; MARGIN: 0px; POSITION: relative; TEXT-ALIGN: left; WIDTH: 100%
}
#innerWrapper {
	WIDTH: 100%
}
#header {
	BORDER-BOTTOM: #eee 3px solid
}
#innerHeader {
	BACKGROUND-COLOR: #66cbff; HEIGHT: 96px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px; VERTICAL-ALIGN: bottom
}
#logo {
	DISPLAY: none; FLOAT: left; MARGIN-RIGHT: 10px
}
#menu {
	BACKGROUND-COLOR: #333; BORDER-BOTTOM: #58b8f6 3px solid; BORDER-TOP: #58b8f6 3px solid; COLOR: black; MARGIN: 10px 0px 0px; PADDING-BOTTOM: 4px; PADDING-LEFT: 5px; PADDING-TOP: 2px
}
#menu A:link {
	COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 3px; TEXT-DECORATION: none
}
#menu A:visited {
	COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 3px; TEXT-DECORATION: none
}
#menu A:hover {
	COLOR: #87cefa
}
#menu UL {
	MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#menu LI {
	DISPLAY: inline; LIST-STYLE: none; MARGIN: 0px 5px 0px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; PADDING-TOP: 0px
}
.blog-header {
	MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
H1 {
	COLOR: black; FONT-SIZE: 24px; FONT-WEIGHT: bold; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H1 A:link {
	COLOR: #000; TEXT-DECORATION: none
}
H1 A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
H1 A:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
.blog-desc {
	COLOR: #000; PADDING-TOP: 5px
}
#footer {
	BACKGROUND: #333; BORDER-BOTTOM: #66cbff 10px solid; BORDER-TOP: #eee 3px solid; CLEAR: both; HEIGHT: 50px
}
#innerFooter {
	COLOR: #88cbf6; FONT-SIZE: 9px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 15px; TEXT-ALIGN: center
}
#innerFooter A {
	COLOR: #88cbf6; TEXT-DECORATION: underline
}
H3 {
	FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.comment-text {
	COLOR: gray; FONT-SIZE: 11px
}
.hidden-note {
	COLOR: gray; FONT-SIZE: 11px
}
.red {
	COLOR: red
}
.highlight {
	BACKGROUND: #ff0; COLOR: #f60; FONT-WEIGHT: bold
}
#mainWrapper {
	
}
.sidebar {
	BACKGROUND-COLOR: #000; BACKGROUND-IMAGE: url(images/title_bg.gif); BORDER-BOTTOM: #eef4ff 1px solid; BORDER-LEFT: #eef4ff 1px solid; FLOAT: right; WIDTH: 210px
}
.sidebar-hide {
	DISPLAY: none; FLOAT: right
}
#innerSidebar {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.content {
	FLOAT: left; MARGIN-RIGHT: -220px; WIDTH: 100%
}
.content-wide {
	MARGIN-RIGHT: -220px; WIDTH: auto
}
.content-only {
	MARGIN-RIGHT: -220px; WIDTH: auto
}
#innerContent {
	BACKGROUND-COLOR: #fff; MARGIN-RIGHT: 220px; OVERFLOW: visible; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.clear {
	BORDER-TOP: 0px; CLEAR: both; MARGIN-TOP: 0px; VISIBILITY: hidden
}
.panel {
	BORDER-BOTTOM: #00a8ff 1px dashed; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.panel H5 {
	BACKGROUND-COLOR: white; BORDER-BOTTOM: #00a8ff 1px solid; BORDER-LEFT: #00a8ff 5px solid; BORDER-RIGHT: #00a8ff 1px solid; BORDER-TOP: #00a8ff 1px solid; COLOR: #000; FONT-SIZE: 11px; FONT-WEIGHT: bold; MARGIN: 0px; PADDING-BOTTOM: 5px; PADDING-LEFT: 15px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.panel-content {
	COLOR: #000; LINE-HEIGHT: 120%; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.panel-content UL {
	MARGIN: 0px 0px 0px 12px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.panel-content LI {
	LIST-STYLE: url(images/square_6.gif) outside; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#panelLinks LI A {
	DISPLAY: block; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; WIDTH: 160px
}
#panelLinks LI A:hover {
	BACKGROUND-COLOR: #c6e9fd; DISPLAY: block; WIDTH: 160px
}
#loginForm {
	WIDTH: 95%
}
.panel-smilies {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.panel-smilies-title {
	BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; TEXT-ALIGN: left
}
.panel-smilies-content {
	LINE-HEIGHT: 120%; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.meta-button {
	MARGIN: 1px
}
.multipage {
	COLOR: #999
}
.multipage-current {
	COLOR: #999; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
#calendar {
	MARGIN-TOP: 5px; WIDTH: 180px
}
.calendar-top {
	COLOR: #333; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-year {
	FONT-WEIGHT: bold
}
.calendar-month {
	FONT-WEIGHT: bold
}
.calendar-weekdays {
	
}
.calendar-weekday-cell {
	COLOR: #666; FONT-SIZE: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center; WIDTH: 14%
}
.calendar-main {
	BACKGROUND: #fff
}
.calendar-day {
	COLOR: #666; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center; WIDTH: 14%
}
.calendar-day-blank {
	COLOR: #666; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center; WIDTH: 14%
}
.calendar-saturday {
	COLOR: #666; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center; WIDTH: 14%
}
.calendar-sunday {
	COLOR: #666; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center; WIDTH: 14%
}
.calendar-today {
	COLOR: #666; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center; WIDTH: 14%
}
.calendar-saturday {
	COLOR: #999; FONT-WEIGHT: bold
}
.calendar-sunday {
	COLOR: #999; FONT-WEIGHT: bold
}
.calendar-today {
	BACKGROUND: url(images/bg_today.gif) no-repeat; COLOR: #0000cd; FONT-WEIGHT: bold
}
.calendar-day A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-day A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-saturday A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-saturday A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-sunday A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-sunday A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-today A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-today A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
#calendar TH {
	FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal
}
.announce {
	PADDING-BOTTOM: 10px
}
.announce-content {
	BACKGROUND-COLOR: #f9f9f9; BACKGROUND-IMAGE: url(images/title_bg.gif); COLOR: #000; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px; word-wrap: break-all
}
.announce-time {
	COLOR: #999; FLOAT: right; FONT-SIZE: 11px
}
.article-top {
	MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.article-bottom {
	MARGIN-TOP: 5px; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.pages {