trestle-tinymce 0.1.0

data/src/trestle/less/ButtonGroup.less

@@ -0,0 +1,71 @@
+// ButtonGroup
+
+.btn-group-border-left(@border-color) when (@has-button-borders = true) {
+  border-left: 1px solid @border-color;
+}
+
+.btn-group-border-right(@border-color) when (@has-button-borders = true) {
+  border-right: 1px solid @border-color;
+}
+
+
+.@{prefix}-btn-group .@{prefix}-btn {
+  border-width: @btn-group-border-width;
+  margin: 0;
+  .border-radius(0);
+  margin-left: @flow-layout-spacing;
+}
+
+.@{prefix}-btn-group .@{prefix}-btn when (@has-button-borders = true) {
+  border-left-width: 0;
+  border-right-width: 0;
+  margin-left: 0;
+}
+
+.@{prefix}-btn-group:not(:first-child) when (@has-button-borders = true) {
+  padding-left: 1px;
+  margin-left: 1px;
+}
+
+.@{prefix}-btn-group:not(:first-child) when (@has-button-borders = false) {
+  border-left: 1px solid darken(@btn-bg, 15%);
+  padding-left: @flow-layout-spacing + 1px;
+  margin-left: @flow-layout-spacing + 1px;
+}
+
+.@{prefix}-btn-group .@{prefix}-first {
+  .border-radius(3px 0 0 3px);
+  .btn-group-border-left(@btn-border-left);
+  margin-left: 0;
+}
+
+.@{prefix}-btn-group .@{prefix}-last {
+  .border-radius(0 3px 3px 0);
+  .btn-group-border-right(@btn-border-right);
+}
+
+.@{prefix}-btn-group .@{prefix}-first.@{prefix}-last {
+  .border-radius(3px);
+}
+
+.@{prefix}-btn-group .@{prefix}-btn.@{prefix}-flow-layout-item {
+  margin: 0;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-btn-group .@{prefix}-btn {
+  margin-left: 0;
+  margin-right: @flow-layout-spacing;
+}
+
+.@{prefix}-rtl .@{prefix}-btn-group .@{prefix}-first {
+  margin-right: 0;
+}
+
+.@{prefix}-rtl .@{prefix}-btn-group:not(:first-child) {
+  border-left: none;
+  border-right:1px solid darken(@btn-bg, 15%);
+  padding-right: @flow-layout-spacing + 2px;
+  margin-right: @flow-layout-spacing + 2px;
+}

data/src/trestle/less/Checkbox.less

@@ -0,0 +1,49 @@
+// Checkbox
+
+.@{prefix}-checkbox {
+  cursor: pointer;
+}
+
+i.@{prefix}-i-checkbox {
+  margin: 0 3px 0 0;
+  border: 1px solid @checkbox-border;
+  .border-radius(3px);
+  .box-shadow(@checkbox-box-shadow);
+  .vertical-gradient(@checkbox-bg, @checkbox-bg-hlight);
+  text-indent: -10em;
+  *font-size: 0;
+  *line-height: 0;
+  *text-indent: 0;
+  overflow: hidden;
+}
+
+.@{prefix}-checked i.@{prefix}-i-checkbox {
+  color: @btn-text;
+  font-size: 16px;
+  line-height: 16px;
+  text-indent: 0;
+}
+
+.@{prefix}-checkbox:focus i.@{prefix}-i-checkbox, .@{prefix}-checkbox.@{prefix}-focus i.@{prefix}-i-checkbox {
+  border: 1px solid @checkbox-border-focus;
+  .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@checkbox-border-focus, 15%));
+}
+
+.@{prefix}-checkbox.@{prefix}-disabled .@{prefix}-label, .@{prefix}-checkbox.@{prefix}-disabled i.@{prefix}-i-checkbox {
+  color: mix(@text, @panel-bg, 40%);
+}
+
+.@{prefix}-checkbox .@{prefix}-label {
+  vertical-align: middle;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-checkbox {
+  direction: rtl;
+  text-align: right;
+}
+
+.@{prefix}-rtl i.@{prefix}-i-checkbox {
+  margin: 0 0 0 3px;
+}

data/src/trestle/less/ColorBox.less

@@ -0,0 +1,6 @@
+// ColorBox
+
+.@{prefix}-colorbox i {
+  border: 1px solid @textbox-border;
+  width: 14px; height: 14px;
+}

data/src/trestle/less/ColorButton.less

@@ -0,0 +1,72 @@
+// ColorButton
+
+.@{prefix}-colorbutton .@{prefix}-ico {
+  position: relative;
+}
+
+.@{prefix}-colorbutton-grid {
+  margin: 4px;
+}
+
+.@{prefix}-colorbutton button {
+    padding-right: 6px;
+    padding-left: 6px;
+}
+
+.@{prefix}-colorbutton .@{prefix}-preview {
+  padding-right: 3px;
+  display: block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -17px;
+  margin-top: 7px;
+  background: gray;
+  width: 13px;
+  height: 2px;
+  overflow: hidden;
+}
+
+.@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview {
+  margin-left: -16px;
+  padding-right: 0;
+  width: 16px;
+}
+
+.@{prefix}-colorbutton .@{prefix}-open {
+  padding-left: 4px;
+  padding-right: 4px;
+  border-left: 1px solid transparent;
+}
+
+.@{prefix}-colorbutton:hover .@{prefix}-open {
+  border-color: darken(@btn-bg, 20%);
+}
+
+.@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-open {
+  padding: 0 3px 0 3px;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-colorbutton {
+  direction: rtl;
+}
+
+.@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-preview {
+  margin-left: 0;
+  padding-right: 0;
+  padding-left: 3px;
+}
+
+.@{prefix}-rtl .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview {
+  margin-left: 0;
+  padding-right: 0;
+  padding-left: 2px;
+}
+
+.@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-open {
+  padding-left: 4px;
+  padding-right: 4px;
+  border-left: 0;
+}

data/src/trestle/less/ColorPicker.less

@@ -0,0 +1,80 @@
+// ColorPicker
+
+.@{prefix}-colorpicker {
+  position: relative;
+  width: 250px;
+  height: 220px;
+}
+
+.@{prefix}-colorpicker-sv {
+  position: absolute;
+  top: 0; left: 0;
+  width: 90%;
+  height: 100%;
+  border: 1px solid @colorpicker-border;
+  cursor: crosshair;
+  overflow: hidden;
+}
+
+.@{prefix}-colorpicker-h-chunk {
+  width: 100%;
+}
+
+.@{prefix}-colorpicker-overlay1, .@{prefix}-colorpicker-overlay2 {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.@{prefix}-colorpicker-overlay1 {
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff');
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
+  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
+}
+
+.@{prefix}-colorpicker-overlay2 {
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
+  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
+}
+
+.@{prefix}-colorpicker-selector1 {
+  background: none;
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  margin: -8px 0 0 -8px;
+  border: 1px solid black;
+  border-radius: 50%;
+}
+
+.@{prefix}-colorpicker-selector2 {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border: 1px solid white;
+  border-radius: 50%;
+}
+
+.@{prefix}-colorpicker-h {
+  position: absolute;
+  top: 0; right: 0;
+  width: 6.5%;
+  height: 100%;
+  border: 1px solid @colorpicker-border;
+  cursor: crosshair;
+}
+
+.@{prefix}-colorpicker-h-marker {
+  margin-top: -4px;
+  position: absolute;
+  top: 0;
+  left: -1px;
+  width: 100%;
+  border: 1px solid @colorpicker-hue-border;
+  background: @colorpicker-hue-bg;
+  height: 4px;
+  z-index: 100;
+}

data/src/trestle/less/ComboBox.less

@@ -0,0 +1,97 @@
+// ComboBox
+
+.@{prefix}-combobox {
+  position: relative;
+  .inline-block();
+  .border-radius(3px);
+  .box-shadow(@textbox-box-shadow);
+  *height: 32px;
+}
+
+.@{prefix}-combobox input {
+  border: 1px solid @textbox-border;
+  border-right-color: @combobox-border;
+  height: 28px;
+}
+
+.@{prefix}-combobox.@{prefix}-disabled input {
+  color: mix(@text, @textbox-bg, 40%);
+}
+
+.@{prefix}-combobox.@{prefix}-has-open input {
+  .border-radius(4px 0 0 4px);
+}
+
+.@{prefix}-combobox .@{prefix}-btn {
+  border: 1px solid @textbox-border;
+  border-left: 0;
+  .border-radius(0 4px 4px 0);
+  margin: 0;
+}
+
+.@{prefix}-combobox button {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+
+.@{prefix}-combobox.@{prefix}-disabled .@{prefix}-btn button {
+  cursor: default;
+  .box-shadow(none);
+  .opacity(@btn-box-disabled-opacity);
+}
+
+.@{prefix}-combobox .@{prefix}-status {
+  position: absolute;
+  right: 2px;
+  top: 50%;
+  line-height: 16px;
+  margin-top: -8px;
+  font-size: 12px;
+  width: 15px;
+  height: 15px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.@{prefix}-combobox.@{prefix}-has-status input {
+  padding-right: 20px;
+}
+
+.@{prefix}-combobox.@{prefix}-has-open .@{prefix}-status {
+  right: 37px;
+}
+
+.@{prefix}-combobox .@{prefix}-status.@{prefix}-i-warning {
+  color: @combobox-warning-text;
+}
+
+.@{prefix}-combobox .@{prefix}-status.@{prefix}-i-checkmark {
+  color: @combobox-success-text;
+}
+
+.@{prefix}-menu.@{prefix}-combobox-menu {
+  border-top: 0;
+  margin-top: 0;
+  max-height: 200px;
+
+  .@{prefix}-menu-item {
+    padding: 4px 6px 4px 4px;
+    font-size: 11px;
+  }
+
+  .@{prefix}-menu-item-sep {
+    padding: 0;
+  }
+
+  .@{prefix}-text {
+    font-size: 11px;
+  }
+
+  .@{prefix}-menu-item-link, .@{prefix}-menu-item-link b {
+    font-size: 11px;
+  }
+
+  .@{prefix}-text b {
+    font-size: 11px;
+  }
+}

data/src/trestle/less/Container.less

@@ -0,0 +1,9 @@
+// Container
+
+.@{prefix}-container, .@{prefix}-container-body {
+  display: block;
+}
+
+.@{prefix}-autoscroll {
+  overflow: hidden;
+}

data/src/trestle/less/Content.Inline.less

@@ -0,0 +1,4 @@
+/* Content.Inline.less */
+
+@import "Mixins.less";
+@import "Content.Objects.less";

data/src/trestle/less/Content.Objects.less

@@ -0,0 +1,189 @@
+/* Content.Objects.less */
+
+.mce-content-body .mce-reset {
+  margin: 0; padding: 0; border: 0; outline: 0;
+  vertical-align: top; background: transparent;
+  text-decoration: none; color: black;
+  font-family: Arial;
+  font-size: 11px; text-shadow: none; float: none;
+  position: static; width: auto; height: auto;
+  white-space: nowrap; cursor: inherit;
+  line-height: normal; font-weight: normal;
+  text-align: left;
+  -webkit-tap-highlight-color: transparent;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+  direction: ltr;
+  max-width: none;
+}
+
+.mce-object {
+  border: 1px dotted #3A3A3A;
+  background: #D5D5D5 url(img/object.gif) no-repeat center;
+}
+
+.mce-preview-object {
+  display: inline-block;
+  position: relative;
+  margin: 0 2px 0 2px;
+  line-height: 0;
+  border: 1px solid gray;
+}
+
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+
+.mce-preview-object .mce-shim {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+}
+
+figure.align-left {
+  float: left;
+}
+
+figure.align-right {
+  float: right;
+}
+
+figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+figure.image {
+  display: inline-block;
+  border: 1px solid gray;
+  margin: 0 2px 0 1px;
+  background: #f5f2f0;
+}
+
+figure.image img {
+  margin: 8px 8px 0 8px;
+}
+
+figure.image figcaption {
+  margin: 6px 8px 6px 8px;
+  text-align: center;
+}
+
+.mce-toc {
+  border: 1px solid gray;
+}
+
+.mce-toc h2 {
+  margin: 4px;
+}
+
+.mce-toc li {
+  list-style-type: none;
+}
+
+.mce-pagebreak {
+  cursor: default;
+  display: block;
+  border: 0;
+  width: 100%;
+  height: 5px;
+  border: 1px dashed #666;
+  margin-top: 15px;
+  page-break-before: always;
+}
+
+@media print {
+  .mce-pagebreak {
+    border: 0px;
+  }
+}
+
+.mce-item-anchor {
+  cursor: default;
+  display: inline-block;
+  -webkit-user-select: all;
+  -webkit-user-modify: read-only;
+  -moz-user-select: all;
+  -moz-user-modify: read-only;
+  user-select: all;
+  user-modify: read-only;
+  width: 9px !important;
+  height: 9px !important;
+  border: 1px dotted #3A3A3A;
+  background: #D5D5D5 url(img/anchor.gif) no-repeat center;
+}
+
+.mce-nbsp, .mce-shy {
+  background: #AAA;
+}
+
+.mce-shy::after {
+  content: '-';
+}
+
+.mce-match-marker {
+  background: #AAA;
+  color: #fff;
+}
+
+.mce-match-marker-selected {
+  background: #3399ff;
+  color: #fff;
+}
+
+.mce-spellchecker-word {
+  border-bottom: 2px solid #F00;
+  cursor: default;
+}
+
+.mce-spellchecker-grammar {
+  border-bottom: 2px solid #008000;
+  cursor: default;
+}
+
+.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
+  border: 1px dashed #BBB;
+}
+
+td[data-mce-selected], th[data-mce-selected] {
+  background-color: #3399ff !important;
+}
+
+.mce-edit-focus {
+  outline: 1px dotted #333;
+}
+
+.mce-resize-bar-dragging {
+  background-color: blue;
+  .opacity(0.25);
+}
+
+.mce-content-body {
+  // Keeps IE/Edge/Gecko from moving the lines when NBZWSP gets inserted
+  p, div, h1, h2, h3, h4, h5, h6 {
+    line-height: 1.2em;
+  }
+
+  *[contentEditable=false] *[contentEditable=true]:focus {
+    outline: 2px solid #2d8ac7;
+  }
+
+  *[contentEditable=false] *[contentEditable=true]:hover {
+    outline: 2px solid #7ACAFF;
+  }
+
+  *[contentEditable=false][data-mce-selected] {
+    outline: 2px solid #2d8ac7;
+  }
+
+  a[data-mce-selected], code[data-mce-selected] {
+    background: #bfe6ff;
+  }
+
+  hr {
+    cursor: default;
+  }
+}