spiderfw 0.6.38 → 0.6.39

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

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

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

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

data/apps/core/components/public/js/tinymce/skins/lightgray/Slider.less

@@ -0,0 +1,29 @@
+// Slider
+
+.@{prefix}-slider {
+	.border-radius(3px);
+	border: 1px solid @slider-border;
+	background: @slider-bg;
+	width: 100px;
+	height: 10px;
+	position: relative;
+	display: block;
+}
+
+.@{prefix}-slider.@{prefix}-vertical {
+	width: 10px;
+	height: 100px;
+}
+
+.@{prefix}-slider-handle {
+	.border-radius(3px);
+	border: 1px solid @slider-handle-border;
+	background: @slider-handle-bg;
+	display: block;
+	width: 13px;
+	height: 13px;
+	position: absolute;
+	top: 0; left: 0;
+	margin-left: -1px;
+	margin-top: -2px;
+}

data/apps/core/components/public/js/tinymce/skins/lightgray/Spacer.less

@@ -0,0 +1,5 @@
+// Spacer
+
+.@{prefix}-spacer {
+	visibility: hidden;
+}

data/apps/core/components/public/js/tinymce/skins/lightgray/SplitButton.less

@@ -0,0 +1,49 @@
+// SplitButton
+
+.@{prefix}-splitbtn .@{prefix}-open {
+	border-left: 1px solid transparent;
+}
+
+.@{prefix}-splitbtn:hover .@{prefix}-open {
+	border-left-color: darken(@btn-bg, 20%);
+}
+
+.@{prefix}-splitbtn button when (@has-button-borders = false) {
+	padding-right: 6px;
+	padding-left: 6px;
+}
+
+.@{prefix}-splitbtn button when (@has-button-borders = true) {
+	padding-right: 4px;
+	padding-left: 8px;
+}
+
+.@{prefix}-splitbtn .@{prefix}-open {
+	padding-right: 4px;
+	padding-left: 4px;
+}
+
+.@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active {
+	.vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 5%));
+	outline: 1px solid darken(@btn-bg, 20%);
+}
+
+.@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open {
+	padding: 0 3px 0 3px;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-splitbtn {
+	direction: rtl;
+	text-align: right;
+}
+
+.@{prefix}-rtl .@{prefix}-splitbtn button {
+	padding-right: 4px;
+	padding-left: 4px;
+}
+
+.@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open {
+	border-left: 0;
+}

data/apps/core/components/public/js/tinymce/skins/lightgray/StackLayout.less

@@ -0,0 +1,5 @@
+// StackLayout 
+
+.@{prefix}-stack-layout-item {
+	display: block;
+}

data/apps/core/components/public/js/tinymce/skins/lightgray/TabPanel.less

@@ -0,0 +1,44 @@
+// TabPanel
+
+.@{prefix}-tabs {
+	display: block;
+	border-bottom: 1px solid @tab-border;
+}
+
+.@{prefix}-tabs,
+.@{prefix}-tabs + .@{prefix}-container-body {
+	background: @tabs-bg;
+}
+
+.@{prefix}-tab {
+	.inline-block();
+	border: 1px solid @tab-border;
+	border-width: 0 1px 0 0;
+	background: @tab-bg;
+	padding: 8px;
+	text-shadow: @text-shadow;
+	height: 13px;
+	cursor: pointer;
+}
+
+.@{prefix}-tab:hover {
+	background: @tab-bg-hover;
+}
+
+.@{prefix}-tab.@{prefix}-active {
+	background: @tab-bg-active;
+	border-bottom-color: transparent;
+	margin-bottom: -1px;
+	height: 14px;
+}
+
+// RTL
+
+.@{prefix}-rtl .@{prefix}-tabs {
+	text-align: right;
+	direction: rtl;
+}
+
+.@{prefix}-rtl .@{prefix}-tab {
+	border-width: 0 0 0 1px;
+}