Modificação Alertas
Para modificar os alertas originais do TDN, basta acrescentar um macro de HTML e adicionar os códigos abaixo, envoltos da TAG STYLE:
| Bloco de código |
|---|
| language | xml |
|---|
| firstline | 1 |
|---|
| title | Tag Style |
|---|
| linenumbers | true |
|---|
|
<style type="text/css">
/*Exemplos abaixo:*/
</style> |
1 - Info
Modificações:
- Retira as bordas arredondadas
| Bloco de código |
|---|
| language | css |
|---|
| firstline | 1 |
|---|
| title | Novo CSS Info |
|---|
| linenumbers | true |
|---|
|
.confluence-information-macro {
width: calc(100% - 25px);
background: #fff !important;
border: 0;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
color: #333;
margin: 10px 0 1em 0;
min-height: 20px;
padding: 10px;
position: relative;
}
.confluence-information-macro p.title{
padding-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
.confluence-information-macro-information{
border: 1px solid #aab8c6 !important;
} |
| HTML |
|---|
<style type="text/css">
.confluence-information-macro {
width: calc(100% - 25px);
background: #fff !important;
border: 0;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
color: #333;
margin: 10px 0 1em 0;
min-height: 20px;
padding: 10px;
position: relative;
}
.confluence-information-macro p.title{
padding-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
.confluence-information-macro-information{
border: 1px solid #aab8c6 !important;
}
</style> |
| Informações |
|---|
|
Com o css acima, o macro de Informação ficou dessa forma! |
2 - Warning
Modificações:
- Retira as bordas arredondadas
- Muda a cor de fundo
- Muda a cor dos caracteres
- Muda a cor do ícone
| Bloco de código |
|---|
| language | css |
|---|
| firstline | 1 |
|---|
| title | Novo CSS Warning |
|---|
| linenumbers | true |
|---|
|
.confluence-information-macro {
width: calc(100% - 25px);
background: #fff !important;
border: 0;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
color: #333;
margin: 10px 0 1em 0;
min-height: 20px;
padding: 10px;
position: relative;
}
.confluence-information-macro p.title{
padding-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
.confluence-information-macro .confluence-information-macro-icon.aui-iconfont-error{
color: #fff;
}
.confluence-information-macro-warning{
background-color: #d04437 !important;
color: #fff;
} |
| HTML |
|---|
<style type="text/css">
.confluence-information-macro {
width: calc(100% - 25px);
background: #fff !important;
border: 0;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
color: #333;
margin: 10px 0 1em 0;
min-height: 20px;
padding: 10px;
position: relative;
}
.confluence-information-macro p.title{
padding-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
.confluence-information-macro .confluence-information-macro-icon.aui-iconfont-error{
color: #fff;
}
.confluence-information-macro-warning{
background-color: #d04437 !important;
color: #fff;
}
</style> |
| Aviso |
|---|
|
Com o css acima, o macro de Atenção ficou dessa forma! |
