Demo entry 6332903

ddd

   

Submitted by anonymous on Dec 02, 2016 at 18:11
Language: CSS. Code size: 13.0 kB.

@charset "utf-8";
@import url("../Styles/Fonts.css");
body.Chapter {
    display: -webkit-box;
    display: box;
    box-sizing: border-box;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
}
h2{
    font-family: "XiaoBiaoSong";
    text-align: center;
    font-size: 1.5em;
    margin: 6em 0 8em 0;
    line-height: 130%;
}
.Heading {
    display: -webkit-box;
    box-sizing: border-box;
    display: box;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
    page-break-after: always;
}
h3 {
    font-family: "XiaoBiaoSong";
    text-align: left;
    font-size: 1.3em;
    margin: 3em 0 4em 0;
    line-height: 140%;
}
h3 small {
    display: inline-block;
    text-indent: 0;
    font-size: .9em;
}
h3 big {
    display: inline-block;
    text-indent: 0;
    font-size: 1.1em;
}
h4 {
    font-family: "XiaoBiaoSong";
    text-align: left;
    font-size: 1.1em;
    margin: 2.5em 0 2em 0;
    line-height: 120%;
}
h5 {
    font-family: "XiaoBiaoSong";
    text-align: left;
    font-size: 1em;
    margin: 1.5em 0 1.5em 0;
    line-height: 120%;
}
h6 {
    font-family: "XiaoBiaoSong";
    text-align: left;
    font-size: 1em;
    margin: 1.5em 0 1em 0;
    line-height: 120%;
}
p {
    font-family: "BookmanOld", "BoYaFangKanSongBold";
    font-size: 1em;
    text-indent: 2em;
    line-height: 150%;
    margin-top: .6em;
    margin-bottom: .5em;
    text-align: justify;
    letter-spacing: .05em;
    word-break: break-all;
}
.Splite {
    margin: 2em 0;
    text-indent: 0;
    text-align: center;
}
.Empty {
    margin-top: 2em;
}
.Center {
    text-align: center;
    text-indent: 0;
}
.Right {
    text-align: right;
    text-indent: 0;
}
strong {
    font-family: "SourceHanSansSc4";
    font-weight: 400;
}
b {
    font-family: "KaiTi";
    font-weight: normal;
}
cite,
em,
i {
    font-style: italic;
}

/*---列表---*/
ul,
ol {
    margin: 1.5em 0 1.5em 1em;
    padding: 0;
}
li {
    padding: 0 0 0 2em;
}
li p {
    margin: .3em 0 0 0;
    text-indent: 0;
}

/*---链接---*/
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none !important;
    color: #000 !important;
}
a.RefLink {
    font-family: "NumberST-Center";
    font-size: 0.9em;
    vertical-align: middle;
}
a.RefLink:after {
    content: "链接";
}

/*---附文---*/
.Author {
    font-family: "KaiTi";
    margin: 1.5em 0 0 0;
    text-align: right;
}
.Time,
.Address {
    font-family: "KaiTi";
    text-align: right;
    margin: 0;
}
.Info {
    font-family: "KaiTi";
    text-align: right;
    margin: 2em 0 0 2em;
}
.Top {
    font-family: "KaiTi";
    text-align: right;
    margin: 3em 0;
}
.Top:before {
    content: "◼ ";
}
.Preface p {
    font-family: "BookmanOld", "FangSongBold";
}
.Preface .Author {
    font-family: "KaiTi";
    margin: 1.5em 0 0 0;
    text-align: right;
}

/*---引文---*/
q {
    font-family: "KaiTi" !important;
}
blockquote {
    margin: 1.5em 2em;
    padding: 0;
    border: 0;
}
blockquote p {
    font-family: "KaiTi" !important;
    margin: .5em 0;
    letter-spacing: 0em;
}
blockquote.Poetry h5 {
    font-family: "SourceHanSansSc4";
    font-weight: 400;
    text-align: center;
}
blockquote.Letter p:first-child {
    text-indent: 0;
}
blockquote.Letter .Author {
    text-align: right;
}
blockquote.Letter .Time {
    text-align: right;
}
fieldset {
    border: 1px solid #000;
    border-radius: .5em;
    margin-top: 1.5em;
    padding: .5em;
}
legend {
    text-indent: 0;
    margin-left: .5em;
    font-family: "SourceHanSansSc5";
    font-weight: 500;
}
fieldset p {
    font-size: .9em;
    font-family: "BookmanOld", "FangSongBold";
    letter-spacing: 0;
    line-height: 130%;
}

/*---图片---*/
.Picture {
    display: block;
    margin: 1.5em auto;
    text-align: center;
}
.Picture img,
.Picture p {
    width: 100%;
}
.Picture p {
    text-align: center;
    text-indent: 0;
    line-height: 120%;
    font-family: "KaiTi";
    font-size: .8em;
    margin: .1em 0 0 0;
}
.Picture .Caption {
    text-align: center;
    margin: 0 0 .8em 0;
    font-size: .9em;
    font-family: "SourceHanSansSc4";
    font-weight: 400;
}
.PicLeft {
    float: left;
    width: 50%;
    margin-right: .5em;
}
.PicRight {
    float: right;
    width: 50%;
    margin-left: .5em;
}
.PicLeft img,
.PicRight img,
.PicLeft p,
.PicRight p {
    width: 100%;
    margin: auto 0;
    text-indent: 0;
}
img.Font {
    height: 1em;
    display: inline-block;
    vertical-align: text-top;
    text-indent: 0;
}
.%3 {
    width: 30%;
}
.%4 {
    width: 40%;
}
.%5 {
    width: 50%;
}
.%6 {
    width: 60%;
}
.%7 {
    width: 70%;
}
.%8 {
    width: 80%;
}
.%9 {
    width: 90%;
}

/*---注释---*/
a.Note {
    text-indent: 0;
    vertical-align: .2em;
    font-size: .725em;
    text-decoration: none;
    color: #000;
}
a.Note font {
    display: none;
    font-family: "NumberST-Center";
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
a.Note font.Annotate {
    display: inline-block;
    font-family: "NumberST-Center";
}
a.Note font.NumberCenter {
    font-family: "NumberST-Center";
}
a.Note font.NumberLeft {
    font-family: "NumberST-Left";
}
a.Note font.NumberRight {
    font-family: "NumberST-Right";
}
section.Note {
    margin-top: 3em;
}
section.Note hr {
    width: 60%;
    margin: 0 40% 0 0;
    border: 0;
    border-bottom: 1px solid #000;
}
aside {
    padding: 0 .5em;
}
aside p {
    font-family: "BookmanOld", "BoYaFangKanSongBold";
    font-size: .9em;
    text-indent: 0;
    line-height: 130%;
    margin-top: .6em;
    margin-bottom: .5em;
    text-align: justify;
}
aside.center p {
    text-align: center;
    text-indent: 0;
}

/*---表格---*/
table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    caption-side: top;
}
caption {
    width: 100%;
    text-align: center;
    margin: 0 0 .8em 0;
    font-size: 1em;
    font-family: "SourceHanSansSc4";
    font-weight: 400;
}
tbody {
    width: 100%;
    border: 1px solid #000;
}
thead th {
    font-family: "SourceHanSansSc5";
    font-weight: 500;
}
td,
th {
    padding: .3em;
    border: 1px solid #000;
}
table p {
    text-indent: 0;
    font-size: .9em;
    margin: .1em auto;
    line-height: 120%;
    padding: 0;
}
thead th p,
table td p strong {
    font-family: "SourceHanSansSc5";
    font-weight: 500;
}
tfoot p {
    font-family: "KaiTi";
    font-size: .8em;
    margin: .5em 0 0 0;
    text-align: left;
}
tfoot td {
    border: none;
}

/*---书名---*/
body.Title {
    display: -webkit-box;
    display: box;
    box-sizing: border-box;
    height: 93vh;
    padding: 5vh 0 2vh 0;
    margin: 0;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-box-align: center;
    box-align: center;
}
img.Title {
    max-width: 100%;
    max-height: 100%;
    line-height: 0;
}
body.Title p {
    font-family: "KaiTi";
    text-align: center;
    text-indent: 0;
    margin: 0;
    line-height: 100%;
}
body.Title .Main {
    display: block;
    margin: 4em 0;
    padding-bottom: 6em;
}
body.Title .Main h1 {
    font-family: "XiaoBiaoSong";
    font-size: 2em;
    margin: 0 0 .4em 0;
    text-align: center;
    line-height: 100%;
}
body.Title .Main h1 small {
    font-size: .6em;
}
body.Title .Main p {
    font-family: "KaiTi";
    font-size: 1.1em;
}
body.Title p img {
    height: 2em;
    vertical-align: bottom;
}

/*---献语---*/
body.Inscription {
    display: -webkit-box;
    display: box;
    box-sizing: border-box;
    min-height: 100vh;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
}
body.Inscription blockquote {
    margin: 4em 0 6em 0;
}
body.Inscription blockquote p {
    font-family: "KaiTi";
    font-size: 1.1em;
    text-align: center;
    text-indent: 0;
    line-height: 120%;
}

/*---版权---*/
body.Copyright p {
    font-family: "FzShuSong";
    font-size: .9em;
    text-indent: 0;
    margin: .6em 0;
    line-height: 130%;
    text-align: left;
    letter-spacing: 0em;
}
body.Copyright .Cip {
    margin: 0;
}
body.Copyright .Cip b {
    font-family: "HeiTi";
    font-size: 1.05em;
    margin: 0;
    padding: 0;
    line-height: 100%;
    color: #000 !important;
    text-align: left;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    page-break-before: avoid;
    page-break-after: avoid;
}
body.Copyright .Title {
    margin: 4em 0 1em 0;
    border-bottom: 1px solid #000;
    padding: 0 0 .5em 0;
}
body.Copyright .Title p b {
    font-family: "HeiTi";
    margin: 0;
    font-size: 1.05em;
}
body.Copyright .Title p {
    font-family: "FzShuSong";
    font-size: .8em;
    margin: .4em 0;
}
body.Copyright .Title .auth {
    font-family: "FzZhongDengXian";
}
body.Copyright .Info {
    margin: 0;
}
body.Copyright .Info p {
    font-size: .9em;
    margin: .4em 0;
}
body.Copyright .State {
    margin: 1em 0 0 0;
    border-top: 1px solid #000;
    padding: .5em 0 0 0;
}
body.Copyright .State p {
    font-size: .8em;
}
body.Copyright p strong {
    font-family: "FzZhongDengXian";
}
body.Copyright .State p {
    font-family: "HeiTi";
}
@media (min-width:30em) {
    .flex {
        display: -webkit-box;
        display: box;
        box-sizing: border-box;
        min-height: 100vh;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-box-align: start;
        box-align: start;
    }
    
    .Copyright .end {
        -webkit-box-pack: end;
        box-pack: end;
    }
}

/*---目录---*/
body.Navigation h1 {
    text-align: center;
    font-family: "HeiTi";
    font-size: 1.3em;
    margin: 3em 0 4em 0;
    line-height: 100%;
}
body.Navigation a {
    color: #000!important;
    text-decoration: none!important;
}
body.Navigation ol,
body.Navigation li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 100%;
}
body.Navigation ol.level {
    margin: 0 2em;
}
body.Navigation ol.level>li {
    padding: .5em 0;
}
body.Navigation ol.level>li>a {
    font-family: "HeiTi";
    line-height: 130%;
}
body.Navigation ol.level1 {
    margin: .5em 0 0 1em;
}
body.Navigation ol.level1>li>a {
    display: inline-block;
    font-family: "TimesNewRoman", "SongTi";
    color: #000 !important;
    text-decoration: none !important;
    line-height: 120%;
    padding: .2em 0;
}
body.Navigation ol.level2 {
    margin: .1em 0 .2em 1em;
}
body.Navigation ol.level2>li>a {
    display: inline-block;
    font-family: "TimesNewRoman", "KaiTi";
    color: #000 !important;
    text-decoration: none !important;
    line-height: 120%;
    padding: .2em 0;
}

/*---封面---*/
body.Cover {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../Images/Cover.jpg);
}
body.Cover p {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}

/*---代码---*/
.Code {
    width: 100%;
    overflow-x: auto;
}
code,
pre {
    font-family: "SourceCodePro", "SourceHanSansSc4";
    font-weight: 400;
}
pre {
    font-size: .8em;
    line-height: 120%;
    margin: .625em 2.5em;
}
.Code::-webkit-scrollbar {
    height: 2px;
}
.Code::-webkit-scrollbar-track {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: transparent;
}
.Code::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: transparent;
}
.Code::-webkit-scrollbar-thumb:window-inactive {
    background: transparent;
}

/*---kindle eReader 黑白设备---*/
@media amzn-kf8 and (device-height:1448px) and (device-width:1072px),
amzn-kf8 and (device-height:1072px) and (device-width:1448px),
amzn-kf8 and (device-height:1024px) and (device-width:768px),
amzn-kf8 and (device-height:768px) and (device-width:1024px),
amzn-kf8 and (device-height:800px) and (device-width:600px),
amzn-kf8 and (device-height:600px) and (device-width:800px) {
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    h3 small {
        color: #000!important;
    }
}

/*---kobo eReader 黑白设备---*/
@media only all and (max-color:7) {
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    h3 small {
        color: #000!important;
    }
}

/*---非手机---*/
@media screen and (min-width:600px) and (min-height:800px) {
    p {
        line-height: 170%;
        margin: 1em 0 0.8em 0;
    }
    
    h2 {
        font-size: 2em;
    }
    
    h3 {
        font-size: 1.5em;
    }
    
    h4 {
        font-style: 1.2em;
    }
}
@media screen and (device-height:1872px) and (device-width:1404px),
screen and (device-width:1872px) and (device-height:1404px) {
    p {
        line-height: 170%;
        margin: 1em 0 0.8em 0;
    }
    
    h2 {
        font-size: 2.5em;
    }
    
    h3 {
        font-size: 2em;
    }
    
    h4 {
        font-style: 1.5em;
    }
}

This snippet took 0.02 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).