plone.css

Makefile编程及相关资料的介绍与入门。很适合初学者的学习与借鉴

	WIDTH: 100%
}
TABLE.columns TD.left {
	PADDING-RIGHT: 0em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; VERTICAL-ALIGN: top; WORD-BREAK: break-all; PADDING-TOP: 2em
}
TABLE.columns TD.main {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; VERTICAL-ALIGN: top; WIDTH: 80%; WORD-BREAK: break-all; PADDING-TOP: 0em
}
TABLE.columns TD.right {
	PADDING-RIGHT: 1em; PADDING-LEFT: 0em; PADDING-BOTTOM: 1em; VERTICAL-ALIGN: top; WORD-BREAK: break-all; PADDING-TOP: 2em
}
#contentTabs {
	MARGIN-TOP: 2em; PADDING-LEFT: 1em; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: black 1px solid; WHITE-SPACE: nowrap; BORDER-COLLAPSE: collapse
}
#contentTabs A {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: black 1px solid; PADDING-LEFT: 2em; FONT-WEIGHT: normal; BACKGROUND: white; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: lowercase; BORDER-LEFT: black 1px solid; COLOR: black; MARGIN-RIGHT: 0.5em; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px; HEIGHT: 1.2em
}
#contentTabs A.selected {
	FONT-WEIGHT: normal; BACKGROUND: #99cf64; COLOR: white; BORDER-BOTTOM: #99cf64 1px solid
}
#contentTabs A:hover {
	COLOR: white; BACKGROUND-COLOR: #99cf64
}
#contentBar {
	BORDER-RIGHT: black 1px solid; BACKGROUND: #99cf64; TEXT-TRANSFORM: lowercase; BORDER-LEFT: black 1px solid; COLOR: black; TEXT-ALIGN: right
}
DIV.document {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e7e7e7; PADDING-BOTTOM: 0px; MARGIN: 0em 0em 2em; FONT: 9pt SimSun,Verdana, Helvetica, Arial, sans-serif; PADDING-TOP: 0px
}
DIV.editableDocument {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; PADDING-LEFT: 1em; BACKGROUND: white; PADDING-BOTTOM: 2em; MARGIN: 0em 0em 2em; FONT: 9pt SimSun,Verdana, Helvetica, Arial, sans-serif; BORDER-LEFT: black 1px solid; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px solid
}
DIV.documentActions {
	MARGIN-TOP: 1em; FLOAT: right
}
DIV.message {
	BORDER-RIGHT: #ffa500 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ffa500 1px solid; PADDING-LEFT: 1em; BACKGROUND: #ffce7b; PADDING-BOTTOM: 0.5em; MARGIN: 1em 0em; FONT: bold 9pt SimSun,Verdana, Helvetica, Arial, sans-serif; VERTICAL-ALIGN: middle; BORDER-LEFT: #ffa500 1px solid; COLOR: black; PADDING-TOP: 0.5em; BORDER-BOTTOM: #ffa500 1px solid
}
DIV.message A {
	COLOR: black; TEXT-DECORATION: underline
}
DIV.title {
	MARGIN-TOP: 1em
}
.description {
	DISPLAY: block; MARGIN: 1em 0em; FONT: bold 9pt/1.5em SimSun,Verdana, Helvetica, Arial, sans-serif
}
.footer {
	CLEAR: both; PADDING-RIGHT: 0em; BORDER-TOP: black 1px solid; PADDING-LEFT: 0em; BACKGROUND: #c62c03; FLOAT: none; PADDING-BOTTOM: 1em; MARGIN: 2em 0em; COLOR: black; PADDING-TOP: 0.5em; BORDER-BOTTOM: black 1px solid; TEXT-ALIGN: center
}
INPUT.standalone {
	PADDING-RIGHT: 1px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: url(linkOpaque.gif) #668acb no-repeat 9px 1px; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 1px; TEXT-TRANSFORM: lowercase; CURSOR: pointer; COLOR: white; PADDING-TOP: 1px
}
INPUT.context {
	PADDING-RIGHT: 1px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: url(linkTransparent.gif) white no-repeat 9px 1px; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 1px; TEXT-TRANSFORM: lowercase; CURSOR: pointer; COLOR: black; PADDING-TOP: 1px
}
INPUT.destructive {
	BORDER-RIGHT: #ffa500 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ffa500 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: url(linkTransparent.gif) #ffce7b no-repeat 9px 1px; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 1px; TEXT-TRANSFORM: lowercase; BORDER-LEFT: #ffa500 1px solid; CURSOR: pointer; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: #ffa500 1px solid
}
INPUT.noborder {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; MARGIN: 0px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent
}
DIV.row {
	CLEAR: both; MIN-HEIGHT: 4em; MARGIN: 0em 0em 1em; POSITION: relative
}
.group {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; PADDING-LEFT: 1em; BACKGROUND: white; PADDING-BOTTOM: 0em; MARGIN: 1em 0em; FONT: 9pt SimSun,Verdana, Helvetica, Arial, sans-serif; BORDER-LEFT: black 1px solid; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px solid
}
SPAN.legend {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-SIZE: 9pt; BACKGROUND: white; LEFT: 0em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; POSITION: relative; TOP: -0.5em
}
DIV.label {
	PADDING-RIGHT: 0.5em; DISPLAY: inline; FONT-WEIGHT: bold
}
DIV.field {
	MARGIN-TOP: 0.2em
}
DIV.help {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: black 1px solid; PADDING-LEFT: 0.5em; FONT-WEIGHT: normal; FONT-SIZE: 9pt; LEFT: -18em; PADDING-BOTTOM: 0.5em; BORDER-LEFT: black 1px solid; WIDTH: 16em; LINE-HEIGHT: normal; PADDING-TOP: 0.5em; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 1.5em; BACKGROUND-COLOR: #ffffe1; TEXT-ALIGN: left
}
.error {
	BORDER-RIGHT: #ffa500 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ffa500 1px solid; PADDING-LEFT: 1em; BACKGROUND: #ffce7b; PADDING-BOTTOM: 1em; MARGIN: 0px; BORDER-LEFT: #ffa500 1px solid; WIDTH: 68%! important; PADDING-TOP: 1em; BORDER-BOTTOM: #ffa500 1px solid
}
.required {
	BACKGROUND: url(required.gif) no-repeat right 50%
}
SPAN.card {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; PADDING-LEFT: 1em; BACKGROUND: #dddddd; FLOAT: left; PADDING-BOTTOM: 1em; MARGIN: 1em; BORDER-LEFT: black 1px solid; WIDTH: 85%; PADDING-TOP: 1em; BORDER-BOTTOM: black 1px solid; TEXT-ALIGN: center
}
TABLE.listing {
	CLEAR: both; FONT-SIZE: 8.5pt; MARGIN: 1em 0em; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse
}
DIV.stx TABLE {
	CLEAR: both; FONT-SIZE: 8.5pt; MARGIN: 1em 0em; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse
}
TABLE.listing TH {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; PADDING-LEFT: 1em; FONT-WEIGHT: normal; BACKGROUND: #668acb; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: lowercase; COLOR: black; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px solid; WHITE-SPACE: nowrap
}
DIV.stx TABLE TH {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; PADDING-LEFT: 1em; FONT-WEIGHT: normal; BACKGROUND: #668acb; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: lowercase; COLOR: black; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px solid; WHITE-SPACE: nowrap
}
TABLE.listing TD.top {
	BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 0em; BORDER-TOP: white 1px solid; PADDING-LEFT: 0em; LEFT: -1px; PADDING-BOTTOM: 1em; BORDER-LEFT: white 1px solid; PADDING-TOP: 0em; POSITION: relative; TOP: -1px; TEXT-ALIGN: right! important
}
TABLE.listing TR.odd {
	BACKGROUND: white
}
TABLE.listing TR.even {
	BACKGROUND: #dddddd
}
TABLE.listing TD {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0em; PADDING-TOP: 0em; TEXT-ALIGN: left
}
DIV.stx TABLE TD {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0em; PADDING-TOP: 0em; TEXT-ALIGN: left
}
TABLE.listing A:hover {
	TEXT-DECORATION: underline
}
TABLE.listing IMG {
	VERTICAL-ALIGN: middle
}
DIV.stx TABLE P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.stx TABLE {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
DIV.stx TABLE TD {
	BORDER-BOTTOM: black 1px solid
}
DIV.box {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0em 0em 2em; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
DIV.box H4 {
	FONT-SIZE: 9pt
}
DIV.box H5 {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; DISPLAY: inline; PADDING-LEFT: 1em; FONT-SIZE: 9pt; BACKGROUND: #99cf64; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: lowercase; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px; HEIGHT: 1.2em
}
DIV.box H6 {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; DISPLAY: block; PADDING-LEFT: 1em; FONT-SIZE: 9pt; BACKGROUND: #99cf64; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: lowercase; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px; HEIGHT: 1.2em
}
DIV.box DIV.body {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: white; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse
}
.boxDetails {
	TEXT-ALIGN: right
}
DIV.box .content {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 1em
}
DIV.box A.close {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; FLOAT: right; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: none; BORDER-LEFT: black 1px solid; PADDING-TOP: 0em
}
DIV.box H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.box H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.box H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.box H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.box .even {
	BACKGROUND-COLOR: #eeeeee
}
DIV.box .odd {
	BACKGROUND-COLOR: white
}
DIV.box INPUT {
	FONT-SIZE: 9pt
}
DIV.spacer {
	MARGIN: 1em
}
.currentNavItem {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; FONT-WEIGHT: bold; PADDING-BOTTOM: 0em; COLOR: black; PADDING-TOP: 0em
}
.private {
	COLOR: black
}
.published {
	COLOR: #74ae0b
}
.pending {
	COLOR: #ffa500
}
.syndicated {
	COLOR: #008000
}
.expired {
	COLOR: red
}
.even {
	BACKGROUND-COLOR: #dddddd
}
.odd {
	BACKGROUND-COLOR: white
}
.highlight {
	BACKGROUND-COLOR: #dddddd
}
DIV.listingBar {
	CLEAR: both; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; PADDING-LEFT: 1em; BACKGROUND: #dddddd; PADDING-BOTTOM: 0em; MARGIN: 1em 0em; VERTICAL-ALIGN: top; TEXT-TRANSFORM: lowercase; BORDER-LEFT: black 1px solid; PADDING-TOP: 0em; BORDER-BOTTOM: black 1px solid; TEXT-ALIGN: center
}
DIV.listingBar SPAN.previous {
	FLOAT: left; TEXT-ALIGN: left
}
DIV.listingBar SPAN.next {
	FLOAT: right; TEXT-ALIGN: right
}
DIV listingBar IMG {
	VERTICAL-ALIGN: middle
}
DIV.day {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0.2em; BORDER-TOP: black 1px solid; PADDING-LEFT: 0.2em; Z-INDEX: 2; VISIBILITY: hidden; PADDING-BOTTOM: 0.2em; BORDER-LEFT: black 1px solid; WIDTH: 12em; PADDING-TOP: 0.2em; BORDER-BOTTOM: black 1px solid; POSITION: absolute; BACKGROUND-COLOR: #ffffbb
}
DIV.date {
	FONT-WEIGHT: bold
}
TABLE.calendar {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN: 0em 1em 2em 0em; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; TEXT-ALIGN: right
}
TABLE.calendar A {
	COLOR: #000066; TEXT-DECORATION: none
}
TABLE.calendar A:hover {
	TEXT-DECORATION: none
}
TABLE.calendar TH {
	FONT-WEIGHT: bold; COLOR: black; BACKGROUND-COLOR: #99cf64; TEXT-ALIGN: center
}
TABLE.calendar TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WORD-BREAK: normal; PADDING-TOP: 2px
}
TABLE.calendar TD.weekdays {
	BORDER-RIGHT: black 1px; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #99cf64; TEXT-ALIGN: center
}
TABLE.calendar TD.event {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #99cf64
}
TABLE.calendar TD.noevent {
	BACKGROUND-COLOR: white
}
TABLE.calendar TD.todayevent {
	BORDER-RIGHT: #336699 2px solid; BORDER-TOP: #336699 2px solid; FONT-WEIGHT: bold; BORDER-LEFT: #336699 2px solid; BORDER-BOTTOM: #336699 2px solid; BACKGROUND-COLOR: #99cf64
}
TABLE.calendar TD.todaynoevent {
	BORDER-RIGHT: #336699 2px solid; BORDER-TOP: #336699 2px solid; BORDER-LEFT: #336699 2px solid; BORDER-BOTTOM: #336699 2px solid; BORDER-COLLAPSE: collapse
}