trestle-tinymce 0.1.0

data/src/trestle/less/Label.less

@@ -0,0 +1,38 @@
+// Label
+
+.@{prefix}-label {
+  .inline-block();
+  text-shadow: @text-shadow;
+  overflow: hidden;
+}
+
+.@{prefix}-label.@{prefix}-autoscroll {
+  overflow: auto;
+}
+
+.@{prefix}-label.@{prefix}-disabled {
+  color: @text-disabled;
+}
+
+.@{prefix}-label.@{prefix}-multiline {
+  white-space: pre-wrap;
+}
+
+.@{prefix}-label.@{prefix}-success {
+  color: @text-success;
+}
+
+.@{prefix}-label.@{prefix}-warning {
+  color: @text-warning;
+}
+
+.@{prefix}-label.@{prefix}-error {
+  color: @text-error;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-label {
+  text-align: right;
+  direction: rtl;
+}

data/src/trestle/less/ListBox.less

@@ -0,0 +1,26 @@
+// ListBox
+
+.@{prefix}-listbox button {
+  text-align: left;
+  padding-right: 20px;
+  position: relative;
+}
+
+.@{prefix}-listbox .@{prefix}-caret {
+  position: absolute;
+  margin-top: -2px;
+  right: 8px;
+  top: 50%;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-listbox .@{prefix}-caret {
+  right: auto;
+  left: 8px;
+}
+
+.@{prefix}-rtl .@{prefix}-listbox button {
+  padding-right: 10px;
+  padding-left: 20px;
+}

data/src/trestle/less/Menu.less

@@ -0,0 +1,34 @@
+// Menu
+
+.@{prefix}-menu {
+  position: absolute;
+  left: 0; top: 0;
+  .reset-gradient();
+  z-index: 1000;
+  padding: 5px 0 5px 0;
+  margin: @menu-margin; 
+  min-width: 160px;
+  background: @menu-bg;
+  border: 1px solid mix(rgb(red(@menu-border), green(@menu-border), blue(@menu-border)), @panel-bg, round(alpha(@menu-border) * 200));
+  border: 1px solid @menu-border;
+  z-index: 1002;
+  .border-radius(6px);
+  .box-shadow(0 5px 10px rgba(0,0,0,.2));
+  max-height: 400px;
+  overflow: auto;
+  overflow-x: hidden;
+}
+
+.@{prefix}-menu i {
+  display: none;
+}
+
+.@{prefix}-menu-has-icons i {
+  display: inline-block;
+  *display: inline;
+}
+
+.@{prefix}-menu-sub-tr-tl { margin: -6px 0 0 -1px; }
+.@{prefix}-menu-sub-br-bl { margin: 6px 0 0 -1px; }
+.@{prefix}-menu-sub-tl-tr { margin: -6px 0 0 1px; }
+.@{prefix}-menu-sub-bl-br { margin: 6px 0 0 1px; }

data/src/trestle/less/MenuBar.less

@@ -0,0 +1,32 @@
+/* MenuBar */
+
+.@{prefix}-menubar .@{prefix}-menubtn {
+  border-color: transparent;
+  background: transparent;
+  .border-radius(0);
+  .box-shadow(none);
+  filter: none;
+}
+
+.@{prefix}-menubar .@{prefix}-menubtn button {
+  color: @menubar-menubtn-text;
+}
+
+.@{prefix}-menubar {
+  border: 1px solid @menubar-border;
+}
+
+.@{prefix}-menubar .@{prefix}-menubtn button span {
+  color: @text;
+}
+
+.@{prefix}-menubar .@{prefix}-caret {
+  border-top-color: @text;
+}
+
+.@{prefix}-menubar .@{prefix}-menubtn:hover, .@{prefix}-menubar .@{prefix}-menubtn.@{prefix}-active, .@{prefix}-menubar .@{prefix}-menubtn:focus {
+  border-color: darken(@btn-bg, 20%);
+  background: @menu-bg;
+  filter: none;
+  .box-shadow(none);
+}

data/src/trestle/less/MenuButton.less

@@ -0,0 +1,34 @@
+/* MenuButton */
+
+.@{prefix}-menubtn button {
+  color: @btn-text;
+  //margin-right: 2px;
+  //line-height: @line-height;
+  //*line-height: @line-height - 4px;
+}
+
+.@{prefix}-menubtn.@{prefix}-btn-small span {
+  font-size: @font-size - 2px;
+}
+
+.@{prefix}-menubtn.@{prefix}-fixed-width span {
+  display: inline-block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  width: 90px;
+}
+
+.@{prefix}-menubtn.@{prefix}-fixed-width.@{prefix}-btn-small span {
+  width: 70px;
+}
+
+.@{prefix}-menubtn .@{prefix}-caret {
+  *margin-top: 6px;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-menubtn button {
+  direction: rtl;
+  text-align: right;
+}

data/src/trestle/less/MenuItem.less

@@ -0,0 +1,176 @@
+// MenuItem
+
+.@{prefix}-menu-item {
+  display: block;
+  padding: 6px 15px 6px 12px;
+  clear: both;
+  font-weight: normal;
+  line-height: 20px;
+  color: @menuitem-text;
+  white-space: nowrap;
+  cursor: pointer;
+  line-height: normal;
+  border-left: 4px solid transparent;
+  margin-bottom: 1px;
+}
+
+.@{prefix}-menu-item .@{prefix}-ico, .@{prefix}-menu-item .@{prefix}-text {
+  color: @menuitem-text;
+}
+
+.@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-ico {
+  color: mix(@menuitem-text, @menu-bg, 40%);
+}
+
+.@{prefix}-menu-item:hover .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-text, .@{prefix}-menu-item:focus .@{prefix}-text {
+  color: @menuitem-text-inverse;
+}
+
+.@{prefix}-menu-item:hover .@{prefix}-ico, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-ico, .@{prefix}-menu-item:focus .@{prefix}-ico {
+  color: @menuitem-text-inverse;
+}
+
+.@{prefix}-menu-item.@{prefix}-disabled:hover {
+  background: @menuitem-bg-disabled;
+}
+
+.@{prefix}-menu-shortcut {
+  display: inline-block;
+  color: mix(@menuitem-text, @menu-bg, 40%);
+}
+
+.@{prefix}-menu-shortcut {
+  .inline-block();
+  padding: 0 15px 0 20px;
+}
+
+.@{prefix}-menu-item:hover .@{prefix}-menu-shortcut, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-menu-shortcut, .@{prefix}-menu-item:focus .@{prefix}-menu-shortcut {
+  color: @menuitem-text-inverse;
+}
+
+.@{prefix}-menu-item .@{prefix}-caret {
+  margin-top: 4px;
+  *margin-top: 3px;
+  margin-right: 6px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 4px solid @menuitem-caret;
+}
+
+.@{prefix}-menu-item.@{prefix}-selected .@{prefix}-caret, .@{prefix}-menu-item:focus .@{prefix}-caret, .@{prefix}-menu-item:hover .@{prefix}-caret {
+  border-left-color: @menuitem-caret-selected;
+}
+
+.@{prefix}-menu-align .@{prefix}-menu-shortcut {
+  *margin-top: -2px;
+}
+
+.@{prefix}-menu-align .@{prefix}-menu-shortcut, .@{prefix}-menu-align .@{prefix}-caret {
+  position: absolute;
+  right: 0;
+}
+
+.@{prefix}-menu-item.@{prefix}-active i {
+  visibility: visible;
+}
+
+.@{prefix}-menu-item-normal.@{prefix}-active {
+  background-color: @menuitem-bg-active;
+}
+
+.@{prefix}-menu-item-preview.@{prefix}-active {
+  border-left: 5px solid @menuitem-preview-border-active;
+}
+
+.@{prefix}-menu-item-normal.@{prefix}-active .@{prefix}-text {
+  color: @menuitem-text-active;
+}
+
+.@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-ico {
+  color: @menuitem-text-inverse;
+}
+
+.@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-ico {
+  color: @menuitem-text-inverse;
+}
+
+.@{prefix}-menu-item:hover, .@{prefix}-menu-item.@{prefix}-selected, .@{prefix}-menu-item:focus {
+  text-decoration: none;
+  color: @menuitem-text-inverse;
+  .vertical-gradient(@menuitem-bg-selected, @menuitem-bg-selected-hlight);
+}
+
+.@{prefix}-menu-item-link {
+  color: #093;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  b {
+    color: #093;
+  }
+}
+
+.@{prefix}-menu-item-ellipsis {
+  display: block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.@{prefix}-menu-item:hover *, .@{prefix}-menu-item.@{prefix}-selected *, .@{prefix}-menu-item:focus * {
+  color: @menuitem-text-inverse;
+}
+
+div.@{prefix}-menu .@{prefix}-menu-item-sep, .@{prefix}-menu-item-sep:hover {
+  border: 0;
+  padding: 0;
+  height: 1px;
+  margin: 9px 1px;
+  overflow: hidden;
+  background: @menuitem-separator-top;
+  border-bottom: 1px solid @menuitem-separator-bottom;
+  cursor: default;
+  filter: none;
+}
+
+div.@{prefix}-menu .@{prefix}-menu-item b {
+  font-weight: bold;
+}
+
+.@{prefix}-menu-item-indent-1 { padding-left: 20px; }
+.@{prefix}-menu-item-indent-2 { padding-left: 35px; }
+.@{prefix}-menu-item-indent-2 { padding-left: 35px; }
+.@{prefix}-menu-item-indent-3 { padding-left: 40px; }
+.@{prefix}-menu-item-indent-4 { padding-left: 45px; }
+.@{prefix}-menu-item-indent-5 { padding-left: 50px; }
+.@{prefix}-menu-item-indent-6 { padding-left: 55px; }
+
+// RTL
+
+.@{prefix}-menu.@{prefix}-rtl {
+  direction: rtl;
+}
+
+.@{prefix}-rtl .@{prefix}-menu-item {
+  text-align: right;
+  direction: rtl;
+  padding: 6px 12px 6px 15px;
+}
+
+.@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-menu-shortcut, .@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-caret {
+  right: auto;
+  left: 0;
+}
+
+.@{prefix}-rtl .@{prefix}-menu-item .@{prefix}-caret {
+  margin-left: 6px;
+  margin-right: 0;
+  border-right: 4px solid @menuitem-caret;
+  border-left: 0;
+}
+
+.@{prefix}-rtl .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-caret, .@{prefix}-rtl .@{prefix}-menu-item:focus .@{prefix}-caret, .@{prefix}-rtl .@{prefix}-menu-item:hover .@{prefix}-caret {
+  border-left-color: transparent;
+  border-right-color: @menuitem-caret-selected;
+}

data/src/trestle/less/Mixins.less

@@ -0,0 +1,54 @@
+// Mixins
+
+.opacity(@opacity) {
+  opacity: @opacity;
+  @opacityie: @opacity * 100;
+  filter: ~"alpha(opacity=@{opacityie})";
+  zoom: 1;
+}
+
+.vertical-gradient(@startColor, @endColor) when (@has-gradients = true) {
+  background-color: mix(@startColor, @endColor, 60%);
+  background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
+  background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
+  background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
+  background-repeat: repeat-x;
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@startColor), argb(@endColor)));
+  zoom: 1;
+}
+
+.vertical-gradient(@startColor, @endColor) when (@has-gradients = false) {
+  background-color: mix(@startColor, @endColor, 60%);
+}
+
+.border-radius(@radius) when (@has-radius = true) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+}
+
+.box-shadow(@shadowA, @shadowB:X, ...) when (@has-boxshadow = true) {
+  // Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/
+  @props: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
+  -webkit-box-shadow: @props;
+  -moz-box-shadow: @props;
+  box-shadow: @props;
+}
+
+.transition(@transition) {
+  -webkit-transition: @transition;
+  transition: @transition;
+}
+
+.inline-block() {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+
+.reset-gradient() {
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+  background: transparent;
+}

data/src/trestle/less/Notification.less

@@ -0,0 +1,142 @@
+// notification
+
+.@{prefix}-notification {
+  position: absolute;
+  background-color: @notification-bg;
+  padding: 5px;
+  margin-top: 5px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: @notification-border;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  opacity: 0;
+}
+
+.@{prefix}-notification.@{prefix}-in {
+  opacity: 1;
+}
+
+.@{prefix}-notification-success {
+  background-color: @notification-success-bg;
+  border-color: @notification-success-border;
+}
+
+.@{prefix}-notification-info {
+  background-color: @notification-info-bg;
+  border-color: @notification-info-border;
+}
+
+.@{prefix}-notification-warning {
+  background-color: @notification-warning-bg;
+  border-color: @notification-warning-border;
+}
+
+.@{prefix}-notification-error {
+  background-color: @notification-error-bg;
+  border-color: @notification-error-border;
+}
+
+.@{prefix}-notification.@{prefix}-has-close {
+  padding-right: 15px;
+}
+
+.@{prefix}-notification .@{prefix}-ico {
+  margin-top: 5px;
+}
+
+.@{prefix}-notification-inner {
+  display: inline-block;
+  font-size: @notification-font-size;
+  margin: 5px 8px 4px 8px;
+  text-align: center;
+  white-space: normal;
+  color: @notification-info-text;
+}
+
+.@{prefix}-notification-inner a {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.@{prefix}-notification .@{prefix}-progress {
+  margin-right: 8px;
+}
+
+.@{prefix}-notification .@{prefix}-progress .@{prefix}-text {
+  margin-top: 5px;
+}
+
+.@{prefix}-notification *, .@{prefix}-notification .@{prefix}-progress .@{prefix}-text {
+  color: @notification-text;
+}
+
+.@{prefix}-notification .@{prefix}-progress .@{prefix}-bar-container {
+  border-color: @notification-border;
+}
+
+.@{prefix}-notification .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
+  background-color: @notification-text;
+}
+
+.@{prefix}-notification-success *, .@{prefix}-notification-success .@{prefix}-progress .@{prefix}-text {
+  color: @notification-success-text;
+}
+
+.@{prefix}-notification-success .@{prefix}-progress .@{prefix}-bar-container {
+  border-color: @notification-success-border;
+}
+
+.@{prefix}-notification-success .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
+  background-color: @notification-success-text;
+}
+
+.@{prefix}-notification-info *, .@{prefix}-notification-info .@{prefix}-progress .@{prefix}-text  {
+  color: @notification-info-text;
+}
+
+.@{prefix}-notification-info .@{prefix}-progress .@{prefix}-bar-container {
+  border-color: @notification-info-border;
+}
+
+.@{prefix}-notification-info .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
+  background-color: @notification-info-text;
+}
+
+.@{prefix}-notification-warning *, .@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-text  {
+  color: @notification-warning-text;
+}
+
+.@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-bar-container {
+  border-color: @notification-warning-border;
+}
+
+.@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
+  background-color: @notification-warning-text;
+}
+
+.@{prefix}-notification-error *, .@{prefix}-notification-error .@{prefix}-progress .@{prefix}-text  {
+  color: @notification-error-text;
+}
+
+.@{prefix}-notification-error .@{prefix}-progress .@{prefix}-bar-container {
+  border-color: @notification-error-border;
+}
+
+.@{prefix}-notification-error .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
+  background-color: @notification-error-text;
+}
+
+.@{prefix}-notification .@{prefix}-close {
+  position: absolute;
+  top: 6px;
+  right: 8px;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 20px;
+  color: @window-head-close;
+  cursor: pointer;
+
+  // IE7
+  height: 20px;
+  overflow: hidden;
+}