| | |
| | | --tag-color: #424242; |
| | | --blockquote-text-color: #858585; |
| | | --blockquote-border-color: #dfe2e5; |
| | | --error-color: #ff3939; |
| | | --thumbnail-height: 15em; |
| | | scroll-padding-top: 100px; |
| | | --font-family: 'Verdana', sans-serif; |
| | | } |
| | | |
| | | html[data-theme='dark'] { |
| | |
| | | --tag-color: rgb(191, 191, 191); |
| | | --blockquote-text-color: #808080; |
| | | --blockquote-border-color: #424242; |
| | | --error-color: #ff3939; |
| | | } |
| | | |
| | | html { |
| | |
| | | |
| | | body { |
| | | color: var(--body-color); |
| | | font-family: var(--font-family); |
| | | font-family: 'Verdana', sans-serif; |
| | | font-size: 15px; |
| | | width: 100%; |
| | | margin: 0 auto 30px auto; |
| | |
| | | |
| | | @-webkit-keyframes fadeInDown { |
| | | 0% { |
| | | opacity: 0; |
| | | -webkit-transform: translateY(-20px); |
| | | } |
| | | |
| | | 100% { |
| | | opacity: 1; |
| | | -webkit-transform: translateY(0); |
| | | } |
| | | } |
| | | |
| | | @-moz-keyframes fadeInDown { |
| | | 0% { |
| | | opacity: 0; |
| | | -moz-transform: translateY(-20px); |
| | | } |
| | | |
| | | 100% { |
| | | opacity: 1; |
| | | -moz-transform: translateY(0); |
| | | } |
| | | } |
| | | |
| | | @-o-keyframes fadeInDown { |
| | | 0% { |
| | | opacity: 0; |
| | | -o-transform: translateY(-20px); |
| | | } |
| | | |
| | | 100% { |
| | | opacity: 1; |
| | | -o-transform: translateY(0); |
| | | } |
| | | } |
| | | |
| | | @keyframes fadeInDown { |
| | | 0% { |
| | | opacity: 0; |
| | | transform: translateY(-20px); |
| | | } |
| | | |
| | | 100% { |
| | | opacity: 1; |
| | | transform: translateY(0); |
| | | } |
| | | } |
| | |
| | | border: 1px solid var(--form-border-color); |
| | | color: var(--body-color); |
| | | } |
| | | .form-style ul li .field-style:focus { |
| | | .form-style ul li .field-style:focus { |
| | | box-shadow: 0 0 5px; |
| | | border:1px solid; |
| | | } |
| | |
| | | .form-style ul li input.align-right { |
| | | float:right; |
| | | } |
| | | .form-style input, |
| | | .form-style textarea { |
| | | font-family: var(--font-family); |
| | | } |
| | | .form-style ul li textarea { |
| | | background-color: var(--bg-color); |
| | | border: 1px solid var(--form-border-color); |
| | |
| | | width: 100%; |
| | | height: auto; |
| | | } |
| | | .form-style ul li input[type="button"], |
| | | .form-style ul li input[type="submit"] { |
| | | background-color: var(--bg-color); |
| | | border: 1px solid var(--form-border-color); |
| | |
| | | text-decoration: none; |
| | | width: 100%; |
| | | } |
| | | .form-style ul li input[type="button"]:hover, |
| | | .form-style ul li input[type="submit"]:hover { |
| | | background-color: var(--bg-color); |
| | | border: 1px solid var(--form-button-hover-border-color); |
| | | } |
| | | .form-style .form-row { |
| | | display: flex; |
| | | flex-direction: row; |
| | | align-items: center; |
| | | flex: 1; |
| | | } |
| | | .form-feedback { |
| | | text-align: center; |
| | | } |
| | | .form-feedback[feedback-success="false"] { |
| | | color: var(--error-color); |
| | | } |
| | | /* (CONTACT) FORM END */ |
| | | |
| | | /* (CONTACT) FORM END */ |