trestle-tinymce 0.1.0

data/src/trestle/less/Content.less

@@ -0,0 +1,27 @@
+/* Content.less */
+
+@font-family: Verdana, Arial, Helvetica, sans-serif;
+@font-size: 14px;
+
+body {
+  background-color: #FFFFFF;
+  color: #000000;
+  font-family: @font-family;
+  font-size: @font-size;
+  scrollbar-3dlight-color: #F0F0EE;
+  scrollbar-arrow-color: #676662;
+  scrollbar-base-color: #F0F0EE;
+  scrollbar-darkshadow-color: #DDDDDD;
+  scrollbar-face-color: #E0E0DD;
+  scrollbar-highlight-color: #F0F0EE;
+  scrollbar-shadow-color: #F0F0EE;
+  scrollbar-track-color: #F5F5F5;
+}
+
+td, th {
+  font-family: @font-family;
+  font-size: @font-size;
+}
+
+@import "Mixins.less";
+@import "Content.Objects.less";

data/src/trestle/less/CropRect.less

@@ -0,0 +1,62 @@
+// CropRect
+
+.@{prefix}-croprect-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.@{prefix}-croprect-handle {
+  position: absolute;
+  top: 0; left: 0;
+  width: 20px; height: 20px;
+  border: 2px solid white;
+}
+
+.@{prefix}-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  margin: -2px 0 0 -2px;
+  cursor: nw-resize;
+  top: 100px; left: 100px;
+}
+
+.@{prefix}-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  margin: -2px 0 0 -20px;
+  cursor: ne-resize;
+  top: 100px; left: 200px;
+}
+
+.@{prefix}-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  margin: -20px 2px 0 -2px;
+  cursor: sw-resize;
+  top: 200px; left: 100px;
+}
+
+.@{prefix}-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  margin: -20px 0 0 -20px;
+  cursor: se-resize;
+  top: 200px; left: 200px;
+}
+
+.@{prefix}-croprect-handle-move {
+  position: absolute;
+  cursor: move;
+  border: 0;
+}
+
+.@{prefix}-croprect-block {
+  .opacity(@window-modalblock-opacity);
+  position: absolute;
+  background: black;
+}
+
+.@{prefix}-croprect-handle:focus {
+  border-color: @textbox-border-focus;
+}
+
+.@{prefix}-croprect-handle-move:focus {
+  outline: 1px solid @textbox-border-focus;
+}

data/src/trestle/less/FieldSet.less

@@ -0,0 +1,15 @@
+// FieldSet
+
+.@{prefix}-fieldset {
+  border: 0 solid #9E9E9E;
+  .border-radius(3px);
+}
+
+.@{prefix}-fieldset > .@{prefix}-container-body {
+  margin-top: -15px;
+}
+
+.@{prefix}-fieldset-title {
+  margin-left: 5px;
+  padding: 0 5px 0 5px;
+}

data/src/trestle/less/FitLayout.less

@@ -0,0 +1,9 @@
+// FitLayout
+
+.@{prefix}-fit-layout {
+  .inline-block();
+}
+
+.@{prefix}-fit-layout-item {
+  position: absolute;
+}

data/src/trestle/less/FloatPanel.less

@@ -0,0 +1,69 @@
+// FloatPanel
+
+.@{prefix}-floatpanel {
+  position: absolute;
+  .box-shadow(@floatpanel-box-shadow);
+}
+
+.@{prefix}-floatpanel.@{prefix}-fixed {
+  position: fixed;
+}
+
+// Popover panel
+
+.@{prefix}-floatpanel .@{prefix}-arrow,
+.@{prefix}-floatpanel .@{prefix}-arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.@{prefix}-floatpanel .@{prefix}-arrow {
+  border-width: @popover-arrow-outer-width;
+}
+
+.@{prefix}-floatpanel .@{prefix}-arrow:after {
+  border-width: @popover-arrow-width;
+  content: "";
+}
+
+.@{prefix}-floatpanel.@{prefix}-popover {
+  .reset-gradient();
+  .border-radius(6px);
+  .box-shadow(@floatpanel-box-shadow);
+  top: 0;
+  left: 0;
+  background: @popover-bg;
+  border: 1px solid @panel-border;
+  border: 1px solid @popover-arrow-outer;
+
+  &.@{prefix}-bottom {
+    margin-top: @popover-arrow-width;
+    *margin-top: 0;
+
+    & > .@{prefix}-arrow {
+      left: 50%;
+      margin-left: -@popover-arrow-outer-width;
+      border-top-width: 0;
+      border-bottom-color: @panel-border;
+      border-bottom-color: @popover-arrow-outer;
+      top: -@popover-arrow-outer-width;
+
+      &:after {
+        top: 1px;
+        margin-left: -@popover-arrow-width;
+        border-top-width: 0;
+        border-bottom-color: @popover-arrow;
+      }
+    }
+
+    &.@{prefix}-start { margin-left: -22px; }
+    &.@{prefix}-start > .@{prefix}-arrow { left: 20px; }
+
+    &.@{prefix}-end { margin-left: 22px; }
+    &.@{prefix}-end > .@{prefix}-arrow { right: 10px; left: auto; }
+  }
+}

data/src/trestle/less/FlowLayout.less

@@ -0,0 +1,36 @@
+// FlowLayout
+
+.@{prefix}-flow-layout-item {
+  .inline-block();
+}
+
+.@{prefix}-flow-layout-item {
+  margin: @flow-layout-spacing 0 @flow-layout-spacing @flow-layout-spacing;
+}
+
+.@{prefix}-flow-layout-item.@{prefix}-last {
+  margin-right: @flow-layout-spacing;
+}
+
+.@{prefix}-flow-layout {
+  white-space: normal;
+}
+
+.@{prefix}-tinymce-inline .@{prefix}-flow-layout {
+  white-space: nowrap;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-flow-layout {
+  text-align: right;
+  direction: rtl;
+}
+
+.@{prefix}-rtl .@{prefix}-flow-layout-item {
+  margin: @flow-layout-spacing @flow-layout-spacing @flow-layout-spacing 0;
+}
+
+.@{prefix}-rtl .@{prefix}-flow-layout-item.@{prefix}-last {
+  margin-left: @flow-layout-spacing;
+}

data/src/trestle/less/Icons.less

@@ -0,0 +1,182 @@
+/* Icons */
+
+@font-face {
+  font-family: 'tinymce';
+  src:url('fonts/tinymce.eot');
+  src:url('fonts/tinymce.eot?#iefix') format('embedded-opentype'),
+    url('fonts/tinymce.woff') format('woff'),
+    url('fonts/tinymce.ttf') format('truetype'),
+    url('fonts/tinymce.svg#tinymce') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'tinymce-small';
+  src:url('fonts/tinymce-small.eot');
+  src:url('fonts/tinymce-small.eot?#iefix') format('embedded-opentype'),
+    url('fonts/tinymce-small.woff') format('woff'),
+    url('fonts/tinymce-small.ttf') format('truetype'),
+    url('fonts/tinymce-small.svg#tinymce') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@iconSize: 16px;
+
+.@{prefix}-ico {
+  font-family: 'tinymce', Arial;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  font-size: @iconSize;
+  line-height: 16px;
+  speak: none;
+  vertical-align: text-top;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  display: inline-block;
+  background: transparent center center;
+  background-size: cover;
+  width: 16px;
+  height: 16px;
+  color: @btn-text;
+}
+
+.@{prefix}-btn-small .@{prefix}-ico {
+  font-family: 'tinymce-small', Arial;
+}
+
+.@{prefix}-i-save:before                 { content: "\e000"; }
+.@{prefix}-i-newdocument:before          { content: "\e001"; }
+.@{prefix}-i-fullpage:before             { content: "\e002"; }
+.@{prefix}-i-alignleft:before            { content: "\e003"; }
+.@{prefix}-i-aligncenter:before          { content: "\e004"; }
+.@{prefix}-i-alignright:before           { content: "\e005"; }
+.@{prefix}-i-alignjustify:before         { content: "\e006"; }
+.@{prefix}-i-alignnone:before            { content: "\e003"; }
+.@{prefix}-i-cut:before                  { content: "\e007"; }
+.@{prefix}-i-paste:before                { content: "\e008"; }
+.@{prefix}-i-searchreplace:before        { content: "\e009"; }
+.@{prefix}-i-bullist:before              { content: "\e00a"; }
+.@{prefix}-i-numlist:before              { content: "\e00b"; }
+.@{prefix}-i-indent:before               { content: "\e00c"; }
+.@{prefix}-i-outdent:before              { content: "\e00d"; }
+.@{prefix}-i-blockquote:before           { content: "\e00e"; }
+.@{prefix}-i-undo:before                 { content: "\e00f"; }
+.@{prefix}-i-redo:before                 { content: "\e010"; }
+.@{prefix}-i-link:before                 { content: "\e011"; }
+.@{prefix}-i-unlink:before               { content: "\e012"; }
+.@{prefix}-i-anchor:before               { content: "\e013"; }
+.@{prefix}-i-image:before                { content: "\e014"; }
+.@{prefix}-i-media:before                { content: "\e015"; }
+.@{prefix}-i-help:before                 { content: "\e016"; }
+.@{prefix}-i-code:before                 { content: "\e017"; }
+.@{prefix}-i-insertdatetime:before       { content: "\e018"; }
+.@{prefix}-i-preview:before              { content: "\e019"; }
+.@{prefix}-i-forecolor:before            { content: "\e01a"; }
+.@{prefix}-i-backcolor:before            { content: "\e01a"; }
+.@{prefix}-i-table:before                { content: "\e01b"; }
+.@{prefix}-i-hr:before                   { content: "\e01c"; }
+.@{prefix}-i-removeformat:before         { content: "\e01d"; }
+.@{prefix}-i-subscript:before            { content: "\e01e"; }
+.@{prefix}-i-superscript:before          { content: "\e01f"; }
+.@{prefix}-i-charmap:before              { content: "\e020"; }
+.@{prefix}-i-emoticons:before            { content: "\e021"; }
+.@{prefix}-i-print:before                { content: "\e022"; }
+.@{prefix}-i-fullscreen:before           { content: "\e023"; }
+.@{prefix}-i-spellchecker:before         { content: "\e024"; }
+.@{prefix}-i-nonbreaking:before          { content: "\e025"; }
+.@{prefix}-i-template:before             { content: "\e026"; }
+.@{prefix}-i-pagebreak:before            { content: "\e027"; }
+.@{prefix}-i-restoredraft:before         { content: "\e028"; }
+.@{prefix}-i-bold:before                 { content: "\e02a"; }
+.@{prefix}-i-italic:before               { content: "\e02b"; }
+.@{prefix}-i-underline:before            { content: "\e02c"; }
+.@{prefix}-i-strikethrough:before        { content: "\e02d"; }
+.@{prefix}-i-visualchars:before          { content: "\e02e"; }
+.@{prefix}-i-visualblocks:before         { content: "\e02e"; }
+.@{prefix}-i-ltr:before                  { content: "\e02f"; }
+.@{prefix}-i-rtl:before                  { content: "\e030"; }
+.@{prefix}-i-copy:before                 { content: "\e031"; }
+.@{prefix}-i-resize:before               { content: "\e032"; }
+.@{prefix}-i-browse:before               { content: "\e034"; }
+.@{prefix}-i-pastetext:before            { content: "\e035"; }
+.@{prefix}-i-rotateleft:before           { content: "\eaa8"; }
+.@{prefix}-i-rotateright:before          { content: "\eaa9"; }
+.@{prefix}-i-crop:before                 { content: "\ee78"; }
+.@{prefix}-i-editimage:before            { content: "\e915"; }
+.@{prefix}-i-options:before              { content: "\ec6a"; }
+.@{prefix}-i-flipv:before                { content: "\eaaa"; }
+.@{prefix}-i-fliph:before                { content: "\eaac"; }
+.@{prefix}-i-zoomin:before               { content: "\eb35"; }
+.@{prefix}-i-zoomout:before              { content: "\eb36"; }
+.@{prefix}-i-sun:before                  { content: "\eccc"; }
+.@{prefix}-i-moon:before                 { content: "\eccd"; }
+.@{prefix}-i-arrowleft:before            { content: "\edc0"; }
+.@{prefix}-i-arrowright:before           { content: "\e93c"; }
+.@{prefix}-i-drop:before                 { content: "\e935"; }
+.@{prefix}-i-contrast:before             { content: "\ecd4"; }
+.@{prefix}-i-sharpen:before              { content: "\eba7"; }
+.@{prefix}-i-resize2:before              { content: "\edf9"; }
+.@{prefix}-i-orientation:before          { content: "\e601"; }
+.@{prefix}-i-invert:before               { content: "\e602"; }
+.@{prefix}-i-gamma:before                { content: "\e600"; }
+.@{prefix}-i-remove:before               { content: "\ed6a"; }
+.@{prefix}-i-tablerowprops:before        { content: "\e604"; }
+.@{prefix}-i-tablecellprops:before       { content: "\e605"; }
+.@{prefix}-i-table2:before               { content: "\e606"; }
+.@{prefix}-i-tablemergecells:before      { content: "\e607"; }
+.@{prefix}-i-tableinsertcolbefore:before { content: "\e608"; }
+.@{prefix}-i-tableinsertcolafter:before  { content: "\e609"; }
+.@{prefix}-i-tableinsertrowbefore:before { content: "\e60a"; }
+.@{prefix}-i-tableinsertrowafter:before  { content: "\e60b"; }
+.@{prefix}-i-tablesplitcells:before      { content: "\e60d"; }
+.@{prefix}-i-tabledelete:before          { content: "\e60e"; }
+.@{prefix}-i-tableleftheader:before      { content: "\e62a"; }
+.@{prefix}-i-tabletopheader:before       { content: "\e62b"; }
+.@{prefix}-i-tabledeleterow:before       { content: "\e800"; }
+.@{prefix}-i-tabledeletecol:before       { content: "\e801"; }
+.@{prefix}-i-codesample:before           { content: "\e603"; }
+.@{prefix}-i-fill:before                 { content: "\e902"; }
+.@{prefix}-i-borderwidth:before          { content: "\e903"; }
+.@{prefix}-i-line:before                 { content: "\e904"; }
+.@{prefix}-i-count:before                { content: "\e905"; }
+.@{prefix}-i-translate:before            { content: "\e907"; }
+.@{prefix}-i-drag:before                 { content: "\e908"; }
+.@{prefix}-i-home:before                 { content: "\e90b"; }
+.@{prefix}-i-upload:before               { content: "\e914"; }
+.@{prefix}-i-bubble:before               { content: "\e91c"; }
+.@{prefix}-i-user:before                 { content: "\e91d"; }
+.@{prefix}-i-lock:before                 { content: "\e926"; }
+.@{prefix}-i-unlock:before               { content: "\e927"; }
+.@{prefix}-i-settings:before             { content: "\e928"; }
+.@{prefix}-i-remove2:before              { content: "\e92a"; }
+.@{prefix}-i-menu:before                 { content: "\e92d"; }
+.@{prefix}-i-warning:before              { content: "\e930"; }
+.@{prefix}-i-question:before             { content: "\e931"; }
+.@{prefix}-i-pluscircle:before           { content: "\e932"; }
+.@{prefix}-i-info:before                 { content: "\e933"; }
+.@{prefix}-i-notice:before               { content: "\e934"; }
+.@{prefix}-i-arrowup:before              { content: "\e93b"; }
+.@{prefix}-i-arrowdown:before            { content: "\e93d"; }
+.@{prefix}-i-arrowup2:before             { content: "\e93f"; }
+.@{prefix}-i-arrowdown2:before           { content: "\e940"; }
+.@{prefix}-i-menu2:before                { content: "\e941"; }
+.@{prefix}-i-newtab:before               { content: "\e961"; }
+.@{prefix}-i-a11y:before                 { content: "\e900"; }
+.@{prefix}-i-plus:before                 { content: "\e93a"; }
+.@{prefix}-i-insert:before               { content: "\e93a"; }
+.@{prefix}-i-minus:before                { content: "\e939"; }
+.@{prefix}-i-books:before                { content: "\e911"; }
+.@{prefix}-i-reload:before               { content: "\e906"; }
+.@{prefix}-i-toc:before                  { content: "\e901"; }
+.@{prefix}-i-checkmark:before            { content: "\e033"; }
+.@{prefix}-i-checkbox:before, .@{prefix}-i-selected:before {
+  content: "\e033";
+}
+
+.@{prefix}-i-insert                { font-size: 14px; }
+.@{prefix}-i-selected              { visibility: hidden; }
+i.@{prefix}-i-backcolor            { text-shadow: none; background: @colorbtn-backcolor-bg; }

data/src/trestle/less/Iframe.less

@@ -0,0 +1,6 @@
+// Iframe
+
+.@{prefix}-iframe {
+  border: 0 solid @iframe-border;
+  width: 100%; height: 100%;
+}

data/src/trestle/less/ImagePanel.less

@@ -0,0 +1,25 @@
+// ImagePanel
+
+.@{prefix}-imagepanel {
+  overflow: auto;
+  background: black;
+}
+
+.@{prefix}-imagepanel-bg {
+  position: absolute;
+  background: url('data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==');
+}
+
+.@{prefix}-imagepanel img {
+  position: absolute;
+}
+
+.@{prefix}-imagetool.@{prefix}-btn .@{prefix}-ico {
+  display: block;
+  width: 20px;
+  height: 20px;
+  text-align: center;
+  line-height: 20px;
+  font-size: 20px;
+  padding: 5px;
+}

data/src/trestle/less/InfoBox.less

@@ -0,0 +1,71 @@
+// InfoBox
+
+.@{prefix}-infobox {
+  .inline-block();
+  text-shadow: @text-shadow;
+  overflow: hidden;
+  border: 1px solid red;
+
+  div {
+    display: block;
+    margin: 5px;
+
+    button {
+      position: absolute;
+      top: 50%; right: 4px;
+      cursor: pointer;
+      margin-top: -8px;
+      display: none;
+    }
+
+    button:focus {
+      outline: 2px solid @btn-border-hover;
+    }
+  }
+}
+
+.@{prefix}-infobox.@{prefix}-has-help {
+  div {
+    margin-right: 25px;
+  }
+
+  button {
+    display: block;
+  }
+}
+
+.@{prefix}-infobox.@{prefix}-success {
+  background: @infobox-success-bg;
+  border-color: @infobox-success-border;
+
+  div {
+    color: @infobox-success-text;
+  }
+}
+
+.@{prefix}-infobox.@{prefix}-warning {
+  background: @infobox-warning-bg;
+  border-color: @infobox-warning-border;
+
+  div {
+    color: @infobox-warning-text;
+  }
+}
+
+.@{prefix}-infobox.@{prefix}-error {
+  background: @infobox-error-bg;
+  border-color: @infobox-error-border;
+
+  div {
+    color: @infobox-error-text;
+  }
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-infobox {
+  div {
+    text-align: right;
+    direction: rtl;
+  }
+}