Commit aadd0247 authored by ubrwtpcf's avatar ubrwtpcf

Colors

parent 18ca5e12
node-modules
node_modules
*.map
\ No newline at end of file
.radon-callback-webform.color--green {
background: #30c51c; }
.radon-callback-webform.color--green .webform-button--submit {
background-color: #259816;
border-bottom: 1px solid #30c51c; }
.radon-callback-webform.color--green .webform-button--submit:hover {
border-bottom: 2px solid #30c51c;
margin-top: 9px;
background-color: #28a618; }
.radon-callback-webform.color--green.circle {
background-color: #2baf19;
border: 3px solid #47e232; }
.radon-callback-webform.color--blue {
background: #198bbe; }
.radon-callback-webform.color--blue .webform-button--submit {
background-color: #136a91;
border-bottom: 1px solid #198bbe; }
.radon-callback-webform.color--blue .webform-button--submit:hover {
border-bottom: 2px solid #198bbe;
margin-top: 9px;
background-color: #15749e; }
.radon-callback-webform.color--blue.circle {
background-color: #167ba7;
border: 3px solid #27a9e3; }
.radon-callback-webform.color--turquoise {
background: #03a6b2; }
.radon-callback-webform.color--turquoise .webform-button--submit {
background-color: #027780;
border-bottom: 1px solid #03a6b2; }
.radon-callback-webform.color--turquoise .webform-button--submit:hover {
border-bottom: 2px solid #03a6b2;
margin-top: 9px;
background-color: #02858f; }
.radon-callback-webform.color--turquoise.circle {
background-color: #038f99;
border: 3px solid #04d5e4; }
.radon-callback-webform.color--red {
background: #c9270f; }
.radon-callback-webform.color--red .webform-button--submit {
background-color: #9a1e0b;
border-bottom: 1px solid #c9270f; }
.radon-callback-webform.color--red .webform-button--submit:hover {
border-bottom: 2px solid #c9270f;
margin-top: 9px;
background-color: #a8210d; }
.radon-callback-webform.color--red.circle {
background-color: #b1220d;
border: 3px solid #ee381d; }
.radon-callback-webform.color--orange {
background: #f3841a; }
.radon-callback-webform.color--orange .webform-button--submit {
background-color: #cf6b0b;
border-bottom: 1px solid #f3841a; }
.radon-callback-webform.color--orange .webform-button--submit:hover {
border-bottom: 2px solid #f3841a;
margin-top: 9px;
background-color: #de720c; }
.radon-callback-webform.color--orange.circle {
background-color: #e7770c;
border: 3px solid #f69e4a; }
.radon-callback-webform.color--black {
background: #000; }
.radon-callback-webform.color--black .webform-button--submit {
background-color: black;
border-bottom: 1px solid #000; }
.radon-callback-webform.color--black .webform-button--submit:hover {
border-bottom: 2px solid #000;
margin-top: 9px;
background-color: black; }
.radon-callback-webform.color--black.circle {
background-color: black;
border: 3px solid #1a1a1a; }
.radon-callback-webform.color--purple {
background: #9e0e83; }
.radon-callback-webform.color--purple .webform-button--submit {
background-color: #6f0a5c;
border-bottom: 1px solid #9e0e83; }
.radon-callback-webform.color--purple .webform-button--submit:hover {
border-bottom: 2px solid #9e0e83;
margin-top: 9px;
background-color: #7d0b68; }
.radon-callback-webform.color--purple.circle {
background-color: #870c70;
border: 3px solid #cd12aa; }
.radon-callback-webform.color--gray {
background: #787878; }
.radon-callback-webform.color--gray .webform-button--submit {
background-color: #5f5f5f;
border-bottom: 1px solid #787878; }
.radon-callback-webform.color--gray .webform-button--submit:hover {
border-bottom: 2px solid #787878;
margin-top: 9px;
background-color: #666666; }
.radon-callback-webform.color--gray.circle {
background-color: #6b6b6b;
border: 3px solid #929292; }
.radon-callback-webform {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(25, 139, 190, 0.92);
color: #000;
width: 370px;
height: 51px;
......@@ -20,7 +123,7 @@
width: 390px;
padding: 0 21px; }
.radon-callback-webform .close-btn {
background: url("/modules/custom/radon_callback/assets/images/icon-close.png") no-repeat;
background: url("../images/icon-close.png") no-repeat;
background-size: contain;
width: 16px;
height: 16px;
......@@ -29,7 +132,7 @@
top: -5px;
cursor: pointer; }
.radon-callback-webform .close-btn:hover {
background: url("/modules/custom/radon_callback/assets/images/icon-close-pressed.png") no-repeat; }
background: url("../images/icon-close-pressed.png") no-repeat; }
.radon-callback-webform .js-form-item-fz152-agreement {
display: none; }
.radon-callback-webform .ajax-progress.ajax-progress-throbber {
......@@ -37,13 +140,14 @@
.radon-callback-webform .throbber {
display: none; }
.radon-callback-webform .form-item {
padding: 0;
margin: 10px 0; }
.radon-callback-webform .form-type-tel {
display: inline-block;
margin-right: 5px;
float: left; }
.radon-callback-webform .form-type-tel input.form-tel {
width: 197px;
width: 190px;
border: 1px solid #ccc;
border-radius: 20px;
padding: 6px;
......@@ -59,7 +163,6 @@
background-position: -3px -4px;
background-repeat: no-repeat;
background-size: 35px;
background-color: #08597e;
border: none;
font-size: 12px;
padding: 8px 40px 8px 52px;
......@@ -67,13 +170,11 @@
text-transform: capitalize;
-webkit-transition: all .01s ease-out 0s;
transition: all .01s ease-out 0s;
border-bottom: 1px solid #064765;
margin-top: 10px;
color: #fff; }
.radon-callback-webform .form-actions .webform-button--submit:focus {
outline: 0; }
.radon-callback-webform .form-actions .webform-button--submit:hover {
border-bottom: 2px solid #064765;
margin-top: 9px; }
.radon-callback-webform .webform-confirmation {
margin-top: 6px;
......@@ -104,12 +205,10 @@
.radon-callback-webform.circle {
background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
background-position: center center;
background-color: rgba(8, 89, 126, 0.9);
background-repeat: no-repeat;
cursor: pointer;
width: 72px;
height: 72px;
border-radius: 72px;
border: 3px solid #198bbe; }
border-radius: 72px; }
/*# sourceMappingURL=callback.css.map */
This diff is collapsed.
$colors: (
green: #30c51c,
blue: #198bbe,
turquoise: #03a6b2,
red: #c9270f,
orange: #f3841a,
black: #000,
purple: #9e0e83,
gray: #787878,
);
@each $color, $color_value in $colors {
.radon-callback-webform.color--#{$color} {
background: $color_value;
.webform-button--submit {
background-color: darken($color_value,10%);
border-bottom: 1px solid $color_value;
&:hover {
border-bottom: 2px solid $color_value;
margin-top: 9px;
background-color: darken($color_value,7%);
}
}
&.circle {
background-color: darken($color_value, 5%);
border: 3px solid lighten($color_value, 10%);
}
}
}
@import "colors";
$radon_callback_width: 370px;
$input-border-radius: 20px;
$background-color: rgba(25, 139, 190, 0.92);
$background-circle-color: rgba(8, 89, 126, 0.9);
$border-color: rgb(25, 139, 190);
$button-bottom-color: rgb(6, 71, 101);
.radon-callback-webform {
box-sizing: border-box;
background: $background-color;
color: #000;
width: $radon_callback_width;
height: 51px;
......@@ -26,7 +23,7 @@ $button-bottom-color: rgb(6, 71, 101);
padding: 0 21px;
}
.close-btn {
background: url('/modules/custom/radon_callback/assets/images/icon-close.png') no-repeat;
background: url('../images/icon-close.png') no-repeat;
background-size: contain;
width: 16px;
height: 16px;
......@@ -35,7 +32,7 @@ $button-bottom-color: rgb(6, 71, 101);
top: -5px;
cursor:pointer;
&:hover {
background: url('/modules/custom/radon_callback/assets/images/icon-close-pressed.png') no-repeat;
background: url('../images/icon-close-pressed.png') no-repeat;
}
}
.js-form-item-fz152-agreement {
......@@ -48,6 +45,7 @@ $button-bottom-color: rgb(6, 71, 101);
display: none;
}
.form-item {
padding: 0;
margin: 10px 0;
}
.form-type-tel {
......@@ -55,7 +53,7 @@ $button-bottom-color: rgb(6, 71, 101);
margin-right: 5px;
float:left;
input.form-tel {
width: 197px;
width: 190px;
border: 1px solid #ccc;
border-radius: $input-border-radius;
padding: 6px;
......@@ -68,13 +66,12 @@ $button-bottom-color: rgb(6, 71, 101);
height:51px;
margin:0;
padding: 0;
.webform-button--submit {
background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
background-position: -3px -4px;
background-repeat: no-repeat;
background-size: 35px;
background-color: rgb(8, 89, 126);
border: none;
font-size: 12px;
padding: 8px 40px 8px 52px;
......@@ -82,14 +79,12 @@ $button-bottom-color: rgb(6, 71, 101);
text-transform: capitalize;
-webkit-transition: all .01s ease-out 0s;
transition: all .01s ease-out 0s;
border-bottom: 1px solid $button-bottom-color;
margin-top: 10px;
color: #fff;
&:focus {
outline: 0;
}
&:hover {
border-bottom: 2px solid $button-bottom-color;
margin-top: 9px;
}
}
......@@ -133,12 +128,9 @@ $button-bottom-color: rgb(6, 71, 101);
.radon-callback-webform.circle {
background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
background-position: center center;
background-color: $background-circle-color;
background-repeat: no-repeat;
cursor:pointer;
width: 72px;
height: 72px;
border-radius: 72px;
border: 3px solid $border-color;
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment