📄 12.css
字号:
BODY {
BACKGROUND-COLOR: #840c4a;
SCROLLBAR-FACE-COLOR: #840c4a; SCROLLBAR-HIGHLIGHT-COLOR: #C60463; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #C60463; SCROLLBAR-ARROW-COLOR: #FFdff0; SCROLLBAR-TRACK-COLOR: #FFdff0; SCROLLBAR-DARKSHADOW-COLOR: #840c4a;
}
#layout{table-layout:fixed}
#layout td.c2t1{padding-left:10px}
#layout td.c2t2{width:20px}
#layout td.c2t3{padding-right:10px;width:24%}
#header {
HEIGHT: 299px
}
#header DIV.lc {
}
#header DIV.rc {
BACKGROUND: url(../blogimages/hbg12.jpg) no-repeat left top
}
#header DIV.tit {
FONT-SIZE: 42px; LEFT: 80px; LINE-HEIGHT: 48px; FONT-FAMILY: Arial; TOP: 26px; filter : progid:DXImageTransform.Microsoft.Blur ( enabled=true , makeShadow=false, pixelRadius=1.8 , shadowOpacity=0.75 )
}
#header DIV.tit A.titlink {
COLOR: #840c4a; TEXT-DECORATION: none
}
#header DIV.tit A.titlink:visited {
COLOR: #840c4a; TEXT-DECORATION: none
}
#header DIV.desc {
FONT-SIZE: 12px; LEFT: 85px; COLOR: #840c4a; TOP: 76px
}
#tabline {
TOP: 290px; BACKGROUND-COLOR: #ffffff;
}
#tab {
TOP: 270px
}
#tab A.on {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 1px; FONT-SIZE: 14px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; LINE-HEIGHT: 19px; BACKGROUND-COLOR: #840c4a
}
#tab A.on:link {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 1px; FONT-SIZE: 14px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; LINE-HEIGHT: 19px; BACKGROUND-COLOR: #840c4a
}
#tab A.on:visited {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 1px; FONT-SIZE: 14px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; LINE-HEIGHT: 19px; BACKGROUND-COLOR: #840c4a
}
#tab SPAN {
FONT-SIZE: 14px; COLOR: #ffffff
}
#tab A:link {
FONT-SIZE: 14px; COLOR: #ceff31; TEXT-DECORATION: none
}
#tab A:visited {
FONT-SIZE: 14px; COLOR: #ceff31; TEXT-DECORATION: none
}
#tab2 {
BACKGROUND: #840c4a
}
#tab2 SPAN {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ceff31
}
#tab2 A {
FONT-SIZE: 12px
}
#tab2 A:link {
COLOR: #ceff31
}
#tab2 A:visited {
COLOR: #ceff31
}
.stage {
BACKGROUND: #003355
}
#comm_info {
COLOR: #333333; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
#comm_info DIV.line {
BORDER-TOP: #d2e9f4 1px solid; MARGIN-TOP: 5px; LINE-HEIGHT: 8px
}
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; margin-bottom: 10px}
#comm_info A {
COLOR: #840C4A
}
#page {
FONT-SIZE: 14px; FONT-FAMILY: Arial; HEIGHT: 30px; TEXT-ALIGN: center
}
#page SPAN {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px
}
#page A.pc {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #840C4A
}
#page A.pc:visited {
COLOR: #840C4A
}
#page A.pi {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; COLOR: #840C4A; PADDING-TOP: 3px
}
#page A.pi:visited {
COLOR: #840C4A
}
.mod {
FILTER: progid:DXImageTransform.Microsoft.Shadow ( enabled=true , color=#000000 , direction=135 , strength=2 ); MARGIN-BOTTOM: 20px; BACKGROUND-COLOR: #ffffff
}
.modhandle {
CURSOR: move
}
.modth {
HEIGHT: 36px; BACKGROUND-COLOR: #B50463;
}
.modhead {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
.modopt {
PADDING-RIGHT: 4px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
.modtit {
FONT-SIZE: 12px; COLOR: #ccff33;
}
A.modtit {
COLOR: #ccff33
}
A.modtit:visited {
COLOR: #ffffff
}
.modtitlink {
FONT-SIZE: 12px; COLOR: #ffffff
}
A.modtitlink {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.modtitlink:visited {
COLOR: #333333; TEXT-DECORATION: none
}
A.modtitlink:hover {
COLOR: #ff0000; TEXT-DECORATION: underline
}
.modact {
FONT-SIZE: 12px; COLOR: #ffffff
}
A.modact:link {
COLOR: #ffffff
}
A.modact:visited {
COLOR: #ffffff
}
.modbox {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff
}
.modtl {
BACKGROUND: url(../blogimages/icon12.gif) no-repeat;background-position: 2px 50%; TEXT-INDENT: 33px;
}
.modtc {
BACKGROUND: url(../blogimages/tbg12.gif) ;
}
.modtr {
BACKGROUND: url(../blogimages/tbg12.gif) ;
}
.modbl {
LINE-HEIGHT: 1px; BACKGROUND-COLOR: #FFC7E7
}
.modbc {
LINE-HEIGHT: 1px; BACKGROUND-COLOR: #FFC7E7
}
.modbr {
LINE-HEIGHT: 1px; BACKGROUND-COLOR: #FFC7E7
}
#m_blog DIV.tit {left:200px;
FONT-SIZE: 14px; BACKGROUND: url(../blogimages/title12.gif) no-repeat;background-position: 5% 0%; TEXT-INDENT: 140px; LINE-HEIGHT: 120px;
}
#m_blog DIV.tit A {TEXT-DECORATION: none; BACKGROUND:#FFEEF7;
FONT-SIZE: 14px; COLOR: #840C4A;BORDER-RIGHT: #840c4a 1px double;BORDER-LEFT: #840c4a 1px double;BORDER-TOP: #840c4a 1px double; PADDING: 15px 30px 15px; BORDER-BOTTOM: #840c4a 1px double
}
#m_blog DIV.tit A:visited {
COLOR: #333333; BORDER-RIGHT: #840c4a 1px dashed;BORDER-LEFT: #840c4a 1px dashed;BORDER-TOP: #840c4a 1px dashed; PADDING: 15px 30px 15px; BORDER-BOTTOM: #840c4a 1px dashed
}
#m_blog DIV.tit A:hover {
background-color:#B50063;color:#ffffff;
}
#m_blog DIV.date {
MARGIN: 5px 0px 8px; COLOR: #666666
}
#m_blog DIV.cnt {text-indent : 2em;
BORDER-RIGHT: #840c4a 2px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #840c4a 2px dashed; PADDING-LEFT: 10px; FONT-SIZE: 14px; BACKGROUND: #FFdff0; PADDING-BOTTOM: 10px; BORDER-LEFT: #840c4a 2px dashed; COLOR: #333333; LINE-HEIGHT: 20px; PADDING-TOP: 10px; BORDER-BOTTOM: #840c4a 2px dashed
}
#m_blog DIV.cnt A {
color:#ff0c4a
}
#m_blog DIV.cnt A:visited {
color:#000000
}
#m_blog DIV.cnt A:hover {
color:#ff0c4a
}
#m_blog DIV.more {
MARGIN: 14px 0px 16px
}
#m_blog DIV.more A {
FONT-SIZE: 14px; COLOR: #3366aa
}
#m_blog DIV.more A:visited {
COLOR: #3366aa
}
#m_blog DIV.opt {
FONT-SIZE: 12px; COLOR: #666666
}
#m_blog DIV.opt A {
FONT-SIZE: 12px; COLOR: #3366aa
}
#m_blog DIV.opt A:visited {
COLOR: #3366aa
}
#m_blog DIV.line {
BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 17px; LINE-HEIGHT: 17px;
}
#m_blog DIV.none {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 100px; COLOR: #333333; PADDING-TOP: 100px
}
#m_pro A {
COLOR: #DE0063
}
#m_pro A:visited {
COLOR: #DE0063
}
#m_pro DIV.image {
TEXT-ALIGN: center
}
#m_pro DIV.act {
MARGIN-TOP: 10px
}
#m_pro DIV.user {
MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333
}
#m_pro DIV.desc {
FONT-SIZE: 12px; COLOR: #333333
}
#m_pro DIV.line {
BORDER-TOP: #d2e9f4 1px solid; MARGIN-TOP: 17px; LINE-HEIGHT: 17px
}
#m_pro TD {
FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 24px
}
#m_album DIV.image {
TEXT-ALIGN: center
}
#m_album DIV.page {
FONT-SIZE: 12px; COLOR: #666666; TEXT-ALIGN: center
}
#m_album DIV.page A {
FONT-SIZE: 12px; COLOR: #DE0063
}
#m_album DIV.page A:visited {
COLOR: #DE0063
}
#m_links DIV.item {
FONT-SIZE: 12px; COLOR: #333333
}
#m_links DIV.item A {
FONT-SIZE: 12px; COLOR: #DE0063; TEXT-DECORATION: none
}
#m_links DIV.item A:hover {background-color:#B50063;padding:3px 8px 3px;
COLOR: #ffffff; TEXT-DECORATION: none
}
#m_links DIV.line {
BORDER-TOP: #FFB0EA 1px dashed; MARGIN-TOP: 5px; LINE-HEIGHT: 8px
}
#m_mylink1 DIV.item {text-align: center;
FONT-SIZE: 12px; COLOR: #333333
}
#m_mylink1 DIV.item A {
FONT-SIZE: 12px; COLOR: #DE0063; TEXT-DECORATION: none
}
#m_mylink1 DIV.item A:hover {
COLOR: #DE0063;Text-decoration:underline;
}
#m_mylink1 DIV.line {
BORDER-TOP: #FFB0EA 1px dashed; MARGIN-TOP: 5px; LINE-HEIGHT: 8px
}
#m_mylink2 DIV.item {
FONT-SIZE: 12px; COLOR: #333333
}
#m_mylink2 DIV.item A {
FONT-SIZE: 12px; COLOR: #DE0063; TEXT-DECORATION: underline;
}
#m_mylink2 DIV.item A:hover {font-size: 16px;
COLOR: #DE0063;Text-decoration:none;
}
#m_mylink2 DIV.line {
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -