iobroker.vis-2
Version:
Next generation graphical user interface for ioBroker.
1,410 lines (1,344 loc) • 64.4 kB
CSS
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
'Droid Sans', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
height: 100%;
}
.body-editor {
overflow: hidden;
}
.body-light {
background-color: #fff;
color: #000;
}
.body-dark {
background-color: #000;
color: #fff;
}
/* scrollbar */
*::-webkit-scrollbar-track {
background-color: #ccc;
}
*::-webkit-scrollbar {
width: 6px;
background-color: #ccc;
}
*::-webkit-scrollbar-thumb {
background-color: #575757;
}
#root {
height: 100%;
}
.App {
height: 100%;
}
.__dbk__gutter.Horizontal.visGutter {
height: initial;
}
.vis-widget_prev {
position: relative !important;
top: 0 !important;
left: 0 !important;
padding: 0 !important;
}
.ui-menu {
background: #eee;
height: 300px;
overflow-y: scroll;
overflow-x: hidden;
border: 1px solid #aaa;
color: #111;
padding: 0;
}
.ui-menu-item {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 3px 1em 3px 0.4em;
cursor: pointer;
}
.ui-menu-item::marker {
list-style-image: none;
list-style-type: none;
margin: 0;
}
.ui-menu-item:hover {
background-color: #ccc;
}
.vis-tooltip {
pointer-events: none;
}
/**
* ioBroker.vis-2
* https://github.com/ioBroker/ioBroker.vis
*
* Copyright (c) 2022-2023 Denis Haev https://github.com/GermanBluefox,
* Creative Common Attribution-NonCommercial (CC BY-NC)
*
* http://creativecommons.org/licenses/by-nc/4.0/
*
* Short content:
* Licensees may copy, distribute, display and perform the work and make derivative works based on it only if they give the author or licensor the credits in the manner specified by these.
* Licensees may copy, distribute, display, and perform the work and make derivative works based on it only for noncommercial purposes.
* (Free for non-commercial use).
*/
/* Reset all fonts settings */
body,
html {
font-style: normal;
font-stretch: normal;
text-shadow: none;
text-transform: none;
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-indent: 0;
display: inline-block;
text-align: start;
font: 1em Arial;
}
/* set font as in editor */
#vis_container {
font-family: Arial, sans-serif;
}
.vis-widget {
position: absolute;
overflow: hidden;
}
.vis-view {
top: 0;
min-height: 100%;
min-width: 100%;
}
.vis-editmode-steal-style:hover {
box-shadow: 0 0 15px 8px #002aad;
}
.vis-editmode-widget-shadow {
border: 1px dotted #0d72b8;
position: relative;
}
.vis-editmode-helper,
.editmode-helper {
width: 100%;
height: 100%;
z-index: 600;
opacity: 0.1;
background-image: /* tint image */
linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
/* checkered effect */ linear-gradient(to right, black 50%, white 50%),
linear-gradient(to bottom, black 50%, white 50%);
background-blend-mode: normal, difference, normal;
background-size: 1em 1em;
}
.vis-editmode-overlay {
width: 100%;
height: 100%;
z-index: 1000;
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
}
.vis-editmode-overlay-not-selected:hover {
background: #ada400a0;
box-shadow: 0 0 15px 4px #ada400;
}
.vis-editmode-overlay-move-button {
position: absolute;
top: calc(50% - 8px);
font-size: 1.5em;
opacity: 0.7;
cursor: pointer;
z-index: 1204;
}
.vis-editmode-overlay-move-button:hover {
transform: scale(2);
}
.vis-editmode-overlay-absolute {
position: absolute;
}
.vis-editmode-selected.vis-editmode-overlay {
/* background-color: green; */
z-index: 1001;
}
.vis-editmode-selected.vis-editmode-selected-background.vis-editmode-overlay {
background-color: green;
}
.vis-editmode-widget-name {
font-size: 10px !important;
background: #002e4f;
border-radius: 3px 3px 0 0;
position: absolute !important;
top: -14px;
left: 0 !important;
padding: 1px 16px 1px 3px;
font-family: Arial, Helvetica, sans-serif !important;
overflow: visible !important;
text-shadow: none !important;
text-transform: none !important;
letter-spacing: normal !important;
line-height: unset !important;
font-style: normal !important;
font-weight: normal !important;
text-align: left !important;
font-variant: unset !important;
}
.vis-editmode-widget-name-long {
padding: 1px 50px 1px 3px;
}
.vis-editmode-widget-name.dark {
background: black;
color: white;
}
.vis-editmode-widget-name.light {
background: white;
color: black;
}
.vis-editmode-widget-name.vis-editmode-widget-name-bottom {
top: -0;
border-radius: 0 0 3px 3px;
opacity: 0.5;
z-index: 1002;
}
.vis-editmode-widget-name.vis-editmode-widget-name-selected.dark {
background: #ffc733;
color: black;
}
.vis-editmode-widget-name.vis-editmode-widget-name-selected.light {
background: #0064c0;
color: #ffffff;
}
.vis-editmode-select-rect {
border: 1px dashed white;
background-color: #f00;
opacity: 0.1;
}
.vis-widget-body {
width: 100%;
height: 100%;
}
.vis-anchor {
position: absolute;
top: 0;
right: 2px;
/* font-size: 10px;*/
width: 13px;
height: 13px;
cursor: pointer;
transition: transform 0.1s;
}
.vis-anchor:hover {
transform: scale(2);
color: #f00;
}
.vis-anchor:active {
transform: scale(1.7);
color: #f00;
}
.vis-anchor-enabled {
color: #0b9512;
}
.vis-anchor-disabled {
opacity: 0.7;
}
.vis-expand {
transform: rotate(90deg);
position: absolute;
top: 0;
right: 17px;
/* font-size: 10px;*/
width: 13px;
height: 13px;
cursor: pointer;
transition: transform 0.1s;
}
.vis-expand:hover {
transform: scale(2) rotate(90deg);
color: #f00;
}
.vis-expand:active {
transform: scale(1.7) rotate(90deg);
color: #f00;
}
.vis-expand-enabled {
color: #0b9512;
}
.vis-expand-disabled {
opacity: 0.7;
}
.vis-new-line {
position: absolute;
top: 0;
right: 34px;
/* font-size: 10px;*/
width: 13px;
height: 13px;
cursor: pointer;
transition: transform 0.1s;
}
.vis-new-line:hover {
transform: scale(2);
color: #f00;
}
.vis-new-line:active {
transform: scale(1.7);
color: #7c7c7c;
}
.vis-new-line-enabled {
color: #ed00ff;
}
.vis-new-line-disabled {
opacity: 0.7;
}
.vis-view-column {
flex: 1 0 0;
max-width: 500px;
min-width: 100px;
min-height: 100%;
position: relative;
}
.vis-view-column-edit {
border: 1px dashed #888888;
box-sizing: border-box;
}
.vis-editmode-widget-move-buttons {
background: #002e4f;
border-radius: 3px 3px 0 0;
position: absolute;
top: -13px;
right: 0;
overflow: visible;
height: 13px;
width: 45px;
font-size: 12px;
}
.vis-editmode-widget-move-buttons.dark {
background: black;
color: white;
}
.vis-editmode-widget-move-buttons.light {
background: white;
color: black;
}
.vis-editmode-widget-move-buttons.vis-editmode-widget-name-bottom {
top: -0;
border-radius: 0 0 3px 3px;
opacity: 0.5;
z-index: 1002;
}
.vis-editmode-move-button {
position: absolute;
top: 0;
left: 16px;
width: 13px;
height: 13px;
cursor: pointer;
transition: transform 0.1s;
display: inline-block;
}
.vis-editmode-move-button svg {
width: 13px;
height: 13px;
}
.vis-editmode-move-button:hover {
transform: scale(2);
color: #f00;
}
.vis-editmode-move-button:active {
transform: scale(1.7);
color: #f00;
}
.vis-editmode-widget-number {
position: absolute;
top: -1.5px;
left: 10px;
font-size: 11px;
}
.vis-signals-blink {
animation: vis-blink-animation 1s steps(5, start) infinite;
}
@keyframes vis-blink-animation {
to {
visibility: hidden;
}
}
/* ------------------------ Backgrounds styles ---------------------------*/
.no_background {
background: none !important;
}
.hq-background-blue-marine-lines {
background-image: url(./oblique-line-bk-BsWl-H7h.png);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDI4Q0JEIi8+PHN0b3Agb2Zmc2V0PSIwLjIiIHN0b3AtY29sb3I9IiMyNzYyODYiLz48c3RvcCBvZmZzZXQ9IjAuMzMiIHN0b3AtY29sb3I9IiMyMjRlNzIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAzMjkiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzAwMDMyOSIgLz48cmVjdCB4PSIwJSIgeT0iLTg5cHgiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIxMC44MiUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
background-image:
url(./oblique-line-bk-BsWl-H7h.png),
-webkit-gradient(
radial,
50% 350,
0,
50% 350,
156,
color-stop(0%, #428cbd),
color-stop(20%, #276286),
color-stop(33%, #224e72),
color-stop(100%, #000329)
);
background-image: -webkit-radial-gradient(
center 350px,
50% 105.41%,
#428cbd 0,
#276286 20%,
#224e72 33%,
#000329 100%
);
background-image:
url(./oblique-line-bk-BsWl-H7h.png),
-moz-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
background-image:
url(./oblique-line-bk-BsWl-H7h.png),
-ms-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
background-image: -o-radial-gradient(center 350px, 50% 105.41%, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
background-image: url(./oblique-line-bk-BsWl-H7h.png),
radial-gradient(50% 105.41% at center 350px, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
}
.hq-background-blue-marine {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDI4Q0JEIi8+PHN0b3Agb2Zmc2V0PSIwLjIiIHN0b3AtY29sb3I9IiMyNzYyODYiLz48c3RvcCBvZmZzZXQ9IjAuMzMiIHN0b3AtY29sb3I9IiMyMjRlNzIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAzMjkiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzAwMDMyOSIgLz48cmVjdCB4PSIwJSIgeT0iLTg5cHgiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIxMC44MiUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
background-image: -webkit-gradient(
radial,
50% 350,
0,
50% 350,
156,
color-stop(0%, #428cbd),
color-stop(20%, #276286),
color-stop(33%, #224e72),
color-stop(100%, #000329)
);
background-image: -webkit-radial-gradient(
center 350px,
50% 105.41%,
#428cbd 0,
#276286 20%,
#224e72 33%,
#000329 100%
);
background-image: -moz-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
background-image: -ms-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
background-image: -o-radial-gradient(center 350px, 50% 105.41%, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
background-image: radial-gradient(50% 105.41% at center 350px, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
}
.hq-background-radial-blue {
background: rgb(160, 199, 229);
background: -moz-linear-gradient(
left,
rgba(160, 199, 229, 1) 1%,
rgba(179, 206, 226, 1) 46%,
rgba(192, 211, 224, 1) 100%
);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(1%, rgba(160, 199, 229, 1)),
color-stop(46%, rgba(179, 206, 226, 1)),
color-stop(100%, rgba(192, 211, 224, 1))
);
background: -webkit-linear-gradient(
to left,
rgba(160, 199, 229, 1) 1%,
rgba(179, 206, 226, 1) 46%,
rgba(192, 211, 224, 1) 100%
);
background: -o-linear-gradient(
to left,
rgba(160, 199, 229, 1) 1%,
rgba(179, 206, 226, 1) 46%,
rgba(192, 211, 224, 1) 100%
);
background: -ms-linear-gradient(
to left,
rgba(160, 199, 229, 1) 1%,
rgba(179, 206, 226, 1) 46%,
rgba(192, 211, 224, 1) 100%
);
background: linear-gradient(
to left,
rgba(160, 199, 229, 1) 1%,
rgba(179, 206, 226, 1) 46%,
rgba(192, 211, 224, 1) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c7e5', endColorstr='#c0d3e0', GradientType=1);
}
.hq-background-gradient-box {
margin: 0 0 16px 0;
background-color: #e5edf6;
background-image: url(./box-radial-BUlTBdcA.png);
background-position: 0 0;
background-repeat: no-repeat;
border-top: 1px solid #c7d1dc;
border-right: 1px solid #c8d2dd;
border-bottom: 1px solid #ced9e4;
border-left: 1px solid #c8d2dd;
}
.hq-background-h-gradient-black-0 {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(0, 0, 0, 0)),
color-stop(100%, rgba(0, 0, 0, 0.65))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-black-1 {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(0, 0, 0, 0.65)),
color-stop(100%, rgba(0, 0, 0, 0))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-black-2 {
background: rgb(181, 189, 200); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(181, 189, 200, 1) 0%,
rgba(130, 140, 149, 1) 36%,
rgba(40, 52, 59, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(181, 189, 200, 1)),
color-stop(36%, rgba(130, 140, 149, 1)),
color-stop(100%, rgba(40, 52, 59, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(181, 189, 200, 1) 0%,
rgba(130, 140, 149, 1) 36%,
rgba(40, 52, 59, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(181, 189, 200, 1) 0%,
rgba(130, 140, 149, 1) 36%,
rgba(40, 52, 59, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(181, 189, 200, 1) 0%,
rgba(130, 140, 149, 1) 36%,
rgba(40, 52, 59, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(181, 189, 200, 1) 0%,
rgba(130, 140, 149, 1) 36%,
rgba(40, 52, 59, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-black-3 {
background: rgb(40, 52, 59); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(40, 52, 59, 1) 0%,
rgba(130, 140, 149, 1) 64%,
rgba(181, 189, 200, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(40, 52, 59, 1)),
color-stop(64%, rgba(130, 140, 149, 1)),
color-stop(100%, rgba(181, 189, 200, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(40, 52, 59, 1) 0%,
rgba(130, 140, 149, 1) 64%,
rgba(181, 189, 200, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(40, 52, 59, 1) 0%,
rgba(130, 140, 149, 1) 64%,
rgba(181, 189, 200, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(40, 52, 59, 1) 0%,
rgba(130, 140, 149, 1) 64%,
rgba(181, 189, 200, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(40, 52, 59, 1) 0%,
rgba(130, 140, 149, 1) 64%,
rgba(181, 189, 200, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28343b', endColorstr='#b5bdc8', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-black-4 {
background: rgb(69, 72, 77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(69, 72, 77, 1)),
color-stop(100%, rgba(0, 0, 0, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-black-5 {
background: rgb(0, 0, 0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(0, 0, 0, 1)),
color-stop(100%, rgba(69, 72, 77, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#45484d', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-orange-0 {
background: rgb(250, 198, 149); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(250, 198, 149, 1) 0%,
rgba(245, 171, 102, 1) 47%,
rgba(239, 141, 49, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(250, 198, 149, 1)),
color-stop(47%, rgba(245, 171, 102, 1)),
color-stop(100%, rgba(239, 141, 49, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(250, 198, 149, 1) 0%,
rgba(245, 171, 102, 1) 47%,
rgba(239, 141, 49, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(250, 198, 149, 1) 0%,
rgba(245, 171, 102, 1) 47%,
rgba(239, 141, 49, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(250, 198, 149, 1) 0%,
rgba(245, 171, 102, 1) 47%,
rgba(239, 141, 49, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(250, 198, 149, 1) 0%,
rgba(245, 171, 102, 1) 47%,
rgba(239, 141, 49, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac695', endColorstr='#ef8d31', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-orange-1 {
background: rgb(239, 141, 49); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(239, 141, 49, 1) 0%,
rgba(245, 171, 102, 1) 53%,
rgba(250, 198, 149, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(239, 141, 49, 1)),
color-stop(53%, rgba(245, 171, 102, 1)),
color-stop(100%, rgba(250, 198, 149, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(239, 141, 49, 1) 0%,
rgba(245, 171, 102, 1) 53%,
rgba(250, 198, 149, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(239, 141, 49, 1) 0%,
rgba(245, 171, 102, 1) 53%,
rgba(250, 198, 149, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(239, 141, 49, 1) 0%,
rgba(245, 171, 102, 1) 53%,
rgba(250, 198, 149, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(239, 141, 49, 1) 0%,
rgba(245, 171, 102, 1) 53%,
rgba(250, 198, 149, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8d31', endColorstr='#fac695', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-orange-2 {
background: rgb(255, 168, 76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(255, 168, 76, 1)),
color-stop(100%, rgba(255, 123, 13, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(255, 168, 76, 1) 0%,
rgba(255, 123, 13, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-orange-3 {
background: rgb(255, 123, 13); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(255, 123, 13, 1)),
color-stop(100%, rgba(255, 168, 76, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(255, 123, 13, 1) 0%,
rgba(255, 168, 76, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7b0d', endColorstr='#ffa84c', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-0 {
background: rgb(240, 249, 255); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(240, 249, 255, 1) 0%,
rgba(203, 235, 255, 1) 47%,
rgba(161, 219, 255, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(240, 249, 255, 1)),
color-stop(47%, rgba(203, 235, 255, 1)),
color-stop(100%, rgba(161, 219, 255, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(240, 249, 255, 1) 0%,
rgba(203, 235, 255, 1) 47%,
rgba(161, 219, 255, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(240, 249, 255, 1) 0%,
rgba(203, 235, 255, 1) 47%,
rgba(161, 219, 255, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(240, 249, 255, 1) 0%,
rgba(203, 235, 255, 1) 47%,
rgba(161, 219, 255, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(240, 249, 255, 1) 0%,
rgba(203, 235, 255, 1) 47%,
rgba(161, 219, 255, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-1 {
background: rgb(161, 219, 255); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(161, 219, 255, 1) 0%,
rgba(203, 235, 255, 1) 53%,
rgba(240, 249, 255, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(161, 219, 255, 1)),
color-stop(53%, rgba(203, 235, 255, 1)),
color-stop(100%, rgba(240, 249, 255, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(161, 219, 255, 1) 0%,
rgba(203, 235, 255, 1) 53%,
rgba(240, 249, 255, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(161, 219, 255, 1) 0%,
rgba(203, 235, 255, 1) 53%,
rgba(240, 249, 255, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(161, 219, 255, 1) 0%,
rgba(203, 235, 255, 1) 53%,
rgba(240, 249, 255, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(161, 219, 255, 1) 0%,
rgba(203, 235, 255, 1) 53%,
rgba(240, 249, 255, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1dbff', endColorstr='#f0f9ff', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-2 {
background: rgb(184, 198, 223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(184, 198, 223, 1)),
color-stop(100%, rgba(109, 136, 183, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(184, 198, 223, 1) 0%,
rgba(109, 136, 183, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-3 {
background: rgb(109, 136, 183); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(109, 136, 183, 1)),
color-stop(100%, rgba(184, 198, 223, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(109, 136, 183, 1) 0%,
rgba(184, 198, 223, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d88b7', endColorstr='#b8c6df', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-4 {
background: rgb(207, 231, 250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(207, 231, 250, 1)),
color-stop(100%, rgba(99, 147, 193, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(207, 231, 250, 1) 0%,
rgba(99, 147, 193, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfe7fa', endColorstr='#6393c1', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-5 {
background: rgb(99, 147, 193); /* Old browsers */
background: -moz-linear-gradient(top, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(99, 147, 193, 1)),
color-stop(100%, rgba(207, 231, 250, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(99, 147, 193, 1) 0%,
rgba(207, 231, 250, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6393c1', endColorstr='#cfe7fa', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-6 {
background: rgb(167, 207, 223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(167, 207, 223, 1)),
color-stop(100%, rgba(35, 83, 138, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(167, 207, 223, 1) 0%,
rgba(35, 83, 138, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7cfdf', endColorstr='#23538a', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-blue-7 {
background: rgb(35, 83, 138); /* Old browsers */
background: -moz-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(35, 83, 138, 1)),
color-stop(100%, rgba(167, 207, 223, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(35, 83, 138, 1) 0%,
rgba(167, 207, 223, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23538a', endColorstr='#a7cfdf', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-yellow-0 {
background: rgb(254, 252, 234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(254, 252, 234, 1)),
color-stop(100%, rgba(241, 218, 54, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(254, 252, 234, 1) 0%,
rgba(241, 218, 54, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-yellow-1 {
background: rgb(241, 218, 54); /* Old browsers */
background: -moz-linear-gradient(top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(241, 218, 54, 1)),
color-stop(100%, rgba(254, 252, 234, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(241, 218, 54, 1) 0%,
rgba(254, 252, 234, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1da36', endColorstr='#fefcea', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-yellow-2 {
background: rgb(241, 231, 103); /* Old browsers */
background: -moz-linear-gradient(top, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(241, 231, 103, 1)),
color-stop(100%, rgba(254, 182, 69, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(241, 231, 103, 1) 0%,
rgba(254, 182, 69, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-yellow-3 {
background: rgb(254, 182, 69); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(254, 182, 69, 1)),
color-stop(100%, rgba(241, 231, 103, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(254, 182, 69, 1) 0%,
rgba(241, 231, 103, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb645', endColorstr='#f1e767', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-green-0 {
background: rgb(180, 221, 180); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(180, 221, 180, 1) 0%,
rgba(131, 199, 131, 1) 17%,
rgba(82, 177, 82, 1) 33%,
rgba(0, 138, 0, 1) 67%,
rgba(0, 87, 0, 1) 83%,
rgba(0, 36, 0, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(180, 221, 180, 1)),
color-stop(17%, rgba(131, 199, 131, 1)),
color-stop(33%, rgba(82, 177, 82, 1)),
color-stop(67%, rgba(0, 138, 0, 1)),
color-stop(83%, rgba(0, 87, 0, 1)),
color-stop(100%, rgba(0, 36, 0, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(180, 221, 180, 1) 0%,
rgba(131, 199, 131, 1) 17%,
rgba(82, 177, 82, 1) 33%,
rgba(0, 138, 0, 1) 67%,
rgba(0, 87, 0, 1) 83%,
rgba(0, 36, 0, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(180, 221, 180, 1) 0%,
rgba(131, 199, 131, 1) 17%,
rgba(82, 177, 82, 1) 33%,
rgba(0, 138, 0, 1) 67%,
rgba(0, 87, 0, 1) 83%,
rgba(0, 36, 0, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(180, 221, 180, 1) 0%,
rgba(131, 199, 131, 1) 17%,
rgba(82, 177, 82, 1) 33%,
rgba(0, 138, 0, 1) 67%,
rgba(0, 87, 0, 1) 83%,
rgba(0, 36, 0, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(180, 221, 180, 1) 0%,
rgba(131, 199, 131, 1) 17%,
rgba(82, 177, 82, 1) 33%,
rgba(0, 138, 0, 1) 67%,
rgba(0, 87, 0, 1) 83%,
rgba(0, 36, 0, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-green-1 {
background: rgb(0, 36, 0); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(0, 36, 0, 1) 0%,
rgba(0, 87, 0, 1) 17%,
rgba(0, 138, 0, 1) 33%,
rgba(82, 177, 82, 1) 67%,
rgba(131, 199, 131, 1) 83%,
rgba(180, 221, 180, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(0, 36, 0, 1)),
color-stop(17%, rgba(0, 87, 0, 1)),
color-stop(33%, rgba(0, 138, 0, 1)),
color-stop(67%, rgba(82, 177, 82, 1)),
color-stop(83%, rgba(131, 199, 131, 1)),
color-stop(100%, rgba(180, 221, 180, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(0, 36, 0, 1) 0%,
rgba(0, 87, 0, 1) 17%,
rgba(0, 138, 0, 1) 33%,
rgba(82, 177, 82, 1) 67%,
rgba(131, 199, 131, 1) 83%,
rgba(180, 221, 180, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(0, 36, 0, 1) 0%,
rgba(0, 87, 0, 1) 17%,
rgba(0, 138, 0, 1) 33%,
rgba(82, 177, 82, 1) 67%,
rgba(131, 199, 131, 1) 83%,
rgba(180, 221, 180, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(0, 36, 0, 1) 0%,
rgba(0, 87, 0, 1) 17%,
rgba(0, 138, 0, 1) 33%,
rgba(82, 177, 82, 1) 67%,
rgba(131, 199, 131, 1) 83%,
rgba(180, 221, 180, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(0, 36, 0, 1) 0%,
rgba(0, 87, 0, 1) 17%,
rgba(0, 138, 0, 1) 33%,
rgba(82, 177, 82, 1) 67%,
rgba(131, 199, 131, 1) 83%,
rgba(180, 221, 180, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002400', endColorstr='#b4ddb4', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-green-2 {
background: rgb(205, 235, 142); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(205, 235, 142, 1)),
color-stop(100%, rgba(165, 201, 86, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(205, 235, 142, 1) 0%,
rgba(165, 201, 86, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-green-3 {
background: rgb(165, 201, 86); /* Old browsers */
background: -moz-linear-gradient(top, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(165, 201, 86, 1)),
color-stop(100%, rgba(205, 235, 142, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(165, 201, 86, 1) 0%,
rgba(205, 235, 142, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5c956', endColorstr='#cdeb8e', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-green-4 {
background: rgb(254, 254, 253); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(254, 254, 253, 1) 0%,
rgba(220, 227, 196, 1) 42%,
rgba(174, 191, 118, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(254, 254, 253, 1)),
color-stop(42%, rgba(220, 227, 196, 1)),
color-stop(100%, rgba(174, 191, 118, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(254, 254, 253, 1) 0%,
rgba(220, 227, 196, 1) 42%,
rgba(174, 191, 118, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
rgba(254, 254, 253, 1) 0%,
rgba(220, 227, 196, 1) 42%,
rgba(174, 191, 118, 1) 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(
top,
rgba(254, 254, 253, 1) 0%,
rgba(220, 227, 196, 1) 42%,
rgba(174, 191, 118, 1) 100%
); /* IE10+ */
background: linear-gradient(
to bottom,
rgba(254, 254, 253, 1) 0%,
rgba(220, 227, 196, 1) 42%,
rgba(174, 191, 118, 1) 100%
); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefd', endColorstr='#aebf76', GradientType=0); /* IE6-9 */
}
.hq-background-gray-0 {
background: rgb(63, 76, 107); /* Old browsers */
background: -moz-linear-gradient(top, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(63, 76, 107, 1)),
color-stop(100%, rgba(63, 76, 107, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(63, 76, 107, 1) 0%,
rgba(63, 76, 107, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f4c6b', endColorstr='#3f4c6b', GradientType=0); /* IE6-9 */
}
.hq-background-gray-1 {
background: rgb(238, 238, 238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(238, 238, 238, 1)),
color-stop(100%, rgba(238, 238, 238, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(238, 238, 238, 1) 0%,
rgba(238, 238, 238, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-gray-0 {
background: rgb(206, 220, 231); /* Old browsers */
background: -moz-linear-gradient(top, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(206, 220, 231, 1)),
color-stop(100%, rgba(89, 106, 114, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(206, 220, 231, 1) 0%,
rgba(89, 106, 114, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedce7', endColorstr='#596a72', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-gray-1 {
background: rgb(89, 106, 114); /* Old browsers */
background: -moz-linear-gradient(top, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(89, 106, 114, 1)),
color-stop(100%, rgba(206, 220, 231, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(89, 106, 114, 1) 0%,
rgba(206, 220, 231, 1) 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#596a72', endColorstr='#cedce7', GradientType=0); /* IE6-9 */
}
.hq-background-h-gradient-gray-2 {
background: rgb(242, 245, 246); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(242, 245, 246, 1) 0%,
rgba(227, 234, 237, 1) 37%,
rgba(200, 215, 220, 1) 100%
); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgba(242, 245, 246, 1)),
color-stop(37%, rgba(227, 234, 237, 1)),
color-stop(100%, rgba(200, 215, 220, 1))
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
rgba(