tinymce-rails 4.4.3 → 4.5.0

data/vendor/assets/javascripts/tinymce/skins/lightgray/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/vendor/assets/javascripts/tinymce/skins/lightgray/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;
+}

data/vendor/assets/javascripts/tinymce/skins/lightgray/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/vendor/assets/javascripts/tinymce/skins/lightgray/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/vendor/assets/javascripts/tinymce/skins/lightgray/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/vendor/assets/javascripts/tinymce/skins/lightgray/Radio.less

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

data/vendor/assets/javascripts/tinymce/skins/lightgray/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/vendor/assets/javascripts/tinymce/skins/lightgray/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/vendor/assets/javascripts/tinymce/skins/lightgray/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/vendor/assets/javascripts/tinymce/skins/lightgray/SelectBox.less

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

data/vendor/assets/javascripts/tinymce/skins/lightgray/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;
+}