spiderfw 0.6.38 → 0.6.39

data/apps/core/components/public/css/tinymce/skins/lightgray/AbsoluteLayout.less

@@ -0,0 +1,17 @@
+// AbsoluteLayout
+
+.@{prefix}-abs-layout {
+	position: relative;
+}
+
+body .@{prefix}-abs-layout-item, .@{prefix}-abs-end {
+	position: absolute;
+}
+
+.@{prefix}-abs-end {
+	width: 1px; height: 1px;
+}
+
+.@{prefix}-container-body.@{prefix}-abs-layout {
+	overflow: hidden;
+}

data/apps/core/components/public/css/tinymce/skins/lightgray/Animations.less

@@ -0,0 +1,10 @@
+// Animations
+
+.@{prefix}-fade {
+	opacity: 0;
+	.transition(opacity .15s linear);
+
+	&.@{prefix}-in {
+		opacity: 1;
+	}
+}

data/apps/core/components/public/css/tinymce/skins/lightgray/Button.less

@@ -0,0 +1,172 @@
+// Button
+
+.@{prefix}-btn {
+	border: 1px solid mix(rgb(red(@btn-border-right), green(@btn-border-right), blue(@btn-border-right)), @panel-bg, 30%);
+	border-color: @btn-border-top @btn-border-right @btn-border-bottom @btn-border-left;
+	position: relative;
+	text-shadow: @text-shadow;
+
+	.inline-block();
+	.border-radius(3px);
+	.box-shadow(@btn-box-shadow);
+	.vertical-gradient(@btn-bg, @btn-bg-hlight);
+
+	&:hover, &:focus {
+		color: @btn-text;
+		.vertical-gradient(darken(@btn-bg, 5%), darken(@btn-bg-hlight, 5%));
+		border-color: @btn-border-hover;
+	}
+
+	&.@{prefix}-disabled button, &.@{prefix}-disabled:hover button {
+		cursor: default;
+		.box-shadow(none);
+		.opacity(@btn-box-disabled-opacity);
+	}
+
+	&.@{prefix}-active, &.@{prefix}-active:hover {
+		.vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 5%));
+		.box-shadow(@btn-box-shadow-active);
+		border-color: darken(@btn-bg, 20%);
+	}
+
+	&:active {
+		.vertical-gradient(darken(@btn-bg, 7%), darken(@btn-bg-hlight, 5%));
+		.box-shadow(@btn-box-shadow-active);
+		border-color: @btn-border-active;
+
+	}
+}
+
+.@{prefix}-btn button {
+	padding: @btn-padding;
+	font-size: @font-size;
+	line-height: @line-height;
+	*line-height: @line-height - 4px;
+	cursor: pointer;
+	color: @btn-text;
+	text-align: center;
+
+	// Fixes for default inner padding of button
+	overflow: visible; // IE7
+	-webkit-appearance: none; // WebKit
+	&::-moz-focus-inner { // Gecko
+		border: 0;
+		padding: 0;
+	}
+}
+
+.@{prefix}-btn i {
+	text-shadow: 1px 1px @btn-text-shadow;
+}
+
+.@{prefix}-primary {
+	min-width: 50px;
+	color: @btn-primary-text;
+	border: 1px solid transparent;
+	border-color: @btn-primary-border;
+	.vertical-gradient(@btn-primary-bg, @btn-primary-bg-hlight);
+
+	&:hover, &:focus {
+		.vertical-gradient(darken(@btn-primary-bg, 5%), darken(@btn-primary-bg-hlight, 5%));
+		border-color: @btn-primary-border-hover;
+	}
+
+	&.@{prefix}-disabled button, &.@{prefix}-disabled:hover button {
+		cursor: default;
+		.box-shadow(none);
+		.opacity(@btn-box-disabled-opacity);
+	}
+
+	&.@{prefix}-active, &.@{prefix}-active:hover, &:not(.@{prefix}-disabled):active {
+		.vertical-gradient(darken(@btn-primary-bg, 10%), darken(@btn-primary-bg-hlight, 10%));
+		.box-shadow(@btn-box-shadow-active);
+	}
+}
+
+.@{prefix}-primary button, .@{prefix}-primary button i {
+	color: @btn-primary-text;
+	text-shadow: 1px 1px @btn-primary-text-shadow;
+}
+
+.@{prefix}-btn .@{prefix}-txt {
+	font-size: inherit;
+	line-height: inherit;
+	color: inherit;
+}
+
+.@{prefix}-btn-large button {
+	padding: 9px 14px;
+	font-size: @font-size + 2px;
+	line-height: normal;
+	.border-radius(5px);
+}
+
+.@{prefix}-btn-large i {
+	margin-top: 2px;
+}
+
+.@{prefix}-btn-small button {
+	padding: 1px 5px;
+	font-size: @font-size - 2px;
+	*padding-bottom: 2px;
+}
+
+.@{prefix}-btn-small i {
+	line-height: 20px;
+	vertical-align: top;
+	*line-height: 18px;
+}
+
+.@{prefix}-btn .@{prefix}-caret {
+	margin-top: 8px;
+	margin-left: 0;
+}
+
+.@{prefix}-btn-small .@{prefix}-caret {
+	margin-top: 8px;
+	margin-left: 0;
+}
+
+.@{prefix}-caret {
+	.inline-block();
+	width: 0; height: 0;
+	vertical-align: top;
+	border-top: 4px solid @btn-caret-border;
+	border-right: 4px solid transparent;
+	border-left: 4px solid transparent;
+	content: "";
+}
+
+.@{prefix}-disabled .@{prefix}-caret {
+	border-top-color: @text-disabled;
+}
+
+.@{prefix}-caret.@{prefix}-up {
+	border-bottom: 4px solid @btn-caret-border;
+	border-top: 0;
+}
+
+.@{prefix}-btn-flat {
+	border: 0;
+	background: transparent;
+	.border-radius(0);
+	.box-shadow(none);
+	filter: none;
+}
+
+.@{prefix}-btn-flat:hover, .@{prefix}-btn-flat.@{prefix}-active, .@{prefix}-btn-flat:focus, .@{prefix}-btn-flat:active {
+	border: 0;
+	background: @menubar-bg-active;
+	filter: none;
+	.box-shadow(none);
+}
+
+.@{prefix}-btn-has-text .@{prefix}-ico {
+	padding-right: 5px;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-btn button {
+	direction: rtl;
+}

data/apps/core/components/public/css/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/apps/core/components/public/css/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/apps/core/components/public/css/tinymce/skins/lightgray/ColorBox.less

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

data/apps/core/components/public/css/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/apps/core/components/public/css/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;
+}