Line 3: | Line 3: | ||
<style> | <style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .collapsible { | ||
+ | background-color: #F8A05B; | ||
+ | color: white; | ||
+ | cursor: pointer; | ||
+ | padding: 18px; | ||
+ | width: 100%; | ||
+ | border: none; | ||
+ | text-align: left; | ||
+ | outline: none; | ||
+ | font-size: 20px; | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
+ | text-orientation:left; | ||
+ | } | ||
+ | |||
+ | .coactive { | ||
+ | background-color: #F8A05B; | ||
+ | } | ||
+ | |||
+ | .collapsible:hover { | ||
+ | background-color: #555; | ||
+ | } | ||
+ | |||
+ | .collapsible:after { | ||
+ | content: '\002B'; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | float: right; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | .coactive:after { | ||
+ | content: "\2212"; | ||
+ | } | ||
+ | |||
+ | .excontent { | ||
+ | padding: 0px 25px; | ||
+ | max-height: 0; | ||
+ | overflow: hidden; | ||
+ | transition: max-height 0.2s ease-out; | ||
+ | background-color: #ffffff; | ||
+ | overflow:auto; | ||
+ | text-align:left; | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
Revision as of 19:43, 4 September 2019