已更新的通用 CSS
代码
div[data-wrap="redbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #ff0000;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
// background-color: #f5f5f5;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
// background-color: #f5f5f5;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="greenbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #00ff00;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="bluebox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;;
border: 2.75px solid #007bff;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="yellowbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #ffff00;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -12px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
v[data-wrap="brownbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #964B00;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -12px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="orangebox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #FFA500;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="purplebox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #800080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -12px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="pinkbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #FFC0CB;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -12px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="magentabox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #FF00FF;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="cyanbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
border: 2.75px solid #00FFFF;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -12px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="box"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;;
// border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="greybox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="brownboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #964B00;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="orangeboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #FFA5000;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="purpleboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #800080;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5x !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="pinkboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #FFC0CB;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="magentaboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #FF00FF;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="cyanboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #00FFFF;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="redboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #ff0000;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="greenboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #00ff00;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="blueboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: #0000ff;
background-color: #007bff;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="yellowboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #ffff00;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
v[data-wrap="brownboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #964B00;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="orangeboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #FFA5000;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="purpleboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #800080;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="pinkboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #FFC0CB;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="magentaboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #FF00FF;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="cyanboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #00FFFF;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="greyboxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #808080;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey1boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #ff0000;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey2boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #00ff00;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey3boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #007bff;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey4boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #ffff00;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
// 灰色背景添加边框
// 颜色 4棕色, 5橙色,
// 7紫色, 8粉色, 9洋红, 青色
```div[data-wrap="grey5boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #964B00;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey6boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #FFA500;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey7boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #FFC0CB;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey8boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #FF00FF;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey9boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #FFC0CB;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
div[data-wrap="grey0boxbg"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
background-color: #808080;
border: 2.75px solid #00FFFF;
border-radius: 0.40em;
//* 标题自定义
h1 {
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: darkblue;
text-align: center;
margin: 3px 0;
margin-top: -5px !important;
margin-bottom: -5px !important;
padding: 3px;
background-color: darkgrey;
border: 2px solid #ccc;
border-radius: 5px;
}
}
有什么新功能？
- 添加了“h1 到 h6”的自定义样式。不再需要使用“>”来突出显示标题。
- 调整了边框粗细。
- 修复了带有粉色边框的灰色样式。
- 将“box”从灰色边框改为无边框，用作空白框容器。
- greybox 具有灰色边框。
- 仍需要调整 greybg 的标题颜色，可能还需要调整背景颜色。
