Line 930: | Line 930: | ||
.panel { | .panel { | ||
− | + | padding: 0 18px; | |
− | + | background-color: white; | |
− | + | display:none; | |
− | + | opacity: 1; | |
− | + | -webkit-animation: fade 1s; | |
− | + | animation: fade 1s; | |
− | + | } | |
− | + | ||
− | + | .panel.show { | |
− | + | display: block; | |
− | + | opacity: 1; | |
− | + | -webkit-animation: fade 1s; | |
+ | animation: fade 1s; | ||
+ | } | ||
+ | @-webkit-keyframes fade { | ||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | @keyframes fade { | ||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | #bodyContent .panel p { | ||
+ | font-size: 1.125rem; | ||
+ | } | ||
#bodyContent .panel p { | #bodyContent .panel p { | ||
font-size: 1.125rem; | font-size: 1.125rem; | ||
Line 1,453: | Line 1,475: | ||
z-index: -1; | z-index: -1; | ||
} | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 21:31, 31 October 2017