📄 styles.css

📁 一个功能完善的论坛系统,有数据库备分,希望对你有所帮助
💻 CSS
📖 第 1 页 / 共 2 页
字号:
12 下一页
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "Tahoma", "verdana", "arial", "sans-serif"; BACKGROUND-COLOR: #393c5a
}
TABLE {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial
}
TD {
	WORD-BREAK: break-all
}
A:link {
	COLOR: #20375f; TEXT-DECORATION: none
}
A:visited {
	COLOR: #20375f; TEXT-DECORATION: none
}
A:hover {
	COLOR: #f90; TEXT-DECORATION: none
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; HEIGHT: auto; max-width: 100%
}
HR {
	BORDER-TOP: #cccccc 1px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
FORM {
	DISPLAY: inline
}
INPUT {
	FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial
}
INPUT.text {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #f9f9f9
}
INPUT.button {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
TEXTAREA {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #f9f9f9
}
SELECT {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #ffffff
}
#wrapper {
	
}
#innerWrapper {
	
}
#header {
	PADDING-RIGHT: 10px; MARGIN-TOP: 0px; PADDING-LEFT: 10px; BACKGROUND: #393c5a; PADDING-BOTTOM: 5px; PADDING-TOP: 20px; BORDER-BOTTOM: #9ccf00 4px solid
}
#innerHeader {
	
}
#footer {
	CLEAR: both
}
#innerFooter {
	FONT-SIZE: 11px; COLOR: #eee; TEXT-ALIGN: center
}
#innerFooter A {
	COLOR: #fff
}
#blogLogo {
	
}
#logo {
	DISPLAY: none
}
.blog-header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 25px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px
}
H1 A:link {
	COLOR: #9ccf00; TEXT-DECORATION: none
}
H1 A:visited {
	COLOR: #9ccf00; TEXT-DECORATION: none
}
H1 A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
.blog-desc {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 16px; PADDING-BOTTOM: 1px; COLOR: #838383; PADDING-TOP: 1px; FONT-FAMILY: "Courier New"
}
#menu {
	MARGIN-TOP: 2px; COLOR: #fff; TEXT-ALIGN: right
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu LI {
	DISPLAY: inline; LIST-STYLE-TYPE: none
}
#menu LI A:hover {
	BACKGROUND: #9ccf00; COLOR: #000; TEXT-DECORATION: none
}
#menu A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; COLOR: #9ccf00; PADDING-TOP: 4px
}
#mainWrapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 3px; PADDING-TOP: 0px; BORDER-BOTTOM: #84829c 3px solid
}
.sidebar {
	BACKGROUND: #efefef; FLOAT: right; BORDER-LEFT: #84829c 1px solid; WIDTH: 24%; BORDER-BOTTOM: #84829c 1px solid
}
.sidebar-hide {
	DISPLAY: none; FLOAT: left
}
#innerSidebar {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 75%; PADDING-TOP: 6px
}
.content-wide {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 6px
}
.content-only {
	MARGIN: 10px; WIDTH: auto
}
#innerContent {
	OVERFLOW: visible
}
.clear {
	CLEAR: both; BORDER-TOP: transparent 0px solid; MARGIN-TOP: 0px; VISIBILITY: hidden
}
.panel {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.panel H5 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #333; TEXT-INDENT: 24px; PADDING-TOP: 2px; BORDER-BOTTOM: #84829c 1px solid
}
#panel_user H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/user.gif) no-repeat 4px top
}
#panelCategory H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/category.gif) no-repeat 4px top
}
#panelCalendar H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/calendar.gif) no-repeat 4px top
}
#panelArticle H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/article.gif) no-repeat 4px top
}
#panelComment H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/comment.gif) no-repeat 4px top
}
#panelStats H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/stat.gif) no-repeat 4px top
}
#panelSearch H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/search.gif) no-repeat 4px top
}
#panelTags H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/hot.gif) no-repeat 4px top
}
#panelLinks H5 {
	BACKGROUND: url(../发表日志 - Clingingboy.files/images/friend.gif) no-repeat 4px top
}
.panel-content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #333; LINE-HEIGHT: 120%; PADDING-TOP: 5px
}
.panel-content UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.panel-content LI {
	BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 1px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 1px; MARGIN: 1px 0px 0px; BORDER-LEFT: #f1f1f1 1px solid; COLOR: #333; PADDING-TOP: 1px; BORDER-BOTTOM: #f1f1f1 1px solid; LIST-STYLE-TYPE: circle
}
.panel-content LI:hover {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; MARGIN: 1px 0px 0px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid
}
#loginForm {
	WIDTH: 95%
}
#calendar {
	MARGIN-TOP: 5px
}
.calendar-top {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #333333; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-year {
	FONT-WEIGHT: bold
}
.calendar-month {
	FONT-WEIGHT: bold
}
.calendar-weekdays {
	
}
.calendar-weekday-cell {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #666666; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-main {
	BACKGROUND: #ffffff
}
.calendar-day {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #333; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-day-blank {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #333; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-saturday {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #333; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-sunday {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #333; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-today {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #333; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-saturday {
	FONT-WEIGHT: bold; COLOR: #333
}
.calendar-sunday {
	FONT-WEIGHT: bold; COLOR: #333
}
.calendar-today {
	BORDER-RIGHT: #cccccc 1px dashed; BORDER-TOP: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; BORDER-BOTTOM: #cccccc 1px dashed; BACKGROUND-COLOR: #f6f6f6
}
.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
}
.search-field {
	WIDTH: 155px
}
.announce {
	BORDER-RIGHT: #cccccc 1px solid; BACKGROUND-POSITION: left top; BORDER-TOP: #cccccc 4px solid; BACKGROUND-IMAGE: url(../发表日志 - Clingingboy.files/images/article-title-bg.gif); MARGIN: 10px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f8f8f5
}
.announce-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #666666; PADDING-TOP: 10px
}
.announce-time {
	FONT-SIZE: 11px; FLOAT: right; COLOR: #999999
}
.article-top {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.article-bottom {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.pages {
	PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; MARGIN: 8px 0px 0px; FONT: 80% Arial, Helvetica, sans-serif; COLOR: #ffffff; PADDING-TOP: 3px; TEXT-ALIGN: left
}
.pages A:link {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: lighter; BACKGROUND: #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
.pages A:visited {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: lighter; BACKGROUND: #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
.pages .pagelink-current {
12 下一页
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -