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 span{ | ||
| + | color:black; | ||
| + | font-size:1rem; | ||
| + | font-weight:bold; | ||
| + | margin-top:10px; | ||
| + | width:100%; | ||
| + | text-align:center; | ||
| + | background-color:white; | ||
| + | border-radius: 10px; | ||
| + | } | ||
| + | |||
#bodyContent button.accordion.active, | #bodyContent button.accordion.active, | ||
#bodyContent button.accordion:hover { | #bodyContent button.accordion:hover { | ||
background-color: rgba(20, 147, 117, 0.7); | background-color: rgba(20, 147, 117, 0.7); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Revision as of 23:06, 31 October 2017
