trestle-tinymce 0.1.3 → 0.3.1

data/src/trestle/less/TinyMCE.less

@@ -1,218 +0,0 @@
-.@{prefix}-tinymce {
-  // Avoid FOUC
-  visibility: inherit !important;
-  position: relative;
-}
-
-.@{prefix}-fullscreen {
-  border: 0; padding: 0; margin: 0;
-  overflow: hidden;
-  height: 100%;
-  z-index: 100;
-}
-
-div.@{prefix}-fullscreen {
-  position: fixed;
-  top: 0; left: 0;
-  width: 100%;
-  height: auto;
-}
-
-.@{prefix}-tinymce {
-  display: block;
-  .border-radius(2px);
-}
-
-.@{prefix}-wordcount {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 8px;
-}
-
-div.@{prefix}-edit-area {
-  background: #FFF;
-  filter: none;
-}
-
-.@{prefix}-statusbar {
-  position: relative;
-}
-
-.@{prefix}-statusbar .@{prefix}-container-body {
-  position: relative;
-}
-
-.@{prefix}-fullscreen .@{prefix}-resizehandle {
-  display: none;
-}
-
-// Charmap
-
-.@{prefix}-charmap {
-  border-collapse: collapse;
-}
-
-.@{prefix}-charmap td {
-  cursor: default;
-  border: 1px solid @panel-border;
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  text-align: center;
-  vertical-align: middle;
-  padding: 2px;
-}
-
-.@{prefix}-charmap td div {
-  text-align: center;
-}
-
-.@{prefix}-charmap td:hover {
-  background: @btn-bg-hlight;
-}
-
-.@{prefix}-grid td.@{prefix}-grid-cell div {
-  border: 1px solid @grid-border;
-  width: 15px; height: 15px;
-  margin: 0px;
-  cursor: pointer;
-
-  &:focus {
-    border-color: @grid-border-active;
-  }
-
-  &[disabled] {
-    cursor: not-allowed;
-  }
-}
-
-.@{prefix}-grid {
-  border-spacing: 2px;
-  border-collapse: separate;
-
-  a {
-    display: block;
-    border: 1px solid transparent;
-
-    &:hover, &:focus {
-      border-color: @grid-border-active;
-    }
-  }
-}
-
-.@{prefix}-grid-border {
-  margin: 0 4px 0 4px;
-
-  a {
-    border-color: @grid-border;
-    width: 13px; height: 13px;
-  }
-
-  a:hover, a.@{prefix}-active {
-    border-color: @grid-border-active;
-    background: @grid-bg-active;
-  }
-}
-
-.@{prefix}-text-center {
-  text-align: center;
-}
-
-div.@{prefix}-tinymce-inline {
-  width: 100%;
-  .box-shadow(none);
-}
-
-.@{prefix}-colorbtn-trans div {
-  text-align: center;
-  vertical-align: middle;
-  font-weight: bold;
-  font-size: 20px;
-  line-height: 16px;
-  color: mix(@text, #fff, 70%);
-}
-
-.@{prefix}-monospace {
-  font-family: "Courier New", Courier, monospace;
-}
-
-// Reduce double margins between toolbar rows
-
-.@{prefix}-toolbar-grp when (@has-button-borders = false) {
-  padding: @flow-layout-spacing 0;
-}
-
-.@{prefix}-toolbar-grp when (@has-button-borders = true) {
-  padding-bottom: 2px;
-}
-
-.@{prefix}-toolbar-grp .@{prefix}-flow-layout-item {
-  margin-bottom: 0;
-}
-
-// RTL
-
-.@{prefix}-rtl .@{prefix}-wordcount {
-  left: 0;
-  right: auto;
-}
-
-// Styles for inline dialog elements
-
-.@{prefix}-container b {
-  font-weight: bold;
-}
-
-.@{prefix}-container p {
-  margin-bottom: 5px;
-}
-
-.@{prefix}-container a {
-  cursor: pointer;
-  color: @text-link;
-  &:hover {
-    text-decoration: underline;
-  }
-}
-
-.@{prefix}-container ul {
-  margin-left: 15px;
-}
-
-.@{prefix}-container .@{prefix}-table-striped {
-  border-collapse: collapse;
-  margin: 10px;
-  thead > tr {
-    background-color: @table-row-even;
-    th {
-      font-weight: bold;
-    }
-  }
-  td, th {
-    padding: 5px;
-  }
-  tr:nth-child(even) {
-    background-color: @table-row-even;
-  }
-  tbody > tr:hover {
-    background-color: @table-row-hover;
-  }
-}
-
-.@{prefix}-branding-powered-by {
-  .vertical-gradient(@panel-bg, @panel-bg-hlight);
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 91px;
-  height: 9px;
-  margin-right: -1px; // Covers right border
-  margin-bottom: -1px; // Covers statusbar border
-  border: 1px solid @tab-border;
-  border-width: 1px 1px 0 1px;
-  padding: 6px 6px 0 6px;
-  background-image: url('data:image/gif;base64,R0lGODlhXwAJAIABAIiIiAAAACH5BAEKAAEALAAAAABfAAkAAAJxhBGpy+2PUnzqGNpmPNJqDIZSJY4m+KXLF3At2V6xPFfuvMF6J6fINTnhTr9XcaRC6pKvFYlZjDIszaXRSA3ijlXo9AlWindaldSJthJ55XAz6+ZWbVCOdojP77p8J8vlUSI4SHEnaEiYqOhARdhIWAAAOw');
-  background-repeat: no-repeat;
-  background-position: center center;
-}

data/src/trestle/less/ToolTip.less

@@ -1,133 +0,0 @@
-// Tooltip
-
-.@{prefix}-tooltip {
-  position: absolute;
-  padding: 5px;
-  .opacity(0.8);
-}
-
-.@{prefix}-tooltip-inner {
-  font-size: @tooltip-font-size;
-  background-color: @tooltip-bg;
-  color: @tooltip-text;
-  max-width: 200px;
-  padding: 5px 8px 4px 8px;
-  text-align: center;
-  white-space: normal;
-}
-
-.@{prefix}-tooltip-inner {
-  .border-radius(3px);
-}
-
-.@{prefix}-tooltip-inner {
-  .box-shadow(0 0 5px @tooltip-bg);
-}
-
-.@{prefix}-tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  line-height: 0;
-  border: 5px dashed @tooltip-bg;
-}
-
-.@{prefix}-tooltip-arrow-n {
-  border-bottom-color: @tooltip-bg;
-}
-
-.@{prefix}-tooltip-arrow-s {
-  border-top-color: @tooltip-bg;
-}
-
-.@{prefix}-tooltip-arrow-e {
-  border-left-color: @tooltip-bg;
-}
-
-.@{prefix}-tooltip-arrow-w {
-  border-right-color: @tooltip-bg;
-}
-
-.@{prefix}-tooltip-nw, .@{prefix}-tooltip-sw {
-  margin-left: -14px;
-}
-
-.@{prefix}-tooltip-ne, .@{prefix}-tooltip-se {
-  margin-left: 14px;
-}
-
-.@{prefix}-tooltip-n .@{prefix}-tooltip-arrow {
-  top: 0px;
-  left: 50%;
-  margin-left: -5px;
-  border-bottom-style: solid;
-  border-top: none;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.@{prefix}-tooltip-nw .@{prefix}-tooltip-arrow {
-  top: 0;
-  left: 10px;
-  border-bottom-style: solid;
-  border-top: none;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.@{prefix}-tooltip-ne .@{prefix}-tooltip-arrow {
-  top: 0;
-  right: 10px;
-  border-bottom-style: solid;
-  border-top: none;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.@{prefix}-tooltip-s .@{prefix}-tooltip-arrow {
-  bottom: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-top-style: solid;
-  border-bottom: none;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.@{prefix}-tooltip-sw .@{prefix}-tooltip-arrow {
-  bottom: 0;
-  left: 10px;
-  border-top-style: solid;
-  border-bottom: none;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.@{prefix}-tooltip-se .@{prefix}-tooltip-arrow {
-  bottom: 0;
-  right: 10px;
-  border-top-style: solid;
-  border-bottom: none;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.@{prefix}-tooltip-e .@{prefix}-tooltip-arrow {
-  right: 0;
-  top: 50%;
-  margin-top: -5px;
-  border-left-style: solid;
-  border-right: none;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-}
-
-.@{prefix}-tooltip-w .@{prefix}-tooltip-arrow {
-  left: 0;
-  top: 50%;
-  margin-top: -5px;
-  border-right-style: solid;
-  border-left: none;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-}

data/src/trestle/less/Variables.less

@@ -1,224 +0,0 @@
-// Variables
-// Syntax: <control>-(<sub control>)-<bg|border|text>-(<state>)-(<extra>);
-// Example: @btn-primary-bg-hover-hlight;
-
-@prefix:                         mce;
-
-// Default font
-@font-family:                    "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-size:                      14px;
-@line-height:                    20px;
-@has-gradients:                  false;
-@has-radius:                     false;
-@has-boxshadow:                  false;
-@has-button-borders:             false;
-
-// Text colors
-@text:                           #333;
-@text-inverse:                   white;
-@text-disabled:                  #aaa;
-@text-shadow:                    0 1px 1px hsla(hue(@text-inverse), saturation(@text-inverse), lightness(@text-inverse), 0.75);
-@text-error:                     #b94a48;
-@text-warning:                   #c09853;
-@text-success:                   #468847;
-@text-link:                      #2980b9;
-
-// Button
-@btn-text:                       @text;
-@btn-text-shadow:                none;
-@btn-border-top:                 transparent;
-@btn-border-right:               transparent;
-@btn-border-bottom:              transparent;
-@btn-border-left:                transparent;
-@btn-caret-border:               @btn-text;
-@btn-text-disabled:              @text-disabled;
-@btn-box-shadow:                 inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
-@btn-box-shadow-active:          inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
-@btn-box-disabled-opacity:       0.4;
-@btn-bg:                         white;
-@btn-bg-hlight:                  #D9D9D9;
-@btn-bg-hover:                   darken(@btn-bg, 5%);
-@btn-bg-hlight-hover:            darken(@btn-bg-hlight, 5%);
-@btn-border-hover:               darken(@btn-bg, 20%);
-@btn-border-active:              darken(@btn-bg, 20%);
-@btn-padding:                    4px 8px;
-
-@btn-primary-bg:                 #2980b9;
-@btn-primary-bg-hlight:          #3498db;
-@btn-primary-bg-hover:           darken(@btn-primary-bg, 5%);
-@btn-primary-bg-hover-hlight:    darken(@btn-primary-bg-hlight, 5%);
-@btn-primary-text:               #fff;
-@btn-primary-text-shadow:        none;
-@btn-primary-border-top:         mix(@btn-border-top, @btn-primary-bg, 50%);
-@btn-primary-border-right:       mix(@btn-border-right, @btn-primary-bg, 50%);
-@btn-primary-border-bottom:      mix(@btn-border-bottom, @btn-primary-bg, 50%);
-@btn-primary-border-left:        mix(@btn-border-left, @btn-primary-bg, 50%);
-@btn-primary-border:             transparent;
-@btn-primary-border-hover:       transparent;
-
-// Button group
-@btn-group-border-width:         1px;
-
-// Menu
-@menuitem-text:                  @text;
-@menu-bg:                        #fff;
-@menu-margin:                    -1px 0 0;
-@menu-border:                    rgba(0, 0, 0, 0.2);
-@menubar-border:                 mix(@panel-border, @panel-bg, 60%);
-@menuitem-text-inverse:          @text-inverse;
-@menubar-bg-active:              darken(@btn-bg, 10%);
-@menuitem-bg-hover:              #0081C2;
-@menuitem-bg-selected:           #2980b9;
-@menuitem-bg-selected-hlight:    #3498db;
-@menuitem-bg-disabled:           #CCC;
-@menuitem-caret:                 @menuitem-text;
-@menuitem-caret-selected:        @menuitem-text-inverse;
-@menuitem-separator-top:         transparent;
-@menuitem-separator-bottom:      rgba(0,0,0,0.1);
-@menuitem-bg-active:             #3498db;
-@menuitem-text-active:           @text-inverse;
-@menuitem-preview-border-active: #aaa;
-@menubar-menubtn-text:           #333;
-
-// Panel
-@panel-border:                   rgba(0,0,0,.2);
-@panel-bg:                       #FDFDFD;
-@panel-bg-hlight:                #DDD;
-
-// Tabs
-@tab-border:                     #c5c5c5;
-@tab-bg:                         #ffffff;
-@tab-bg-hover:                   #FDFDFD;
-@tab-bg-active:                  #FDFDFD;
-@tabs-bg:             #FFF;
-
-// Tooltip
-@tooltip-bg:                     #000;
-@tooltip-text:                   white;
-@tooltip-font-size:              11px;
-
-// Notification
-@notification-font-size:         14px;
-@notification-bg:                #F0F0F0;
-@notification-border:            #CCCCCC;
-@notification-text:              #333333;
-@notification-success-bg:        #dff0d8;
-@notification-success-border:    #d6e9c6;
-@notification-success-text:      #3c763d;
-@notification-info-bg:           #d9edf7;
-@notification-info-border:       #779ECB;
-@notification-info-text:         #31708f;
-@notification-warning-bg:        #fcf8e3;
-@notification-warning-border:    #faebcc;
-@notification-warning-text:      #8a6d3b;
-@notification-error-bg:          #f2dede;
-@notification-error-border:      #ebccd1;
-@notification-error-text:        #a94442;
-
-// Infobox
-@infobox-bg:                     @notification-bg;
-@infobox-border:                 @notification-border;
-@infobox-text:                   @notification-text;
-@infobox-success-bg:             @notification-success-bg;
-@infobox-success-border:         @notification-success-border;
-@infobox-success-text:           @notification-success-text;
-@infobox-info-bg:                @notification-info-bg;
-@infobox-info-border:            @notification-info-border;
-@infobox-info-text:              @notification-info-text;
-@infobox-warning-bg:             @notification-warning-bg;
-@infobox-warning-border:         @notification-warning-border;
-@infobox-warning-text:           @notification-warning-text;
-@infobox-error-bg:               @notification-error-bg;
-@infobox-error-border:           @notification-error-border;
-@infobox-error-text:             @notification-error-text;
-
-// Window
-@window-border:                  #c5c5c5;
-@window-head-border:             @window-border;
-@window-head-close:              mix(@text, @window-bg, 60%);
-@window-head-close-hover:        mix(@text, @window-bg, 40%);
-@window-foot-border:             @window-border;
-@window-foot-bg:                 @window-bg;
-@window-fullscreen-bg:           #FFF;
-@window-modalblock-bg:           #000;
-@window-modalblock-opacity:      0.3;
-@window-box-shadow:              0 3px 7px rgba(0, 0, 0, 0.3);
-@window-bg:                      #FFF;
-@window-title-font-size:         20px;
-
-// Popover
-@popover-bg:                     @window-bg;
-@popover-arrow-width:            10px;
-@popover-arrow:                  @window-bg;
-@popover-arrow-outer-width:      @popover-arrow-width + 1;
-@popover-arrow-outer:            rgba(0, 0, 0, 0.25);
-
-// Floatpanel
-@floatpanel-box-shadow:          0 5px 10px rgba(0, 0, 0, .2);
-
-// Checkbox
-@checkbox-bg:                    @btn-bg;
-@checkbox-bg-hlight:             @btn-bg-hlight;
-@checkbox-box-shadow:            inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
-@checkbox-border:                #c5c5c5;
-@checkbox-border-focus:          rgba(82, 168, 236, .8);
-
-// Path
-@path-text:                      @text;
-@path-bg-focus:                  #666;
-@path-text-focus:                #fff;
-
-// Textbox
-@textbox-text-placeholder:       #aaa;
-@textbox-box-shadow:             inset 0 1px 1px rgba(0, 0, 0, 0.075);
-@textbox-bg:                     #fff;
-@textbox-border:                 #c5c5c5;
-@textbox-border-focus:           #3498db;
-
-// Selectbox
-@selectbox-bg:                   @textbox-bg;
-@selectbox-border:               @textbox-border;
-
-// Throbber
-@throbber-bg:                    #fff url('img/loader.gif') no-repeat center center;
-
-// Combobox
-@combobox-border:                @textbox-border;
-@combobox-error-text:            @text-error;
-@combobox-warning-text:          @text-warning;
-@combobox-success-text:          @text-success;
-
-// Colorpicker
-@colorpicker-border:             @textbox-border;
-@colorpicker-hue-bg:             #fff;
-@colorpicker-hue-border:         #333;
-
-// Grid
-@grid-bg-active:                 @menuitem-bg-active;
-@grid-border-active:             @menuitem-bg-active;
-@grid-border:                    #d6d6d6;
-
-// Misc
-@colorbtn-backcolor-bg:          #BBB;
-@iframe-border:                  @panel-border;
-
-// Slider
-@slider-border:                  #AAA;
-@slider-bg:                      #EEE;
-@slider-handle-border:           #BBB;
-@slider-handle-bg:               #DDD;
-@slider-handle-bg-focus:         #BBB;
-
-// Progress
-@progress-border:                #ccc;
-@progress-bar-bg:                #dfdfdf;
-@progress-bar-bg-hlight:         #cccccc;
-@progress-text:                  @text;
-
-// Flow layout
-@flow-layout-spacing:            2px;
-
-// Table
-
-@table-row-even:                  #fafafa;
-@table-row-hover:                 darken(@table-row-even, 10%);

data/src/trestle/less/Window.less

@@ -1,127 +0,0 @@
-// Window
-
-.@{prefix}-fullscreen {
-  border: 0; padding: 0; margin: 0;
-  overflow: hidden;
-  height: 100%;
-}
-
-div.@{prefix}-fullscreen {
-  position: fixed;
-  top: 0; left: 0;
-}
-
-#@{prefix}-modal-block {
-  .opacity(0);
-  position: fixed;
-  left: 0; top: 0;
-  width: 100%; height: 100%;
-  background: @window-modalblock-bg;
-}
-
-#@{prefix}-modal-block.@{prefix}-in {
-  .opacity(@window-modalblock-opacity);
-}
-
-.@{prefix}-window-move {
-  cursor: move;
-}
-
-.@{prefix}-window {
-  .border-radius(6px);
-  .box-shadow(@window-box-shadow);
-  .reset-gradient();
-  background: @window-bg;
-  position: fixed;
-  top: 0; left: 0;
-  opacity: 0;
-  transform: scale(0.1);
-  transition: transform 100ms ease-in, opacity 150ms ease-in;
-}
-
-.@{prefix}-window.@{prefix}-in {
-  transform: scale(1);
-  opacity: 1;
-}
-
-.@{prefix}-window-head {
-  padding: 9px 15px;
-  border-bottom: 1px solid @window-head-border;
-  position: relative;
-}
-
-.@{prefix}-window-head .@{prefix}-close {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 38px;
-  width: 38px;
-  text-align: center;
-  cursor: pointer;
-
-  i {
-    color: @window-head-close;
-  }
-}
-
-.@{prefix}-close:hover i {
-  color: @window-head-close-hover;
-}
-
-.@{prefix}-window-head .@{prefix}-title {
-  line-height: 20px;
-  font-size: @window-title-font-size;
-  font-weight: bold;
-  text-rendering: optimizelegibility;
-  padding-right: 20px;
-}
-
-.@{prefix}-window .@{prefix}-container-body {
-  display: block;
-}
-
-.@{prefix}-foot {
-  display: block;
-  background-color: @window-foot-bg;
-  border-top: 1px solid @window-foot-border;
-  .border-radius(0 0 6px 6px);
-}
-
-.@{prefix}-window-head .@{prefix}-dragh {
-  position: absolute;
-  top: 0; left: 0;
-  cursor: move;
-  width: 90%;
-  height: 100%;
-}
-
-.@{prefix}-window iframe {
-  width: 100%;
-  height: 100%;
-}
-
-.@{prefix}-window.@{prefix}-fullscreen, .@{prefix}-window.@{prefix}-fullscreen .@{prefix}-foot {
-  .border-radius(0);
-}
-
-.@{prefix}-window-body .@{prefix}-listbox {
-  border-color: @btn-border-hover;
-}
-
-// RTL
-
-.@{prefix}-rtl .@{prefix}-window-head .@{prefix}-close {
-  position: absolute;
-  right: auto;
-  left: 15px;
-}
-
-.@{prefix}-rtl .@{prefix}-window-head .@{prefix}-dragh {
-  left: auto;
-  right: 0;
-}
-
-.@{prefix}-rtl .@{prefix}-window-head .@{prefix}-title {
-  direction: rtl;
-  text-align: right;
-}