| | |
| | | --body-color: rgba(0, 0, 0, 0.7); |
| | | --post-color: rgba(0, 0, 0, 0.44); |
| | | --border-color: rgba(0, 0, 0, 0.15); |
| | | --form-border-color: #9f9f9f; |
| | | --form-button-hover-border-color: #000; |
| | | --pre-bg-color: #f9f9fd; |
| | | --nav-text-color: #5a5a5a; |
| | | --tag-color: #424242; |
| | |
| | | --body-color: rgb(169, 169, 179); |
| | | --post-color: rgba(0, 0, 0, 0.44); |
| | | --border-color: rgb(38, 38, 38); |
| | | --form-border-color: rgb(169, 169, 179); |
| | | --form-button-hover-border-color: #fff; |
| | | --pre-bg-color: rgb(33, 33, 45); |
| | | --nav-text-color: rgb(191, 191, 191); |
| | | --tag-color: rgb(191, 191, 191); |
| | |
| | | height: 60px; |
| | | border-bottom: 1px solid var(--border-color); |
| | | } |
| | | <<<<<<< HEAD:assets/scss/main.scss |
| | | |
| | | } |
| | | ======= |
| | | } |
| | | |
| | | |
| | | /* (CONTACT) FORM */ |
| | | |
| | | .contact-form { |
| | | margin-top: 30px; |
| | | } |
| | | .form-style{ |
| | | width: 100%; |
| | | } |
| | | .form-style ul { |
| | | padding: 0; |
| | | margin: 0; |
| | | list-style: none; |
| | | } |
| | | .form-style ul li { |
| | | display: block; |
| | | margin-bottom: 10px; |
| | | min-height: 35px; |
| | | } |
| | | .form-style ul li .field-style { |
| | | box-sizing: border-box; |
| | | -webkit-box-sizing: border-box; |
| | | -moz-box-sizing: border-box; |
| | | font-size: 14px; |
| | | padding: 8px; |
| | | outline: none; |
| | | background-color: var(--bg-color); |
| | | border: 1px solid var(--form-border-color); |
| | | color: var(--body-color); |
| | | } |
| | | .form-style ul li .field-style:focus { |
| | | box-shadow: 0 0 5px; |
| | | border:1px solid; |
| | | } |
| | | .form-style ul li .field-split { |
| | | width: 49%; |
| | | } |
| | | .form-style ul li .field-full { |
| | | width: 100%; |
| | | } |
| | | .form-style ul li input.align-left { |
| | | float:left; |
| | | } |
| | | .form-style ul li input.align-right { |
| | | float:right; |
| | | } |
| | | .form-style ul li textarea { |
| | | background-color: var(--bg-color); |
| | | border: 1px solid var(--form-border-color); |
| | | color: var(--body-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); |
| | | display: inline-block; |
| | | cursor: pointer; |
| | | color: var(--body-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); |
| | | } |
| | | |
| | | /* (CONTACT) FORM END */ |
| | | >>>>>>> upstream/master:assets/css/style.css |