{"version":3,"names":[],"mappings":"","sources":["keditor.css"],"sourcesContent":["/* ==================================================================================\n   Body\n   ================================================================================== */\nbody {\n  margin: 0;\n  overflow-y: scroll;\n}\n/* ==================================================================================\n   Keditor UI\n   ================================================================================== */\n.keditor-ui {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: none;\n}\n.keditor-ui,\n.keditor-ui:before,\n.keditor-ui:after {\n  box-sizing: border-box;\n}\n.keditor-ui small,\n.keditor-ui .small {\n  font-size: 88%;\n}\n/* ==================================================================================\n   opened-keditor-sidebar\n   ================================================================================== */\nbody.opened-keditor-sidebar .keditor-content-area {\n  margin-right: 260px;\n}\nbody.opened-keditor-sidebar #keditor-sidebar {\n  right: 0;\n}\n/* ==================================================================================\n   highlighted-container-content\n   ================================================================================== */\nbody.highlighted-container-content .keditor-container {\n  margin: 30px 0 !important;\n}\nbody.highlighted-container-content .keditor-container:before {\n  display: none !important;\n}\n.keditor-highlighted-dropzone.keditor-container-content:before {\n  border-color: #2eb2e4;\n  border-width: 2px;\n  z-index: 99;\n}\n/* ==================================================================================\n   Frame\n   ================================================================================== */\n.keditor-frame {\n  width: 100%;\n  height: 500px;\n  border: 1px solid #ddd;\n}\n/* ==================================================================================\n   Content area\n   ================================================================================== */\n.keditor-content-area {\n  min-height: 100px;\n  width: auto;\n  margin: 0;\n  padding: 80px 50px 30px;\n}\n/* ==================================================================================\n   Sidebar\n   ================================================================================== */\n#keditor-sidebar {\n  position: fixed;\n  z-index: 1031;\n  top: 0;\n  right: -255px;\n  bottom: 0;\n  background: #f0f0f0;\n  opacity: .9;\n  border-left: 1px solid #ddd;\n  width: 255px;\n  box-shadow: -1px 0 5px rgba(0, 0, 0, 0.15);\n  padding: 10px;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n  font: 14px/1.42857143 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  color: #333;\n}\n#keditor-sidebar:hover {\n  opacity: 1;\n}\n#keditor-sidebar-toggler {\n  position: absolute;\n  top: 100px;\n  width: 25px;\n  height: 30px;\n  left: -25px;\n  background: #f0f0f0;\n  text-align: center;\n  line-height: 30px;\n  border: 1px solid #ddd;\n  border-right: 0;\n  cursor: pointer;\n  border-radius: 3px 0 0 3px;\n  color: #666;\n}\n#keditor-sidebar-toggler > i.fa {\n  line-height: inherit;\n}\n/* ==================================================================================\n   KEditor Tab\n   ================================================================================== */\n.keditor-tabs {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  width: 100%;\n}\n.keditor-tabs .keditor-tab {\n  display: table-cell;\n  width: 1%;\n  position: relative;\n}\n.keditor-tabs .keditor-tab a {\n  display: block;\n  border-radius: 3px 3px 0 0;\n  height: 42px;\n  padding: 10px 5px;\n  text-align: center;\n  border: 1px solid transparent;\n  border-bottom-color: #ddd;\n  color: #aaa;\n}\n.keditor-tabs .keditor-tab.active a {\n  font-weight: bold;\n  border-color: #ddd;\n  border-bottom-color: #fff;\n  background: #fff;\n  color: #333;\n}\n/* ==================================================================================\n   KEditor Tab Contents\n   ================================================================================== */\n.keditor-tabs-content .keditor-tab-content {\n  display: none;\n}\n.keditor-tabs-content .keditor-tab-content.active {\n  display: block;\n}\n/* ==================================================================================\n   Snippets\n   ================================================================================== */\n#keditor-snippets-list {\n  height: 100%;\n}\n#keditor-snippets-list .keditor-snippet:hover {\n  opacity: .6;\n  border-color: #ccc;\n}\n#keditor-snippets-list .keditor-snippet.not-matched {\n  display: none;\n}\n#keditor-snippets-container {\n  height: calc(100% - 42px);\n  background: #fff;\n  padding: 10px 5px;\n  border: solid #ddd;\n  border-width: 0 1px 1px;\n}\n#keditor-snippets-container > .keditor-tab-content {\n  height: 100%;\n}\n#keditor-snippets-container > .keditor-tab-content > .keditor-tab-content-inner {\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n#keditor-snippets-container > .keditor-tab-content > .keditor-tab-content-inner:before,\n#keditor-snippets-container > .keditor-tab-content > .keditor-tab-content-inner:after {\n  content: \" \";\n  display: table;\n}\n#keditor-snippets-container > .keditor-tab-content > .keditor-tab-content-inner:after {\n  clear: both;\n}\n#keditor-snippets-container > .keditor-tab-content > .keditor-snippets-filter-wrapper {\n  margin: 0 5px;\n}\n#keditor-snippets-container > .keditor-tab-content > .keditor-snippets-filter-wrapper .keditor-snippets-filter,\n#keditor-snippets-container > .keditor-tab-content > .keditor-snippets-filter-wrapper .keditor-snippets-search {\n  border: 1px solid #ddd;\n  height: 34px;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 1.42857143;\n  width: 100%;\n  display: block;\n  margin-bottom: 10px;\n}\n#keditor-snippets-container > .keditor-tab-content > .keditor-snippets-filter-wrapper + .keditor-tab-content-inner {\n  height: calc(100% - 88px);\n}\n.keditor-snippet {\n  padding: 15px;\n  border: 1px solid #f0f0f0;\n  cursor: move;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n  float: left;\n  background: #fff;\n  margin: 0 5px 10px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.keditor-snippet img {\n  display: block;\n}\n.keditor-snippet:last-child {\n  margin-bottom: 0;\n}\n/* ==================================================================================\n   Settings panel\n   ================================================================================== */\n#keditor-setting-panel {\n  background: #fff;\n  position: absolute;\n  z-index: 1001;\n  top: 10px;\n  width: calc(100% - 20px);\n  right: -100%;\n  bottom: 10px;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n}\n.opened-keditor-setting #keditor-setting-panel {\n  right: 10px;\n}\n#keditor-setting-header {\n  height: 42px;\n  border-bottom: 1px solid #ddd;\n  padding: 10px 30px 10px 15px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n#keditor-setting-header:before,\n#keditor-setting-header:after {\n  content: \" \";\n  display: table;\n}\n#keditor-setting-header:after {\n  clear: both;\n}\n#keditor-setting-title {\n  color: #666;\n  font-weight: bold;\n}\n#keditor-setting-closer {\n  text-decoration: none;\n  color: #999999;\n  position: absolute;\n  top: 10px;\n  bottom: 10px;\n  right: 10px;\n  width: 21px;\n  text-align: center;\n  line-height: 21px;\n}\n#keditor-setting-closer:hover {\n  color: #666;\n}\n#keditor-setting-body {\n  position: absolute;\n  top: 42px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 10px;\n}\n#keditor-setting-forms {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n#keditor-setting-forms .keditor-setting-form {\n  overflow: hidden;\n  display: none;\n  min-height: 100%;\n}\n#keditor-setting-forms .keditor-setting-form.active {\n  display: block;\n}\n/* ==================================================================================\n   Toolbar\n   ================================================================================== */\n.keditor-toolbar {\n  position: absolute;\n  display: none;\n  z-index: 5;\n  font: 14px/1.42857143 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n.keditor-toolbar > a {\n  padding: 1px 3px;\n  font-size: 12px;\n  width: 20px;\n  height: 20px;\n  display: block;\n  text-align: center;\n  line-height: 20px;\n}\n.keditor-toolbar > a .fa {\n  line-height: inherit;\n}\n.keditor-toolbar .btn-container-reposition,\n.keditor-toolbar .btn-component-reposition {\n  cursor: move;\n}\n/* ==================================================================================\n   Container\n   ================================================================================== */\n.keditor-container {\n  position: relative;\n}\n.keditor-container:before {\n  position: absolute;\n  top: -3px;\n  right: -3px;\n  left: -3px;\n  bottom: -3px;\n  border: 3px dashed transparent;\n  content: \" \";\n  display: block;\n}\n.keditor-container > .keditor-toolbar {\n  top: -3px;\n  left: -39px;\n  border: 1px solid #333;\n  border-radius: 3px;\n  overflow: hidden;\n}\n.keditor-container > .keditor-toolbar > a {\n  background: #333;\n  color: #fff;\n}\n.keditor-container > .keditor-toolbar > a:hover {\n  background: #2eb2e4;\n}\n.keditor-container:hover:before {\n  border-color: #b5e4f6;\n}\n.keditor-container.showed-keditor-toolbar:before {\n  border-color: #2eb2e4;\n}\n.keditor-container.showed-keditor-toolbar > .keditor-toolbar {\n  display: block;\n}\n.keditor-container-content {\n  min-height: 50px !important;\n  position: relative;\n}\n.keditor-container-content:before {\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  right: -1px;\n  bottom: -1px;\n  content: \" \";\n  display: block;\n  border: 1px dashed #e0e0e0;\n}\n/* ==================================================================================\n   Component\n   ================================================================================== */\n.keditor-component {\n  position: relative;\n}\n.keditor-component:before {\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  left: -2px;\n  bottom: -2px;\n  content: \" \";\n  border: 2px solid rgba(0, 0, 0, 0.5);\n  display: none;\n  z-index: 1;\n}\n.keditor-component .keditor-toolbar {\n  top: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  padding: 0 2px 2px;\n  text-align: left;\n}\n.keditor-component .keditor-toolbar > a {\n  border: 0;\n  background: none;\n  color: #fff;\n  text-align: center;\n  border-radius: 0;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n  display: inline-block;\n}\n.keditor-component .keditor-toolbar > a:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.keditor-component .keditor-component-content {\n  position: relative;\n  z-index: 2;\n}\n.keditor-component:hover:before,\n.keditor-component.showed-keditor-toolbar:before {\n  display: block;\n}\n.keditor-component.showed-keditor-toolbar .keditor-component-content {\n  outline: none !important;\n}\n.keditor-component:hover {\n  z-index: 2;\n}\n.keditor-component:hover .keditor-toolbar {\n  display: block;\n}\n/* ==================================================================================\n   Iframe cover stuffs\n   ================================================================================== */\n.keditor-iframe-wrapper {\n  position: relative;\n}\n.keditor-iframe-wrapper iframe,\n.keditor-iframe-wrapper .keditor-iframe-cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.keditor-iframe-wrapper iframe {\n  z-index: -1;\n}\n.keditor-iframe-wrapper .keditor-iframe-cover {\n  z-index: 1;\n  background: rgba(0, 0, 0, 0.15);\n}\n.keditor-iframe-wrapper .keditor-iframe-cover:before {\n  display: block;\n  content: \"Double-click to reveal content\";\n  color: #fff;\n  font-size: 24px;\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  padding: 5px;\n  left: 0;\n  top: 50%;\n  transform: translate(0, -50%);\n  text-shadow: 0 0 3px #000;\n}\n.keditor-iframe-wrapper.hidden-cover iframe {\n  z-index: 0;\n}\n.keditor-iframe-wrapper.hidden-cover .keditor-iframe-cover {\n  display: none;\n}\n/* ==================================================================================\n   Hidden element\n   ================================================================================== */\n.keditor-hidden-element {\n  display: none !important;\n}\n/* ==================================================================================\n   Drag n Drop helper\n   ================================================================================== */\n.keditor-ui-dragging {\n  display: block !important;\n  opacity: 0.5 !important;\n}\n.keditor-ui-dragging .keditor-toolbar {\n  display: none !important;\n}\n.ui-draggable-dragging.keditor-snippet {\n  -webkit-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n.ui-sortable-placeholder.keditor-snippet,\n.ui-sortable-placeholder.keditor-container,\n.ui-sortable-placeholder.keditor-component {\n  background: #eee !important;\n  visibility: visible !important;\n  height: 20px !important;\n  margin: 5px 0 !important;\n  float: none !important;\n  outline: none !important;\n  padding: 0 !important;\n  opacity: 1 !important;\n}\n.ui-sortable-placeholder.keditor-snippet:before,\n.ui-sortable-placeholder.keditor-container:before,\n.ui-sortable-placeholder.keditor-component:before,\n.ui-sortable-placeholder.keditor-snippet:after,\n.ui-sortable-placeholder.keditor-container:after,\n.ui-sortable-placeholder.keditor-component:after {\n  display: none !important;\n}\n.ui-sortable-helper.keditor-section {\n  background: #fff !important;\n}\n.ui-sortable-helper.keditor-container .keditor-toolbar.keditor-toolbar-container {\n  display: block !important;\n}\n.ui-sortable-helper.keditor-component:before,\n.ui-sortable-helper.keditor-component .keditor-toolbar {\n  display: block !important;\n}\n"],"file":"keditor.min.css"}