tinymce-rails 4.4.3 → 4.5.0

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

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

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

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

data/vendor/assets/javascripts/tinymce/skins/lightgray/Content.Inline.less

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

data/vendor/assets/javascripts/tinymce/skins/lightgray/Content.Objects.less

@@ -0,0 +1,178 @@
+/* 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 .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-preview-object[data-mce-selected="2"] .mce-shim {
+	display: 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: '-';
+}
+
+hr {
+	cursor: default;
+}
+
+.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-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+	outline: 2px solid #2d8ac7;
+}
+
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+	outline: 2px solid #7ACAFF;
+}
+
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+	outline: 2px solid #2d8ac7;
+}
+
+.mce-resize-bar-dragging {
+	background-color: blue;
+	.opacity(0.25);
+}