From e0fe15e915aaf1e7dd457b9f1400086a0d6c1519 Mon Sep 17 00:00:00 2001 From: Artur Arseniev Date: Wed, 31 May 2017 21:14:42 +0200 Subject: [PATCH] Remove unused deps --- dist/grapesjs.min.css | 4287 ----------------------------------------- index.html | 25 +- package.json | 34 +- webpack.config.js | 15 +- 4 files changed, 19 insertions(+), 4342 deletions(-) delete mode 100644 dist/grapesjs.min.css diff --git a/dist/grapesjs.min.css b/dist/grapesjs.min.css deleted file mode 100644 index fc1e1fdc5..000000000 --- a/dist/grapesjs.min.css +++ /dev/null @@ -1,4287 +0,0 @@ -@charset "UTF-8"; -/* stylelint-disable */ -/*** -Spectrum Colorpicker v1.7.1 -https://github.com/bgrins/spectrum -Author: Brian Grinstead -License: MIT -***/ -.sp-container { - position: absolute; - top: 0; - left: 0; - display: inline-block; - *display: inline; - *zoom: 1; - /* https://github.com/bgrins/spectrum/issues/40 */ - z-index: 9999994; - overflow: hidden; } - -.sp-container.sp-flat { - position: relative; } - -/* Fix for * { box-sizing: border-box; } */ -.sp-container, -.sp-container * { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; } - -/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ -.sp-top { - position: relative; - width: 100%; - display: inline-block; } - -.sp-top-inner { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; } - -.sp-color { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 20%; } - -.sp-hue { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 84%; - height: 100%; } - -.sp-clear-enabled .sp-hue { - top: 33px; - height: 77.5%; } - -.sp-fill { - padding-top: 80%; } - -.sp-sat, .sp-val { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; } - -.sp-alpha-enabled .sp-top { - margin-bottom: 18px; } - -.sp-alpha-enabled .sp-alpha { - display: block; } - -.sp-alpha-handle { - position: absolute; - top: -4px; - bottom: -4px; - width: 6px; - left: 50%; - cursor: pointer; - border: 1px solid black; - background: white; - opacity: .8; } - -.sp-alpha { - display: none; - position: absolute; - bottom: -14px; - right: 0; - left: 0; - height: 8px; } - -.sp-alpha-inner { - border: solid 1px #333; } - -.sp-clear { - display: none; } - -.sp-clear.sp-clear-display { - background-position: center; } - -.sp-clear-enabled .sp-clear { - display: block; - position: absolute; - top: 0px; - right: 0; - bottom: 0; - left: 84%; - height: 28px; } - -/* Don't allow text selection */ -.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { - -webkit-user-select: none; - -moz-user-select: -moz-none; - -o-user-select: none; - user-select: none; } - -.sp-container.sp-input-disabled .sp-input-container { - display: none; } - -.sp-container.sp-buttons-disabled .sp-button-container { - display: none; } - -.sp-container.sp-palette-buttons-disabled .sp-palette-button-container { - display: none; } - -.sp-palette-only .sp-picker-container { - display: none; } - -.sp-palette-disabled .sp-palette-container { - display: none; } - -.sp-initial-disabled .sp-initial { - display: none; } - -/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ -.sp-sat { - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); - background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); - background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); - background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); - background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); - background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } - -.sp-val { - background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); - background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); - background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); - background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); - background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); - background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } - -.sp-hue { - background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); - background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); - background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); - background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); - background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } - -/* IE filters do not support multiple color stops. - Generate 6 divs, line them up, and do two color gradients for each. - Yes, really. - */ -.sp-1 { - height: 17%; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } - -.sp-2 { - height: 16%; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } - -.sp-3 { - height: 17%; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } - -.sp-4 { - height: 17%; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } - -.sp-5 { - height: 16%; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } - -.sp-6 { - height: 17%; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } - -.sp-hidden { - display: none !important; } - -/* Clearfix hack */ -.sp-cf:before, .sp-cf:after { - content: ""; - display: table; } - -.sp-cf:after { - clear: both; } - -.sp-cf { - *zoom: 1; } - -/* Mobile devices, make hue slider bigger so it is easier to slide */ -@media (max-device-width: 480px) { - .sp-color { - right: 40%; } - .sp-hue { - left: 63%; } - .sp-fill { - padding-top: 60%; } } - -.sp-dragger { - border-radius: 5px; - height: 5px; - width: 5px; - border: 1px solid #fff; - background: #000; - cursor: pointer; - position: absolute; - top: 0; - left: 0; } - -.sp-slider { - position: absolute; - top: 0; - cursor: pointer; - height: 3px; - left: -1px; - right: -1px; - border: 1px solid #000; - background: white; - opacity: .8; } - -/* -Theme authors: -Here are the basic themeable display options (colors, fonts, global widths). -See http://bgrins.github.io/spectrum/themes/ for instructions. -*/ -.sp-container { - border-radius: 0; - background-color: #ECECEC; - border: solid 1px #f0c49B; - padding: 0; } - -.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { - font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; } - -.sp-top { - margin-bottom: 3px; } - -.sp-color, .sp-hue, .sp-clear { - border: solid 1px #666; } - -/* Input */ -.sp-input-container { - float: right; - width: 100px; - margin-bottom: 4px; } - -.sp-initial-disabled .sp-input-container { - width: 100%; } - -.sp-input { - font-size: 12px !important; - border: 1px inset; - padding: 4px 5px; - margin: 0; - width: 100%; - background: transparent; - border-radius: 3px; - color: #222; } - -.sp-input:focus { - border: 1px solid orange; } - -.sp-input.sp-validation-error { - border: 1px solid red; - background: #fdd; } - -.sp-picker-container, .sp-palette-container { - float: left; - position: relative; - padding: 10px; - padding-bottom: 300px; - margin-bottom: -290px; } - -.sp-picker-container { - width: 172px; - border-left: solid 1px #fff; } - -/* Palettes */ -.sp-palette-container { - border-right: solid 1px #ccc; } - -.sp-palette-only .sp-palette-container { - border: 0; } - -.sp-palette .sp-thumb-el { - display: block; - position: relative; - float: left; - width: 24px; - height: 15px; - margin: 3px; - cursor: pointer; - border: solid 2px transparent; } - -.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { - border-color: orange; } - -.sp-thumb-el { - position: relative; } - -/* Initial */ -.sp-initial { - float: left; - border: solid 1px #333; } - -.sp-initial span { - width: 30px; - height: 25px; - border: none; - display: block; - float: left; - margin: 0; } - -.sp-initial .sp-clear-display { - background-position: center; } - -/* Buttons */ -.sp-palette-button-container, -.sp-button-container { - float: right; } - -/* Replacer (the little preview div that shows up instead of the ) */ -.sp-replacer { - margin: 0; - overflow: hidden; - cursor: pointer; - padding: 4px; - display: inline-block; - *zoom: 1; - *display: inline; - border: solid 1px #91765d; - background: #eee; - color: #333; - vertical-align: middle; } - -.sp-replacer:hover, .sp-replacer.sp-active { - border-color: #F0C49B; - color: #111; } - -.sp-replacer.sp-disabled { - cursor: default; - border-color: silver; - color: silver; } - -.sp-dd { - padding: 2px 0; - height: 16px; - line-height: 16px; - float: left; - font-size: 10px; } - -.sp-preview { - position: relative; - width: 25px; - height: 20px; - border: solid 1px #222; - margin-right: 5px; - float: left; - z-index: 0; } - -.sp-palette { - *width: 220px; - max-width: 220px; } - -.sp-palette .sp-thumb-el { - width: 16px; - height: 16px; - margin: 2px 1px; - border: solid 1px #d0d0d0; } - -.sp-container { - padding-bottom: 0; } - -/* Buttons: http://hellohappy.org/css3-buttons/ */ -.sp-container button { - background-color: #eeeeee; - background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); - background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); - background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); - background-image: -o-linear-gradient(top, #eeeeee, #cccccc); - background-image: linear-gradient(to bottom, #eeeeee, #cccccc); - border: 1px solid #ccc; - border-bottom: 1px solid #bbb; - border-radius: 3px; - color: #333; - font-size: 14px; - line-height: 1; - padding: 5px 4px; - text-align: center; - text-shadow: 0 1px 0 #eee; - vertical-align: middle; } - -.sp-container button:hover { - background-color: #dddddd; - background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); - background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); - background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); - background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); - background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); - border: 1px solid #bbb; - border-bottom: 1px solid #999; - cursor: pointer; - text-shadow: 0 1px 0 #ddd; } - -.sp-container button:active { - border: 1px solid #aaa; - border-bottom: 1px solid #888; - -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } - -.sp-cancel { - font-size: 11px; - color: #d93f3f !important; - margin: 0; - padding: 2px; - margin-right: 5px; - vertical-align: middle; - text-decoration: none; } - -.sp-cancel:hover { - color: #d93f3f !important; - text-decoration: underline; } - -.sp-palette span:hover, .sp-palette span.sp-thumb-active { - border-color: #000; } - -.sp-preview, .sp-alpha, .sp-thumb-el { - position: relative; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } - -.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { - display: block; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; } - -.sp-palette .sp-thumb-inner { - background-position: 50% 50%; - background-repeat: no-repeat; } - -.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } - -.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } - -.sp-clear-display { - background-repeat: no-repeat; - background-position: center; - background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } - -/*! - * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */ -/* FONT PATH - * -------------------------- */ -@font-face { - font-family: 'FontAwesome'; - src: url("../fonts/fontawesome-webfont.eot?v=4.5.0"); - src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); - font-weight: normal; - font-style: normal; } - -.fa { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -/* makes the font 33% larger relative to the icon container */ -.fa-lg { - font-size: 1.33333em; - line-height: 0.75em; - vertical-align: -15%; } - -.fa-2x { - font-size: 2em; } - -.fa-3x { - font-size: 3em; } - -.fa-4x { - font-size: 4em; } - -.fa-5x { - font-size: 5em; } - -.fa-fw { - width: 1.28571em; - text-align: center; } - -.fa-ul { - padding-left: 0; - margin-left: 2.14286em; - list-style-type: none; } - .fa-ul > li { - position: relative; } - -.fa-li { - position: absolute; - left: -2.14286em; - width: 2.14286em; - top: 0.14286em; - text-align: center; } - .fa-li.fa-lg { - left: -1.85714em; } - -.fa-border { - padding: .2em .25em .15em; - border: solid 0.08em #eee; - border-radius: .1em; } - -.fa-pull-left { - float: left; } - -.fa-pull-right { - float: right; } - -.fa.fa-pull-left { - margin-right: .3em; } - -.fa.fa-pull-right { - margin-left: .3em; } - -/* Deprecated as of 4.4.0 */ -.pull-right { - float: right; } - -.pull-left { - float: left; } - -.fa.pull-left { - margin-right: .3em; } - -.fa.pull-right { - margin-left: .3em; } - -.fa-spin { - -webkit-animation: fa-spin 2s infinite linear; - animation: fa-spin 2s infinite linear; } - -.fa-pulse { - -webkit-animation: fa-spin 1s infinite steps(8); - animation: fa-spin 1s infinite steps(8); } - -@-webkit-keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); } } - -@keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); } } - -.fa-rotate-90 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); } - -.fa-rotate-180 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.fa-rotate-270 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); - -webkit-transform: rotate(270deg); - -ms-transform: rotate(270deg); - transform: rotate(270deg); } - -.fa-flip-horizontal { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); } - -.fa-flip-vertical { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: scale(1, -1); - -ms-transform: scale(1, -1); - transform: scale(1, -1); } - -:root .fa-rotate-90, -:root .fa-rotate-180, -:root .fa-rotate-270, -:root .fa-flip-horizontal, -:root .fa-flip-vertical { - filter: none; } - -.fa-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: middle; } - -.fa-stack-1x, .fa-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; } - -.fa-stack-1x { - line-height: inherit; } - -.fa-stack-2x { - font-size: 2em; } - -.fa-inverse { - color: #fff; } - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.fa-glass:before { - content: ""; } - -.fa-music:before { - content: ""; } - -.fa-search:before { - content: ""; } - -.fa-envelope-o:before { - content: ""; } - -.fa-heart:before { - content: ""; } - -.fa-star:before { - content: ""; } - -.fa-star-o:before { - content: ""; } - -.fa-user:before { - content: ""; } - -.fa-film:before { - content: ""; } - -.fa-th-large:before { - content: ""; } - -.fa-th:before { - content: ""; } - -.fa-th-list:before { - content: ""; } - -.fa-check:before { - content: ""; } - -.fa-remove:before, -.fa-close:before, -.fa-times:before { - content: ""; } - -.fa-search-plus:before { - content: ""; } - -.fa-search-minus:before { - content: ""; } - -.fa-power-off:before { - content: ""; } - -.fa-signal:before { - content: ""; } - -.fa-gear:before, -.fa-cog:before { - content: ""; } - -.fa-trash-o:before { - content: ""; } - -.fa-home:before { - content: ""; } - -.fa-file-o:before { - content: ""; } - -.fa-clock-o:before { - content: ""; } - -.fa-road:before { - content: ""; } - -.fa-download:before { - content: ""; } - -.fa-arrow-circle-o-down:before { - content: ""; } - -.fa-arrow-circle-o-up:before { - content: ""; } - -.fa-inbox:before { - content: ""; } - -.fa-play-circle-o:before { - content: ""; } - -.fa-rotate-right:before, -.fa-repeat:before { - content: ""; } - -.fa-refresh:before { - content: ""; } - -.fa-list-alt:before { - content: ""; } - -.fa-lock:before { - content: ""; } - -.fa-flag:before { - content: ""; } - -.fa-headphones:before { - content: ""; } - -.fa-volume-off:before { - content: ""; } - -.fa-volume-down:before { - content: ""; } - -.fa-volume-up:before { - content: ""; } - -.fa-qrcode:before { - content: ""; } - -.fa-barcode:before { - content: ""; } - -.fa-tag:before { - content: ""; } - -.fa-tags:before { - content: ""; } - -.fa-book:before { - content: ""; } - -.fa-bookmark:before { - content: ""; } - -.fa-print:before { - content: ""; } - -.fa-camera:before { - content: ""; } - -.fa-font:before { - content: ""; } - -.fa-bold:before { - content: ""; } - -.fa-italic:before { - content: ""; } - -.fa-text-height:before { - content: ""; } - -.fa-text-width:before { - content: ""; } - -.fa-align-left:before { - content: ""; } - -.fa-align-center:before { - content: ""; } - -.fa-align-right:before { - content: ""; } - -.fa-align-justify:before { - content: ""; } - -.fa-list:before { - content: ""; } - -.fa-dedent:before, -.fa-outdent:before { - content: ""; } - -.fa-indent:before { - content: ""; } - -.fa-video-camera:before { - content: ""; } - -.fa-photo:before, -.fa-image:before, -.fa-picture-o:before { - content: ""; } - -.fa-pencil:before { - content: ""; } - -.fa-map-marker:before { - content: ""; } - -.fa-adjust:before { - content: ""; } - -.fa-tint:before { - content: ""; } - -.fa-edit:before, -.fa-pencil-square-o:before { - content: ""; } - -.fa-share-square-o:before { - content: ""; } - -.fa-check-square-o:before { - content: ""; } - -.fa-arrows:before { - content: ""; } - -.fa-step-backward:before { - content: ""; } - -.fa-fast-backward:before { - content: ""; } - -.fa-backward:before { - content: ""; } - -.fa-play:before { - content: ""; } - -.fa-pause:before { - content: ""; } - -.fa-stop:before { - content: ""; } - -.fa-forward:before { - content: ""; } - -.fa-fast-forward:before { - content: ""; } - -.fa-step-forward:before { - content: ""; } - -.fa-eject:before { - content: ""; } - -.fa-chevron-left:before { - content: ""; } - -.fa-chevron-right:before { - content: ""; } - -.fa-plus-circle:before { - content: ""; } - -.fa-minus-circle:before { - content: ""; } - -.fa-times-circle:before { - content: ""; } - -.fa-check-circle:before { - content: ""; } - -.fa-question-circle:before { - content: ""; } - -.fa-info-circle:before { - content: ""; } - -.fa-crosshairs:before { - content: ""; } - -.fa-times-circle-o:before { - content: ""; } - -.fa-check-circle-o:before { - content: ""; } - -.fa-ban:before { - content: ""; } - -.fa-arrow-left:before { - content: ""; } - -.fa-arrow-right:before { - content: ""; } - -.fa-arrow-up:before { - content: ""; } - -.fa-arrow-down:before { - content: ""; } - -.fa-mail-forward:before, -.fa-share:before { - content: ""; } - -.fa-expand:before { - content: ""; } - -.fa-compress:before { - content: ""; } - -.fa-plus:before { - content: ""; } - -.fa-minus:before { - content: ""; } - -.fa-asterisk:before { - content: ""; } - -.fa-exclamation-circle:before { - content: ""; } - -.fa-gift:before { - content: ""; } - -.fa-leaf:before { - content: ""; } - -.fa-fire:before { - content: ""; } - -.fa-eye:before { - content: ""; } - -.fa-eye-slash:before { - content: ""; } - -.fa-warning:before, -.fa-exclamation-triangle:before { - content: ""; } - -.fa-plane:before { - content: ""; } - -.fa-calendar:before { - content: ""; } - -.fa-random:before { - content: ""; } - -.fa-comment:before { - content: ""; } - -.fa-magnet:before { - content: ""; } - -.fa-chevron-up:before { - content: ""; } - -.fa-chevron-down:before { - content: ""; } - -.fa-retweet:before { - content: ""; } - -.fa-shopping-cart:before { - content: ""; } - -.fa-folder:before { - content: ""; } - -.fa-folder-open:before { - content: ""; } - -.fa-arrows-v:before { - content: ""; } - -.fa-arrows-h:before { - content: ""; } - -.fa-bar-chart-o:before, -.fa-bar-chart:before { - content: ""; } - -.fa-twitter-square:before { - content: ""; } - -.fa-facebook-square:before { - content: ""; } - -.fa-camera-retro:before { - content: ""; } - -.fa-key:before { - content: ""; } - -.fa-gears:before, -.fa-cogs:before { - content: ""; } - -.fa-comments:before { - content: ""; } - -.fa-thumbs-o-up:before { - content: ""; } - -.fa-thumbs-o-down:before { - content: ""; } - -.fa-star-half:before { - content: ""; } - -.fa-heart-o:before { - content: ""; } - -.fa-sign-out:before { - content: ""; } - -.fa-linkedin-square:before { - content: ""; } - -.fa-thumb-tack:before { - content: ""; } - -.fa-external-link:before { - content: ""; } - -.fa-sign-in:before { - content: ""; } - -.fa-trophy:before { - content: ""; } - -.fa-github-square:before { - content: ""; } - -.fa-upload:before { - content: ""; } - -.fa-lemon-o:before { - content: ""; } - -.fa-phone:before { - content: ""; } - -.fa-square-o:before { - content: ""; } - -.fa-bookmark-o:before { - content: ""; } - -.fa-phone-square:before { - content: ""; } - -.fa-twitter:before { - content: ""; } - -.fa-facebook-f:before, -.fa-facebook:before { - content: ""; } - -.fa-github:before { - content: ""; } - -.fa-unlock:before { - content: ""; } - -.fa-credit-card:before { - content: ""; } - -.fa-feed:before, -.fa-rss:before { - content: ""; } - -.fa-hdd-o:before { - content: ""; } - -.fa-bullhorn:before { - content: ""; } - -.fa-bell:before { - content: ""; } - -.fa-certificate:before { - content: ""; } - -.fa-hand-o-right:before { - content: ""; } - -.fa-hand-o-left:before { - content: ""; } - -.fa-hand-o-up:before { - content: ""; } - -.fa-hand-o-down:before { - content: ""; } - -.fa-arrow-circle-left:before { - content: ""; } - -.fa-arrow-circle-right:before { - content: ""; } - -.fa-arrow-circle-up:before { - content: ""; } - -.fa-arrow-circle-down:before { - content: ""; } - -.fa-globe:before { - content: ""; } - -.fa-wrench:before { - content: ""; } - -.fa-tasks:before { - content: ""; } - -.fa-filter:before { - content: ""; } - -.fa-briefcase:before { - content: ""; } - -.fa-arrows-alt:before { - content: ""; } - -.fa-group:before, -.fa-users:before { - content: ""; } - -.fa-chain:before, -.fa-link:before { - content: ""; } - -.fa-cloud:before { - content: ""; } - -.fa-flask:before { - content: ""; } - -.fa-cut:before, -.fa-scissors:before { - content: ""; } - -.fa-copy:before, -.fa-files-o:before { - content: ""; } - -.fa-paperclip:before { - content: ""; } - -.fa-save:before, -.fa-floppy-o:before { - content: ""; } - -.fa-square:before { - content: ""; } - -.fa-navicon:before, -.fa-reorder:before, -.fa-bars:before { - content: ""; } - -.fa-list-ul:before { - content: ""; } - -.fa-list-ol:before { - content: ""; } - -.fa-strikethrough:before { - content: ""; } - -.fa-underline:before { - content: ""; } - -.fa-table:before { - content: ""; } - -.fa-magic:before { - content: ""; } - -.fa-truck:before { - content: ""; } - -.fa-pinterest:before { - content: ""; } - -.fa-pinterest-square:before { - content: ""; } - -.fa-google-plus-square:before { - content: ""; } - -.fa-google-plus:before { - content: ""; } - -.fa-money:before { - content: ""; } - -.fa-caret-down:before { - content: ""; } - -.fa-caret-up:before { - content: ""; } - -.fa-caret-left:before { - content: ""; } - -.fa-caret-right:before { - content: ""; } - -.fa-columns:before { - content: ""; } - -.fa-unsorted:before, -.fa-sort:before { - content: ""; } - -.fa-sort-down:before, -.fa-sort-desc:before { - content: ""; } - -.fa-sort-up:before, -.fa-sort-asc:before { - content: ""; } - -.fa-envelope:before { - content: ""; } - -.fa-linkedin:before { - content: ""; } - -.fa-rotate-left:before, -.fa-undo:before { - content: ""; } - -.fa-legal:before, -.fa-gavel:before { - content: ""; } - -.fa-dashboard:before, -.fa-tachometer:before { - content: ""; } - -.fa-comment-o:before { - content: ""; } - -.fa-comments-o:before { - content: ""; } - -.fa-flash:before, -.fa-bolt:before { - content: ""; } - -.fa-sitemap:before { - content: ""; } - -.fa-umbrella:before { - content: ""; } - -.fa-paste:before, -.fa-clipboard:before { - content: ""; } - -.fa-lightbulb-o:before { - content: ""; } - -.fa-exchange:before { - content: ""; } - -.fa-cloud-download:before { - content: ""; } - -.fa-cloud-upload:before { - content: ""; } - -.fa-user-md:before { - content: ""; } - -.fa-stethoscope:before { - content: ""; } - -.fa-suitcase:before { - content: ""; } - -.fa-bell-o:before { - content: ""; } - -.fa-coffee:before { - content: ""; } - -.fa-cutlery:before { - content: ""; } - -.fa-file-text-o:before { - content: ""; } - -.fa-building-o:before { - content: ""; } - -.fa-hospital-o:before { - content: ""; } - -.fa-ambulance:before { - content: ""; } - -.fa-medkit:before { - content: ""; } - -.fa-fighter-jet:before { - content: ""; } - -.fa-beer:before { - content: ""; } - -.fa-h-square:before { - content: ""; } - -.fa-plus-square:before { - content: ""; } - -.fa-angle-double-left:before { - content: ""; } - -.fa-angle-double-right:before { - content: ""; } - -.fa-angle-double-up:before { - content: ""; } - -.fa-angle-double-down:before { - content: ""; } - -.fa-angle-left:before { - content: ""; } - -.fa-angle-right:before { - content: ""; } - -.fa-angle-up:before { - content: ""; } - -.fa-angle-down:before { - content: ""; } - -.fa-desktop:before { - content: ""; } - -.fa-laptop:before { - content: ""; } - -.fa-tablet:before { - content: ""; } - -.fa-mobile-phone:before, -.fa-mobile:before { - content: ""; } - -.fa-circle-o:before { - content: ""; } - -.fa-quote-left:before { - content: ""; } - -.fa-quote-right:before { - content: ""; } - -.fa-spinner:before { - content: ""; } - -.fa-circle:before { - content: ""; } - -.fa-mail-reply:before, -.fa-reply:before { - content: ""; } - -.fa-github-alt:before { - content: ""; } - -.fa-folder-o:before { - content: ""; } - -.fa-folder-open-o:before { - content: ""; } - -.fa-smile-o:before { - content: ""; } - -.fa-frown-o:before { - content: ""; } - -.fa-meh-o:before { - content: ""; } - -.fa-gamepad:before { - content: ""; } - -.fa-keyboard-o:before { - content: ""; } - -.fa-flag-o:before { - content: ""; } - -.fa-flag-checkered:before { - content: ""; } - -.fa-terminal:before { - content: ""; } - -.fa-code:before { - content: ""; } - -.fa-mail-reply-all:before, -.fa-reply-all:before { - content: ""; } - -.fa-star-half-empty:before, -.fa-star-half-full:before, -.fa-star-half-o:before { - content: ""; } - -.fa-location-arrow:before { - content: ""; } - -.fa-crop:before { - content: ""; } - -.fa-code-fork:before { - content: ""; } - -.fa-unlink:before, -.fa-chain-broken:before { - content: ""; } - -.fa-question:before { - content: ""; } - -.fa-info:before { - content: ""; } - -.fa-exclamation:before { - content: ""; } - -.fa-superscript:before { - content: ""; } - -.fa-subscript:before { - content: ""; } - -.fa-eraser:before { - content: ""; } - -.fa-puzzle-piece:before { - content: ""; } - -.fa-microphone:before { - content: ""; } - -.fa-microphone-slash:before { - content: ""; } - -.fa-shield:before { - content: ""; } - -.fa-calendar-o:before { - content: ""; } - -.fa-fire-extinguisher:before { - content: ""; } - -.fa-rocket:before { - content: ""; } - -.fa-maxcdn:before { - content: ""; } - -.fa-chevron-circle-left:before { - content: ""; } - -.fa-chevron-circle-right:before { - content: ""; } - -.fa-chevron-circle-up:before { - content: ""; } - -.fa-chevron-circle-down:before { - content: ""; } - -.fa-html5:before { - content: ""; } - -.fa-css3:before { - content: ""; } - -.fa-anchor:before { - content: ""; } - -.fa-unlock-alt:before { - content: ""; } - -.fa-bullseye:before { - content: ""; } - -.fa-ellipsis-h:before { - content: ""; } - -.fa-ellipsis-v:before { - content: ""; } - -.fa-rss-square:before { - content: ""; } - -.fa-play-circle:before { - content: ""; } - -.fa-ticket:before { - content: ""; } - -.fa-minus-square:before { - content: ""; } - -.fa-minus-square-o:before { - content: ""; } - -.fa-level-up:before { - content: ""; } - -.fa-level-down:before { - content: ""; } - -.fa-check-square:before { - content: ""; } - -.fa-pencil-square:before { - content: ""; } - -.fa-external-link-square:before { - content: ""; } - -.fa-share-square:before { - content: ""; } - -.fa-compass:before { - content: ""; } - -.fa-toggle-down:before, -.fa-caret-square-o-down:before { - content: ""; } - -.fa-toggle-up:before, -.fa-caret-square-o-up:before { - content: ""; } - -.fa-toggle-right:before, -.fa-caret-square-o-right:before { - content: ""; } - -.fa-euro:before, -.fa-eur:before { - content: ""; } - -.fa-gbp:before { - content: ""; } - -.fa-dollar:before, -.fa-usd:before { - content: ""; } - -.fa-rupee:before, -.fa-inr:before { - content: ""; } - -.fa-cny:before, -.fa-rmb:before, -.fa-yen:before, -.fa-jpy:before { - content: ""; } - -.fa-ruble:before, -.fa-rouble:before, -.fa-rub:before { - content: ""; } - -.fa-won:before, -.fa-krw:before { - content: ""; } - -.fa-bitcoin:before, -.fa-btc:before { - content: ""; } - -.fa-file:before { - content: ""; } - -.fa-file-text:before { - content: ""; } - -.fa-sort-alpha-asc:before { - content: ""; } - -.fa-sort-alpha-desc:before { - content: ""; } - -.fa-sort-amount-asc:before { - content: ""; } - -.fa-sort-amount-desc:before { - content: ""; } - -.fa-sort-numeric-asc:before { - content: ""; } - -.fa-sort-numeric-desc:before { - content: ""; } - -.fa-thumbs-up:before { - content: ""; } - -.fa-thumbs-down:before { - content: ""; } - -.fa-youtube-square:before { - content: ""; } - -.fa-youtube:before { - content: ""; } - -.fa-xing:before { - content: ""; } - -.fa-xing-square:before { - content: ""; } - -.fa-youtube-play:before { - content: ""; } - -.fa-dropbox:before { - content: ""; } - -.fa-stack-overflow:before { - content: ""; } - -.fa-instagram:before { - content: ""; } - -.fa-flickr:before { - content: ""; } - -.fa-adn:before { - content: ""; } - -.fa-bitbucket:before { - content: ""; } - -.fa-bitbucket-square:before { - content: ""; } - -.fa-tumblr:before { - content: ""; } - -.fa-tumblr-square:before { - content: ""; } - -.fa-long-arrow-down:before { - content: ""; } - -.fa-long-arrow-up:before { - content: ""; } - -.fa-long-arrow-left:before { - content: ""; } - -.fa-long-arrow-right:before { - content: ""; } - -.fa-apple:before { - content: ""; } - -.fa-windows:before { - content: ""; } - -.fa-android:before { - content: ""; } - -.fa-linux:before { - content: ""; } - -.fa-dribbble:before { - content: ""; } - -.fa-skype:before { - content: ""; } - -.fa-foursquare:before { - content: ""; } - -.fa-trello:before { - content: ""; } - -.fa-female:before { - content: ""; } - -.fa-male:before { - content: ""; } - -.fa-gittip:before, -.fa-gratipay:before { - content: ""; } - -.fa-sun-o:before { - content: ""; } - -.fa-moon-o:before { - content: ""; } - -.fa-archive:before { - content: ""; } - -.fa-bug:before { - content: ""; } - -.fa-vk:before { - content: ""; } - -.fa-weibo:before { - content: ""; } - -.fa-renren:before { - content: ""; } - -.fa-pagelines:before { - content: ""; } - -.fa-stack-exchange:before { - content: ""; } - -.fa-arrow-circle-o-right:before { - content: ""; } - -.fa-arrow-circle-o-left:before { - content: ""; } - -.fa-toggle-left:before, -.fa-caret-square-o-left:before { - content: ""; } - -.fa-dot-circle-o:before { - content: ""; } - -.fa-wheelchair:before { - content: ""; } - -.fa-vimeo-square:before { - content: ""; } - -.fa-turkish-lira:before, -.fa-try:before { - content: ""; } - -.fa-plus-square-o:before { - content: ""; } - -.fa-space-shuttle:before { - content: ""; } - -.fa-slack:before { - content: ""; } - -.fa-envelope-square:before { - content: ""; } - -.fa-wordpress:before { - content: ""; } - -.fa-openid:before { - content: ""; } - -.fa-institution:before, -.fa-bank:before, -.fa-university:before { - content: ""; } - -.fa-mortar-board:before, -.fa-graduation-cap:before { - content: ""; } - -.fa-yahoo:before { - content: ""; } - -.fa-google:before { - content: ""; } - -.fa-reddit:before { - content: ""; } - -.fa-reddit-square:before { - content: ""; } - -.fa-stumbleupon-circle:before { - content: ""; } - -.fa-stumbleupon:before { - content: ""; } - -.fa-delicious:before { - content: ""; } - -.fa-digg:before { - content: ""; } - -.fa-pied-piper:before { - content: ""; } - -.fa-pied-piper-alt:before { - content: ""; } - -.fa-drupal:before { - content: ""; } - -.fa-joomla:before { - content: ""; } - -.fa-language:before { - content: ""; } - -.fa-fax:before { - content: ""; } - -.fa-building:before { - content: ""; } - -.fa-child:before { - content: ""; } - -.fa-paw:before { - content: ""; } - -.fa-spoon:before { - content: ""; } - -.fa-cube:before { - content: ""; } - -.fa-cubes:before { - content: ""; } - -.fa-behance:before { - content: ""; } - -.fa-behance-square:before { - content: ""; } - -.fa-steam:before { - content: ""; } - -.fa-steam-square:before { - content: ""; } - -.fa-recycle:before { - content: ""; } - -.fa-automobile:before, -.fa-car:before { - content: ""; } - -.fa-cab:before, -.fa-taxi:before { - content: ""; } - -.fa-tree:before { - content: ""; } - -.fa-spotify:before { - content: ""; } - -.fa-deviantart:before { - content: ""; } - -.fa-soundcloud:before { - content: ""; } - -.fa-database:before { - content: ""; } - -.fa-file-pdf-o:before { - content: ""; } - -.fa-file-word-o:before { - content: ""; } - -.fa-file-excel-o:before { - content: ""; } - -.fa-file-powerpoint-o:before { - content: ""; } - -.fa-file-photo-o:before, -.fa-file-picture-o:before, -.fa-file-image-o:before { - content: ""; } - -.fa-file-zip-o:before, -.fa-file-archive-o:before { - content: ""; } - -.fa-file-sound-o:before, -.fa-file-audio-o:before { - content: ""; } - -.fa-file-movie-o:before, -.fa-file-video-o:before { - content: ""; } - -.fa-file-code-o:before { - content: ""; } - -.fa-vine:before { - content: ""; } - -.fa-codepen:before { - content: ""; } - -.fa-jsfiddle:before { - content: ""; } - -.fa-life-bouy:before, -.fa-life-buoy:before, -.fa-life-saver:before, -.fa-support:before, -.fa-life-ring:before { - content: ""; } - -.fa-circle-o-notch:before { - content: ""; } - -.fa-ra:before, -.fa-rebel:before { - content: ""; } - -.fa-ge:before, -.fa-empire:before { - content: ""; } - -.fa-git-square:before { - content: ""; } - -.fa-git:before { - content: ""; } - -.fa-y-combinator-square:before, -.fa-yc-square:before, -.fa-hacker-news:before { - content: ""; } - -.fa-tencent-weibo:before { - content: ""; } - -.fa-qq:before { - content: ""; } - -.fa-wechat:before, -.fa-weixin:before { - content: ""; } - -.fa-send:before, -.fa-paper-plane:before { - content: ""; } - -.fa-send-o:before, -.fa-paper-plane-o:before { - content: ""; } - -.fa-history:before { - content: ""; } - -.fa-circle-thin:before { - content: ""; } - -.fa-header:before { - content: ""; } - -.fa-paragraph:before { - content: ""; } - -.fa-sliders:before { - content: ""; } - -.fa-share-alt:before { - content: ""; } - -.fa-share-alt-square:before { - content: ""; } - -.fa-bomb:before { - content: ""; } - -.fa-soccer-ball-o:before, -.fa-futbol-o:before { - content: ""; } - -.fa-tty:before { - content: ""; } - -.fa-binoculars:before { - content: ""; } - -.fa-plug:before { - content: ""; } - -.fa-slideshare:before { - content: ""; } - -.fa-twitch:before { - content: ""; } - -.fa-yelp:before { - content: ""; } - -.fa-newspaper-o:before { - content: ""; } - -.fa-wifi:before { - content: ""; } - -.fa-calculator:before { - content: ""; } - -.fa-paypal:before { - content: ""; } - -.fa-google-wallet:before { - content: ""; } - -.fa-cc-visa:before { - content: ""; } - -.fa-cc-mastercard:before { - content: ""; } - -.fa-cc-discover:before { - content: ""; } - -.fa-cc-amex:before { - content: ""; } - -.fa-cc-paypal:before { - content: ""; } - -.fa-cc-stripe:before { - content: ""; } - -.fa-bell-slash:before { - content: ""; } - -.fa-bell-slash-o:before { - content: ""; } - -.fa-trash:before { - content: ""; } - -.fa-copyright:before { - content: ""; } - -.fa-at:before { - content: ""; } - -.fa-eyedropper:before { - content: ""; } - -.fa-paint-brush:before { - content: ""; } - -.fa-birthday-cake:before { - content: ""; } - -.fa-area-chart:before { - content: ""; } - -.fa-pie-chart:before { - content: ""; } - -.fa-line-chart:before { - content: ""; } - -.fa-lastfm:before { - content: ""; } - -.fa-lastfm-square:before { - content: ""; } - -.fa-toggle-off:before { - content: ""; } - -.fa-toggle-on:before { - content: ""; } - -.fa-bicycle:before { - content: ""; } - -.fa-bus:before { - content: ""; } - -.fa-ioxhost:before { - content: ""; } - -.fa-angellist:before { - content: ""; } - -.fa-cc:before { - content: ""; } - -.fa-shekel:before, -.fa-sheqel:before, -.fa-ils:before { - content: ""; } - -.fa-meanpath:before { - content: ""; } - -.fa-buysellads:before { - content: ""; } - -.fa-connectdevelop:before { - content: ""; } - -.fa-dashcube:before { - content: ""; } - -.fa-forumbee:before { - content: ""; } - -.fa-leanpub:before { - content: ""; } - -.fa-sellsy:before { - content: ""; } - -.fa-shirtsinbulk:before { - content: ""; } - -.fa-simplybuilt:before { - content: ""; } - -.fa-skyatlas:before { - content: ""; } - -.fa-cart-plus:before { - content: ""; } - -.fa-cart-arrow-down:before { - content: ""; } - -.fa-diamond:before { - content: ""; } - -.fa-ship:before { - content: ""; } - -.fa-user-secret:before { - content: ""; } - -.fa-motorcycle:before { - content: ""; } - -.fa-street-view:before { - content: ""; } - -.fa-heartbeat:before { - content: ""; } - -.fa-venus:before { - content: ""; } - -.fa-mars:before { - content: ""; } - -.fa-mercury:before { - content: ""; } - -.fa-intersex:before, -.fa-transgender:before { - content: ""; } - -.fa-transgender-alt:before { - content: ""; } - -.fa-venus-double:before { - content: ""; } - -.fa-mars-double:before { - content: ""; } - -.fa-venus-mars:before { - content: ""; } - -.fa-mars-stroke:before { - content: ""; } - -.fa-mars-stroke-v:before { - content: ""; } - -.fa-mars-stroke-h:before { - content: ""; } - -.fa-neuter:before { - content: ""; } - -.fa-genderless:before { - content: ""; } - -.fa-facebook-official:before { - content: ""; } - -.fa-pinterest-p:before { - content: ""; } - -.fa-whatsapp:before { - content: ""; } - -.fa-server:before { - content: ""; } - -.fa-user-plus:before { - content: ""; } - -.fa-user-times:before { - content: ""; } - -.fa-hotel:before, -.fa-bed:before { - content: ""; } - -.fa-viacoin:before { - content: ""; } - -.fa-train:before { - content: ""; } - -.fa-subway:before { - content: ""; } - -.fa-medium:before { - content: ""; } - -.fa-yc:before, -.fa-y-combinator:before { - content: ""; } - -.fa-optin-monster:before { - content: ""; } - -.fa-opencart:before { - content: ""; } - -.fa-expeditedssl:before { - content: ""; } - -.fa-battery-4:before, -.fa-battery-full:before { - content: ""; } - -.fa-battery-3:before, -.fa-battery-three-quarters:before { - content: ""; } - -.fa-battery-2:before, -.fa-battery-half:before { - content: ""; } - -.fa-battery-1:before, -.fa-battery-quarter:before { - content: ""; } - -.fa-battery-0:before, -.fa-battery-empty:before { - content: ""; } - -.fa-mouse-pointer:before { - content: ""; } - -.fa-i-cursor:before { - content: ""; } - -.fa-object-group:before { - content: ""; } - -.fa-object-ungroup:before { - content: ""; } - -.fa-sticky-note:before { - content: ""; } - -.fa-sticky-note-o:before { - content: ""; } - -.fa-cc-jcb:before { - content: ""; } - -.fa-cc-diners-club:before { - content: ""; } - -.fa-clone:before { - content: ""; } - -.fa-balance-scale:before { - content: ""; } - -.fa-hourglass-o:before { - content: ""; } - -.fa-hourglass-1:before, -.fa-hourglass-start:before { - content: ""; } - -.fa-hourglass-2:before, -.fa-hourglass-half:before { - content: ""; } - -.fa-hourglass-3:before, -.fa-hourglass-end:before { - content: ""; } - -.fa-hourglass:before { - content: ""; } - -.fa-hand-grab-o:before, -.fa-hand-rock-o:before { - content: ""; } - -.fa-hand-stop-o:before, -.fa-hand-paper-o:before { - content: ""; } - -.fa-hand-scissors-o:before { - content: ""; } - -.fa-hand-lizard-o:before { - content: ""; } - -.fa-hand-spock-o:before { - content: ""; } - -.fa-hand-pointer-o:before { - content: ""; } - -.fa-hand-peace-o:before { - content: ""; } - -.fa-trademark:before { - content: ""; } - -.fa-registered:before { - content: ""; } - -.fa-creative-commons:before { - content: ""; } - -.fa-gg:before { - content: ""; } - -.fa-gg-circle:before { - content: ""; } - -.fa-tripadvisor:before { - content: ""; } - -.fa-odnoklassniki:before { - content: ""; } - -.fa-odnoklassniki-square:before { - content: ""; } - -.fa-get-pocket:before { - content: ""; } - -.fa-wikipedia-w:before { - content: ""; } - -.fa-safari:before { - content: ""; } - -.fa-chrome:before { - content: ""; } - -.fa-firefox:before { - content: ""; } - -.fa-opera:before { - content: ""; } - -.fa-internet-explorer:before { - content: ""; } - -.fa-tv:before, -.fa-television:before { - content: ""; } - -.fa-contao:before { - content: ""; } - -.fa-500px:before { - content: ""; } - -.fa-amazon:before { - content: ""; } - -.fa-calendar-plus-o:before { - content: ""; } - -.fa-calendar-minus-o:before { - content: ""; } - -.fa-calendar-times-o:before { - content: ""; } - -.fa-calendar-check-o:before { - content: ""; } - -.fa-industry:before { - content: ""; } - -.fa-map-pin:before { - content: ""; } - -.fa-map-signs:before { - content: ""; } - -.fa-map-o:before { - content: ""; } - -.fa-map:before { - content: ""; } - -.fa-commenting:before { - content: ""; } - -.fa-commenting-o:before { - content: ""; } - -.fa-houzz:before { - content: ""; } - -.fa-vimeo:before { - content: ""; } - -.fa-black-tie:before { - content: ""; } - -.fa-fonticons:before { - content: ""; } - -.fa-reddit-alien:before { - content: ""; } - -.fa-edge:before { - content: ""; } - -.fa-credit-card-alt:before { - content: ""; } - -.fa-codiepie:before { - content: ""; } - -.fa-modx:before { - content: ""; } - -.fa-fort-awesome:before { - content: ""; } - -.fa-usb:before { - content: ""; } - -.fa-product-hunt:before { - content: ""; } - -.fa-mixcloud:before { - content: ""; } - -.fa-scribd:before { - content: ""; } - -.fa-pause-circle:before { - content: ""; } - -.fa-pause-circle-o:before { - content: ""; } - -.fa-stop-circle:before { - content: ""; } - -.fa-stop-circle-o:before { - content: ""; } - -.fa-shopping-bag:before { - content: ""; } - -.fa-shopping-basket:before { - content: ""; } - -.fa-hashtag:before { - content: ""; } - -.fa-bluetooth:before { - content: ""; } - -.fa-bluetooth-b:before { - content: ""; } - -.fa-percent:before { - content: ""; } - -/* Dark theme */ -/* Light: #573454 Dark: #3b2639 -moz-linear-gradient(top, #fca99b 0%, #6e2842 100%) */ -/* l: #d8d7db */ -/* Light theme -$mainColor: #fff; -$fontColor: #9299a3; -$fontColorActive: #4f8ef7; -*/ -/* darken($mainColor, 4%) - #383838 */ -/* #515151 */ -@font-face { - font-family: 'font3336'; - src: url("../fonts/main-fonts.eot?v=20"); - src: url("../fonts/main-fonts.woff?v=20") format("woff"), url("../fonts/main-fonts.ttf?v=20") format("truetype"), url("../fonts/main-fonts.svg?v=20") format("svg"), url("../fonts/main-fonts.eot?v=20") format("embedded-opentype"); - font-weight: normal; - font-style: normal; } - -.gjs-fonts::before { - display: block; - font: normal normal normal 14px font3336; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 5em; } - -.gjs-f-b1::before { - content: 'Q'; } - -.gjs-f-b2::before { - content: 'W'; } - -.gjs-f-b3::before { - content: 'E'; } - -.gjs-f-b37::before { - content: 'R'; } - -.gjs-f-hero::before { - content: 'T'; } - -.gjs-f-h1p::before { - content: 'y'; } - -.gjs-f-3ba::before { - content: 'u'; } - -.gjs-f-image::before { - content: 'I'; } - -.gjs-f-text::before { - content: 'o'; } - -.gjs-f-quo::before { - content: 'p'; } - -.gjs-f-button::before { - content: 'B'; } - -.gjs-f-divider::before { - content: 'D'; } - -.gjs-invis-invis, .gjs-clm-tags #gjs-clm-new, -.gjs-no-app { - background-color: transparent; - border: none; - color: inherit; } - -.gjs-no-app { - height: 10px; } - -.gjs-test::btn { - color: '#fff'; } - -.opac50, .gjs-clm-tags #gjs-clm-close { - opacity: 0.5; - filter: alpha(opacity=50); } - -.gjs-checker-bg, .gjs-field-colorp-c, .checker-bg, .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); } - -.gjs-no-user-select, .gjs-grabbing, -.gjs-grabbing *, .gjs-nav-comp-name { - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; } - -.gjs-no-pointer-events, .gjs-resizer-c, .gjs-margin-v-el, -.gjs-padding-v-el, -.gjs-fixedmargin-v-el, -.gjs-fixedpadding-v-el { - pointer-events: none; } - -.gjs-bg-main, .gjs-off-prv, .gjs-select option, -.gjs-clm-select option, -.gjs-sm-select option, -.gjs-sm-unit option, .gjs-pn-panel, .gjs-nv-item .gjs-nv-title-c, .gjs-field-select option, .gjs-sm-sector .gjs-sm-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c, .gjs-block, .gjs-mdl-dialog, #gjs-rte-toolbar, .sp-container { - background-color: #444; } - -.gjs-color-main, .gjs-off-prv, .gjs-btn-prim, .gjs-pn-panel, .gjs-pn-btn, .gjs-btnt, .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field, .gjs-sm-sector .gjs-sm-stack #gjs-sm-add, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add, .gjs-mdl-dialog, #gjs-rte-toolbar .gjs-rte-btn { - color: #ddd; } - -.gjs-color-active, .gjs-pn-btn.gjs-pn-active, .gjs-btnt.gjs-pn-active { - color: #f8f8f8; } - -.gjs-bdrag { - pointer-events: none !important; - position: absolute !important; - z-index: 10 !important; - width: auto; } - -.gjs-drag-helper { - background-color: #3b97e3 !important; - pointer-events: none !important; - position: absolute !important; - z-index: 10 !important; - transform: scale(0.3) !important; - transform-origin: top left !important; - -webkit-transform-origin: top left !important; - margin: 15px !important; - transition: none !important; - outline: none !important; } - -.gjs-grabbing, -.gjs-grabbing * { - cursor: grabbing !important; - cursor: -webkit-grabbing !important; } - -.gjs-grabbing { - overflow: hidden; } - -.gjs-off-prv { - position: relative; - z-index: 10; - padding: 5px; - cursor: pointer; } - -.gjs-editor-cont ::-webkit-scrollbar-track { - background: rgba(0, 0, 0, 0.1); } - -.gjs-editor-cont ::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.2); } - -.gjs-editor-cont ::-webkit-scrollbar { - width: 8px; } - -/********************* MAIN ************************/ -.clear { - clear: both; } - -.no-select, .gjs-com-no-select, .gjs-com-no-select img, .gjs-clm-tags #gjs-clm-close, .gjs-clm-tags #gjs-clm-tag-label { - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; } - -.gjs-editor { - font-family: Helvetica, sans-serif; - background-color: #444; - position: relative; - box-sizing: border-box; - height: 100%; } - -.gjs-freezed, -.gjs-nv-freezed { - opacity: 0.5; - filter: alpha(opacity=50); - pointer-events: none; } - -.gjs-btn-prim { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 2px; - padding: 3px 6px; - cursor: pointer; - padding: 0.5em; - border: none; } - -.gjs-btn-prim:active { - background-color: rgba(255, 255, 255, 0.1); } - -.gjs-input, .gjs-select { - background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 2px; - box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); - box-sizing: border-box; - color: #ddd; - padding: 0.5em 1em; } - -div.gjs-select { - padding: 0; } - -.gjs-select select { - padding-right: 10px; } - -.gjs-select:-moz-focusring, -.gjs-select select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 rgba(255, 255, 255, 0.7); } - -.gjs-input:focus, .gjs-select:focus, -.gjs-button:focus, -.gjs-btn-prim:focus, -.gjs-select:focus, -.gjs-select select:focus { - outline: none; } - -/************* TRAITS ****************/ -.gjs-traits-label { - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - font-size: 13px; - font-weight: lighter; - margin-bottom: 5px; - padding: 10px; - text-align: left; } - -.gjs-trt-trait { - display: flex; - justify-content: start; - padding: 5px 10px; - font-size: 0.75em; - font-weight: lighter; } - .gjs-trt-trait .gjs-label { - width: 30%; - text-align: left; } - .gjs-trt-trait .gjs-field { - width: 70%; } - -/************* CANVAS ****************/ -.gjs-cv-canvas { - background-color: rgba(0, 0, 0, 0.15); - box-sizing: border-box; - position: absolute; - width: 85%; - height: 100%; - bottom: 0; - left: 0; - overflow: hidden; - padding-top: 40px; - z-index: 1; - /* This simulate body behaviour */ } - .gjs-cv-canvas > iframe { - height: 100%; - outline: medium none; - width: 100%; - border: none; - margin: 0 auto; - display: block; } - .gjs-cv-canvas .gjs-ghost { - display: none; - pointer-events: none; - background-color: #5b5b5b; - border: 2px dashed #ccc; - position: absolute; - z-index: 10; - opacity: 0.55; - filter: alpha(opacity=55); } - .gjs-cv-canvas .gjs-highlighter, - .gjs-cv-canvas .gjs-highlighter-sel { - position: absolute; - outline: 1px solid #3b97e3; - pointer-events: none; } - .gjs-cv-canvas .gjs-highlighter-warning { - outline: 3px solid #ffca6f; } - .gjs-cv-canvas .gjs-highlighter-sel { - outline: 3px solid #3b97e3; } - .gjs-cv-canvas #gjs-tools { - width: 100%; - position: absolute; - top: 0; - left: 0; - outline: none; } - .gjs-cv-canvas > div:first-child { - background-color: #fff; - position: relative; - height: 100%; - overflow: auto; - width: 100%; } - -.gjs-cv-canvas * { - box-sizing: border-box; } - -.gjs-frame { - transition: width 0.35s ease; } - -.gjs-toolbar { - position: absolute; - background-color: #3b97e3; - color: white; - z-index: 10; } - -.gjs-toolbar-item { - padding: 5px 7px; - font-size: 0.8rem; - cursor: pointer; } - -.gjs-resizer-c { - position: absolute; - z-index: 9; } - -.gjs-margin-v-el, -.gjs-padding-v-el, -.gjs-fixedmargin-v-el, -.gjs-fixedpadding-v-el { - opacity: 0.1; - filter: alpha(opacity=10); - position: absolute; - background-color: yellow; } - -.gjs-fixedmargin-v-el, -.gjs-fixedpadding-v-el { - opacity: 0.2; - filter: alpha(opacity=20); } - -.gjs-padding-v-el, -.gjs-fixedpadding-v-el { - background-color: navy; } - -.gjs-resizer-h { - pointer-events: all; - position: absolute; - border: 3px solid #3b97e3; - width: 10px; - height: 10px; - background-color: #fff; - margin: -5px; } - -.gjs-resizer-h-tl { - top: 0; - left: 0; - cursor: nwse-resize; } - -.gjs-resizer-h-tr { - top: 0; - right: 0; - cursor: nesw-resize; } - -.gjs-resizer-h-tc { - top: 0; - margin: -5px auto; - left: 0; - right: 0; - cursor: ns-resize; } - -.gjs-resizer-h-cl { - left: 0; - margin: auto -5px; - top: 0; - bottom: 0; - cursor: ew-resize; } - -.gjs-resizer-h-cr { - margin: auto -5px; - top: 0; - bottom: 0; - right: 0; - cursor: ew-resize; } - -.gjs-resizer-h-bl { - bottom: 0; - left: 0; - cursor: nesw-resize; } - -.gjs-resizer-h-bc { - bottom: 0; - margin: -5px auto; - left: 0; - right: 0; - cursor: ns-resize; } - -.gjs-resizer-h-br { - bottom: 0; - right: 0; - cursor: nwse-resize; } - -.gjs-resizing .gjs-highlighter, -.gjs-resizing .gjs-badge { - display: none !important; } - -.gjs-resizing-tl * { - cursor: nwse-resize !important; } - -.gjs-resizing-tr * { - cursor: nesw-resize !important; } - -.gjs-resizing-tc * { - cursor: ns-resize !important; } - -.gjs-resizing-cl * { - cursor: ew-resize !important; } - -.gjs-resizing-cr * { - cursor: ew-resize !important; } - -.gjs-resizing-bl * { - cursor: nesw-resize !important; } - -.gjs-resizing-bc * { - cursor: ns-resize !important; } - -.gjs-resizing-br * { - cursor: nwse-resize !important; } - -.btn-cl, .gjs-mdl-dialog .gjs-mdl-btn-close, .gjs-am-assets-cont #gjs-am-close { - opacity: 0.3; - filter: alpha(opacity=30); - font-size: 25px; - cursor: pointer; } - .btn-cl:hover, .gjs-mdl-dialog .gjs-mdl-btn-close:hover, .gjs-am-assets-cont #gjs-am-close:hover { - opacity: 0.7; - filter: alpha(opacity=70); } - -/************* RTE ****************/ -#commands.panel { - min-width: 35px; - height: 100%; - z-index: 3; } - -#options.panel { - z-index: 4; - bottom: 0; } - -#views.panel { - width: 16.5%; - font-weight: lighter; - color: #ddd; - right: 0; - top: 0; - z-index: 3; - height: 100%; - padding: 0; } - -#views.panel .c { - height: 100%; } - -#commands.panel, #options.panel { - width: 3.5%; - left: 0; } - -#options .c { - display: table; - margin: 0 auto; } - -/*********TEST**********/ -body.dragging, body.dragging * { - cursor: move !important; } - -.dragged { - position: absolute; - opacity: 0.5; - filter: alpha(opacity=50); - z-index: 2000; } - -ol.example li.placeholder { - position: relative; } - -ol.example li.placeholder:before { - position: absolute; } - -/*********END-TEST**********/ -.no-dots, .ui-resizable-handle { - border: none !important; - margin: 0 !important; - outline: none !important; } - -/********* COMMANDS **********/ -.gjs-com-dashed * { - outline: 1px dashed #888; - outline-offset: -2px; - box-sizing: border-box; } - -.gjs-cv-canvas .gjs-comp-selected { - outline: 3px solid #3b97e3 !important; } - -*.gjs-com-hover, div.gjs-com-hover { - outline: 1px solid #3b97e3; } - -*.gjs-com-hover-delete, div.gjs-com-hover-delete { - outline: 2px solid #dd3636; - opacity: 0.5; - filter: alpha(opacity=50); } - -*.gjs-com-hover-move, div.gjs-com-hover-move { - outline: 3px solid #ffca6f; } - -.gjs-com-badge, .gjs-com-badge-red, .gjs-badge { - pointer-events: none; - background-color: #3b97e3; - color: #fff; - padding: 2px 5px; - position: absolute; - z-index: 1; - font-size: 12px; - outline: none; - display: none; } - -.gjs-com-badge-red { - background-color: #dd3636; } - -.gjs-badge-warning { - background-color: #ffca6f; } - -.gjs-placeholder, -.gjs-com-placeholder, -.gjs-nv-placeholder { - position: absolute; - z-index: 10; - pointer-events: none; - display: none; } - -.gjs-placeholder, -.gjs-nv-placeholder { - /*border-width: 3px !important;*/ - border-style: solid !important; - border-color: #62c462; - outline: none; - box-sizing: border-box; } - -.gjs-placeholder-int, -.gjs-com-placeholder-int, -.gjs-nv-placeholder-int { - background-color: #62c462; - box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); - height: 100%; - width: 100%; - pointer-events: none; - padding: 1.5px; - outline: none; } - -/********* PANELS **********/ -.gjs-pn-panel { - display: inline-block; - padding: 5px; - position: absolute; - box-sizing: border-box; - text-align: center; - z-index: 3; } - .gjs-pn-panel#gjs-pn-commands, .gjs-pn-panel#gjs-pn-options2 { - width: 85%; - left: 0; - top: 0; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } - .gjs-pn-panel#gjs-pn-options { - right: 15%; - top: 0; } - .gjs-pn-panel#gjs-pn-options2 { - bottom: 150px; - height: auto; } - .gjs-pn-panel .icon-undo, .gjs-pn-panel .icon-redo { - font-size: 20px; - height: 30px; - width: 25px; } - .gjs-pn-panel#gjs-pn-views { - border-bottom: 2px solid rgba(0, 0, 0, 0.3); - right: 0; - width: 15%; - z-index: 4; } - .gjs-pn-panel#gjs-pn-views-container { - height: 100%; - padding: 42px 0 0; - right: 0; - width: 15%; - overflow: auto; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } - -.gjs-pn-buttons { - align-items: center; - display: flex; - justify-content: center; } - -.gjs-pn-btn, .gjs-btnt { - box-sizing: border-box; - height: 30px; - width: 30px; - line-height: 21px; - background-color: transparent; - border: none; - font-size: 18px; - margin-right: 5px; - border-radius: 2px; - cursor: pointer; - padding: 5px; - position: relative; } - .gjs-pn-btn.gjs-pn-active, .gjs-btnt.gjs-pn-active { - background-color: rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset; } - .gjs-pn-btn > .gjs-pn-arrow-rd, .gjs-btnt > .gjs-pn-arrow-rd { - border-bottom: 5px solid rgba(255, 255, 255, 0.7); - border-left: 5px solid transparent; - bottom: 2px; - right: 2px; - position: absolute; } - .gjs-pn-btn > .gjs-pn-buttons, .gjs-btnt > .gjs-pn-buttons { - background-color: #444; - border-radius: 2px; - position: absolute; - display: none; - left: 50px; - top: 0; - padding: 5px; } - .gjs-pn-btn > .gjs-pn-buttons.gjs-pn-visible, .gjs-btnt > .gjs-pn-buttons.gjs-pn-visible { - display: block; } - .gjs-pn-btn > .gjs-pn-buttons > .gjs-pn-arrow-l, .gjs-btnt > .gjs-pn-buttons > .gjs-pn-arrow-l { - border-bottom: 5px solid transparent; - border-right: 5px solid #444; - border-top: 5px solid transparent; - left: -5px; - top: 15px; - position: absolute; } - -/************* Navigator *************/ -.gjs-nv-opac50 { - opacity: 0.5; - filter: alpha(opacity=50); } - -.gjs-nv-navigator { - position: relative; - height: 100%; } - .gjs-nv-navigator #gjs-nv-placeholder { - width: 100%; - position: absolute; } - .gjs-nv-navigator #gjs-nv-placeholder #gjs-nv-plh-int { - height: 100%; - padding: 1px; } - .gjs-nv-navigator #gjs-nv-placeholder #gjs-nv-plh-int.gjs-nv-insert { - background-color: #62c462; } - .gjs-nv-navigator .gjs-nv-item { - font-weight: lighter; - text-align: left; - position: relative; - background-color: rgba(0, 0, 0, 0.1); } - .gjs-nv-navigator .gjs-nv-item.gjs-nv-hide { - opacity: 0.55; - filter: alpha(opacity=55); } - .gjs-nv-navigator .gjs-nv-item #gjs-nv-counter { - font-size: 10px; - position: absolute; - right: 27px; - top: 9px; } - .gjs-nv-navigator .gjs-nv-item #gjs-nv-btn-eye { - height: auto !important; - width: auto !important; - font-size: 13px; - left: 0; - top: 0; - padding: 7px 5px 7px 10px; - position: absolute; - cursor: pointer; - z-index: 1; } - -.gjs-nv-item #gjs-nv-caret { - font-size: 7px; - width: 8px; - padding: 5px; - cursor: pointer; - opacity: 0.7; - filter: alpha(opacity=70); } - .gjs-nv-item #gjs-nv-caret:hover { - opacity: 1; - filter: alpha(opacity=100); } - -.gjs-nv-title { - background-color: rgba(0, 0, 0, 0.1); - font-size: 11px; - letter-spacing: 1px; - padding: 3px 10px 5px 30px; - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - border-top: 1px solid rgba(255, 255, 255, 0.1); - display: flex; - align-items: center; } - -.gjs-nv-item .gjs-nv-children .gjs-nv-title { - border-left: 1px solid rgba(5, 5, 5, 0.3); } - -.gjs-nv-item > .gjs-nv-children { - margin-left: 7px; - display: none; } - -.gjs-nv-item.open > .gjs-nv-children { - display: block; } - -.gjs-nv-item > .gjs-nv-no-chld > #gjs-nv-caret::before { - content: ''; } - -.gjs-nv-no-chld > #gjs-nv-caret { - display: none; } - -.gjs-nv-item > #gjs-nv-move { - position: absolute; - cursor: move; - font-size: 12px; - right: 0; - top: 0; - padding: 7px 10px 7px 5px; } - -/* -.gjs-nv-item{ - &.gjs-nv-selected{ - border: 2px solid $colorBlue; - } -} -*/ -.gjs-nv-selected .gjs-nv-title { - background-color: rgba(255, 255, 255, 0.1); } - -.gjs-nv-nav-item-edit { - visibility: hidden; - padding: 5px; - font-size: 10px; - opacity: 0.7; - filter: alpha(opacity=70); } - .gjs-nv-nav-item-edit:hover { - opacity: 1; - filter: alpha(opacity=100); } - -.gjs-nv-title-c:hover .gjs-nv-nav-item-edit { - visibility: visible; - cursor: pointer; } - -.gjs-nav-comp-name { - padding: 5px; - box-sizing: content-box; } - -/************* END Navigator *************/ -/* pa-refresh pa-rocket pa-trash pa-columns pa-rotate-left/right */ -.btn.expand, .gjs-nv-navigator .gjs-nv-item .expand#gjs-nv-btn-eye { - background-image: none; } - -/*********** Components *************/ -.gjs-comp-image-placeholder { - display: block; - background-color: #f5f5f5; - color: #777; - height: 50px; - width: 50px; - line-height: 50px; - outline: 3px solid #ffca6f; - outline-offset: -3px; - text-align: center; - font-size: 16.66667px; - cursor: pointer; } - .gjs-comp-image-placeholder.fa-picture-o::after { - content: "\f03e"; } - -/********* Input style **********/ -/* #d5d5d5 */ -/* b1b1b1 */ -/* #252525 */ -/* 303030 */ -.gjs-label { - line-height: 18px; } - -.gjs-field { - background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.1); - box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); - border-radius: 2px; - box-sizing: border-box; - padding: 0; - position: relative; } - .gjs-field input, - .gjs-field select, - .gjs-field textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - color: rgba(255, 255, 255, 0.7); - border: none; - background-color: transparent; - box-sizing: border-box; - width: 100%; - position: relative; - padding: 3px 4px 4px; - z-index: 1; } - .gjs-field textarea { - resize: vertical; } - .gjs-field select { - height: 20px; - padding-right: 12px; } - .gjs-field option { - padding: 3px 0; } - .gjs-field .gjs-sel-arrow { - height: 100%; - width: 9px; - position: absolute; - right: 0; - top: 0; - z-index: 0; } - .gjs-field .gjs-d-s-arrow { - bottom: 7px; - border-top: 4px solid rgba(255, 255, 255, 0.7); - position: absolute; - height: 0; - width: 0; - border-left: 3px solid transparent; - border-right: 4px solid transparent; - cursor: pointer; } - -.gjs-field-color input { - padding-right: 22px; - box-sizing: border-box; } - -.gjs-field-colorp { - border-left: 1px solid rgba(0, 0, 0, 0.3); - box-sizing: border-box; - height: 100%; - padding: 2px; - position: absolute; - right: 0; - top: 0; - width: 22px; - z-index: 10; } - .gjs-field-colorp .gjs-checker-bg, .gjs-field-colorp .gjs-field-colorp-c { - height: 100%; - width: 100%; - border-radius: 1px; } - -.gjs-field-colorp-c { - height: 100%; - position: relative; - width: 100%; } - -.gjs-field-color-picker { - background-color: #ddd; - cursor: pointer; - height: 100%; - width: 100%; - box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); - border-radius: 1px; - position: absolute; - top: 0; } - -.gjs-field-radio { - float: left; - overflow: hidden; - padding: 0; - width: auto; } - -/* ??? */ -.gjs-field-checkbox { - padding: 0; - width: auto !important; } - .gjs-field-checkbox input { - display: none; } - .gjs-field-checkbox input:checked + .gjs-chk-icon { - border-color: rgba(255, 255, 255, 0.5); - border-width: 0 2px 2px 0; - border-style: solid; } - -.gjs-radio-item { - float: left; - border-left: 1px solid rgba(0, 0, 0, 0.3); } - .gjs-radio-item:first-child { - border: none; } - .gjs-radio-item:hover { - background: rgba(0, 0, 0, 0.3); } - .gjs-radio-item input { - display: none; } - .gjs-radio-item input:checked + .gjs-radio-item-label { - background-color: rgba(255, 255, 255, 0.2); } - -.gjs-radio-item-label { - cursor: pointer; - display: block; - padding: 5px; } - -.gjs-field-units { - position: absolute; - right: 0; - top: 0; } - .gjs-field-units select { - padding: 0 12px 0 0; } - -.gjs-field-unit { - position: absolute; - right: 10px; - top: 3px; - font-size: 10px; - color: rgba(255, 255, 255, 0.7); - cursor: pointer; } - -.gjs-field-arrows { - z-index: 10; - cursor: ns-resize; - height: 100%; - position: absolute; - right: 0; - top: 0; - width: 9px; } - -.gjs-field-arrow-u, -.gjs-field-arrow-d { - position: absolute; - height: 0; - width: 0; - border-left: 3px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(255, 255, 255, 0.7); - bottom: 4px; - cursor: pointer; } - -.gjs-field-arrow-u { - border-bottom: 4px solid rgba(255, 255, 255, 0.7); - border-top: none; - top: 4px; } - -.gjs-field-select { - padding: 0; } - -.gjs-field-range { - background-color: transparent; - border: none; - box-shadow: none; - padding: 0; } - .gjs-field-range input { - margin: 0; } - .gjs-field-range input::-moz-range-thumb { - height: 10px; - width: 10px; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 100%; - background-color: #ddd; - cursor: pointer; } - .gjs-field-range input::-webkit-slider-thumb { - -webkit-appearance: none; - margin-top: -5px; - height: 10px; - width: 10px; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 100%; - background-color: #ddd; - cursor: pointer; } - .gjs-field-range input::-ms-thumb { - height: 10px; - width: 10px; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 100%; - background-color: #ddd; - cursor: pointer; } - .gjs-field-range input::-moz-range-track { - background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 1px; - height: 2px; } - .gjs-field-range input::-webkit-slider-runnable-track { - background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 1px; - height: 2px; } - .gjs-field-range input::-ms-track { - background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 1px; - height: 2px; } - -.gjs-chk-icon { - -ms-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - transform: rotate(45deg); - box-sizing: border-box; - display: block; - height: 14px; - margin: 0 5px; - width: 6px; - cursor: pointer; } - -.gjs-add-trasp { - background: none; - border: none; - color: #ddd; - cursor: pointer; - font-size: 1em; - border-radius: 2px; - opacity: 0.75; - filter: alpha(opacity=75); } - .gjs-add-trasp:hover { - opacity: 1; - filter: alpha(opacity=100); } - .gjs-add-trasp:active { - background-color: rgba(0, 0, 0, 0.2); } - -/********* Device Manager **********/ -.gjs-devices-c { - display: flex; - align-items: center; - padding: 4px; - /* - padding: 10px 5px; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - margin-bottom: 10px; - */ } - .gjs-devices-c .gjs-device-label { - flex-grow: 2; - font-size: 0.7em; - text-align: left; - margin-right: 10px; } - .gjs-devices-c .gjs-select { - flex-grow: 20; } - .gjs-devices-c .gjs-add-trasp { - flex-grow: 1; - margin-left: 5px; } - -/********* END Device Manager **********/ -/********* Style Manager **********/ -.gjs-sm-close-btn, .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close { - display: block; - font-size: 23px; - position: absolute; - cursor: pointer; - right: 5px; - top: 0; - opacity: 0.2; - filter: alpha(opacity=20); } - .gjs-sm-close-btn:hover, .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover { - opacity: 0.7; - filter: alpha(opacity=70); } - -.gjs-sm-header { - font-size: 11px; - font-weight: lighter; - padding: 10px; } - -.gjs-sm-sector, .gjs-clm-tags { - clear: both; - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - font-weight: lighter; - text-align: left; - /*------------------Field--------------------*/ - /*------------------END Field--------------------*/ - /*------------------Property--------------------*/ - /*------------------END Property--------------------*/ } - .gjs-sm-sector #gjs-sm-caret, .gjs-clm-tags #gjs-sm-caret { - padding-right: 5px; - font-size: 11px; } - .gjs-sm-sector .gjs-sm-title, .gjs-clm-tags .gjs-sm-title { - background-color: rgba(0, 0, 0, 0.1); - font-size: 13px; - letter-spacing: 1px; - padding: 12px 10px 12px 20px; - border-top: 1px solid rgba(255, 255, 255, 0.1); - cursor: pointer; } - .gjs-sm-sector .gjs-sm-label, .gjs-clm-tags .gjs-sm-label { - margin: 5px 5px 2px 0; } - .gjs-sm-sector .gjs-sm-field, .gjs-clm-tags .gjs-sm-field, .gjs-sm-sector .gjs-clm-field, .gjs-clm-tags .gjs-clm-field { - width: 100%; - position: relative; } - .gjs-sm-sector .gjs-sm-field input, .gjs-clm-tags .gjs-sm-field input, .gjs-sm-sector .gjs-clm-field input, .gjs-clm-tags .gjs-clm-field input, .gjs-sm-sector .gjs-sm-field select, .gjs-clm-tags .gjs-sm-field select, .gjs-sm-sector .gjs-clm-field select, .gjs-clm-tags .gjs-clm-field select { - background-color: transparent; - color: rgba(255, 255, 255, 0.7); - border: none; - width: 100%; } - .gjs-sm-sector .gjs-sm-field input, .gjs-clm-tags .gjs-sm-field input, .gjs-sm-sector .gjs-clm-field input, .gjs-clm-tags .gjs-clm-field input { - box-sizing: border-box; } - .gjs-sm-sector .gjs-sm-field select, .gjs-clm-tags .gjs-sm-field select, .gjs-sm-sector .gjs-clm-field select, .gjs-clm-tags .gjs-clm-field select { - position: relative; - z-index: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } - .gjs-sm-sector .gjs-sm-field select::-ms-expand, .gjs-clm-tags .gjs-sm-field select::-ms-expand, .gjs-sm-sector .gjs-clm-field select::-ms-expand, .gjs-clm-tags .gjs-clm-field select::-ms-expand { - display: none; } - .gjs-sm-sector .gjs-sm-field select:-moz-focusring, .gjs-clm-tags .gjs-sm-field select:-moz-focusring, .gjs-sm-sector .gjs-clm-field select:-moz-focusring, .gjs-clm-tags .gjs-clm-field select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 rgba(255, 255, 255, 0.7); } - .gjs-sm-sector .gjs-sm-field select:focus, .gjs-clm-tags .gjs-sm-field select:focus, .gjs-sm-sector .gjs-clm-field select:focus, .gjs-clm-tags .gjs-clm-field select:focus, .gjs-sm-sector .gjs-sm-field input:focus, .gjs-clm-tags .gjs-sm-field input:focus, .gjs-sm-sector .gjs-clm-field input:focus, .gjs-clm-tags .gjs-clm-field input:focus { - outline: none; } - .gjs-sm-sector .gjs-sm-field .gjs-sm-unit, .gjs-clm-tags .gjs-sm-field .gjs-sm-unit, .gjs-sm-sector .gjs-clm-field .gjs-sm-unit, .gjs-clm-tags .gjs-clm-field .gjs-sm-unit { - position: absolute; - right: 10px; - top: 3px; - font-size: 10px; - color: rgba(255, 255, 255, 0.7); - cursor: pointer; } - .gjs-sm-sector .gjs-sm-field .gjs-sm-int-arrows, .gjs-clm-tags .gjs-sm-field .gjs-sm-int-arrows, .gjs-sm-sector .gjs-clm-field .gjs-sm-int-arrows, .gjs-clm-tags .gjs-clm-field .gjs-sm-int-arrows, .gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-sel-arrow { - height: 100%; - width: 9px; - position: absolute; - right: 0; - top: 0; - cursor: ns-resize; } - .gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow { - cursor: pointer; } - .gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow { - position: absolute; - height: 0; - width: 0; - border-left: 3px solid transparent; - border-right: 4px solid transparent; - cursor: pointer; } - .gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow { - border-bottom: 4px solid rgba(255, 255, 255, 0.7); - top: 4px; } - .gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow { - border-top: 4px solid rgba(255, 255, 255, 0.7); - bottom: 4px; } - .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow { - bottom: 7px; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-integer, .gjs-clm-tags .gjs-sm-field.gjs-sm-integer, .gjs-sm-sector .gjs-sm-integer.gjs-clm-field, .gjs-clm-tags .gjs-sm-integer.gjs-clm-field, .gjs-sm-sector .gjs-sm-field.gjs-sm-select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field, .gjs-clm-tags .gjs-sm-select.gjs-clm-field, .gjs-sm-sector .gjs-clm-select, .gjs-clm-tags .gjs-clm-select, .gjs-sm-sector .gjs-sm-field.gjs-sm-list, .gjs-clm-tags .gjs-sm-field.gjs-sm-list, .gjs-sm-sector .gjs-sm-list.gjs-clm-field, .gjs-clm-tags .gjs-sm-list.gjs-clm-field, .gjs-sm-sector .gjs-sm-field.gjs-sm-color, .gjs-clm-tags .gjs-sm-field.gjs-sm-color, .gjs-sm-sector .gjs-sm-color.gjs-clm-field, .gjs-clm-tags .gjs-sm-color.gjs-clm-field, .gjs-sm-sector .gjs-sm-field.gjs-sm-input, .gjs-clm-tags .gjs-sm-field.gjs-sm-input, .gjs-sm-sector .gjs-sm-input.gjs-clm-field, .gjs-clm-tags .gjs-sm-input.gjs-clm-field { - background-color: rgba(0, 0, 0, 0.3); - /*353535*/ - border: 1px solid rgba(0, 0, 0, 0.1); - /*292929*/ - box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); - /*575757*/ - color: rgba(255, 255, 255, 0.7); - border-radius: 2px; - box-sizing: border-box; - padding: 0 5px; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field { - border-radius: 2px; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field, .gjs-clm-tags .gjs-sm-select.gjs-clm-field, .gjs-sm-sector .gjs-clm-select, .gjs-clm-tags .gjs-clm-select { - padding: 0; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-select select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field select, .gjs-clm-tags .gjs-sm-select.gjs-clm-field select, .gjs-sm-sector .gjs-clm-select select, .gjs-clm-tags .gjs-clm-select select { - height: 20px; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-select option, .gjs-clm-tags .gjs-sm-field.gjs-sm-select option, .gjs-sm-sector .gjs-sm-select.gjs-clm-field option, .gjs-clm-tags .gjs-sm-select.gjs-clm-field option, .gjs-sm-sector .gjs-clm-select option, .gjs-clm-tags .gjs-clm-select option { - padding: 3px 0; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field { - background-color: rgba(0, 0, 0, 0.1); - border: 1px solid rgba(0, 0, 0, 0.25); } - .gjs-sm-sector .gjs-sm-field.gjs-sm-list, .gjs-clm-tags .gjs-sm-field.gjs-sm-list, .gjs-sm-sector .gjs-sm-list.gjs-clm-field, .gjs-clm-tags .gjs-sm-list.gjs-clm-field { - width: auto; - padding: 0; - overflow: hidden; - float: left; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-list input, .gjs-clm-tags .gjs-sm-field.gjs-sm-list input, .gjs-sm-sector .gjs-sm-list.gjs-clm-field input, .gjs-clm-tags .gjs-sm-list.gjs-clm-field input { - display: none; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-list label, .gjs-clm-tags .gjs-sm-field.gjs-sm-list label, .gjs-sm-sector .gjs-sm-list.gjs-clm-field label, .gjs-clm-tags .gjs-sm-list.gjs-clm-field label { - cursor: pointer; - padding: 5px; - display: block; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label, .gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label, .gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label, .gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label { - background-color: rgba(255, 255, 255, 0.2); - /*5b5b5b*/ } - .gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-icon, .gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-icon, .gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-icon, .gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-icon { - background-repeat: no-repeat; - background-position: center; - text-shadow: none; - line-height: normal; } - .gjs-sm-sector .gjs-sm-field.gjs-sm-integer select, .gjs-clm-tags .gjs-sm-field.gjs-sm-integer select, .gjs-sm-sector .gjs-sm-integer.gjs-clm-field select, .gjs-clm-tags .gjs-sm-integer.gjs-clm-field select { - width: auto; - padding: 0; } - .gjs-sm-sector .gjs-sm-list .gjs-sm-el, .gjs-clm-tags .gjs-sm-list .gjs-sm-el { - float: left; - border-left: 1px solid rgba(0, 0, 0, 0.3); } - .gjs-sm-sector .gjs-sm-list .gjs-sm-el:first-child, .gjs-clm-tags .gjs-sm-list .gjs-sm-el:first-child { - border: none; } - .gjs-sm-sector .gjs-sm-list .gjs-sm-el:hover, .gjs-clm-tags .gjs-sm-list .gjs-sm-el:hover { - background: rgba(0, 0, 0, 0.3); } - .gjs-sm-sector .gjs-sm-properties, .gjs-clm-tags .gjs-sm-properties { - font-size: 11px; - padding: 10px 5px; } - .gjs-sm-sector .gjs-sm-property, .gjs-clm-tags .gjs-sm-property { - box-sizing: border-box; - float: left; - width: 50%; - margin-bottom: 5px; - padding: 0 5px; } - .gjs-sm-sector .gjs-sm-property.gjs-sm-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file, .gjs-sm-sector .gjs-sm-property.gjs-sm-composite, .gjs-clm-tags .gjs-sm-property.gjs-sm-composite, .gjs-sm-sector .gjs-sm-property.gjs-sm-stack, .gjs-clm-tags .gjs-sm-property.gjs-sm-stack, .gjs-sm-sector .gjs-sm-property.gjs-sm-list, .gjs-clm-tags .gjs-sm-property.gjs-sm-list { - width: 100%; } - .gjs-sm-sector .gjs-sm-property .gjs-sm-btn, .gjs-clm-tags .gjs-sm-property .gjs-sm-btn { - background-color: rgba(33, 33, 33, 0.3); - /*#5d5d5d*/ - border-radius: 2px; - box-shadow: 1px 1px 0 rgba(5, 5, 5, 0.3), 1px 1px 0 rgba(43, 43, 43, 0.3) inset; - padding: 5px; - position: relative; - text-align: center; - height: auto; - width: 100%; - cursor: pointer; - color: #ddd; - box-sizing: border-box; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); - border: none; - opacity: 0.85; - filter: alpha(opacity=85); } - .gjs-sm-sector .gjs-sm-property .gjs-sm-btn-c, .gjs-clm-tags .gjs-sm-property .gjs-sm-btn-c { - box-sizing: border-box; - float: left; - width: 100%; - padding: 0 5px; } - .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box { - background-color: rgba(255, 255, 255, 0.05); - border-radius: 2px; - margin-top: 5px; - position: relative; - overflow: hidden; } - .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show { - border: 1px solid rgba(252, 252, 252, 0.05); - padding: 3px 5px; } - .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close { - display: block; } - .gjs-sm-sector .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file { - height: 50px; } - .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file { - background-size: auto 100%; - background-repeat: no-repeat; - background-position: center center; } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layers, .gjs-clm-tags .gjs-sm-property .gjs-sm-layers { - margin-top: 5px; - min-height: 30px; } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer { - background-color: rgba(255, 255, 255, 0.055); - border-radius: 2px; - box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.055) inset; - margin: 2px; - padding: 7px; - position: relative; - cursor: pointer; } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box { - height: 15px; - position: absolute; - right: 27px; - top: 6px; - width: 15px; } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box, .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview { - border-radius: 2px; } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer { - display: block; - font-size: 23px; - position: absolute; - cursor: pointer; - right: 5px; - top: 0; - opacity: 0.5; - filter: alpha(opacity=50); } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover { - opacity: 0.8; - filter: alpha(opacity=80); } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box #gjs-sm-preview, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box #gjs-sm-preview { - background-color: white; - height: 100%; - width: 100%; - background-size: cover !important; } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-active { - background-color: rgba(255, 255, 255, 0.12); } - .gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box { - display: none; } - .gjs-sm-sector #gjs-sm-text-shadow #gjs-sm-preview::after, .gjs-clm-tags #gjs-sm-text-shadow #gjs-sm-preview::after { - color: #000; - content: "T"; - font-weight: 900; - line-height: 17px; - padding: 0 4px; } - .gjs-sm-sector .gjs-sm-stack .gjs-sm-properties, .gjs-clm-tags .gjs-sm-stack .gjs-sm-properties { - padding-top: 5px; } - .gjs-sm-sector .gjs-sm-stack #gjs-sm-add, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add { - background: none; - border: none; - cursor: pointer; - font-size: 22px; - line-height: 10px; - position: absolute; - right: 0; - top: -20px; - opacity: 0.75; } - .gjs-sm-sector .gjs-sm-stack #gjs-sm-add:hover, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add:hover { - opacity: 1; - filter: alpha(opacity=100); } - .gjs-sm-sector .gjs-sm-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c { - height: 100%; - width: 20px; - position: absolute; - right: 0; - top: 0; - box-sizing: border-box; - border-radius: 2px; - padding: 2px; } - .gjs-sm-sector .gjs-sm-colorp-c .gjs-checker-bg, .gjs-clm-tags .gjs-sm-colorp-c .gjs-checker-bg, .gjs-sm-sector .gjs-sm-colorp-c .gjs-field-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c .gjs-field-colorp-c { - height: 100%; - width: 100%; - border-radius: 1px; } - .gjs-sm-sector .gjs-sm-color-picker, .gjs-clm-tags .gjs-sm-color-picker { - background-color: #ddd; - cursor: pointer; - height: 16px; - width: 100%; - margin-top: -16px; - box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); - border-radius: 1px; } - .gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-upload, .gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-upload { - left: 0; - top: 0; - position: absolute; - width: 100%; - opacity: 0; - cursor: pointer; } - .gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-label, .gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-label { - padding: 2px 0; } - -.gjs-sm-layer > #gjs-sm-move { - opacity: 0.7; - filter: alpha(opacity=70); - cursor: move; - font-size: 12px; - float: left; - margin: 0 5px 0 0; } - .gjs-sm-layer > #gjs-sm-move:hover { - opacity: 0.9; - filter: alpha(opacity=90); } - -/********* END Style Manager **********/ -/********* Block manager **********/ -.gjs-blocks-c { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - -.gjs-block { - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - width: 45%; - padding: 1em; - box-sizing: border-box; - height: 90px; - cursor: all-scroll; - font-size: 11px; - font-weight: lighter; - display: flex; - flex-direction: column; - justify-content: flex-end; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 3px; - margin: 10px 2.5% 5px; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15); - transition: all 0.2s ease 0s; - transition-property: box-shadow, color; } - .gjs-block:hover { - box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); } - -.gjs-block.fa { - font-size: 2em; - line-height: 2em; - padding: 11px; } - -.gjs-block-label { - line-height: normal; - font-size: 0.65rem; - font-weight: normal; - font-family: Helvetica, sans-serif; } - -.gjs-block.gjs-bdrag { - width: auto; - padding: 0; } - -/********* END Block manager **********/ -/********* Class manager **********/ -.gjs-clm-tags { - font-size: 11px; - padding: 10px 5px; } - .gjs-clm-tags #gjs-clm-label, .gjs-clm-tags #gjs-clm-sel { - padding: 7px 0; - float: left; } - .gjs-clm-tags #gjs-clm-sel { - font-style: italic; - margin-left: 5px; } - .gjs-clm-tags #gjs-clm-status-c { - float: right; } - .gjs-clm-tags #gjs-clm-tags-field { - clear: both; - padding: 5px; - margin-bottom: 5px; } - .gjs-clm-tags #gjs-clm-tags-c { - display: inline-block; - vertical-align: top; } - .gjs-clm-tags #gjs-clm-add-tag { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 2px; - padding: 5px 6px; - box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset; - border: 1px solid rgba(0, 0, 0, 0.15); - cursor: pointer; } - .gjs-clm-tags #gjs-clm-new { - color: #ddd; - padding: 5px 6px; - display: none; } - .gjs-clm-tags .gjs-clm-tag { - background-color: #804f7b; - border: 1px solid #5a3857; - box-shadow: 1px 1px #9c6196 inset; - text-shadow: 1px 1px #6a4166; - display: inline-block; - border-radius: 3px; - margin: 0 3px 3px 0; - padding: 4px; - cursor: default; } - .gjs-clm-tags #gjs-clm-close { - font-size: 20px; - line-height: 0; - cursor: pointer; - color: rgba(255, 255, 255, 0.9); } - .gjs-clm-tags #gjs-clm-close:hover { - opacity: 0.7; - filter: alpha(opacity=70); } - .gjs-clm-tags #gjs-clm-checkbox { - color: rgba(255, 255, 255, 0.9); - vertical-align: middle; - cursor: pointer; - font-size: 9px; } - .gjs-clm-tags #gjs-clm-tag-label { - cursor: text; } - .gjs-clm-tags #gjs-clm-tag-label input { - width: auto; - padding: 0 4px; } - -/********* END Class manager **********/ -/********* Modal dialog **********/ -.gjs-mdl-backlayer { - background-color: #000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - opacity: 0.5; - filter: alpha(opacity=50); } - -.gjs-mdl-container { - font-family: Helvetica, sans-serif; - position: absolute; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 100%; } - -.gjs-mdl-dialog { - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05); - animation: gjs-slide-down 0.215s; - margin: 30px auto 0; - max-width: 850px; - width: 90%; - border-radius: 3px; - font-weight: lighter; - position: relative; - z-index: 2; } - .gjs-mdl-dialog .gjs-mdl-btn-close { - position: absolute; - right: 15px; - top: 5px; } - -.gjs-mdl-active .gjs-mdl-dialog { - animation: gjs-mdl-slide-down 0.216s; } - -.gjs-mdl-header, .gjs-mdl-content { - padding: 10px 15px; - clear: both; } - -.gjs-mdl-header { - position: relative; - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - padding: 15px 15px 7px; } - -.gjs-mdl-content { - border-top: 1px solid rgba(255, 255, 255, 0.1); } - -.gjs-export-dl::after { - content: ""; - clear: both; - display: block; - margin-bottom: 10px; } - -/********* Assets Manager **********/ -.gjs-am-assets { - height: 290px; - overflow: auto; - clear: both; } - -.gjs-am-assets-header { - padding: 5px; } - -.gjs-am-add-asset .gjs-am-add-field { - width: 70%; - float: left; } - -.gjs-am-add-asset button { - width: 25%; - float: right; } - -.gjs-am-add-field input { - padding: 6px; } - -.gjs-am-assets-cont { - background-color: rgba(0, 0, 0, 0.1); - border-radius: 3px; - box-sizing: border-box; - padding: 10px; - width: 45%; - float: right; - height: 325px; - overflow: hidden; } - .gjs-am-assets-cont #gjs-am-preview-cont { - position: relative; - height: 70px; - width: 30%; - background-color: #444; - border-radius: 2px; - float: left; - overflow: hidden; } - .gjs-am-assets-cont #gjs-am-preview { - position: absolute; - background-position: center center; - background-size: cover; - background-repeat: no-repeat; - height: 100%; - width: 100%; - z-index: 1; } - .gjs-am-assets-cont #gjs-am-preview-bg { - position: absolute; - height: 100%; - width: 100%; - opacity: 0.5; - filter: alpha(opacity=50); - z-index: 0; } - .gjs-am-assets-cont .gjs-am-highlight { - background-color: rgba(255, 255, 255, 0.1); } - .gjs-am-assets-cont .gjs-am-asset { - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - padding: 5px; - cursor: pointer; - position: relative; } - .gjs-am-assets-cont .gjs-am-asset:hover #gjs-am-close { - display: block; } - .gjs-am-assets-cont #gjs-am-close { - position: absolute; - right: 5px; - top: 0; - display: none; } - .gjs-am-assets-cont #gjs-am-meta { - width: 70%; - float: left; - font-size: 12px; - padding: 5px 0 0 5px; - box-sizing: border-box; } - .gjs-am-assets-cont #gjs-am-meta > div { - margin-bottom: 5px; } - .gjs-am-assets-cont #gjs-am-meta #gjs-am-dimensions { - font-size: 10px; - opacity: 0.5; - filter: alpha(opacity=50); } - -/********* File uploader **********/ -.gjs-am-file-uploader { - width: 55%; - float: left; } - .gjs-am-file-uploader > form { - background-color: rgba(0, 0, 0, 0.1); - border: 2px dashed; - border-radius: 3px; - position: relative; - text-align: center; - margin-bottom: 15px; } - .gjs-am-file-uploader > form.gjs-am-hover { - border: 2px solid #62c462; - color: #75cb75; - /*#7ee07e*/ } - .gjs-am-file-uploader > form.gjs-am-disabled { - border-color: red; } - .gjs-am-file-uploader > form #gjs-am-uploadFile { - opacity: 0; - filter: alpha(opacity=0); - padding: 150px 10px; - width: 100%; - box-sizing: border-box; } - .gjs-am-file-uploader #gjs-am-title { - position: absolute; - padding: 150px 10px; - width: 100%; } - -/********* Code Manager **********/ -.gjs-cm-editor-c { - float: left; - box-sizing: border-box; - width: 50%; } - .gjs-cm-editor-c .CodeMirror { - height: 450px; } - -.gjs-cm-editor { - font-size: 12px; } - .gjs-cm-editor#gjs-cm-htmlmixed { - padding-right: 10px; - border-right: 1px solid rgba(0, 0, 0, 0.3); } - .gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title { - color: #a97d44; } - .gjs-cm-editor#gjs-cm-css { - padding-left: 10px; - border-left: 1px solid rgba(255, 255, 255, 0.1); } - .gjs-cm-editor#gjs-cm-css #gjs-cm-title { - color: #ddca7e; } - .gjs-cm-editor #gjs-cm-title { - background-color: rgba(0, 0, 0, 0.3); - font-size: 12px; - padding: 5px 10px 3px; - text-align: right; } - -/*************RTE****************/ -#gjs-rte-toolbar { - display: none; - border: 1px solid rgba(0, 0, 0, 0.3); - position: absolute; - border-radius: 3px; - z-index: 10; } - #gjs-rte-toolbar .gjs-rte-btn { - display: inline-block; - padding: 5px; - min-width: 25px; - border-right: 1px solid rgba(0, 0, 0, 0.3); - text-align: center; - cursor: pointer; - outline: none; } - #gjs-rte-toolbar .gjs-rte-btn:last-child { - border-right: none; } - #gjs-rte-toolbar .gjs-rte-btn.btn-info { - background-color: rgba(0, 0, 0, 0.3); } - #gjs-rte-toolbar .gjs-rte-btn:hover { - background-color: rgba(255, 255, 255, 0.1); } - #gjs-rte-toolbar select { - height: 16px; } - -/********* Spectrum **********/ -.sp-hue, .sp-slider { - cursor: row-resize; } - -.sp-color, .sp-dragger { - cursor: crosshair; } - -.sp-alpha-inner, .sp-alpha-handle { - cursor: col-resize; } - -.sp-hue { - left: 90%; } - -.sp-color { - right: 15%; } - -.sp-container { - border: 1px solid rgba(0, 0, 0, 0.3); - box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); - border-radius: 3px; } - -.sp-picker-container { - border: none; } - -.colpick_dark .colpick_color { - outline: 1px solid rgba(0, 0, 0, 0.3); } - -.sp-cancel, .sp-cancel:hover { - bottom: -8px; - color: #777 !important; - font-size: 25px; - left: 0; - position: absolute; - text-decoration: none; } - -.sp-alpha-handle { - background-color: #ccc; - border: 1px solid #555; - width: 4px; } - -.sp-color, .sp-hue { - border: 1px solid #333333; } - -.sp-slider { - background-color: #ccc; - border: 1px solid #555; - height: 3px; - left: -4px; - width: 22px; } - -.sp-dragger { - background: transparent; - box-shadow: 0 0 0 1px #111; } - -.sp-button-container { - float: none; - width: 100%; - position: relative; - text-align: right; } - -.sp-container button, .sp-container button:hover, .sp-container button:active { - background: rgba(0, 0, 0, 0.3); - border-color: rgba(0, 0, 0, 0.3); - color: #ddd; - text-shadow: none; - box-shadow: none; - padding: 3px 5px; } - -.sp-palette-container { - border: none; - float: none; - margin: 0; - padding: 5px 10px 0; } - -.sp-palette .sp-thumb-el, .sp-palette .sp-thumb-el:hover { - border: 1px solid rgba(0, 0, 0, 0.9); } - -.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { - border-color: rgba(0, 0, 0, 0.9); } - -.gjs-hidden { - display: none; } - -@keyframes gjs-slide-down { - 0% { - transform: translate(0, -3rem); - opacity: 0; } - 100% { - transform: translate(0, 0); - opacity: 1; } } - -@keyframes gjs-slide-up { - 0% { - transform: translate(0, 0); - opacity: 1; } - 100% { - transform: translate(0, -3rem); - opacity: 0; } } diff --git a/index.html b/index.html index b0b9c397c..75d5367ad 100755 --- a/index.html +++ b/index.html @@ -7,8 +7,8 @@ - - + +