spiderfw 0.6.38 → 0.6.39

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

@@ -0,0 +1,142 @@
+// 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);
+}
+
+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;
+}
+
+// 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/apps/core/components/public/css/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/apps/core/components/public/css/tinymce/skins/lightgray/Notification.less

@@ -0,0 +1,144 @@
+// notification
+
+.@{prefix}-notification {
+	position: absolute;
+	background-color: @notification-bg;
+	padding: 5px;
+	margin-top: 5px;
+	border-width: 1px;
+	border-style: solid;
+	border-color: @notification-border;
+	transform: scale(0.1);
+	transition: transform 100ms ease-in, opacity 150ms ease-in;
+	opacity: 0;
+}
+
+.@{prefix}-notification.@{prefix}-in {
+	opacity: 1;
+	transform: scale(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/apps/core/components/public/css/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/apps/core/components/public/css/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/apps/core/components/public/css/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/apps/core/components/public/css/tinymce/skins/lightgray/Radio.less

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

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