Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

[update] final skins selected

  • Loading branch information...
commit c653fa081f8253f7137e7c507108acbbe577e899 1 parent cdc4abf
Stanislau Wolski authored October 11, 2011
1  codebase/compressed/message.compressed.css
... ...
@@ -1 +0,0 @@
1  
-.dhtmlx_message_area{position:fixed;right:5px;width:250px;z-index:100;}.dhtmlx-info{color:#000080;border-radius:4px;min-width:120px;padding:4px 4px 4px 20px;background-color:#FFC;font-size:12px;font-family:Tahoma;z-index:10000;margin:5px;border:1px solid #d3d3d3;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}.dhtmlx-info.hidden{height:0;padding:0;border-width:0;margin:0;overflow:hidden;}.dhtmlx_modal_box{overflow:hidden;display:inline-block;min-width:300px;width:300px!important;text-align:center;position:fixed;background-color:#ebebf5;z-index:20000;-moz-box-shadow:0 0 5px #AAA;-webkit-box-shadow:0 0 0 #AAA;box-shadow:0 0 5px #AAA;}.dhtmlx_modal_box div{padding:5px 0;}.dhtmlx_popup_title{font-size:22px;line-height:34px;font-family:helvetica;}.dhtmlx_popup_title,.dhtmlx_popup_button{-webkit-user-select:none;user-select:none;-moz-user-select:-moz-none;cursor:pointer;}.dhtmlx_popup_text{font-size:24px;font-family:utsaah;color:#616161;min-height:50px;padding:10px!important;overflow:hidden;}.dhtmlx_popup_controls{font-family:Tahoma;font-weight:bold;padding:10px!important;}.dhtmlx_popup_button{font-size:14px;font-family:Tahoma;font-weight:bold;min-width:120px;width:120px;height:30px;line-height:30px;display:inline-block;margin:0 5px;border-radius:4px;}div.dhx_modal_cover{background-color:#000;cursor:default;filter:alpha(opacity = 20);opacity:.2;position:fixed;z-index:19999;left:0;top:0;width:100%;height:100%;border:none;zoom:1;}.dhtmlx_popup_button{color:#2e3947;text-shadow:0 1px 0 #fff;border:1px solid #a4bed4;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAQElEQVR4nE3LMQ7AIAxD0R9TxP3PydalW8xAQJ0i2y/M95ONTOxrlCC7MigdMtz92LxdlKPc/3d7jPqDRgv1xgLuDiwEIl5MZQAAAABJRU5ErkJggg==);}.dhtmlx_popup_button:active,.dhtmlx_popup_button:focus{box-shadow:inset 0 0 2px #aaa;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAARklEQVR4nE2LMQ6AIADEykUG3Nz9/yf4Ar8g7K4Oeg4KOFxyTVNyqUrbLoMwAgt4+dt0nT0+IP/cbD0ag0JAabm1xkvn0R7oABW07Ic3sQAAAABJRU5ErkJggg==);}.dhtmlx_popup_title{box-shadow:inset 0 0 2px #fff;display:block;}.dhtmlx-alert-error .dhtmlx_popup_title,.dhtmlx-confirm-error .dhtmlx_popup_title{color:white;border:1px solid #f00;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC);}.dhtmlx-alert-error .dhtmlx_popup_controls,.dhtmlx-confirm-error .dhtmlx_popup_controls{border:1px solid #f00;border-width:0 1px 1px 1px;}.dhtmlx-alert-error .dhtmlx_popup_text,.dhtmlx-confirm-error .dhtmlx_popup_text{border:1px solid #f00;border-width:0 1px 0 1px;}.dhtmlx-alert-warning .dhtmlx_popup_title,.dhtmlx-confirm-warning .dhtmlx_popup_title{color:#000;border:1px solid #d2b07f;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAASUlEQVR4nGP4d2MNE+Pba0wM//8xMfz/y8TwD0r//8fE8O8vGhuHHD61cPPQzP7/F0kdOh/KZuVmYuAQYGLgEGRi4BBg+i9rDwDadU/CBfIz5QAAAABJRU5ErkJggg==);}.dhtmlx-alert-warning .dhtmlx_popup_controls,.dhtmlx-confirm-warning .dhtmlx_popup_controls{border:1px solid #d5d5d5;border-width:0 1px 1px 1px;}.dhtmlx-alert-warning .dhtmlx_popup_text,.dhtmlx-confirm-warning .dhtmlx_popup_text{border:1px solid #d5d5d5;border-width:0 1px 0 1px;}.dhtmlx-alert .dhtmlx_popup_title,.dhtmlx-confirm .dhtmlx_popup_title{color:#000;border:1px solid #a4bed4;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAARElEQVR4nH3MMQqAQBQD0dnZBTvvf80tBBEhNh9EFKuERwhz2z3OGDA0EwxI5aelvDq/hkn54+O210dtujjEYXN0XJdc1CE1MA5mcdsAAAAASUVORK5CYII=);}.dhtmlx-alert .dhtmlx_popup_controls,.dhtmlx-confirm .dhtmlx_popup_controls{border:1px solid #d5d5d5;border-width:0 1px 1px 1px;}.dhtmlx-alert .dhtmlx_popup_text,.dhtmlx-confirm .dhtmlx_popup_text{border:1px solid #d5d5d5;border-width:0 1px 0 1px;}
1  codebase/compressed/message.compressed.js
... ...
@@ -1 +0,0 @@
1  
-(function(){if(!window.dhtmlx){window.dhtmlx={}}function H(L){if(!H.cover){H.cover=document.createElement("DIV");H.cover.className="dhx_modal_cover";document.body.appendChild(H.cover)}var K=document.body.scrollHeight;H.cover.style.display=L?"inline-block":"none"}function E(K,L){return"<span class='dhtmlx_popup_button' "+(L?"result='true' ":"")+">"+K+"</span>"}function B(L){if(!I.area){I.area=document.createElement("DIV");I.area.className="dhtmlx_message_area";I.area.style[I.defPosition]="5px";document.body.appendChild(I.area)}I.hide(L.id);var K=document.createElement("DIV");K.innerHTML=L.text;K.className="dhtmlx-info dhtmlx-"+L.type;if(I.defPosition=="bottom"&&I.area.firstChild){I.area.insertBefore(K,I.area.firstChild)}else{I.area.appendChild(K)}I.timers[L.id]=window.setTimeout(function(){I.hide(L.id)},L.lifetime);I.pull[L.id]=K;return L.id}function J(M,N,P){var O=document.createElement("DIV");O.className=" dhtmlx_modal_box dhtmlx-"+M.type;var L='<div class="dhtmlx_popup_title">'+M.title+'</div><div class="dhtmlx_popup_text"><span>'+M.text+'</span></div><div  class="dhtmlx_popup_controls">';if(N){L+=E(M.ok||"Ok",true)}if(P){L+=E(M.cancel||"Cancel",false)}L+="</div>";O.innerHTML=L;O.onclick=function(S){S=S||event;var R=S.target||S.srcElement;if(R.className=="dhtmlx_popup_button"){if(M.callback){M.callback.call(window,R.getAttribute("result")=="true")}H(false);O.parentNode.removeChild(O);O=null}};H(true);document.body.appendChild(O);var K=Math.abs(Math.floor(((window.innerWidth||document.documentElement.offsetWidth)-O.offsetWidth)/2));var Q=Math.abs(Math.floor(((window.innerHeight||document.documentElement.offsetHeight)-O.offsetHeight)/2));O.style.top=Q+"px";O.style.left=K+"px"}function D(K,L){return function(){I.hide(K.id);if(typeof K.callback=="function"){K.callback(L)}}}function G(K){K.title=K.title||"Alert";var L=J(K,true,false)}function A(K){K.title=K.title||"Confirm";var L=J(K,true,true)}function F(L,K,M){if(typeof L!="object"){if(typeof K=="function"){M=K;K=""}L={text:L,type:K,callback:M}}return L}function C(M,L,K,N){if(typeof M!="object"){M={text:M,type:L,lifetime:K,id:N}}M.id=M.id||I.uid();M.lifetime=M.lifetime||I.defTimeout;return M}dhtmlx.alert=function(){text=F.apply(this,arguments);text.type=text.type||"confirm";G(text)};dhtmlx.confirm=function(){text=F.apply(this,arguments);text.type=text.type||"alert";A(text)};var I=dhtmlx.message=function(N,M,K,O){N=C.apply(this,arguments);N.type=N.type||"info";var L=N.type.split("-")[0];switch(L){case"alert":return G(N);break;case"confirm":return A(N);break;default:return B(N);break}};I.seed=(new Date()).valueOf();I.uid=function(){return I.seed++};I.defTimeout=4000;I.defPosition="top";I.pull={};I.timers={};I.hideAll=function(){for(var K in I.pull){I.hide(K)}};I.hide=function(L){var K=I.pull[L];if(K&&K.parentNode){window.setTimeout(function(){K.parentNode.removeChild(K);K=null},2000);K.className+=" hidden";if(I.timers[L]){window.clearTimeout(I.timers[L])}delete I.pull[L]}}})();
185  codebase/message.css
... ...
@@ -1,185 +0,0 @@
1  
-.dhtmlx_message_area{
2  
-	position:fixed;
3  
-	right:5px;
4  
-	width:250px;
5  
-	z-index:100;
6  
-}
7  
-
8  
-.dhtmlx-info{
9  
-	color:#000080;
10  
-	border-radius:4px;
11  
-	min-width: 120px;
12  
-
13  
-	padding:4px 4px 4px 20px;
14  
-	background-color:#FFFFCC;
15  
-	font-size:12px;
16  
-	font-family:Tahoma;
17  
-	z-index: 10000;
18  
-	margin:5px;
19  
-	border:1px solid #d3d3d3;
20  
-
21  
-	-webkit-transition: all .5s ease;
22  
-    -moz-transition: all .5s ease;
23  
-    -o-transition: all .5s ease;
24  
-    transition: all .5s ease;
25  
-}
26  
-.dhtmlx-info.hidden{
27  
-	height:0px;
28  
-	padding:0px;
29  
-	border-width:0px;
30  
-	margin:0px;
31  
-	overflow:hidden;
32  
-}
33  
-
34  
-.dhtmlx_modal_box{
35  
-	overflow:hidden;
36  
-	display: inline-block;
37  
-	min-width: 300px;
38  
-	width: 300px !important;
39  
-	text-align: center;
40  
-	position:fixed;
41  
-	background-color: #ebebf5;
42  
-	z-index:20000;
43  
-	
44  
-	-moz-box-shadow: 0px 0px 5px #AAAAAA;
45  
-    -webkit-box-shadow: 0px 0px 0px #AAAAAA;
46  
-    box-shadow: 0px 0px 5px #AAAAAA;
47  
-
48  
-}
49  
-
50  
-.dhtmlx_popup_title{
51  
-	font-size: 22px;
52  
-	line-height: 34px;
53  
-	font-family:helvetica;
54  
-
55  
-
56  
-}
57  
-.dhtmlx_popup_title, .dhtmlx_popup_button{
58  
-	-webkit-user-select: none;
59  
-	user-select: none;
60  
-	-moz-user-select:-moz-none;
61  
-
62  
-	cursor:pointer;
63  
-}
64  
-
65  
-
66  
-.dhtmlx_popup_text{
67  
-	font-size: 24px;
68  
-	font-family: utsaah;
69  
-	color:#616161;
70  
-	min-height: 50px;
71  
-	padding: 10px !important;
72  
-	overflow:hidden;
73  
-}
74  
-
75  
-.dhtmlx_popup_controls{
76  
-	font-family: Tahoma;
77  
-	font-weight:bold;
78  
-	padding: 10px !important;
79  
-}
80  
-
81  
-.dhtmlx_popup_button{
82  
-
83  
-	font-size: 14px;
84  
-	font-family: Tahoma;
85  
-	font-weight: bold;
86  
-	min-width: 120px;
87  
-	width: 120px;
88  
-	height: 30px;
89  
-	line-height:30px;
90  
-	display: inline-block;
91  
-	margin: 0 5px;
92  
-
93  
-	border-radius: 4px;
94  
-}
95  
-
96  
-div.dhx_modal_cover {
97  
-	background-color:#000;
98  
-	cursor:default;
99  
-	filter:alpha(opacity = 20);
100  
-	opacity: 0.2;
101  
-	position: fixed;
102  
-	z-index:19999;
103  
-	left: 0px;
104  
-	top: 0px;
105  
-	width: 100%;
106  
-	height: 100%;
107  
-	border: none;
108  
-	zoom: 1;
109  
-}
110  
-
111  
-
112  
-
113  
-.dhtmlx_popup_button{
114  
-	color: #2e3947;
115  
-	text-shadow: 0 1px 0 #ffffff;
116  
-	border: 1px solid #a4bed4;
117  
-	
118  
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAQElEQVR4nE3LMQ7AIAxD0R9TxP3PydalW8xAQJ0i2y/M95ONTOxrlCC7MigdMtz92LxdlKPc/3d7jPqDRgv1xgLuDiwEIl5MZQAAAABJRU5ErkJggg==);
119  
-}
120  
-
121  
-.dhtmlx_popup_button:active, .dhtmlx_popup_button:focus{
122  
-	box-shadow: inset 0 0 2px #aaaaaa;
123  
-
124  
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAARklEQVR4nE2LMQ6AIADEykUG3Nz9/yf4Ar8g7K4Oeg4KOFxyTVNyqUrbLoMwAgt4+dt0nT0+IP/cbD0ag0JAabm1xkvn0R7oABW07Ic3sQAAAABJRU5ErkJggg==);
125  
-
126  
-}
127  
-
128  
-.dhtmlx_popup_title{
129  
-	box-shadow:inset 0 0 2px #ffffff;
130  
-	display: block;
131  
-}
132  
-.dhtmlx-alert-error, .dhtmlx-confirm-error{
133  
-
134  
-}
135  
-.dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title{
136  
-	color : white;
137  
-	border: 1px solid #ff0000;
138  
-
139  
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC);
140  
-}
141  
-.dhtmlx-alert-error .dhtmlx_popup_controls, .dhtmlx-confirm-error .dhtmlx_popup_controls {
142  
-	border: 1px solid #ff0000;
143  
-	border-width: 0 1px 1px 1px;
144  
-}
145  
-.dhtmlx-alert-error .dhtmlx_popup_text, .dhtmlx-confirm-error .dhtmlx_popup_text{
146  
-	border: 1px solid #ff0000;
147  
-	border-width: 0 1px 0 1px;
148  
-}
149  
-
150  
-
151  
-.dhtmlx-alert-warning .dhtmlx_popup_title, .dhtmlx-confirm-warning .dhtmlx_popup_title{
152  
-	color : #000;
153  
-	border: 1px solid #d2b07f;
154  
-
155  
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAASUlEQVR4nGP4d2MNE+Pba0wM//8xMfz/y8TwD0r//8fE8O8vGhuHHD61cPPQzP7/F0kdOh/KZuVmYuAQYGLgEGRi4BBg+i9rDwDadU/CBfIz5QAAAABJRU5ErkJggg==);
156  
-}
157  
-
158  
-.dhtmlx-alert-warning .dhtmlx_popup_controls, .dhtmlx-confirm-warning .dhtmlx_popup_controls {
159  
-	border: 1px solid #d5d5d5;
160  
-	border-width: 0 1px 1px 1px;
161  
-}
162  
-.dhtmlx-alert-warning .dhtmlx_popup_text, .dhtmlx-confirm-warning .dhtmlx_popup_text{
163  
-	border: 1px solid #d5d5d5;
164  
-	border-width: 0 1px 0 1px;
165  
-}
166  
-
167  
-
168  
-
169  
-.dhtmlx-alert .dhtmlx_popup_title, .dhtmlx-confirm .dhtmlx_popup_title{
170  
-	color : #000;
171  
-	border: 1px solid #a4bed4;
172  
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAARElEQVR4nH3MMQqAQBQD0dnZBTvvf80tBBEhNh9EFKuERwhz2z3OGDA0EwxI5aelvDq/hkn54+O210dtujjEYXN0XJdc1CE1MA5mcdsAAAAASUVORK5CYII=);
173  
-}
174  
-.dhtmlx-alert .dhtmlx_popup_controls, .dhtmlx-confirm .dhtmlx_popup_controls{
175  
-	border: 1px solid #d5d5d5;
176  
-	border-width: 0 1px 1px 1px;
177  
-}
178  
-.dhtmlx-alert .dhtmlx_popup_text, .dhtmlx-confirm .dhtmlx_popup_text{
179  
-	border: 1px solid #d5d5d5;
180  
-	border-width: 0 1px 0 1px;
181  
-}
182  
-
183  
-
184  
-
185  
-
10  codebase/message.js
... ...
@@ -1,6 +1,7 @@
  1
+if(!window.dhtmlx)
  2
+	window.dhtmlx = {};
  3
+
1 4
 (function(){
2  
-	if(!window.dhtmlx)
3  
-		window.dhtmlx = {};
4 5
 
5 6
 	function modality(mode){
6 7
 		if(!modality.cover){
@@ -58,7 +59,7 @@
58 59
 			inner+='<div class="dhtmlx_popup_title">'+config.title+'</div>';
59 60
 		inner+='<div class="dhtmlx_popup_text"><span>'+config.text+'</span></div><div  class="dhtmlx_popup_controls">';
60 61
 		if (ok)
61  
-			inner += button(config.ok || "Ok", true);
  62
+			inner += button(config.ok || "OK", true);
62 63
 		if (cancel)
63 64
 			inner += button(config.cancel || "Cancel", false);
64 65
 		inner += '</div>';
@@ -67,7 +68,8 @@
67 68
 		box.onclick = function(e){
68 69
 			e = e ||event;
69 70
 			var source = e.target || e.srcElement;
70  
-			if (source.className == "dhtmlx_popup_button" || source.parentNode.className == "dhtmlx_popup_button"){
  71
+			if (!source.className) source = source.parentNode;
  72
+			if (source.className == "dhtmlx_popup_button"){
71 73
 				if (config.callback)
72 74
 					config.callback.call(window, source.getAttribute("result") == "true");
73 75
 				modality(false);
183  codebase/themes/message_default.css
... ...
@@ -0,0 +1,183 @@
  1
+.dhtmlx_message_area{
  2
+	position:fixed;
  3
+	right:5px;
  4
+	width:250px;
  5
+	z-index:1000;
  6
+}
  7
+
  8
+.dhtmlx-info{
  9
+	min-width: 120px;
  10
+	padding:4px 4px 4px 20px;
  11
+	font-family:Tahoma;
  12
+	z-index: 10000;
  13
+
  14
+	margin:5px;
  15
+	margin-bottom:10px;
  16
+
  17
+	-webkit-transition: all .5s ease;
  18
+    -moz-transition: all .5s ease;
  19
+    -o-transition: all .5s ease;
  20
+    transition: all .5s ease;
  21
+}
  22
+.dhtmlx-info.hidden{
  23
+	height:0px;
  24
+	padding:0px;
  25
+	border-width:0px;
  26
+	margin:0px;
  27
+	overflow:hidden;
  28
+}
  29
+
  30
+.dhtmlx_modal_box{
  31
+	overflow:hidden;
  32
+	display: inline-block;
  33
+	min-width: 300px;
  34
+	width: 300px !important;
  35
+	text-align: center;
  36
+	position:fixed;
  37
+
  38
+	background-color: #fff;
  39
+	background:-webkit-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  40
+	background:-moz-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  41
+	box-shadow: 0px 0px 14px #888;
  42
+
  43
+	font-family: Tahoma;
  44
+
  45
+	z-index:20000;
  46
+
  47
+	border-radius:6px;
  48
+	border: 1px solid #ffffff;
  49
+}
  50
+
  51
+.dhtmlx_popup_title{
  52
+	border-top-left-radius:5px;
  53
+	border-top-right-radius:5px;
  54
+
  55
+	border-width:0px;
  56
+	background-color: #4c4c4c;
  57
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  58
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  59
+}
  60
+
  61
+.dhtmlx-info, .dhtmlx_popup_button{
  62
+	user-select: none;
  63
+	-webkit-user-select: none;
  64
+	-moz-user-select:-moz-none;
  65
+
  66
+	cursor:pointer;
  67
+}
  68
+
  69
+.dhtmlx_popup_text{
  70
+	overflow:hidden;
  71
+}
  72
+
  73
+.dhtmlx_popup_controls{
  74
+	border-radius:6px;
  75
+	padding:5px;
  76
+}
  77
+
  78
+.dhtmlx_popup_button{
  79
+	min-width: 120px;
  80
+	width: 120px;
  81
+	height: 30px;
  82
+	line-height:30px;
  83
+
  84
+	display: inline-block;
  85
+	margin: 0 5px;
  86
+	border-radius: 6px;
  87
+
  88
+	color:#FFF;
  89
+}
  90
+
  91
+div.dhx_modal_cover {
  92
+	background-color:#000;
  93
+	cursor:default;
  94
+
  95
+	filter:alpha(opacity = 20);
  96
+	opacity: 0.2;
  97
+
  98
+	position: fixed;
  99
+	z-index:19999;
  100
+	left: 0px;		top: 0px;
  101
+	width: 100%;	height: 100%;
  102
+
  103
+	border: none;
  104
+	zoom: 1;
  105
+}
  106
+
  107
+.dhtmlx-info img, .dhtmlx_modal_box img{
  108
+	float:left;
  109
+	margin-right:20px;
  110
+}
  111
+
  112
+.dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title{
  113
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC);
  114
+}
  115
+.dhtmlx-alert-error, .dhtmlx-confirm-error {
  116
+	border: 1px solid #ff0000;
  117
+}
  118
+
  119
+/*Skin section*/
  120
+.dhtmlx_popup_button{
  121
+	box-shadow: 0px 0px 4px #888;
  122
+	border:1px solid #838383;
  123
+}
  124
+.dhtmlx_popup_button div{
  125
+	border:1px solid #FFF;
  126
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  127
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  128
+
  129
+	border-radius:6px;
  130
+	font-size:15px;
  131
+
  132
+	height:28px;
  133
+	line-height:28px;
  134
+}
  135
+
  136
+.dhtmlx_popup_button div:active, .dhtmlx_popup_button div:focus{
  137
+	background-image: -webkit-linear-gradient(top, #707070 1%, #4c4c4c 99%);
  138
+	background-image: -moz-linear-gradient(top, #707070 1%, #4c4c4c 99%);	
  139
+}
  140
+.dhtmlx_popup_title{
  141
+	color:#fff;
  142
+	text-shadow: 1px 1px #000;
  143
+	height:40px; line-height:40px;
  144
+	font-size:20px;
  145
+}
  146
+.dhtmlx_popup_text{
  147
+	margin:15px 15px 5px 15px;
  148
+	font-size:14px;
  149
+	color:#000;
  150
+	min-height:30px;
  151
+	border-radius:6px;
  152
+}
  153
+
  154
+
  155
+.dhtmlx-info, .dhtmlx-error{
  156
+	font-size:14px;
  157
+	color:#000;
  158
+	box-shadow: 0px 0px 10px #888;
  159
+	
  160
+	padding:0px;
  161
+	
  162
+  	background-color:#FFF;
  163
+	border-radius:3px;
  164
+	border:1px solid #ffffff;
  165
+}
  166
+.dhtmlx-info div{
  167
+	padding:5px 10px 5px 10px;
  168
+	background-color: #fff;
  169
+
  170
+	border-radius:3px;
  171
+	border:1px solid #B8B8B8;
  172
+}
  173
+.dhtmlx-error{
  174
+	background-color: #d81b1b;
  175
+	border:1px solid #ff3c3c;
  176
+	box-shadow: 0px 0px 10px #000;
  177
+}
  178
+.dhtmlx-error div{
  179
+	background-color: #d81b1b;	
  180
+	border:1px solid #940000;
  181
+	color:#FFF;
  182
+}
  183
+
169  codebase/themes/message_growl_dark.css
... ...
@@ -0,0 +1,169 @@
  1
+.dhtmlx_message_area{
  2
+	position:fixed;
  3
+	right:5px;
  4
+	width:250px;
  5
+	z-index:1000;
  6
+}
  7
+
  8
+.dhtmlx-info{
  9
+	min-width: 120px;
  10
+	padding:4px 4px 4px 20px;
  11
+	font-family:Tahoma;
  12
+	z-index: 10000;
  13
+
  14
+	margin:5px;
  15
+	margin-bottom:10px;
  16
+
  17
+	-webkit-transition: all .5s ease;
  18
+    -moz-transition: all .5s ease;
  19
+    -o-transition: all .5s ease;
  20
+    transition: all .5s ease;
  21
+}
  22
+.dhtmlx-info.hidden{
  23
+	height:0px;
  24
+	padding:0px;
  25
+	border-width:0px;
  26
+	margin:0px;
  27
+	overflow:hidden;
  28
+}
  29
+
  30
+.dhtmlx_modal_box{
  31
+	overflow:hidden;
  32
+	display: inline-block;
  33
+	min-width: 300px;
  34
+	width: 300px !important;
  35
+	text-align: center;
  36
+	position:fixed;
  37
+
  38
+	background-color: #fff;
  39
+	background:-webkit-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  40
+	background:-moz-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  41
+	box-shadow: 0px 0px 14px #888;
  42
+
  43
+	font-family: Tahoma;
  44
+
  45
+	z-index:20000;
  46
+
  47
+	border-radius:6px;
  48
+	border: 1px solid #ffffff;
  49
+}
  50
+
  51
+.dhtmlx_popup_title{
  52
+	border-top-left-radius:5px;
  53
+	border-top-right-radius:5px;
  54
+
  55
+	border-width:0px;
  56
+	background-color: #4c4c4c;
  57
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  58
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  59
+}
  60
+
  61
+.dhtmlx-info, .dhtmlx_popup_button{
  62
+	user-select: none;
  63
+	-webkit-user-select: none;
  64
+	-moz-user-select:-moz-none;
  65
+
  66
+	cursor:pointer;
  67
+}
  68
+
  69
+.dhtmlx_popup_text{
  70
+	overflow:hidden;
  71
+}
  72
+
  73
+.dhtmlx_popup_controls{
  74
+	border-radius:6px;
  75
+	padding:5px;
  76
+}
  77
+
  78
+.dhtmlx_popup_button{
  79
+	min-width: 120px;
  80
+	width: 120px;
  81
+	height: 30px;
  82
+	line-height:30px;
  83
+
  84
+	display: inline-block;
  85
+	margin: 0 5px;
  86
+	border-radius: 6px;
  87
+
  88
+	color:#FFF;
  89
+}
  90
+
  91
+div.dhx_modal_cover {
  92
+	background-color:#000;
  93
+	cursor:default;
  94
+
  95
+	filter:alpha(opacity = 20);
  96
+	opacity: 0.2;
  97
+
  98
+	position: fixed;
  99
+	z-index:19999;
  100
+	left: 0px;		top: 0px;
  101
+	width: 100%;	height: 100%;
  102
+
  103
+	border: none;
  104
+	zoom: 1;
  105
+}
  106
+
  107
+.dhtmlx-info img, .dhtmlx_modal_box img{
  108
+	float:left;
  109
+	margin-right:20px;
  110
+}
  111
+
  112
+.dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title{
  113
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC);
  114
+}
  115
+.dhtmlx-alert-error, .dhtmlx-confirm-error {
  116
+	border: 1px solid #ff0000;
  117
+}
  118
+
  119
+/*Skin section*/
  120
+
  121
+.dhtmlx_popup_button{
  122
+	box-shadow: 0px 0px 4px #888;
  123
+	border:1px solid #838383;
  124
+}
  125
+.dhtmlx_popup_button div{
  126
+	border:1px solid #FFF;
  127
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  128
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  129
+
  130
+	border-radius:6px;
  131
+	font-size:15px;
  132
+
  133
+	height:28px;
  134
+	line-height:28px;
  135
+}
  136
+
  137
+.dhtmlx_popup_button div:active, .dhtmlx_popup_button div:focus{
  138
+	background-image: -webkit-linear-gradient(top, #707070 1%, #4c4c4c 99%);
  139
+	background-image: -moz-linear-gradient(top, #707070 1%, #4c4c4c 99%);	
  140
+}
  141
+.dhtmlx_popup_title{
  142
+	color:#fff;
  143
+	text-shadow: 1px 1px #000;
  144
+	height:40px; line-height:40px;
  145
+	font-size:20px;
  146
+}
  147
+.dhtmlx_popup_text{
  148
+	margin:15px 15px 5px 15px;
  149
+	font-size:14px;
  150
+	color:#000;
  151
+	min-height:30px;
  152
+	border-radius:6px;
  153
+}
  154
+
  155
+
  156
+.dhtmlx-info, .dhtmlx-error{
  157
+	color:#fff;
  158
+	box-shadow: 0px 0px 4px #000;
  159
+	margin-bottom:10px;
  160
+
  161
+	background-color:#000;
  162
+	background-color:rgba(0,0,0,0.8);
  163
+	border-radius:5px;
  164
+	border:2px solid #fff;
  165
+}
  166
+
  167
+.dhtmlx-error{
  168
+	background-color:#F00;
  169
+}
170  codebase/themes/message_growl_shiny.css
... ...
@@ -0,0 +1,170 @@
  1
+.dhtmlx_message_area{
  2
+	position:fixed;
  3
+	right:5px;
  4
+	width:250px;
  5
+	z-index:1000;
  6
+}
  7
+
  8
+.dhtmlx-info{
  9
+	min-width: 120px;
  10
+	padding:4px 4px 4px 20px;
  11
+	font-family:Tahoma;
  12
+	z-index: 10000;
  13
+
  14
+	margin:5px;
  15
+	margin-bottom:10px;
  16
+
  17
+	-webkit-transition: all .5s ease;
  18
+    -moz-transition: all .5s ease;
  19
+    -o-transition: all .5s ease;
  20
+    transition: all .5s ease;
  21
+}
  22
+.dhtmlx-info.hidden{
  23
+	height:0px;
  24
+	padding:0px;
  25
+	border-width:0px;
  26
+	margin:0px;
  27
+	overflow:hidden;
  28
+}
  29
+
  30
+.dhtmlx_modal_box{
  31
+	overflow:hidden;
  32
+	display: inline-block;
  33
+	min-width: 300px;
  34
+	width: 300px !important;
  35
+	text-align: center;
  36
+	position:fixed;
  37
+
  38
+	background-color: #fff;
  39
+	background:-webkit-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  40
+	background:-moz-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  41
+	box-shadow: 0px 0px 14px #888;
  42
+
  43
+	font-family: Tahoma;
  44
+
  45
+	z-index:20000;
  46
+
  47
+	border-radius:6px;
  48
+	border: 1px solid #ffffff;
  49
+}
  50
+
  51
+.dhtmlx_popup_title{
  52
+	border-top-left-radius:5px;
  53
+	border-top-right-radius:5px;
  54
+
  55
+	border-width:0px;
  56
+	background-color: #4c4c4c;
  57
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  58
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  59
+}
  60
+
  61
+.dhtmlx-info, .dhtmlx_popup_button{
  62
+	user-select: none;
  63
+	-webkit-user-select: none;
  64
+	-moz-user-select:-moz-none;
  65
+
  66
+	cursor:pointer;
  67
+}
  68
+
  69
+.dhtmlx_popup_text{
  70
+	overflow:hidden;
  71
+}
  72
+
  73
+.dhtmlx_popup_controls{
  74
+	border-radius:6px;
  75
+	padding:5px;
  76
+}
  77
+
  78
+.dhtmlx_popup_button{
  79
+	min-width: 120px;
  80
+	width: 120px;
  81
+	height: 30px;
  82
+	line-height:30px;
  83
+
  84
+	display: inline-block;
  85
+	margin: 0 5px;
  86
+	border-radius: 6px;
  87
+
  88
+	color:#FFF;
  89
+}
  90
+
  91
+div.dhx_modal_cover {
  92
+	background-color:#000;
  93
+	cursor:default;
  94
+
  95
+	filter:alpha(opacity = 20);
  96
+	opacity: 0.2;
  97
+
  98
+	position: fixed;
  99
+	z-index:19999;
  100
+	left: 0px;		top: 0px;
  101
+	width: 100%;	height: 100%;
  102
+
  103
+	border: none;
  104
+	zoom: 1;
  105
+}
  106
+
  107
+.dhtmlx-info img, .dhtmlx_modal_box img{
  108
+	float:left;
  109
+	margin-right:20px;
  110
+}
  111
+
  112
+.dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title{
  113
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC);
  114
+}
  115
+.dhtmlx-alert-error, .dhtmlx-confirm-error {
  116
+	border: 1px solid #ff0000;
  117
+}
  118
+
  119
+/*Skin section*/
  120
+
  121
+.dhtmlx_popup_button{
  122
+	box-shadow: 0px 0px 4px #888;
  123
+	border:1px solid #838383;
  124
+}
  125
+.dhtmlx_popup_button div{
  126
+	border:1px solid #FFF;
  127
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  128
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  129
+
  130
+	border-radius:6px;
  131
+	font-size:15px;
  132
+
  133
+	height:28px;
  134
+	line-height:28px;
  135
+}
  136
+
  137
+.dhtmlx_popup_button div:active, .dhtmlx_popup_button div:focus{
  138
+	background-image: -webkit-linear-gradient(top, #707070 1%, #4c4c4c 99%);
  139
+	background-image: -moz-linear-gradient(top, #707070 1%, #4c4c4c 99%);	
  140
+}
  141
+.dhtmlx_popup_title{
  142
+	color:#fff;
  143
+	text-shadow: 1px 1px #000;
  144
+	height:40px; line-height:40px;
  145
+	font-size:20px;
  146
+}
  147
+.dhtmlx_popup_text{
  148
+	margin:15px 15px 5px 15px;
  149
+	font-size:14px;
  150
+	color:#000;
  151
+	min-height:30px;
  152
+	border-radius:6px;
  153
+}
  154
+
  155
+
  156
+.dhtmlx-info, .dhtmlx-error{
  157
+	color:#000;
  158
+	box-shadow: 0px 0px 4px #fff;
  159
+	margin-bottom:10px;
  160
+
  161
+	background-color:#fff;
  162
+			  
  163
+	border-radius:5px;
  164
+	border:2px solid #000;
  165
+}
  166
+
  167
+.dhtmlx-error{
  168
+	background-color:#F00;
  169
+	color:white;
  170
+}
169  codebase/themes/message_skyblue.css
... ...
@@ -0,0 +1,169 @@
  1
+.dhtmlx_message_area{
  2
+	position:fixed;
  3
+	right:5px;
  4
+	width:250px;
  5
+	z-index:1000;
  6
+}
  7
+
  8
+.dhtmlx-info{
  9
+	min-width: 120px;
  10
+	padding:4px 4px 4px 20px;
  11
+	font-family:Tahoma;
  12
+	z-index: 10000;
  13
+
  14
+	margin:5px;
  15
+	margin-bottom:10px;
  16
+
  17
+	-webkit-transition: all .5s ease;
  18
+    -moz-transition: all .5s ease;
  19
+    -o-transition: all .5s ease;
  20
+    transition: all .5s ease;
  21
+}
  22
+.dhtmlx-info.hidden{
  23
+	height:0px;
  24
+	padding:0px;
  25
+	border-width:0px;
  26
+	margin:0px;
  27
+	overflow:hidden;
  28
+}
  29
+
  30
+.dhtmlx_modal_box{
  31
+	overflow:hidden;
  32
+	display: inline-block;
  33
+	min-width: 300px;
  34
+	width: 300px !important;
  35
+	text-align: center;
  36
+	position:fixed;
  37
+
  38
+	background-color: #fff;
  39
+	background:-webkit-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  40
+	background:-moz-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  41
+	box-shadow: 0px 0px 14px #888;
  42
+
  43
+	font-family: Tahoma;
  44
+
  45
+	z-index:20000;
  46
+
  47
+	border-radius:6px;
  48
+	border: 1px solid #ffffff;
  49
+}
  50
+
  51
+.dhtmlx_popup_title{
  52
+	border-top-left-radius:5px;
  53
+	border-top-right-radius:5px;
  54
+
  55
+	border-width:0px;
  56
+	background-color: #4c4c4c;
  57
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAARElEQVR4nH3MMQqAQBQD0dnZBTvvf80tBBEhNh9EFKuERwhz2z3OGDA0EwxI5aelvDq/hkn54+O210dtujjEYXN0XJdc1CE1MA5mcdsAAAAASUVORK5CYII=);
  58
+}
  59
+
  60
+.dhtmlx-info, .dhtmlx_popup_button{
  61
+	user-select: none;
  62
+	-webkit-user-select: none;
  63
+	-moz-user-select:-moz-none;
  64
+
  65
+	cursor:pointer;
  66
+}
  67
+
  68
+.dhtmlx_popup_text{
  69
+	overflow:hidden;
  70
+}
  71
+
  72
+.dhtmlx_popup_controls{
  73
+	border-radius:6px;
  74
+	padding:5px;
  75
+}
  76
+
  77
+.dhtmlx_popup_button{
  78
+	min-width: 120px;
  79
+	width: 120px;
  80
+	height: 30px;
  81
+	line-height:30px;
  82
+
  83
+	display: inline-block;
  84
+	margin: 0 5px;
  85
+	border-radius: 6px;
  86
+
  87
+	color:#FFF;
  88
+}
  89
+
  90
+div.dhx_modal_cover {
  91
+	background-color:#000;
  92
+	cursor:default;
  93
+
  94
+	filter:alpha(opacity = 20);
  95
+	opacity: 0.2;
  96
+
  97
+	position: fixed;
  98
+	z-index:19999;
  99
+	left: 0px;		top: 0px;
  100
+	width: 100%;	height: 100%;
  101
+
  102
+	border: none;
  103
+	zoom: 1;
  104
+}
  105
+
  106
+.dhtmlx-info img, .dhtmlx_modal_box img{
  107
+	float:left;
  108
+	margin-right:20px;
  109
+}
  110
+
  111
+.dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title{
  112
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC);
  113
+}
  114
+.dhtmlx-alert-error, .dhtmlx-confirm-error {
  115
+	border: 1px solid #ff0000;
  116
+}
  117
+
  118
+/*Skin section*/
  119
+
  120
+.dhtmlx_popup_button{
  121
+	box-shadow: 0px 0px 4px #888;
  122
+	border:1px solid #838383;
  123
+}
  124
+.dhtmlx_popup_button div{
  125
+	border:1px solid #FFF;
  126
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  127
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  128
+
  129
+	border-radius:6px;
  130
+	font-size:15px;
  131
+
  132
+	height:28px;
  133
+	line-height:28px;
  134
+}
  135
+
  136
+.dhtmlx_popup_button div:active, .dhtmlx_popup_button div:focus{
  137
+	background-image: -webkit-linear-gradient(top, #707070 1%, #4c4c4c 99%);
  138
+	background-image: -moz-linear-gradient(top, #707070 1%, #4c4c4c 99%);	
  139
+}
  140
+.dhtmlx_popup_title{
  141
+	color:#fff;
  142
+	text-shadow: 1px 1px #000;
  143
+	height:40px; line-height:40px;
  144
+	font-size:20px;
  145
+}
  146
+.dhtmlx_popup_text{
  147
+	margin:15px 15px 5px 15px;
  148
+	font-size:14px;
  149
+	color:#000;
  150
+	min-height:30px;
  151
+	border-radius:6px;
  152
+}
  153
+
  154
+
  155
+.dhtmlx-info, .dhtmlx-error{
  156
+	color:#000;
  157
+	box-shadow: 0px 0px 4px #000;
  158
+	margin-bottom:10px;
  159
+	
  160
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAARElEQVR4nH3MMQqAQBQD0dnZBTvvf80tBBEhNh9EFKuERwhz2z3OGDA0EwxI5aelvDq/hkn54+O210dtujjEYXN0XJdc1CE1MA5mcdsAAAAASUVORK5CYII=);
  161
+
  162
+  	background-color:rgba(0,0,0,0.8);
  163
+	border-radius:5px;
  164
+	border:2px solid #fff;
  165
+}
  166
+
  167
+.dhtmlx-error{
  168
+	color:red;
  169
+}
168  codebase/themes/message_solid.css
... ...
@@ -0,0 +1,168 @@
  1
+.dhtmlx_message_area{
  2
+	position:fixed;
  3
+	right:5px;
  4
+	width:250px;
  5
+	z-index:1000;
  6
+}
  7
+
  8
+.dhtmlx-info{
  9
+	min-width: 120px;
  10
+	padding:4px 4px 4px 20px;
  11
+	font-family:Tahoma;
  12
+	z-index: 10000;
  13
+
  14
+	margin:5px;
  15
+	margin-bottom:10px;
  16
+
  17
+	-webkit-transition: all .5s ease;
  18
+    -moz-transition: all .5s ease;
  19
+    -o-transition: all .5s ease;
  20
+    transition: all .5s ease;
  21
+}
  22
+.dhtmlx-info.hidden{
  23
+	height:0px;
  24
+	padding:0px;
  25
+	border-width:0px;
  26
+	margin:0px;
  27
+	overflow:hidden;
  28
+}
  29
+
  30
+.dhtmlx_modal_box{
  31
+	overflow:hidden;
  32
+	display: inline-block;
  33
+	min-width: 300px;
  34
+	width: 300px !important;
  35
+	text-align: center;
  36
+	position:fixed;
  37
+
  38
+	background-color: #fff;
  39
+	background:-webkit-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  40
+	background:-moz-linear-gradient(top, #ffffff 1%, #d0d0d0 99%);
  41
+	box-shadow: 0px 0px 14px #888;
  42
+
  43
+	font-family: Tahoma;
  44
+
  45
+	z-index:20000;
  46
+
  47
+	border-radius:6px;
  48
+	border: 1px solid #ffffff;
  49
+}
  50
+
  51
+.dhtmlx_popup_title{
  52
+	border-top-left-radius:5px;
  53
+	border-top-right-radius:5px;
  54
+
  55
+	border-width:0px;
  56
+	background-color: #4c4c4c;
  57
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  58
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 97%, #393939 97%);
  59
+}
  60
+
  61
+.dhtmlx-info, .dhtmlx_popup_button{
  62
+	user-select: none;
  63
+	-webkit-user-select: none;
  64
+	-moz-user-select:-moz-none;
  65
+
  66
+	cursor:pointer;
  67
+}
  68
+
  69
+.dhtmlx_popup_text{
  70
+	overflow:hidden;
  71
+}
  72
+
  73
+.dhtmlx_popup_controls{
  74
+	border-radius:6px;
  75
+	padding:5px;
  76
+}
  77
+
  78
+.dhtmlx_popup_button{
  79
+	min-width: 120px;
  80
+	width: 120px;
  81
+	height: 30px;
  82
+	line-height:30px;
  83
+
  84
+	display: inline-block;
  85
+	margin: 0 5px;
  86
+	border-radius: 6px;
  87
+
  88
+	color:#FFF;
  89
+}
  90
+
  91
+div.dhx_modal_cover {
  92
+	background-color:#000;
  93
+	cursor:default;
  94
+
  95
+	filter:alpha(opacity = 20);
  96
+	opacity: 0.2;
  97
+
  98
+	position: fixed;
  99
+	z-index:19999;
  100
+	left: 0px;		top: 0px;
  101
+	width: 100%;	height: 100%;
  102
+
  103
+	border: none;
  104
+	zoom: 1;
  105
+}
  106
+
  107
+.dhtmlx-info img, .dhtmlx_modal_box img{
  108
+	float:left;
  109
+	margin-right:20px;
  110
+}
  111
+
  112
+.dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title{
  113
+	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC);
  114
+}
  115
+.dhtmlx-alert-error, .dhtmlx-confirm-error {
  116
+	border: 1px solid #ff0000;
  117
+}
  118
+
  119
+/*Skin section*/
  120
+
  121
+.dhtmlx_popup_button{
  122
+	box-shadow: 0px 0px 4px #888;
  123
+	border:1px solid #838383;
  124
+}
  125
+.dhtmlx_popup_button div{
  126
+	border:1px solid #FFF;
  127
+	background-image: -webkit-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  128
+	background-image: -moz-linear-gradient(top, #707070 1%, #3d3d3d 70%, #4c4c4c 99%);
  129
+
  130
+	border-radius:6px;
  131
+	font-size:15px;
  132
+
  133
+	height:28px;
  134
+	line-height:28px;
  135
+}
  136
+
  137
+.dhtmlx_popup_button div:active, .dhtmlx_popup_button div:focus{
  138
+	background-image: -webkit-linear-gradient(top, #707070 1%, #4c4c4c 99%);
  139
+	background-image: -moz-linear-gradient(top, #707070 1%, #4c4c4c 99%);	
  140
+}
  141
+.dhtmlx_popup_title{
  142
+	color:#fff;
  143
+	text-shadow: 1px 1px #000;
  144
+	height:40px; line-height:40px;
  145
+	font-size:20px;
  146
+}
  147
+.dhtmlx_popup_text{
  148
+	margin:15px 15px 5px 15px;
  149
+	font-size:14px;
  150
+	color:#000;
  151
+	min-height:30px;
  152
+	border-radius:6px;
  153
+}
  154
+
  155
+
  156
+.dhtmlx-info, .dhtmlx-error{
  157
+	color:#fff;
  158
+	box-shadow: 0 4px 4px -4px #000;
  159
+
  160
+	border-radius:5px;
  161
+
  162
+	background-color:#000;
  163
+	background-color:rgba(0,0,0,0.8);
  164
+}
  165
+
  166
+.dhtmlx-error{
  167
+	color:#F00;
  168
+}
2  samples/01_info.html
@@ -3,7 +3,7 @@
3 3
 <head>
4 4
 	<title>Message - info</title>
5 5
 	<script type="text/javascript" src='../codebase/message.js'></script>
6  
-	<link rel="stylesheet" type="text/css" href="../codebase/message.css">
  6
+	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_default.css">
7 7
 	<style type="text/css">
8 8
 		.dhtmlx-error{
9 9
 			font-weight:bold;
2  samples/02_alert.html
@@ -3,7 +3,7 @@
3 3
 <head>
4 4
 	<title>Message - info</title>
5 5
 	<script type="text/javascript" src='../codebase/message.js'></script>
6  
-	<link rel="stylesheet" type="text/css" href="../codebase/message.css">
  6
+	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_default.css">
7 7
 	<style type="text/css">
8 8
 		body, html {
9 9
 			height:100%;
2  samples/03_confirm.html
@@ -3,7 +3,7 @@
3 3
 <head>
4 4
 	<title>Message - info</title>
5 5
 	<script type="text/javascript" src='../codebase/message.js'></script>
6  
-	<link rel="stylesheet" type="text/css" href="../codebase/message.css">
  6
+	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_default.css">
7 7
 	<style type="text/css">
8 8
 		body, html {
9 9
 			height:100%;
85  samples/04_dark.html
... ...
@@ -1,85 +0,0 @@
1  
-<!DOCTYPE html>
2  
-<html>
3  
-<head>
4  
-	<title>Message - info</title>
5  
-	<script type="text/javascript" src='../codebase/message.js'></script>
6  
-	<link rel="stylesheet" type="text/css" href="../codebase/message.css">
7  
-	<link rel="stylesheet" type="text/css" href="../codebase/message_themes.css">
8  
-	<style type="text/css">
9  
-		/*Dark theme*/
10  
-			.dhtmlx-info, .dhtmlx-error{
11  
-				font-size:15px;
12  
-				color:#fff;
13  
-				box-shadow: 0 4px 4px -4px #000;
14  
-
15  
-				background-color:#000;
16  
-			  	background-color:rgba(0,0,0,0.8);
17  
-				border-radius:5px;
18  
-			}
19  
-			.dhtmlx-error{
20  
-				color:#F00;
21  
-			}
22  
-