1 /* -----------------------------------------------------
2 OVERRIDE BOOTSTRAP TO CENTER MODAL VERTICALLY.
3 ----------------------------------------------------- */
11 display: inline-block;
13 vertical-align: middle;
17 /* -----------------------------------------------------
19 ----------------------------------------------------- */
20 .modal-dialog.modal-sdc-xl {
24 .modal-dialog.modal-sdc-l {
28 .modal-dialog.modal-sdc-md {
32 .modal-dialog.modal-sdc-sm {
36 .modal-dialog.modal-sdc-xsm {
40 /* -----------------------------------------------------
42 ----------------------------------------------------- */
48 display: inline-block;
50 vertical-align: middle;
54 /*.border-radius(4px);
55 background-color: #ffffff;
56 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
65 background-color: #111922; //TODO: Replace the color
68 /* -----------------------------------------------------
70 ----------------------------------------------------- */
73 .w-sdc-modal-confirmation {
84 padding: 20px 40px 20px 40px;
85 border-bottom: solid 1px @color_a;
89 .w-sdc-modal-body-content {
95 display: inline-block;
98 .w-sdc-modal-icon-DEBUG { .sprite; .message-DEBUG;}
99 .w-sdc-modal-icon-INFO { .sprite; .message-INFO;}
100 .w-sdc-modal-icon-WARNING { .sprite; .message-WARNING;}
101 .w-sdc-modal-icon-ERROR { .sprite; .message-ERROR;}
103 .w-sdc-modal-caption {
105 display: inline-block;
110 .w-sdc-modal-action {
113 vertical-align: middle;
117 .sdc-resource-viewer-modal-head {
119 border-radius: 6px 6px 0 0;
126 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDQUM1MUVFMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDQUM1MUVGMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkNBQzUxRUMwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkNBQzUxRUQwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EGRD0AAAAhElEQVR42mL8/+8fAxAIAvF7BvwArIYJSKQB8V0gNsajGKEGaMMZIP4PxO+A2BhkIxpOg8qDcAdIQBCPJmTFM8HOh0pg04ShGFkDNk0YitE1wDTdRVK8Ct1P+DyINSAY8HgQa0DgDA1coYdLMc7QQ464mVgiDV0TPOLKcShG1gRWAxBgACObyGI1tr+eAAAAAElFTkSuQmCC');
127 color: #3499F7; //TODO: Replace the color, should be sprite
138 .w-sdc-resource-viewer-modal-close {
139 color: #3499F7; //TODO: Replace the color, should be sprite
152 /* -----------------------------------------------------
154 ----------------------------------------------------- */
155 .modal-type-standard.w-sdc-classic-modal {
157 border-bottom: solid 3px @main_color_a;
160 .modal-type-error.w-sdc-classic-modal {
162 border-bottom: solid 3px @func_color_q;
165 .modal-type-alert.w-sdc-classic-modal {
167 border-bottom: solid 3px @main_color_h;
171 .w-sdc-classic-modal {
174 flex-direction: column;
176 background-color: #ffffff;
177 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
180 word-wrap: break-word;
189 border-bottom: solid 3px @main_color_a;
192 .w-sdc-modal-head-text {
213 .w-sdc-modal-footer {
218 justify-content: flex-end;
220 background-color: #f8f8f8;
235 .w-sdc-classic-top-line-modal {
238 flex-direction: column;
239 background-color: #ffffff;
240 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
243 border-top: solid 3px @main_color_a;
254 .w-sdc-modal-head-text {
275 .w-sdc-modal-footer {
279 justify-content: flex-end;
295 .w-sdc-classic-modal {
303 .w-sdc-modal-head-text {
313 .w-sdc-modal-footer {
317 background-color: #f2f2f2;
329 .w-sdc-classic-top-line-modal {
332 .w-sdc-modal-footer {
338 .w-sdc-classic-modal {
352 .w-sdc-modal-footer {