Difference between revisions of "Template:Cologne-Duesseldorf/css"
| Line 903: | Line 903: | ||
************************************************************************/ | ************************************************************************/ | ||
#bodyContent button.accordion { | #bodyContent button.accordion { | ||
| − | + | display:flex; | |
| − | + | flex-direction:column; | |
| − | + | align-items:center; | |
| − | + | font-family: 'Quicksand', sans-serif; | |
| − | + | margin: 3px; | |
| − | + | border-radius: 10px; | |
| − | + | background-color: rgba(20, 147, 117, 0.125); | |
| − | + | cursor: pointer; | |
| − | + | padding: 18px; | |
| − | + | width: 100%; | |
| − | + | border: none; | |
| − | + | outline: none; | |
| − | + | -webkit-transition: all 0.5s ease; | |
| − | + | -o-transition: all 0.5s ease; | |
| − | + | transition: all 0.5s ease; | |
| − | } | + | } |
| − | + | #bodyContent button.accordion h4{ | |
| − | + | font-size: 1.250rem; | |
| − | + | text-transform:uppercase; | |
| − | + | letter-spacing: 7px; | |
| − | + | } | |
| − | #bodyContent button.accordion | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | #bodyContent button.accordion:after{ | |
| − | #bodyContent button.accordion: | + | content:"\25BE"; |
| − | background-color: | + | font-size:2rem; |
| + | font-weight:bold; | ||
| + | margin-top:10px; | ||
| + | width:100%; | ||
| + | text-align:center; | ||
| + | background-color:white; | ||
| + | border-radius: 10px; | ||
} | } | ||
| + | |||
| + | #bodyContent button.accordion.active, | ||
| + | #bodyContent button.accordion:hover { | ||
| + | background-color: rgba(20, 147, 117, 0.7); | ||
| + | } | ||
Revision as of 23:25, 31 October 2017
