CSS común actualizado
Código
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
//* Personalización de encabezados
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;
}
}
// Fondo gris, añadir borde
// color 4Marrón, 5Naranja,
// 7Morado, 8Rosa, 9Magenta, Cian
```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;
//* Personalizaciones de encabezado
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;
//* Personalizaciones de encabezado
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;
//* Personalizaciones de encabezado
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;
//* Personalizaciones de encabezado
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;
//* Personalizaciones de encabezado
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;
//* Personalizaciones de encabezado
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;
}
}
¿Qué hay de nuevo?
- Se han añadido personalizaciones para “h1 a h6”. Ya no es necesario usar “>” para resaltar los encabezados.
- Se ajustó el grosor del borde.
- Se corrigió el gris añadido con borde rosa.
- Se cambió “box” de borde gris a ninguno para usarlo como contenedor de caja en blanco.
- greybox tiene borde gris.
- Todavía es necesario ajustar el color del encabezado para greybg y posiblemente el color de fondo.
