Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.faq {
margin-bottom: 20px;
}
.faq .question, .faq .answer {
background-color: white;
border: 2px solid grey;
padding: 5px 10px;
border-radius: 5px;
color: #999;
font-family: Arial;
margin-bottom: 5px;
}
.faq .question:before {
content: '?';
font-size: 2em;
vertical-align: middle;
margin-right: 20px;
line-height: 1.2em;
}
.faq .question {
font-weight: bold;
}
.faq .answer {
margin-left: 40px;
}
.faq:not(:target) .answer {
display: none;
}
.faq .answer hr {
margin-bottom: 2px;
}
.faq .answer .related {
margin: 0;
}
.faq .answer .related li {
list-style-type: none;
display: inline;
font-size: smaller;
}
.faq .answer .related li:not(:last-child):after {
content: ',\00a0';
}
.faq .question .js-edit-question,
.faq .question .js-delete-question,
.faq .question .js-link-question {
float: right;
height: 20px;
vertical-align: middle;
display: inline-block;
margin-top: 5px;
cursor: pointer;
}
#faqModal form {
display: flex;
}
#faqModal form > div > * {
display: block;
}
#faqModal form > div:first-of-type {
flex-grow: 1;
}
#faqModal form > div:last-of-type {
flex-grow: 3;
}