trestle-tinymce 0.1.0

data/src/trestle/less/Panel.less

@@ -0,0 +1,7 @@
+// Panel
+
+.@{prefix}-panel {
+  border: 0 solid mix(rgb(red(@panel-border), green(@panel-border), blue(@panel-border)), @panel-bg, 20%); 
+  border: 0 solid @panel-border;
+  .vertical-gradient(@panel-bg, @panel-bg-hlight);
+}

data/src/trestle/less/Path.less

@@ -0,0 +1,45 @@
+// Path
+
+.@{prefix}-path {
+  .inline-block();
+  padding: 8px;
+  white-space: normal;
+}
+
+.@{prefix}-path .@{prefix}-txt {
+  display: inline-block;
+  padding-right: 3px;
+}
+
+.@{prefix}-path .@{prefix}-path-body {
+  display: inline-block;
+}
+
+.@{prefix}-path-item {
+  .inline-block();
+  cursor: pointer;
+  color: @path-text;
+}
+
+.@{prefix}-path-item:hover {
+  text-decoration: underline;
+}
+
+.@{prefix}-path-item:focus {
+  background: @path-bg-focus;
+  color: @path-text-focus;
+}
+
+.@{prefix}-path .@{prefix}-divider {
+  display: inline;
+}
+
+.@{prefix}-disabled .@{prefix}-path-item {
+  color: @text-disabled;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-path {
+  direction: rtl;
+}

data/src/trestle/less/Progress.less

@@ -0,0 +1,34 @@
+// Progress
+
+.@{prefix}-progress {
+  display: inline-block;
+  position: relative;
+  height: 20px;
+}
+
+.@{prefix}-progress .@{prefix}-bar-container {
+  display: inline-block;
+  width: 100px;
+  height: 100%;
+  margin-right: 8px;
+  border: 1px solid @progress-border;
+  overflow: hidden;
+  .border-radius(4px);
+}
+
+.@{prefix}-progress .@{prefix}-text {
+  display: inline-block;
+  margin-top: auto;
+  margin-bottom: auto;
+  font-size: 14px;
+  width: 40px;
+  color: @progress-text;
+}
+
+.@{prefix}-bar {
+  display: block;
+  width: 0%;
+  height: 100%;
+  .vertical-gradient(@progress-bar-bg, @progress-bar-bg-hlight);
+  .transition(width .2s ease);
+}

data/src/trestle/less/Radio.less

@@ -0,0 +1 @@
+// Radio - not implemented yet

data/src/trestle/less/Reset.less

@@ -0,0 +1,32 @@
+// Reset
+
+.@{prefix}-container, .@{prefix}-container *, .@{prefix}-widget, .@{prefix}-widget *, .@{prefix}-reset {
+  margin: 0; padding: 0; border: 0; outline: 0;
+  vertical-align: top; background: transparent;
+  text-decoration: none; color: @text;
+  font-family: @font-family;
+  font-size: @font-size; text-shadow: none; float: none;
+  position: static; width: auto; height: auto;
+  white-space: nowrap; cursor: inherit;
+  -webkit-tap-highlight-color: transparent;
+  line-height: normal; font-weight: normal;
+  text-align: left;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+  direction: ltr;
+  max-width: none;
+}
+
+.@{prefix}-widget button {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.@{prefix}-container *[unselectable] {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}

data/src/trestle/less/ResizeHandle.less

@@ -0,0 +1,18 @@
+.@{prefix}-container-body .@{prefix}-resizehandle {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 16px;
+  height: 16px;
+  visibility: visible;
+  cursor: s-resize;
+  margin: 0;
+}
+
+.@{prefix}-container-body .@{prefix}-resizehandle-both {
+  cursor: se-resize;
+}
+
+i.@{prefix}-i-resize {
+  color: @text;
+}

data/src/trestle/less/Scrollable.less

@@ -0,0 +1,44 @@
+// Scrollbar
+
+.@{prefix}-scrollbar {
+  position: absolute;
+  width: 7px;
+  height: 100%;
+  top: 2px;
+  right: 2px;
+  .opacity(0.4);
+}
+
+.@{prefix}-scrollbar-h {
+  top: auto;
+  right: auto;
+  left: 2px;
+  bottom: 2px;
+  width: 100%;
+  height: 7px;
+}
+
+.@{prefix}-scrollbar-thumb {
+  position: absolute;
+  background-color: #000;
+  border: 1px solid #888;
+  border-color: rgba(85, 85, 85, .6);
+  width: 5px;
+  height: 100%;
+  .border-radius(7px);
+}
+
+.@{prefix}-scrollbar-h .@{prefix}-scrollbar-thumb {
+  width: 100%;
+  height: 5px;
+}
+
+.@{prefix}-scrollbar:hover, .@{prefix}-scrollbar.@{prefix}-active {
+  background-color: #AAA;
+  .opacity(0.6);
+  .border-radius(7px);
+}
+
+.@{prefix}-scroll {
+  position: relative;
+}

data/src/trestle/less/SelectBox.less

@@ -0,0 +1,6 @@
+// SelectBox
+
+.@{prefix}-selectbox {
+  background: @selectbox-bg;
+  border: 1px solid @selectbox-border;
+}

data/src/trestle/less/Sidebar.less

@@ -0,0 +1,49 @@
+// Sidebar
+
+.@{prefix}-edit-aria-container > .@{prefix}-container-body {
+  display: flex;
+
+  .@{prefix}-edit-area {
+    flex: 1;
+  }
+
+  .@{prefix}-sidebar > .@{prefix}-container-body {
+    display: flex;
+    align-items: stretch;
+    height: 100%;
+  }
+
+  .@{prefix}-sidebar-panel {
+    min-width: 250px;
+    max-width: 250px;
+    position: relative;
+
+    > .@{prefix}-container-body {
+      position: absolute;
+      width: 100%; height: 100%;
+      overflow: auto;
+      top: 0; left: 0;
+    }
+  }
+}
+
+.@{prefix}-sidebar-toolbar {
+  border: 0 solid @panel-border;
+  border-left-width: 1px;
+
+  .@{prefix}-btn.@{prefix}-active, .@{prefix}-btn.@{prefix}-active:hover {
+    border: 1px solid transparent;
+    border-color: @btn-primary-border;
+    .vertical-gradient(@btn-primary-bg, @btn-primary-bg-hlight);
+
+    button, button i {
+      color: @btn-primary-text;
+      text-shadow: 1px 1px @btn-primary-text-shadow;
+    }
+  }
+}
+
+.@{prefix}-sidebar-panel {
+  border: 0 solid @panel-border;
+  border-left-width: 1px;
+}

data/src/trestle/less/Skin.less

@@ -0,0 +1,48 @@
+@import "Variables.less";
+@import "Reset.less";
+@import "Mixins.less";
+@import "Animations.less";
+@import "TinyMCE.less";
+@import "CropRect.less";
+@import "ImagePanel.less";
+@import "Arrows.less";
+@import "Sidebar.less";
+@import "Container.less";
+@import "Scrollable.less";
+@import "Panel.less";
+@import "FloatPanel.less";
+@import "Window.less";
+@import "ToolTip.less";
+@import "Progress.less";
+@import "Notification.less";
+@import "AbsoluteLayout.less";
+@import "Button.less";
+@import "ButtonGroup.less";
+@import "Checkbox.less";
+@import "ComboBox.less";
+@import "ColorBox.less";
+@import "ColorButton.less";
+@import "ColorPicker.less";
+@import "Path.less";
+@import "FieldSet.less";
+@import "FitLayout.less";
+@import "FlowLayout.less";
+@import "Iframe.less";
+@import "InfoBox.less";
+@import "Label.less";
+@import "MenuBar.less";
+@import "MenuButton.less";
+@import "MenuItem.less";
+@import "Throbber.less";
+@import "Menu.less";
+@import "ListBox.less";
+@import "Radio.less";
+@import "ResizeHandle.less";
+@import "SelectBox.less";
+@import "Slider.less";
+@import "Spacer.less";
+@import "SplitButton.less";
+@import "StackLayout.less";
+@import "TabPanel.less";
+@import "TextBox.less";
+@import "Icons.less";

data/src/trestle/less/Slider.less

@@ -0,0 +1,33 @@
+// Slider
+
+.@{prefix}-slider {
+  .border-radius(3px);
+  border: 1px solid @slider-border;
+  background: @slider-bg;
+  width: 100px;
+  height: 10px;
+  position: relative;
+  display: block;
+}
+
+.@{prefix}-slider.@{prefix}-vertical {
+  width: 10px;
+  height: 100px;
+}
+
+.@{prefix}-slider-handle {
+  .border-radius(3px);
+  border: 1px solid @slider-handle-border;
+  background: @slider-handle-bg;
+  display: block;
+  width: 13px;
+  height: 13px;
+  position: absolute;
+  top: 0; left: 0;
+  margin-left: -1px;
+  margin-top: -2px;
+}
+
+.@{prefix}-slider-handle:focus {
+  background: @slider-handle-bg-focus;
+}

data/src/trestle/less/Spacer.less

@@ -0,0 +1,5 @@
+// Spacer
+
+.@{prefix}-spacer {
+  visibility: hidden;
+}

data/src/trestle/less/SplitButton.less

@@ -0,0 +1,49 @@
+// SplitButton
+
+.@{prefix}-splitbtn .@{prefix}-open {
+  border-left: 1px solid transparent;
+}
+
+.@{prefix}-splitbtn:hover .@{prefix}-open {
+  border-left-color: darken(@btn-bg, 20%);
+}
+
+.@{prefix}-splitbtn button when (@has-button-borders = false) {
+  padding-right: 6px;
+  padding-left: 6px;
+}
+
+.@{prefix}-splitbtn button when (@has-button-borders = true) {
+  padding-right: 4px;
+  padding-left: 8px;
+}
+
+.@{prefix}-splitbtn .@{prefix}-open {
+  padding-right: 4px;
+  padding-left: 4px;
+}
+
+.@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active {
+  .vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 5%));
+  outline: 1px solid darken(@btn-bg, 20%);
+}
+
+.@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open {
+  padding: 0 3px 0 3px;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-splitbtn {
+  direction: rtl;
+  text-align: right;
+}
+
+.@{prefix}-rtl .@{prefix}-splitbtn button {
+  padding-right: 4px;
+  padding-left: 4px;
+}
+
+.@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open {
+  border-left: 0;
+}

data/src/trestle/less/StackLayout.less

@@ -0,0 +1,5 @@
+// StackLayout 
+
+.@{prefix}-stack-layout-item {
+  display: block;
+}

data/src/trestle/less/TabPanel.less

@@ -0,0 +1,44 @@
+// TabPanel
+
+.@{prefix}-tabs {
+  display: block;
+  border-bottom: 1px solid @tab-border;
+}
+
+.@{prefix}-tabs,
+.@{prefix}-tabs + .@{prefix}-container-body {
+  background: @tabs-bg;
+}
+
+.@{prefix}-tab {
+  .inline-block();
+  border: 1px solid @tab-border;
+  border-width: 0 1px 0 0;
+  background: @tab-bg;
+  padding: 8px;
+  text-shadow: @text-shadow;
+  height: 13px;
+  cursor: pointer;
+}
+
+.@{prefix}-tab:hover {
+  background: @tab-bg-hover;
+}
+
+.@{prefix}-tab.@{prefix}-active {
+  background: @tab-bg-active;
+  border-bottom-color: transparent;
+  margin-bottom: -1px;
+  height: 14px;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-tabs {
+  text-align: right;
+  direction: rtl;
+}
+
+.@{prefix}-rtl .@{prefix}-tab {
+  border-width: 0 0 0 1px;
+}

data/src/trestle/less/TextBox.less

@@ -0,0 +1,41 @@
+// TextBox
+
+.@{prefix}-textbox {
+  background: @textbox-bg;
+  border: 1px solid @textbox-border;
+  .border-radius(3px);
+  .box-shadow(@textbox-box-shadow);
+  display: inline-block;
+  .transition(~"border linear .2s, box-shadow linear .2s");
+  height: 28px;
+  resize: none;
+  padding: 0 4px 0 4px;
+  white-space: pre-wrap;
+  *white-space: pre;
+  color: @text;
+}
+
+.@{prefix}-textbox:focus, .@{prefix}-textbox.@{prefix}-focus {
+  border-color: @textbox-border-focus;
+  .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@textbox-border-focus, 15%));
+}
+
+.@{prefix}-placeholder .@{prefix}-textbox {
+  color: @textbox-text-placeholder;
+}
+
+.@{prefix}-textbox.@{prefix}-multiline {
+  padding: 4px;
+  height: auto;
+}
+
+.@{prefix}-textbox.@{prefix}-disabled {
+  color: mix(@text, @textbox-bg, 40%);
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-textbox {
+  text-align: right;
+  direction: rtl;
+}