/ * This style is not any effect, leaving you fill
you are free to modify, combination you want css style
is no best, only the most suitable,
take a look at an example of the latter, you will know you write favorite style, and save it!
It is recommended to copy a style you like this under css template style, on this basis, then customize your own css styles.
Try it! ^ _ ^ * /
h1,h2,h3,h4,h5,h6 {
color: #3e3e3e;
}
h1 span,h2 span,h3 span,h4 span{
border-left: 5px solid #ff5722;
padding-left: 10px;
}
h1{
border-bottom:2px solid #ff5722;
line-height: 38px;
}
h1 span{
color: white;
background: #ff5722;
border-left: 0;
padding: 0 10px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
/* 一级标题 */
h1 {
border-bottom:2px solid #ff5722;
font-size:1.3em;
}
/* 一级标题内容 */
h1 span {
display:inline-block;
font-weight:normal;
background:#ff5722;
color:#ffffff;
padding:3px 10px 1px;
border-top-right-radius:3px;
border-top-left-radius:3px;
margin-right:3px;
}
/ * A modification of the title refer to have examples of theme * /
h1: the After {
}
/ * Subheadings * /
H2 {
text-align = left: left;
margin: 20px 0px 0px 10px;
}
/* 二级标题内容 */
h2 span {
font-family:STHeitiSC-Light;
font-size:18px;
font-weight:bolder;
display:inline-block;
padding-left:10px;
border-left:5px solid #ff5722;
}
/ * There are two instances of the title refer to modifications relating * /
H2: After {
}
/ * Three title * /
H3 {
}
/ * Three Title Content * /
H3 span {
font-size: 14px;
Color: # ff5722;
}
/ * Refer had three title modified example of the theme * /
h3: the After {
}
/ * Style unordered list as a whole
- list-style-type: square|circle|disc;
*/
ul {
font-size: 14px;
}
/ * Style unordered list as a whole
- list-style-type: upper-roman|lower-greek|lower-alpha;
*/
ol {
font-size: 14px;
}
/ * List of contents, not provided Li
* /
Li sectionTop {
font-size: 13px;
}
/ * Quote
- The left edge of the color border-left-color: black;
- 背景色 background:gray;
*/
blockquote {
font-style:normal;
border-left:none;
padding:10px;
position:relative;
line-height:1.8;
border-radius:0px 0px 10px 10px;
color: #333;
background: #f5f5f5;
box-shadow: #eaeaea 0px 10px 15px;
}
blockquote:before {
content:"“";
display:inline;
color:#cecece;
font-size:3em;
float: left;
line-height: 1em;
font-weight:500;
}
/* 引用文字 */
blockquote p {
color:#333;
font-size:13px;
display:inline;
}
blockquote:after {
content:"”";
float:right;
display:inline;
color:#cecece;
font-size:3em;
line-height:1em;
font-weight:500;
}
/ * Link
- border-bottom: 1px solid #009688;
*/
a {
color:#ff5722;
border-bottom: 1px solid #ff3502;
font-family:STHeitiSC-Light;
}
/ * Bold * /
strong {
font-weight: border;
Color: # ff5722;
}
/* 斜体 */
em {
color:#ff5722;
letter-spacing:0.3em;
}
/ * In bold italics * /
strong EM {
Color: # ff5722;
Letter-spacing: 0.3em;
}
/ * Remove line * /
del {
}
/ * Dividing line
- Weight, style, and color
- border-top:1px solid #3e3e3e;
*/
hr {
height:1px;
padding:0;
border:none;
border-top:medium solidid #333;
text-align:center;
background-image:linear-gradient(to right,rgba(248,57,41,0),rgba(248,57,41,0.75),rgba(248,57,41,0));
}
/ * Pictures
- Width width: 80%;
- Center margin: 0 auto;
- 居左 margin:0 0;
*/
img {
border-radius:0px 0px 5px 5px;
display:block;
margin:20px auto;
width:85%;
height:100%;
object-fit:contain;
box-shadow:#84A1A8 0px 10px 15px;
}
/ * Image description text * /
figcaption {
the display: Block;
font-size: 12px;
font-Family: Light-PingFangSC;
}
/ * The line of code * /
P code, code {Li
Color: RGB (271,93,108);
}
/ * Non micro channel block
- Code block does not wrap display: -webkit-box important;!
- Line feed code block the display: Block;
* /
pre code {
border-RADIUS: 8px;
}
/*
- Cells in the table
- Font size font-size: 16px;
- Border border: 1px solid #ccc;
- Padding padding: 5px 10px;
* /
Table TR TH,
Table TR TD {
font-size: 14px;
}
/ * Footnotes * /
.footnote-Word {
Color: # ff5722;
}
/ * Marked footnote * /
.footnote {REF-
Color: # ff5722;
}
/ Footnote link style /
.footnote {EM-Item
Color: # 6E1E51;
font-size: 12px;
}
/ * "References" words
- Content content: "References";
* /
.footnotes On Sep-: before {
}
/ * Reference number * /
.footnote-NUM {
}
/ * Reference character * /
.footnote-Item {P
}
/ * The interpretation * /
.footnote EM-Item {P
}
/ * Interline formula
- ! Maximum width of the width-max: 300% Important;
* /
.block-SVG Equation {
}
/ * Row official
* /
.Inline-Equation Svg {
}
pre{
margin-top: 10px;
}
/ Second /
/ Can be arbitrarily modify the style, or restore the default values, to take effect after saving
relative "Default Style" and make changes will be marked in red /
.output_wrapper/此属性为全局/
{
font-size: 16px;
color: #3e3e3e;
line-height: 1.6;
word-spacing:0px;
letter-spacing:0px;
font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
.output_wrapper *
{
font-size: inherit ;
color: inherit;
line-height: inherit;
margin:0px;
padding:0px;
}
p {/段落/
margin: 1.5em 0px;
}
h1,h2,h3,h4,h5,h6 {
margin: 1.5em 0px;
font-weight:bold;
}
h1 {
font-size: 1.6em ;
}
H2 {
font-size: 1.4em;
}
H3 {
font-size: 1.3em;
}
H4 {
font-size: 1.2em;
}
H5 {
font-size: 1em;
}
H6 {
font-size: 1em;
}
h1 of , h2 {/ increase modifications h3 header /
border-bottom: 2px Solid # ff5722;
}
h1 of span, H2 span {/ increase modifications h3 title font /
the display: inline-Block;
font-weight: Normal;
background: ff5722 #;
Color: #FFFFFF;
padding: 10px 0px 3px;
border-RADIUS-Top-right: 6px;
border-RADIUS-Top-left: 6px;
margin right-: 3px;
}
h1 of: After {/Modifications that increase on the back h3 header /
the display: inline-Block;
Content: "";
Vertical-align = left: bottom;
border-bottom: 36px Solid # ffdfd5;
border-right: 20px Solid transparent;
}
H2 span {
background: White;
weight-font: Bold;
padding-left: 0
}
H2 span, H3 span {
Color: # ff5722;
}
UL, OL {
padding-left: 32px;
}
UL {/ unordered list /
list-type-style: Disc;
}
OL {/ ordered list /
list-type-style: decimal;
}
Li *
{
/ * Color: # 3e3e3e; * /
}
li {/ at public number, can not change the attributes li symbols (e.g., color), and affects the properties of its sub-elements; blog while in other platforms, using the normal /
margin-bottom: 0.5em;
/ * Color : # 159 957; /
}
.code_size_default / block default size /
{
Line-height: 18px;
font-size: 14px;
font-weight: Normal;
Word-spacing: 0px;
Letter-spacing: 0px;
}
.code_size_tight / Code compact block size /
{
Line-height: 15px;
font-size: 11px;
font-weight: Normal;
Word-spacing: -3px;
Letter-spacing: 0px;
}
pre code / block /
{
font-Family: Consolas, Inconsolata, Courier, monospace;
border-radius: 0px;
}
blockquote { /引用块*/
display: block;
padding: 15px 1rem;
font-size: 0.9em;
padding-right: 15px;
margin: 1em 0;
color: #819198;
border-left: 6px solid #dce6f0;
background: #f2f7fb;
overflow: auto;
overflow-scrolling: touch;
word-wrap: normal;
word-break: normal;
}
blockquote p {
margin: 0px;
}
a { /超链接/
text-decoration: none;
color: #1e6bb8;
word-wrap:break-word;
}
strong / emphasized /
{
font-weight: Bold;
}
EM / italic /
{
font-style: Italic;
}
del / strikethrough /
{
font-style: Italic;
}
strong EM / emphasized italic /
{
font-weight: Bold ;
}
hr {/ dividing line /
height: 1px;
margin: 1.5rem 0px;
border: none;
border-Top: 1px Dashed # A5A5A5;
}
code / inner line /
{
Word-wrap: BREAK-Word;
padding: 2px 4px;
border-RADIUS: 4px;
margin: 0 2px;
Color: # e96900;
background: # f8f8f8;
}
IMG
{
the display: Block;
margin: 0 auto; / image is centered horizontally /
/ * margin: 0 0; / / Photo horizontal left home, if necessary open /
max-width: 100%;
}
figcaption / image description text /
{
margin-Top: 10px;
text-align = left: Center;
/ text-align = left: left; / / when the picture horizontally on the left and open the * /
Color: # 999;
font-size: 0.7em;
}
/ ================ start of the table ================ /
Table
{
the display: Table;
width: 100%;
text-align = left : left;
}
tbody {
border: 0;
}
table tr {
border: 0;
border-top: 1px solid #CCC;
background-color: white;
}
/ Background color interlaced line change, if necessary open /
/
Table TR: Child-Nth (2N) {
background-Color: # F8F8F8;
}
/
TH TR Table, Table TR TD {
font-size: 1em;
border: 1px Solid #ccc;
padding: 0.5em 1em;
text-align = left: left;
}
/ attribute header /
Table TH TR {
font-weight: Bold;
Color-background: # F0F0F0;
}
/ ================ form end ================ /
/ ================ mathematical formula start ================ /
.katex {-the display / block Formula /
font-size: 1.22em;
}
.katex
{/ inline formula /
padding: 8px 3px;
}
.katex the display-> .katex
{/ block formula /
the display: inline-block;
text-align = left: Center;
padding: 3px;
}
.katex IMG
{ / inline formula the corresponding image /
the display: inline-Block;
Vertical-align = left: Middle;
}
/ ================ mathematical formula end ========== ====== /
a[href^="#"] sup
{/注脚/
vertical-align:super;
margin:0 2px;
padding:1px 3px;
color: #ffffff;
background:#666666;
font-size:0.7em;
}
/ ================ task list beginning ================ /
.task-List-List {
List-style-of the type: none;
}
.task-List-list.checked {/ completed /
Color: # 3e3e3e;
}
.task-list-list.uncheck {/未完成/
color: #bfc1bf;
}
.task-list-list .icon_uncheck, .task-list-list .icon_check {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.task-list-list .icon_check:before
{/已完成/
content: "√";
border: 2px solid #3e3e3e;
color:red;
}
.task-list-list .icon_uncheck:before
{/未完成/
content: "x";
border: 2px solid #bfc1bf;
color: #bfc1bf;
}
.task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
{/标志框/
padding: 2px;
padding-left: 5px;
padding-right: 8px;
border-RADIUS: 5px;
}
/ ================ Task List End ======= ========= /
.toc
{/ List /
margin-left: 25px;
}
.toc_item
{/ each directory /
the display: Block;
}
.Toc_left
{/ each indent level directory /
margin-left: 25px;
}