|
|
| Line 1,532: |
Line 1,532: |
| | | | |
| | | | |
| − | /* Form */
| |
| − |
| |
| − | form label {
| |
| − | display: block;
| |
| − | margin: 0 0 0.5em 0;
| |
| − | }
| |
| − |
| |
| − | form input[type="text"],
| |
| − | form input[type="email"],
| |
| − | form input[type="password"],
| |
| − | form select,
| |
| − | form textarea {
| |
| − | -moz-transition: background-color 0.35s ease-in-out;
| |
| − | -webkit-transition: background-color 0.35s ease-in-out;
| |
| − | -ms-transition: background-color 0.35s ease-in-out;
| |
| − | transition: background-color 0.35s ease-in-out;
| |
| − | -webkit-appearance: none;
| |
| − | display: block;
| |
| − | border: 0;
| |
| − | background: #f1f1f1;
| |
| − | width: 100%;
| |
| − | padding: 0.75em;
| |
| − | }
| |
| − |
| |
| − | form input[type="text"]:focus,
| |
| − | form input[type="email"]:focus,
| |
| − | form input[type="password"]:focus,
| |
| − | form select:focus,
| |
| − | form textarea:focus {
| |
| − | background: #f8f8f8;
| |
| − | }
| |
| − |
| |
| − | form input[type="text"],
| |
| − | form input[type="email"],
| |
| − | form input[type="password"],
| |
| − | form select {
| |
| − | line-height: 1em;
| |
| − | }
| |
| − |
| |
| − | form textarea {
| |
| − | min-height: 12em;
| |
| − | }
| |
| − |
| |
| − | form .formerize-placeholder {
| |
| − | color: #5a5959 !important;
| |
| − | }
| |
| − |
| |
| − | form ::-webkit-input-placeholder {
| |
| − | color: #5a5959 !important;
| |
| − | }
| |
| − |
| |
| − | form :-moz-placeholder {
| |
| − | color: #5a5959 !important;
| |
| − | }
| |
| − |
| |
| − | form ::-moz-placeholder {
| |
| − | color: #5a5959 !important;
| |
| − | }
| |
| − |
| |
| − | form :-ms-input-placeholder {
| |
| − | color: #5a5959 !important;
| |
| − | }
| |
| − |
| |
| − | form ::-moz-focus-inner {
| |
| − | border: 0;
| |
| − | }
| |
| − |
| |
| − | form ul.actions {
| |
| − | margin-bottom: 0;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | /* Table */
| |
| − |
| |
| − | .table-wrapper {
| |
| − | width: 100%;
| |
| − | overflow-x: auto;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | }
| |
| − |
| |
| − | table {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | table.default {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | table.default tbody tr {
| |
| − | border-top: solid 1px #eae9e9;
| |
| − | }
| |
| − |
| |
| − | table.default tbody tr:first-child {
| |
| − | border-top: 0;
| |
| − | }
| |
| − |
| |
| − | table.default td {
| |
| − | padding: 0.75em 1.25em 0.75em 1.25em;
| |
| − | }
| |
| − |
| |
| − | table.default th {
| |
| − | text-align: left;
| |
| − | padding: 0.75em 1.25em 0.75em 1.25em;
| |
| − | }
| |
| − |
| |
| − | table.default thead {
| |
| − | background: #f5f5f5;
| |
| − | }
| |
| − |
| |
| − | /* Button */
| |
| − |
| |
| − | input[type="button"],
| |
| − | input[type="submit"],
| |
| − | input[type="reset"],
| |
| − | button,
| |
| − | .button {
| |
| − | -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
| |
| − | -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
| |
| − | -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
| |
| − | transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
| |
| − | -webkit-appearance: none;
| |
| − | position: relative;
| |
| − | display: inline-block;
| |
| − | border: 0;
| |
| − | background: #35b88f;
| |
| − | color: #fff;
| |
| − | text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
| |
| − | cursor: pointer;
| |
| − | text-decoration: none;
| |
| − | outline: 0;
| |
| − | padding: 1em 3em 1em 3em;
| |
| − | text-align: center;
| |
| − | border-radius: 3em;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | input[type="button"]:hover,
| |
| − | input[type="submit"]:hover,
| |
| − | input[type="reset"]:hover,
| |
| − | button:hover,
| |
| − | .button:hover {
| |
| − | background: #45c89f;
| |
| − | }
| |
| − |
| |
| − | input[type="button"].style2,
| |
| − | input[type="submit"].style2,
| |
| − | input[type="reset"].style2,
| |
| − | button.style2,
| |
| − | .button.style2 {
| |
| − | color: #3a3939;
| |
| − | background: #fff;
| |
| − | box-shadow: inset 0 0 0 1px #fff;
| |
| − | }
| |
| − |
| |
| − | input[type="button"].style2:hover,
| |
| − | input[type="submit"].style2:hover,
| |
| − | input[type="reset"].style2:hover,
| |
| − | button.style2:hover,
| |
| − | .button.style2:hover {
| |
| − | background: rgba(255, 255, 255, 0.1);
| |
| − | color: #fff !important;
| |
| − | text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25) !important;
| |
| − | }
| |
| − |
| |
| − | input[type="button"].style3,
| |
| − | input[type="submit"].style3,
| |
| − | input[type="reset"].style3,
| |
| − | button.style3,
| |
| − | .button.style3 {
| |
| − | background: none;
| |
| − | color: #3a3939;
| |
| − | box-shadow: inset 0 0 0 1px #dad9d9;
| |
| − | }
| |
| − |
| |
| − | input[type="button"].style3:hover,
| |
| − | input[type="submit"].style3:hover,
| |
| − | input[type="reset"].style3:hover,
| |
| − | button.style3:hover,
| |
| − | .button.style3:hover {
| |
| − | background: rgba(58, 57, 57, 0.025);
| |
| − | }
| |
| − |
| |
| − | /* Box */
| |
| − |
| |
| − | .box {
| |
| − | position: relative;
| |
| − | margin-top: 9em;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .box:after {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: -9em;
| |
| − | left: 50%;
| |
| − | height: 9em;
| |
| − | border-left: solid 1px #fff;
| |
| − | }
| |
| − |
| |
| − | .box:before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | width: 90px;
| |
| − | height: 66px;
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | top: -4.5em;
| |
| − | margin-left: -45px;
| |
| − | margin-top: -33px;
| |
| − | background: url("images/arrow.svg") no-repeat;
| |
| − | }
| |
| − |
| |
| − | .box :last-child {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style1 {
| |
| − | background: #fff;
| |
| − | padding: 3em;
| |
| − | }
| |
| − |
| |
| − | .box.style1 .image {
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | width: 50%;
| |
| − | height: 100%;
| |
| − | background: #152E33;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .box.style1 .image img {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | height: 100%;
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | .box.style1 .inner > :last-child {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style1.right .image {
| |
| − | left: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style1.right .image img {
| |
| − | right: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style1.right .inner {
| |
| − | margin-left: 50%;
| |
| − | padding-left: 3em;
| |
| − | }
| |
| − |
| |
| − | .box.style1.left .image {
| |
| − | right: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style1.left .image img {
| |
| − | left: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style1.left .inner {
| |
| − | margin-right: 50%;
| |
| − | padding-right: 3em;
| |
| − | }
| |
| − |
| |
| − | .box.style2 {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .box.style2 header {
| |
| − | display: inline-block;
| |
| − | background: #fff;
| |
| − | padding: 2em 3em 2em 3em;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style2 header p {
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .box.style2 .inner {
| |
| − | position: relative;
| |
| − | padding: 40px 0 0px 0;
| |
| − | }
| |
| − |
| |
| − | .box.style2 .inner:after {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 50%;
| |
| − | height: 100%;
| |
| − | border-left: solid 1px #fff;
| |
| − | }
| |
| − |
| |
| − | .box.style2 .inner .row {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .box.style2 .inner .row:before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | left: 20px;
| |
| − | width: calc(100% - 40px);
| |
| − | border-bottom: solid 1px #fff;
| |
| − | }
| |
| − |
| |
| − | .box.style2 .inner .image {
| |
| − | position: relative;
| |
| − | z-index: 1;
| |
| − | padding: 20px;
| |
| − | }
| |
| − |
| |
| − | .box.style3 {
| |
| − | background: #fff;
| |
| − | padding: 3em;
| |
| − | }
| |
| − |
| |
| − | .box.style3 header {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | /* Icons */
| |
| − |
| |
| − | .icon {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .icon:before {
| |
| − | display: inline-block;
| |
| − |
| |
| − | font-size: 1.25em;
| |
| − | text-decoration: none;
| |
| − | font-style: normal;
| |
| − | font-weight: normal;
| |
| − | line-height: 1;
| |
| − | -webkit-font-smoothing: antialiased;
| |
| − | -moz-osx-font-smoothing: grayscale;
| |
| − | }
| |
| − |
| |
| − | .icon > .label {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | /* Header */
| |
| − |
| |
| − | #header {
| |
| − | position: relative;
| |
| − | color: #fff;
| |
| − | text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
| |
| − | text-align: center;
| |
| − | margin: 0;
| |
| − | padding: 14em 0 14em 0;
| |
| − | cursor: default;
| |
| − | }
| |
| − |
| |
| − | #header header {
| |
| − | display: inline-block;
| |
| − | padding: 0 0 4.5em 0;
| |
| − | }
| |
| − |
| |
| − | #header header h1 {
| |
| − | font-size: 2em;
| |
| − | letter-spacing: 10px;
| |
| − | }
| |
| − |
| |
| − | #header header p {
| |
| − | border-top: solid 1px rgba(255, 255, 255, 0.5);
| |
| − | color: rgba(255, 255, 255, 0.75);
| |
| − | text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.1875);
| |
| − | font-size: 1em;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 3px;
| |
| − | padding: 0;
| |
| − | margin-top: 0.35em;
| |
| − | }
| |
| − |
| |
| − | #header header p:before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | border-top: solid 1px rgba(255, 255, 255, 0.5);
| |
| − | margin: 4px 0 0.8em 0;
| |
| − | }
| |
| − |
| |
| − | #header footer {
| |
| − | position: absolute;
| |
| − | bottom: 9em;
| |
| − | margin: 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | #header footer:after {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | bottom: -9em;
| |
| − | left: 50%;
| |
| − | height: 9em;
| |
| − | border-left: solid 1px #fff;
| |
| − | }
| |
| − |
| |
| − | #header footer:before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | width: 90px;
| |
| − | height: 66px;
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | bottom: -4.5em;
| |
| − | margin-left: -45px;
| |
| − | margin-bottom: -33px;
| |
| − | background: url("images/arrow.svg") no-repeat;
| |
| − | }
| |
| − |
| |
| − | /* Banner */
| |
| − |
| |
| − | #banner {
| |
| − | position: relative;
| |
| − | color: #fff;
| |
| − | text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
| |
| − | text-align: center;
| |
| − | background: #35b88f url("images/banner.svg") bottom center no-repeat;
| |
| − | padding: 5em 0 5em 0;
| |
| − | margin: 0;
| |
| − | background-size: 125% auto;
| |
| − | }
| |
| − |
| |
| − | #banner .button {
| |
| − | color: #35b882;
| |
| − | text-shadow: 0 0 0.5px rgba(53, 184, 130, 0.25);
| |
| − | }
| |
| − |
| |
| − | #banner header {
| |
| − | margin: 0 0 2em 0;
| |
| − | }
| |
| − |
| |
| − | #banner header h2 {
| |
| − | font-size: 1.75em;
| |
| − | letter-spacing: 8px;
| |
| − | }
| |
| − |
| |
| − | #banner p {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #banner footer {
| |
| − | margin: 2em 0 0 0;
| |
| − | }
| |
| − |
| |
| − | #banner a {
| |
| − | color: inherit;
| |
| − | border-bottom-color: rgba(255, 255, 255, 0.5);
| |
| − | }
| |
| − |
| |
| − | #banner a:hover {
| |
| − | border-bottom-color: rgba(255, 255, 255, 0);
| |
| − | }
| |
| | | | |
| | /* Footer */ | | /* Footer */ |
