공통 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의 헤더 색상을 조정해야 하며, 배경색도 조정할 수 있습니다.
