CSS Comum Atualizado
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
//* Customizações do cabeçalho
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;
}
}
// Fundo cinza adicionar borda
// cor 4Marrom, 5Laranja,
// 7Roxo, 8Rosa, 9Magenta, Ciano
```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;
//* Personalizações de cabeçalho
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;
//* Personalizações de cabeçalho
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;
//* Personalizações de cabeçalho
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;
//* Personalizações de cabeçalho
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;
//* Personalizações de cabeçalho
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;
//* Personalizações de cabeçalho
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;
}
}
O que há de novo?
- Adicionadas personalizações para “h1 a h6”. Não é mais necessário usar “>” para destacar os cabeçalhos.
- Espessura da borda ajustada.
- Corrigido o cinza com borda rosa adicionado.
- Alterado “box” de borda cinza para nenhum, para usar como um contêiner de caixa em branco.
- greybox tem borda cinza.
- Ainda preciso ajustar a cor do cabeçalho para greybg e possivelmente a cor do fundo.
