Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 elements.less /--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------/ .gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); background: -ms-linear-gradient(bottom, @start, @stop); background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%); background: -o-linear-gradient(@stop, @start); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start)); } .bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(@start,@start,@start)), color-stop(1, rgb(@stop,@stop,@stop))); background: -ms-linear-gradient(bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); background: -moz-linear-gradient(center bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); background: -o-linear-gradient(rgb(@stop,@stop,@stop), rgb(@start,@start,@start)); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start))); } .bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) { border-top: solid 1px @top-color; border-left: solid 1px @left-color; border-right: solid 1px @right-color; border-bottom: solid 1px @bottom-color; } .drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); } .rounded(@radius: 2px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { -webkit-border-top-right-radius: @topright; -webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-left-radius: @bottomleft; -webkit-border-top-left-radius: @topleft; -moz-border-radius-topright: @topright; -moz-border-radius-bottomright: @bottomright; -moz-border-radius-bottomleft: @bottomleft; -moz-border-radius-topleft: @topleft; border-top-right-radius: @topright; border-bottom-right-radius: @bottomright; border-bottom-left-radius: @bottomleft; border-top-left-radius: @topleft; .background-clip(padding-box); } .opacity(@opacity: 0.5) { -webkit-opacity: @opacity; -khtml-opacity: @opacity; -moz-opacity: @opacity; opacity: @opacity; @opperc: @opacity * 100; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})"; filter: ~"alpha(opacity=@{opperc})"; } .transition-duration(@duration: 0.2s) { -moz-transition-duration: @duration; -webkit-transition-duration: @duration; -o-transition-duration: @duration; transition-duration: @duration; } .transform(...) { -webkit-transform: @arguments; -moz-transform: @arguments; -o-transform: @arguments; -ms-transform: @arguments; transform: @arguments; } .rotation(@deg:5deg){ .transform(rotate(@deg)); } .scale(@ratio:1.5){ .transform(scale(@ratio)); } .transition(@duration:0.2s, @ease:ease-out) { -webkit-transition: all @duration @ease; -moz-transition: all @duration @ease; -o-transition: all @duration @ease; transition: all @duration @ease; } .inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) { -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); } .box-shadow(@arguments) { -webkit-box-shadow: @arguments; -moz-box-shadow: @arguments; box-shadow: @arguments; } .box-sizing(@sizing: border-box) { -ms-box-sizing: @sizing; -moz-box-sizing: @sizing; -webkit-box-sizing: @sizing; box-sizing: @sizing; } .user-select(@argument: none) { -webkit-user-select: @argument; -moz-user-select: @argument; -ms-user-select: @argument; user-select: @argument; } .columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) { -moz-column-width: @colwidth; -moz-column-count: @colcount; -moz-column-gap: @colgap; -moz-column-rule-color: @columnRuleColor; -moz-column-rule-style: @columnRuleStyle; -moz-column-rule-width: @columnRuleWidth; -webkit-column-width: @colwidth; -webkit-column-count: @colcount; -webkit-column-gap: @colgap; -webkit-column-rule-color: @columnRuleColor; -webkit-column-rule-style: @columnRuleStyle; -webkit-column-rule-width: @columnRuleWidth; column-width: @colwidth; column-count: @colcount; column-gap: @colgap; column-rule-color: @columnRuleColor; column-rule-style: @columnRuleStyle; column-rule-width: @columnRuleWidth; } .translate(@x:0, @y:0) { .transform(translate(@x, @y)); } .background-clip(@argument: padding-box) { -moz-background-clip: @argument; -webkit-background-clip: @argument; background-clip: @argument; }	5.82 KB	2026-02-12 14:54
📄 elements.scss /--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------/ @mixin gradient($color: #F5F5F5, $start: #EEE, $stop: #FFF) { background: $color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop)); background: -ms-linear-gradient(bottom, $start, $stop); background: -moz-linear-gradient(center bottom, $start 0%, $stop 100%); background: -o-linear-gradient($stop, $start); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($stop)}', endColorstr='#{ie-hex-str($start)}', GradientType=0); } @mixin bw-gradient($color: #F5F5F5, $start: 0, $stop: 255) { background: $color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb($start,$start,$start)), color-stop(1, rgb($stop,$stop,$stop))); background: -ms-linear-gradient(bottom, rgb($start,$start,$start) 0%, rgb($stop,$stop,$stop) 100%); background: -moz-linear-gradient(center bottom, rgb($start,$start,$start) 0%, rgb($stop,$stop,$stop) 100%); background: -o-linear-gradient(rgb($stop,$stop,$stop), rgb($start,$start,$start)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(rgb($stop,$stop,$stop))}', endColorstr='#{ie-hex-str(rgb($start,$start,$start))}', GradientType=0); } @mixin bordered($top-color: #EEE, $right-color: #EEE, $bottom-color: #EEE, $left-color: #EEE) { border-top: solid 1px $top-color; border-left: solid 1px $left-color; border-right: solid 1px $right-color; border-bottom: solid 1px $bottom-color; } @mixin drop-shadow($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: 0.1) { -webkit-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); -moz-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); } @mixin rounded($radius: 2px) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; } @mixin border-radius($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) { -webkit-border-top-right-radius: $topright; -webkit-border-bottom-right-radius: $bottomright; -webkit-border-bottom-left-radius: $bottomleft; -webkit-border-top-left-radius: $topleft; -moz-border-radius-topright: $topright; -moz-border-radius-bottomright: $bottomright; -moz-border-radius-bottomleft: $bottomleft; -moz-border-radius-topleft: $topleft; border-top-right-radius: $topright; border-bottom-right-radius: $bottomright; border-bottom-left-radius: $bottomleft; border-top-left-radius: $topleft; @include background-clip(padding-box); } @mixin opacity($opacity: 0.5) { -webkit-opacity: $opacity; -khtml-opacity: $opacity; -moz-opacity: $opacity; opacity: $opacity; $opperc: $opacity * 100; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=#{$opperc}); filter: alpha(opacity=$opperc); } @mixin transition-duration($duration: 0.2s) { -moz-transition-duration: $duration; -webkit-transition-duration: $duration; -o-transition-duration: $duration; transition-duration: $duration; } @mixin transform($arguments...) { -webkit-transform: $arguments; -moz-transform: $arguments; -o-transform: $arguments; -ms-transform: $arguments; transform: $arguments; } @mixin rotation($deg:5deg) { @include transform(rotate($deg)); } @mixin scale($ratio:1.5) { @include transform(scale($ratio)); } @mixin transition($duration:0.2s, $ease:ease-out) { -webkit-transition: all $duration $ease; -moz-transition: all $duration $ease; -o-transition: all $duration $ease; transition: all $duration $ease; } @mixin inner-shadow($horizontal:0, $vertical:1px, $blur:2px, $alpha: 0.4) { -webkit-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha); -moz-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha); box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha); } @mixin box-shadow($arguments) { -webkit-box-shadow: $arguments; -moz-box-shadow: $arguments; box-shadow: $arguments; } @mixin box-sizing($sizing: border-box) { -ms-box-sizing: $sizing; -moz-box-sizing: $sizing; -webkit-box-sizing: $sizing; box-sizing: $sizing; } @mixin user-select($argument: none) { -webkit-user-select: $argument; -moz-user-select: $argument; -ms-user-select: $argument; user-select: $argument; } @mixin columns($colwidth: 250px, $colcount: 0, $colgap: 50px, $columnRuleColor: #EEE, $columnRuleStyle: solid, $columnRuleWidth: 1px) { -moz-column-width: $colwidth; -moz-column-count: $colcount; -moz-column-gap: $colgap; -moz-column-rule-color: $columnRuleColor; -moz-column-rule-style: $columnRuleStyle; -moz-column-rule-width: $columnRuleWidth; -webkit-column-width: $colwidth; -webkit-column-count: $colcount; -webkit-column-gap: $colgap; -webkit-column-rule-color: $columnRuleColor; -webkit-column-rule-style: $columnRuleStyle; -webkit-column-rule-width: $columnRuleWidth; column-width: $colwidth; column-count: $colcount; column-gap: $colgap; column-rule-color: $columnRuleColor; column-rule-style: $columnRuleStyle; column-rule-width: $columnRuleWidth; } @mixin translate($x:0, $y:0) { @include transform(translate($x, $y)); } @mixin background-clip($argument: padding-box) { -moz-background-clip: $argument; -webkit-background-clip: $argument; background-clip: $argument; }	6 KB	2026-02-12 14:54
📄 summernote-lite.less .note-editor { border: 1px solid @border-color; position: relative; overflow: hidden; /* codeview mode / &.codeview { .note-editing-area { .note-editable { display: none; } .note-codable { display: block; } } } .note-editing-area { position: relative; overflow: hidden; / editable / .note-editable { margin: 10px; background-color: #fff; color: #000; padding: 10px; overflow: auto; outline: none; &[contenteditable="false"] { background-color: #e5e5e5; } } / codeable / .note-codable { display: none; width: 100%; padding: 10px; border: none; box-shadow: none; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; resize: none; / override BS2 default style */ .box-sizing(border-box); .rounded(0); margin-bottom: 0; } } }	1023 B	2026-02-12 14:54
📄 summernote.less @import "elements.less"; @import "../icons/dist/summernote.less"; /* Theme Variables ------------------------------------------/ @border-color: #a9a9a9; @background-color: #f5f5f5; / Layout ------------------------------------------/ .note-editor { position: relative; / dropzone / @dropzone-color: lightskyblue; @dropzone-active-color: darken(@dropzone-color, 30); .note-dropzone { position: absolute; display: none; z-index: 100; color: @dropzone-color; background-color: white; opacity: 0.95; pointer-event: none; .note-dropzone-message { display: table-cell; vertical-align: middle; text-align: center; font-size: 28px; font-weight: bold; } &.hover { color: @dropzone-active-color; } } &.dragover .note-dropzone { display: table; } .note-editing-area { position: relative; .note-editable { outline: none; sup { vertical-align: super; } sub { vertical-align: sub; } } } } / Frame mode layout ------------------------------------------/ .note-editor.note-frame { border: 1px solid @border-color; / codeview mode / &.codeview { .note-editing-area { .note-editable { display: none; } .note-codable { display: block; } } } .note-editing-area { overflow: hidden; / editable / .note-editable { background-color: #fff; color: #000; padding: 10px; overflow: auto; &[contenteditable="false"] { background-color: #e5e5e5; } } / codeable / .note-codable { display: none; width: 100%; padding: 10px; border: none; box-shadow: none; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; resize: none; / override BS2 default style / .box-sizing(border-box); .rounded(0); margin-bottom: 0; } } / fullscreen mode / &.fullscreen { position: fixed; top: 0; left: 0; width: 100%; z-index: 1050; / bs3 modal-backdrop: 1030, bs2: 1040 / .note-editable { background-color: white; } .note-resizebar { display: none; } } / statusbar / .note-statusbar { background-color: @background-color; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; .note-resizebar { padding-top: 1px; height: 8px; width: 100%; cursor: ns-resize; .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid @border-color; } } } .note-placeholder { padding: 10px; } } / Popover ------------------------------------------/ .note-popover.popover { max-width: none; .popover-content { a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; / for FF / vertical-align: middle; / for FF / } } .arrow { left: 20px !important; } } / Popover and Toolbar (Button container) ------------------------------------------/ .note-popover .popover-content, .panel-heading.note-toolbar { margin: 0; padding: 0 0 5px 5px; &>.btn-group { margin-top: 5px; margin-left: 0; margin-right: 5px; } .btn-group { .note-table { min-width: 0; padding: 5px; .note-dimension-picker { font-size: 18px; .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } } } } .note-style { h1, h2, h3, h4, h5, h6, blockquote { margin: 0; } } .note-color { .dropdown-toggle { width: 20px; padding-left: 5px; } .dropdown-menu { min-width: 340px; .btn-group { margin: 0; &:first-child { margin: 0 5px; } .note-palette-title { font-size: 12px; margin: 2px 7px; text-align: center; border-bottom: 1px solid #eee; } .note-color-reset { margin: 3px; padding: 0 3px; width: 100%; font-size: 11px; cursor: pointer; .rounded(5px); } .note-color-row { height: 20px; } .note-color-reset:hover { background: #eee; } } } } .note-para { .dropdown-menu { min-width: 216px; padding: 5px; &>div:first-child { margin-right: 5px; } } } / dropdown-menu for toolbar and popover / .dropdown-menu { min-width: 90px; / dropdown-menu right position / / http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB / &.right { right: 0; left: auto; &::before { right: 9px; left: auto !important; } &::after { right: 10px; left: auto !important; } } / dropdown-menu for selectbox / &.note-check { li a i { color: deepskyblue; visibility: hidden; } li a.checked i { visibility: visible; } } } .note-fontsize-10 { font-size: 10px; } / color palette for toolbar and popover / .note-color-palette { line-height: 1; div { .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-color-btn:hover { border: 1px solid #000; } } } } / Dialog ------------------------------------------/ .note-dialog { &>div { display: none; / BS2's hide pacth. / } .form-group { / overwrite BS's form-horizontal minus margins / margin-left: 0; margin-right: 0; } .note-modal-form { margin: 0; / overwrite BS2's form margin bottom / } .note-image-dialog { .note-dropzone { min-height: 100px; font-size: 30px; line-height: 4; / vertical-align / color: lightgray; text-align: center; border: 4px dashed lightgray; margin-bottom: 10px; } } // [workaround] firefox fileinput @-moz-document url-prefix() { .note-image-input { height: auto; } } } / Placeholder ------------------------------------------/ .note-placeholder { position: absolute; display: none; color: gray; } / Handle ------------------------------------------/ .note-handle { / control selection */ .note-control-selection { position: absolute; display: none; border: 1px solid black; &>div { position: absolute; } .note-control-selection-bg { width: 100%; height: 100%; background-color: black; .opacity(0.30) } .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-control-holder { .note-control-handle; } .note-control-sizing { .note-control-handle; background-color: white; } .note-control-nw { top: -5px; left: -5px; border-right: none; border-bottom: none; } .note-control-ne { top: -5px; right: -5px; border-bottom: none; border-left: none; } .note-control-sw { bottom: -5px; left: -5px; border-top: none; border-right: none; } .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-control-se.note-control-holder { cursor: default; border-top: none; border-left: none; } .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; color: white; background-color: black; font-size: 12px; .rounded(5px); .opacity(0.7); } } } .note-hint-popover { min-width: 100px; padding: 2px; .popover-content { padding: 3px; max-height: 150px; overflow: auto; .note-hint-group { .note-hint-item { display: block !important; padding: 3px; &.active, &:hover { display: block; clear: both; font-weight: 400; line-height: 1.4; color: white; white-space: nowrap; text-decoration: none; background-color: #428bca; outline: 0; cursor: pointer; } } } } }	9.22 KB	2026-02-12 14:54
📄 summernote.scss @import "elements.scss"; /* Theme Variables ------------------------------------------/ $border-color: #a9a9a9; $background-color: #f5f5f5; / Layout ------------------------------------------/ .note-editor { position: relative; / dropzone / $dropzone-color: lightskyblue; $dropzone-active-color: darken($dropzone-color, 30); .note-dropzone { position: absolute; display: none; z-index: 100; color: $dropzone-color; background-color: white; opacity: 0.95; pointer-event: none; .note-dropzone-message { display: table-cell; vertical-align: middle; text-align: center; font-size: 28px; font-weight: bold; } &.hover { color: $dropzone-active-color; } } &.dragover .note-dropzone { display: table; } .note-editing-area { position: relative; .note-editable { outline: none; sup { vertical-align: super; } sub { vertical-align: sub; } } } } / Frame mode layout ------------------------------------------/ .note-editor.note-frame { border: 1px solid $border-color; / codeview mode / &.codeview { .note-editing-area { .note-editable { display: none; } .note-codable { display: block; } } } .note-editing-area { overflow: hidden; / editable / .note-editable { background-color: #fff; color: #000; padding: 10px; overflow: auto; &[contenteditable="false"] { background-color: #e5e5e5; } } / codeable / .note-codable { display: none; width: 100%; padding: 10px; border: none; box-shadow: none; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; resize: none; / override BS2 default style / @include box-sizing(border-box); @include rounded(0); margin-bottom: 0; } } / fullscreen mode / &.fullscreen { position: fixed; top: 0; left: 0; width: 100%; z-index: 1050; / bs3 modal-backdrop: 1030, bs2: 1040 / .note-editable { background-color: white; } .note-resizebar { display: none; } } / statusbar / .note-statusbar { background-color: $background-color; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; .note-resizebar { padding-top: 1px; height: 8px; width: 100%; cursor: ns-resize; .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid $border-color; } } } .note-placeholder { padding: 10px; } } / Popover ------------------------------------------/ .note-popover.popover { max-width: none; .popover-content { a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; / for FF / vertical-align: middle; / for FF / } } .arrow { left: 20px !important; } } / Popover and Toolbar (Button container) ------------------------------------------/ .note-popover .popover-content, .panel-heading.note-toolbar { margin: 0; padding: 0 0 5px 5px; &>.btn-group { margin-top: 5px; margin-left: 0; margin-right: 5px; } .btn-group { .note-table { min-width: 0; padding: 5px; .note-dimension-picker { font-size: 18px; .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } } } } .note-style { h1, h2, h3, h4, h5, h6, blockquote { margin: 0; } } .note-color { .dropdown-toggle { width: 20px; padding-left: 5px; } .dropdown-menu { min-width: 340px; .btn-group { margin: 0; &:first-child { margin: 0 5px; } .note-palette-title { font-size: 12px; margin: 2px 7px; text-align: center; border-bottom: 1px solid #eee; } .note-color-reset { font-size: 11px; margin: 3px; padding: 0 3px; cursor: pointer; @include rounded(5px); } .note-color-row { height: 20px; } .note-color-reset:hover { background: #eee; } } } } .note-para { .dropdown-menu { min-width: 216px; padding: 5px; &>div:first-child { margin-right: 5px; } } } / dropdown-menu for toolbar and popover / .dropdown-menu { min-width: 90px; / dropdown-menu right position / / http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB / &.right { right: 0; left: auto; &::before { right: 9px; left: auto !important; } &::after { right: 10px; left: auto !important; } } / dropdown-menu for selectbox / &.note-check { li a i { color: deepskyblue; visibility: hidden; } li a.checked i { visibility: visible; } } } .note-fontsize-10 { font-size: 10px; } / color palette for toolbar and popover / .note-color-palette { line-height: 1; div { .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-color-btn:hover { border: 1px solid #000; } } } } / Dialog ------------------------------------------/ .note-dialog { &>div { display: none; / BS2's hide pacth. / } .form-group { / overwrite BS's form-horizontal minus margins / margin-left: 0; margin-right: 0; } .note-modal-form { margin: 0; / overwrite BS2's form margin bottom / } .note-image-dialog { .note-dropzone { min-height: 100px; font-size: 30px; line-height: 4; / vertical-align / color: lightgray; text-align: center; border: 4px dashed lightgray; margin-bottom: 10px; } } } / Placeholder ------------------------------------------/ .note-placeholder { position: absolute; display: none; color: gray; } / Handle ------------------------------------------/ .note-handle { / control selection */ .note-control-selection { position: absolute; display: none; border: 1px solid black; &>div { position: absolute; } .note-control-selection-bg { width: 100%; height: 100%; background-color: black; @include opacity(0.3); } .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-control-holder { @extend .note-control-handle; } .note-control-sizing { @extend .note-control-handle; background-color: white; } .note-control-nw { top: -5px; left: -5px; border-right: none; border-bottom: none; } .note-control-ne { top: -5px; right: -5px; border-bottom: none; border-left: none; } .note-control-sw { bottom: -5px; left: -5px; border-top: none; border-right: none; } .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-control-se.note-control-holder { cursor: default; border-top: none; border-left: none; } .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; color: white; background-color: black; font-size: 12px; @include rounded(5px); @include opacity(0.7); } } } .note-hint-popover { min-width: 100px; padding: 2px; .popover-content { padding: 3px; max-height: 150px; overflow: auto; .note-hint-group { .note-hint-item { display: block !important; padding: 3px; &.active, &:hover { display: block; clear: both; font-weight: 400; line-height: 1.4; color: white; white-space: nowrap; text-decoration: none; background-color: #428bca; outline: 0; cursor: pointer; } } } } }	9.1 KB	2026-02-12 14:54

Terminal