📄 my.css
字号:
.BkMarkTitle {
BACKGROUND: #ebf7f0
}
.ArticleTitle {
BACKGROUND: #ebf7f0
}
#PhotoManage_list {
BORDER-TOP: 1px solid
}
#VideoInfo {
BORDER-TOP: 1px solid
}
#MusicPlayerID INPUT {
BORDER-RIGHT: #8ed4ab 1px solid; BORDER-TOP: #8ed4ab 1px solid; BACKGROUND: #ebf7f0; BORDER-LEFT: #8ed4ab 1px solid; COLOR: #666; BORDER-BOTTOM: #8ed4ab 1px solid
}
#MusicPublisID INPUT {
BORDER-RIGHT: #8ed4ab 1px solid; BORDER-TOP: #8ed4ab 1px solid; BACKGROUND: #ebf7f0; BORDER-LEFT: #8ed4ab 1px solid; COLOR: #666; BORDER-BOTTOM: #8ed4ab 1px solid
}
#MusicPublisID TEXTAREA {
BORDER-RIGHT: #8ed4ab 1px solid; BORDER-TOP: #8ed4ab 1px solid; BACKGROUND: #ebf7f0; BORDER-LEFT: #8ed4ab 1px solid; COLOR: #666; BORDER-BOTTOM: #8ed4ab 1px solid
}
.side_title_2 A:link {
COLOR: #f60
}
.side_title {
BORDER-TOP: #469968 3px solid
}
.FriendBlock {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px; BACKGROUND: #ffffff; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.side_block {
BORDER-RIGHT: 1px solid; MARGIN-BOTTOM: 8px; BORDER-LEFT: 1px solid; BORDER-TOP-STYLE: none; BORDER-BOTTOM: 1px solid
}
#MusicBlock {
BORDER-RIGHT: 1px solid; MARGIN-BOTTOM: 8px; BORDER-LEFT: 1px solid; BORDER-TOP-STYLE: none; BORDER-BOTTOM: 1px solid
}
.PublishArticle {
BORDER-RIGHT: 1px solid; MARGIN-BOTTOM: 8px; BORDER-LEFT: 1px solid; BORDER-TOP-STYLE: none; BORDER-BOTTOM: 1px solid
}
#BlogArgueID {
BORDER-RIGHT: 1px solid; MARGIN-BOTTOM: 8px; BORDER-LEFT: 1px solid; BORDER-TOP-STYLE: none; BORDER-BOTTOM: 1px solid
}
.left_side_3 {
BORDER-RIGHT: #8ed4ab 1px solid; WIDTH: 204px
}
.left_side_3 DIV {
PADDING-LEFT: 37px; BACKGROUND: url(http://hexun.com/img/img_style006/h01_13.gif) #ebf7f0 no-repeat 20px 7px; LINE-HEIGHT: 27px; BORDER-BOTTOM: #8ed4ab 1px solid; HEIGHT: 27px
}
.Music_Item {
BACKGROUND: #ffffff; BORDER-BOTTOM: #8ed4ab 1px solid; HEIGHT: auto
}
.Music_Item_A {
PADDING-LEFT: 10px; BACKGROUND: #ebf7f0; LINE-HEIGHT: 27px; BORDER-BOTTOM: #8ed4ab 1px solid; HEIGHT: 27px
}
.tag {
BACKGROUND: #ebf7f0; LINE-HEIGHT: 25px; BORDER-BOTTOM: 1px solid; HEIGHT: 25px
}
.quote {
BORDER-RIGHT: #8ed4ab 1px solid; BORDER-TOP: #8ed4ab 1px solid; PADDING-LEFT: 0px! important; BACKGROUND: #ebf7f0; MARGIN-BOTTOM: 8px; MARGIN-LEFT: 10px; BORDER-LEFT: #8ed4ab 1px solid; BORDER-BOTTOM: #8ed4ab 1px solid
}
.MessageTable_1 {
BORDER-RIGHT: #8ed4ab 1px solid; WIDTH: 75px; BORDER-BOTTOM: #8ed4ab 1px solid
}
.MessageTable_2 {
BORDER-BOTTOM: #8ed4ab 1px solid
}
.MessageTable_2_2 {
BORDER-RIGHT: 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; BACKGROUND: #ebf7f0; MARGIN: 10px 200px 10px 10px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.CircleList {
BACKGROUND: #8ed4ab; WIDTH: 100%; LINE-HEIGHT: 28px
}
.MessageTable_2_1 {
BACKGROUND: #ebf7f0; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 24px; BORDER-BOTTOM: 1px solid; HEIGHT: 24px
}
#header #tag_bar .tag_bar_title {
BACKGROUND: #8ed4ab; FLOAT: left; MARGIN: 0px 10px 0px -10px; FONT: 14px/28px 黑体; WIDTH: 83px; COLOR: #fff; HEIGHT: 31px; TEXT-ALIGN: center
}
#header .site_description {
PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 21px; WIDTH: 924px; COLOR: #469968; FONT-FAMILY: 黑体; HEIGHT: 137px
}
#header .site_description A {
COLOR: #f60
}
.site_description_A {
MARGIN-TOP: 35px; MARGIN-LEFT: 35px
}
.site_description_B {
MARGIN-TOP: 5px; FONT-WEIGHT: normal; MARGIN-LEFT: 32px
}
#header #navi_bar {
PADDING-RIGHT: 10px; BORDER-TOP: 1px solid; PADDING-LEFT: 10px; BACKGROUND: #ebf7f0; WIDTH: 914px; LINE-HEIGHT: 28px; BORDER-BOTTOM: 1px solid; HEIGHT: 28px
}
#header #site_title {
PADDING-RIGHT: 10px; BORDER-TOP: #469968 3px solid; BACKGROUND: #8ed4ab; COLOR: #fff; LINE-HEIGHT: 31px; HEIGHT: 31px
}
#header #site_title A {
COLOR: #fff
}
.music_boder {
BORDER-RIGHT: #8ed4ab 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #8ed4ab 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #8ed4ab 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #8ed4ab 1px solid; TEXT-ALIGN: left
}
.PhotoRestore {
PADDING-RIGHT: 10px; MARGIN-TOP: 10px; PADDING-LEFT: 10px; BACKGROUND: #ebf7f0; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.PhotoLian {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #ffffff
}
#TitleAndLot_1 {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: #ebf7f0; FLOAT: left; BORDER-LEFT: 1px solid; WIDTH: 75px; MARGIN-RIGHT: 3px; TEXT-ALIGN: center
}
#TitleAndLot_2 {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: #ebf7f0; BORDER-LEFT: 1px solid; WIDTH: 75px; TEXT-ALIGN: center
}
#AlterPhotoItemTableRight {
BACKGROUND: #ebf7f0; WIDTH: 280px
}
.ReplyTable_B_1 {
BORDER-TOP: 1px solid; BACKGROUND: #ebf7f0; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.ReplyTable_A {
BORDER-RIGHT: #8ed4ab 1px solid; PADDING-BOTTOM: 5px; WIDTH: 75px; BORDER-BOTTOM: #8ed4ab 1px solid
}
#bottom {
BACKGROUND: #8ed4ab; COLOR: #fff; LINE-HEIGHT: 40px; HEIGHT: 40px; TEXT-ALIGN: center
}
BODY {
FONT-SIZE: 12px; BACKGROUND: #00732e; MARGIN: 0px auto; WIDTH: 956px; COLOR: #000
}
SELECT {
FONT-SIZE: 12px; COLOR: #666666
}
FORM {
MARGIN: 0px
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INPUT {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BACKGROUND: #fafafa; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; BORDER-BOTTOM: #cccccc 1px solid
}
TEXTAREA {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #fafafa; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
DIV {
OVERFLOW: hidden; WORD-BREAK: break-all
}
DIV {
BORDER-LEFT-COLOR: #8ed4ab; BORDER-BOTTOM-COLOR: #8ed4ab; BORDER-TOP-COLOR: #8ed4ab; BORDER-RIGHT-COLOR: #8ed4ab
}
A:link {
COLOR: #006629; TEXT-DECORATION: none
}
A:visited {
COLOR: #006629; TEXT-DECORATION: none
}
A:hover {
COLOR: #00bb4d; TEXT-DECORATION: underline
}
.PhotoTable A:link {
COLOR: #006629
}
#photoXiu A:link {
COLOR: #006629
}
.AlterRig A:link {
COLOR: #006629
}
.PhotoTable A:visited {
COLOR: #006629
}
#photoXiu A:visited {
COLOR: #006629
}
.AlterRig A:visited {
COLOR: #006629
}
A.PageNextSelected :link {
COLOR: #ff0000
}
A.PageNextSelected:visited {
COLOR: #ff0000
}
A.Alter :link {
COLOR: #3975e3
}
A.Alter:visited {
COLOR: #3975e3
}
.all_bar {
BORDER-RIGHT: 1px solid; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FLOAT: left
}
.alter {
PADDING-LEFT: 10px; LINE-HEIGHT: 26px; BORDER-BOTTOM: 1px solid; HEIGHT: 26px
}
.allFriend {
BORDER-TOP: 1px solid; LINE-HEIGHT: 28px; HEIGHT: 28px; TEXT-ALIGN: center
}
.addmc_01 {
BACKGROUND: url(http://hexun.com/img/img_style006/h01_04.gif) repeat-x; HEIGHT: 29px
}
.addmc_02 {
FLOAT: left
}
.addmc_02 IMG {
MARGIN-LEFT: 10px
}
.addmc_03 {
MARGIN-TOP: 10px; PADDING-LEFT: 0px; BACKGROUND: url(http://hexun.com/img/img_style006/h01_10.gif) no-repeat 0px 3px; FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 88px; HEIGHT: 9px
}
.addmc_04 {
MARGIN-TOP: 5px; BACKGROUND: url(http://hexun.com/img/img_style006/addmusic_09.gif) no-repeat right 50%; FLOAT: left; MARGIN-LEFT: 46px; WIDTH: 273px; HEIGHT: 20px
}
.addmc_04 SPAN {
DISPLAY: block; FLOAT: left; OVERFLOW: hidden; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; HEIGHT: 20px
}
.Article {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: #ffffff; MARGIN-BOTTOM: 10px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.ArticleTitle {
PADDING-LEFT: 10px; PADDING-TOP: 6px; BORDER-BOTTOM: 1px solid; HEIGHT: 20px
}
.ArticleTitleText {
FONT-WEIGHT: bold
}
.ArticleSubstance {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 20px; PADDING-TOP: 10px
}
.ArticleBlog {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 20px; PADDING-TOP: 10px
}
.ArticleInfo {
WORD-SPACING: 4px
}
.ArticleTag {
PADDING-TOP: 30px
}
.ArticleDing {
WIDTH: auto; TEXT-ALIGN: right
}
.ArticleDing_1 {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 60px; BORDER-BOTTOM: 1px solid; HEIGHT: 22px; TEXT-ALIGN: center
}
.ArticleDing_2 {
BORDER-RIGHT: 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 24px; BORDER-LEFT: 1px solid; WIDTH: 60px; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.ArticleDing_3 {
BORDER-RIGHT: 1px solid; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px solid; WIDTH: 60px; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center
}
.ArticleDing_7 {
COLOR: #666666
}
.ArticleBlogText {
COLOR: #666666; LINE-HEIGHT: 180%
}
.ArticleBlogText P {
LINE-HEIGHT: 180%
}
#AlterPhoto {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.AlterPhotoItemDiv {
PADDING-LEFT: 20px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; BORDER-BOTTOM: 1px dashed; HEIGHT: 182px
}
.AlterPhotoItemDiv_A {
FLOAT: left; WIDTH: 250px; HEIGHT: 182px
}
.AlterPhotoItemDiv_A IMG {
BORDER-RIGHT: #c6c6c6 1px solid; BORDER-TOP: #c6c6c6 1px solid; BORDER-LEFT: #c6c6c6 1px solid; WIDTH: 240px; BORDER-BOTTOM: #c6c6c6 1px solid; HEIGHT: 180px
}
.AlterPhotoItemDiv_B {
WIDTH: 415px; HEIGHT: 182px
}
.AlterPhotoItemDiv_B DIV {
PADDING-LEFT: 15px; BACKGROUND: url(http://hexun.com/img/img_style006/h01_45.gif) no-repeat 0px 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; HEIGHT: 20px
}
.AlterPhotoItemDiv_B INPUT {
WIDTH: 330px
}
.AlterPhotoItemDiv_B_1 {
HEIGHT: 90px! important
}
.AlterPhotoItemDiv_B_1 TEXTAREA {
WIDTH: 330px; COLOR: #666666; HEIGHT: 85px
}
.AlterPhotoItemDiv_B_1 SPAN {
POSITION: relative; TOP: -70px
}
.AlterPhotoItemDiv_B_2 INPUT {
WIDTH: 14px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; TOP: 2px; BORDER-BOTTOM-STYLE: none
}
#AlterPhotoItemDiv_Two {
PADDING-LEFT: 25px
}
#AlterSect {
PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
#AlterPhotoItemTable {
MARGIN-BOTTOM: 168px
}
#AlterPhotoItemTableLeft {
WIDTH: 395px
}
#AlterPhotoList DIV {
FLOAT: left; WIDTH: 77px; MARGIN-RIGHT: 20px; HEIGHT: 97px
}
#AlterPhotoList IMG {
BORDER-RIGHT: #afadad 1px solid; BORDER-TOP: #afadad 1px solid; BORDER-LEFT: #afadad 1px solid; WIDTH: 75px; BORDER-BOTTOM: #afadad 1px solid; HEIGHT: 75px
}
#AlterPhotoList SPAN {
DISPLAY: block
}
#AlterPhotoList INPUT {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.AlterRig {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #ffffff 3px solid
}
.AlterRigCC {
PADDING-LEFT: 35px; PADDING-BOTTOM: 16px; PADDING-TOP: 16px
}
.AlterRigCC INPUT {
WIDTH: 50px; HEIGHT: 26px
}
.AlterRig DIV {
PADDING-BOTTOM: 4px; PADDING-TOP: 3px
}
.AlterRig_1 {
PADDING-LEFT: 25px; FONT-WEIGHT: bold; BACKGROUND: url(http://hexun.com/img/img_style006/h01_46.gif) no-repeat 0px 0px
}
.AlterRig_2 {
PADDING-LEFT: 25px
}
.AlterRig_2 INPUT {
WIDTH: 135px
}
.AlterRig_3 {
PADDING-LEFT: 25px; FONT-WEIGHT: bold; BACKGROUND: url(http://hexun.com/img/img_style006/h01_47.gif) no-repeat 0px 0px
}
.AlterRig_4 {
PADDING-LEFT: 25px
}
.AlterRig_4 INPUT {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; TOP: 2px; BORDER-BOTTOM-STYLE: none
}
#bar_01 {
PADDING-LEFT: 0px
}
#Board {
}
#Board .message {
}
.BkMarkList_1 {
DISPLAY: block; FLOAT: left; OVERFLOW: hidden; WIDTH: 130px; HEIGHT: 20px
}
.BkMarkList_2 {
DISPLAY: block; FLOAT: right
}
.BkMark {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.BkMarkTitle {
PADDING-LEFT: 10px; PADDING-TOP: 6px; BORDER-BOTTOM: 1px solid; HEIGHT: 20px
}
.BkMarkTitleText {
FONT-WEIGHT: bold
}
.BkMarkSubstance {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 20px; PADDING-TOP: 10px
}
.BkMarkSave {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.BkMarkSave DIV {
PADDING-LEFT: 10px; LINE-HEIGHT: 26px
}
.BkMarkSave_1 {
BORDER-BOTTOM: 1px dashed
}
.BgWhite {
BACKGROUND: #ffffff
}
#BlogLinksID {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; MARGIN-TOP: 10px; BACKGROUND: #ffffff; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
#BlogLinksID .side_title .side_title_2 {
PADDING-TOP: 3px
}
#BlogLinksID .side_title .side_title_2 IMG {
POSITION: relative; TOP: 3px
}
.BlogLinksTable {
WIDTH: 100%
}
.BlogLinksTable TD {
BORDER-BOTTOM: #8ed4ab 1px dashed
}
.BlogLinksTable DIV {
PADDING-LEFT: 10px; LINE-HEIGHT: 22px; HEIGHT: 22px
}
.BlogLinks_1 {
WIDTH: 420px
}
.BlogLinks_2 {
WIDTH: 100px
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -