Mais ações
Criou página com '→Style the button that is used to open and close the collapsible content: .collapsible { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } →Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover): .active, .collapsible:hover { background-color: #ccc; } /* Style the col...' |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
#faq { | |||
. | margin-top: 20px; | ||
background-color: # | } | ||
color: # | .accordion-item { | ||
padding: 0 30px; | |||
padding: | } | ||
.accordion-section h2 { | |||
border: none; | font-size: 24px; | ||
color: #1c81ac; | |||
margin-bottom: 14px; | |||
text-transform: capitalize; | |||
margin-top: 0; | |||
letter-spacing: 0; | |||
} | |||
section h2 { | |||
font-weight: 600; | |||
letter-spacing: 0.5px; | |||
} | |||
.panel-group { | |||
margin-bottom: 0; | |||
} | |||
.accordion-section .panel-heading { | |||
background-color: #ebebeb; | |||
color: #323b40; | |||
padding: 10px 0 12px; | |||
} | |||
.accordion-section h4.panel-title { | |||
padding: 0 10px; | |||
margin-bottom: 5px; | |||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |||
letter-spacing: 0; | |||
font-weight: 400; | |||
} | |||
#faq .collapsed { | |||
display: table; | |||
line-height: 22px; | |||
} | |||
#faq .faq-toggle { | |||
float: left; | |||
} | |||
section.faq .fa:before { | |||
font-size: 20px; | |||
padding-right: 8px; | |||
} | |||
.panel-group .panel-heading+.panel-collapse>.list-group, .pricing-plans-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body { | |||
border-top: none; | |||
} | |||
section.faq .panel-body p { | |||
text-align: left; | text-align: left; | ||
font-size: 16px; | |||
} | |||
p, | |||
.ul li { | |||
color: #5b666d; | |||
} | } | ||
ol, | |||
ul { | |||
margin-top: 0; | |||
margin-bottom: 10px; | |||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |||
} | } | ||
ul { | |||
list-style-type: none; | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
Edição atual tal como às 14h27min de 31 de janeiro de 2023
#faq {
margin-top: 20px;
}
.accordion-item {
padding: 0 30px;
}
.accordion-section h2 {
font-size: 24px;
color: #1c81ac;
margin-bottom: 14px;
text-transform: capitalize;
margin-top: 0;
letter-spacing: 0;
}
section h2 {
font-weight: 600;
letter-spacing: 0.5px;
}
.panel-group {
margin-bottom: 0;
}
.accordion-section .panel-heading {
background-color: #ebebeb;
color: #323b40;
padding: 10px 0 12px;
}
.accordion-section h4.panel-title {
padding: 0 10px;
margin-bottom: 5px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;
}
#faq .collapsed {
display: table;
line-height: 22px;
}
#faq .faq-toggle {
float: left;
}
section.faq .fa:before {
font-size: 20px;
padding-right: 8px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .pricing-plans-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: none;
}
section.faq .panel-body p {
text-align: left;
font-size: 16px;
}
p,
.ul li {
color: #5b666d;
}
ol,
ul {
margin-top: 0;
margin-bottom: 10px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}