caboose-cms 0.9.206 → 0.9.207
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/caboose/loading2.gif +0 -0
- data/app/assets/javascripts/caboose/block_content_controller_dragdrop.js +4 -3
- data/app/assets/javascripts/caboose/block_modal_controllers/block_dd_modal_controller.js +50 -46
- data/app/assets/javascripts/caboose/block_modal_controllers/media_modal_controller.js +52 -20
- data/app/assets/javascripts/caboose/block_modal_controllers/richtext_modal_controller.js +69 -2
- data/app/assets/javascripts/caboose/modal_controller.js +6 -54
- data/app/assets/javascripts/caboose/sidebar_controller.js +168 -0
- data/app/assets/stylesheets/caboose/admin_block_edit_image.css.scss +4 -4
- data/app/assets/stylesheets/caboose/admin_edit_page_content_dragdrop.scss +395 -44
- data/app/assets/stylesheets/caboose/login.scss +2 -2
- data/app/assets/stylesheets/caboose/modal_inline.css +6 -5
- data/app/assets/stylesheets/caboose/model_binder.css +1 -1
- data/app/controllers/caboose/sites_controller.rb +1 -1
- data/app/views/caboose/blocks/_image.html.erb +2 -0
- data/app/views/caboose/pages/_new_block_header.html.erb +1 -1
- data/app/views/caboose/pages/admin_edit_content.html.erb +1 -1
- data/app/views/caboose/posts/admin_edit_content.html.erb +1 -1
- data/lib/caboose/version.rb +1 -1
- metadata +4 -2
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
var ModalController = Class.extend({
|
|
3
2
|
|
|
4
3
|
modal_width: false,
|
|
@@ -18,44 +17,17 @@ var ModalController = Class.extend({
|
|
|
18
17
|
var that = this;
|
|
19
18
|
if (!width) width = that.modal_width ? that.modal_width : 400;
|
|
20
19
|
if (!height) height = that.modal_height ? that.modal_height : $(el).outerHeight(true);
|
|
21
|
-
that.modal_element = el;
|
|
22
|
-
el.attr('id', 'the_modal')
|
|
23
|
-
|
|
24
|
-
html: el,
|
|
25
|
-
initialWidth: width,
|
|
26
|
-
//initialHeight: height,
|
|
27
|
-
innerWidth: width,
|
|
28
|
-
//innerHeight: height,
|
|
29
|
-
scrolling: false,
|
|
30
|
-
closeButton: false,
|
|
31
|
-
opacity: 0.50,
|
|
32
|
-
onComplete: function() {
|
|
33
|
-
// var arr = ['TopLeft','TopCenter','TopRight','BottomLeft','BottomCenter','BottomRight','MiddleLeft','MiddleRight'];
|
|
34
|
-
// for (var i in arr) $('#cbox' + arr[i]).css('background-color', '#fff !important');
|
|
35
|
-
$("#cboxClose").hide();
|
|
36
|
-
if (callback) callback();
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
if (that.trapFocus === false)
|
|
40
|
-
options['trapFocus'] = false;
|
|
41
|
-
$.colorbox(options);
|
|
20
|
+
that.modal_element = el;
|
|
21
|
+
el.attr('id', 'the_modal');
|
|
22
|
+
$("#caboose_sidebar_holder").html(el).addClass("visible").addClass("loading");
|
|
42
23
|
},
|
|
43
24
|
|
|
44
25
|
last_size: 0,
|
|
45
26
|
autosize: function(msg, msg_container, flag)
|
|
46
27
|
{
|
|
47
28
|
var that = this;
|
|
48
|
-
if (!flag)
|
|
49
|
-
that.last_size = 0;
|
|
50
|
-
if (!that.modal_element) return;
|
|
51
29
|
if (msg) $('#' + (msg_container ? msg_container : 'modal_message')).html(msg);
|
|
52
|
-
|
|
53
|
-
if (h > 0 && h > that.last_size)
|
|
54
|
-
$.colorbox.resize({ innerHeight: '' + h + 'px' });
|
|
55
|
-
that.last_size = h;
|
|
56
|
-
|
|
57
|
-
if (!flag || flag < 2)
|
|
58
|
-
setTimeout(function() { that.autosize(false, false, flag ? flag + 1 : 1); }, 200);
|
|
30
|
+
$("#caboose_sidebar_holder").removeClass("loading");
|
|
59
31
|
},
|
|
60
32
|
|
|
61
33
|
before_close: false,
|
|
@@ -63,7 +35,8 @@ var ModalController = Class.extend({
|
|
|
63
35
|
{
|
|
64
36
|
var that = this;
|
|
65
37
|
if (that.before_close) that.before_close();
|
|
66
|
-
|
|
38
|
+
$("#caboose_sidebar_holder").removeClass("visible");
|
|
39
|
+
setTimeout(function(){ $("#caboose_sidebar_holder").html("") }, 500);
|
|
67
40
|
},
|
|
68
41
|
|
|
69
42
|
/*****************************************************************************
|
|
@@ -93,27 +66,6 @@ var ModalController = Class.extend({
|
|
|
93
66
|
el.setAttribute('type', 'text/javascript');
|
|
94
67
|
el.setAttribute('src', full_url);
|
|
95
68
|
document.getElementsByTagName('head')[0].appendChild(el)
|
|
96
|
-
|
|
97
|
-
//$.getScript(full_url, function() {
|
|
98
|
-
// if (after) after();
|
|
99
|
-
//});
|
|
100
|
-
//
|
|
101
|
-
//var trigger = 'script_' + Math.floor((Math.random() * 1000) + 1) + '_loaded'
|
|
102
|
-
//$(document).on(trigger, function() {
|
|
103
|
-
// if (after) after();
|
|
104
|
-
// $(document).unbind(trigger);
|
|
105
|
-
//});
|
|
106
|
-
//$.ajax({
|
|
107
|
-
// trigger: trigger,
|
|
108
|
-
// url: full_url,
|
|
109
|
-
// type: 'get',
|
|
110
|
-
// success: function(js) {
|
|
111
|
-
// var el = document.createElement('script');
|
|
112
|
-
// el.setAttribute('type', 'text/javascript');
|
|
113
|
-
// el.innerHTML = js + "\n$(document).trigger('" + this.trigger + "');\n",
|
|
114
|
-
// document.getElementsByTagName('head')[0].appendChild(el);
|
|
115
|
-
// }
|
|
116
|
-
//});
|
|
117
69
|
}
|
|
118
70
|
else if (url.match(/\.css/))
|
|
119
71
|
{
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
var SidebarController = Class.extend({
|
|
2
|
+
|
|
3
|
+
modal_width: false,
|
|
4
|
+
modal_height: false,
|
|
5
|
+
modal_element: false,
|
|
6
|
+
parent_controller: false,
|
|
7
|
+
|
|
8
|
+
init: function(params)
|
|
9
|
+
{
|
|
10
|
+
var that = this;
|
|
11
|
+
for (var i in params)
|
|
12
|
+
that[i] = params[i];
|
|
13
|
+
},
|
|
14
|
+
|
|
15
|
+
modal: function(el, width, height, callback)
|
|
16
|
+
{
|
|
17
|
+
var that = this;
|
|
18
|
+
if (!width) width = that.modal_width ? that.modal_width : 400;
|
|
19
|
+
if (!height) height = that.modal_height ? that.modal_height : $(el).outerHeight(true);
|
|
20
|
+
that.modal_element = el;
|
|
21
|
+
el.attr('id', 'the_modal'); //.addClass('modal').css('width', '' + width + 'px');
|
|
22
|
+
var options = {
|
|
23
|
+
html: el,
|
|
24
|
+
initialWidth: width,
|
|
25
|
+
//initialHeight: height,
|
|
26
|
+
innerWidth: width,
|
|
27
|
+
//innerHeight: height,
|
|
28
|
+
scrolling: false,
|
|
29
|
+
closeButton: false,
|
|
30
|
+
opacity: 0.50,
|
|
31
|
+
onComplete: function() {
|
|
32
|
+
// var arr = ['TopLeft','TopCenter','TopRight','BottomLeft','BottomCenter','BottomRight','MiddleLeft','MiddleRight'];
|
|
33
|
+
// for (var i in arr) $('#cbox' + arr[i]).css('background-color', '#fff !important');
|
|
34
|
+
$("#cboxClose").hide();
|
|
35
|
+
if (callback) callback();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
if (that.trapFocus === false)
|
|
39
|
+
options['trapFocus'] = false;
|
|
40
|
+
$("#cb_block_sidebar").html(el);
|
|
41
|
+
// $.colorbox(options);
|
|
42
|
+
},
|
|
43
|
+
|
|
44
|
+
last_size: 0,
|
|
45
|
+
autosize: function(msg, msg_container, flag)
|
|
46
|
+
{
|
|
47
|
+
var that = this;
|
|
48
|
+
if (!flag)
|
|
49
|
+
that.last_size = 0;
|
|
50
|
+
if (!that.modal_element) return;
|
|
51
|
+
if (msg) $('#' + (msg_container ? msg_container : 'modal_message')).html(msg);
|
|
52
|
+
var h = that.modal_height ? that.modal_height : $(that.modal_element).outerHeight(true) + 20;
|
|
53
|
+
if (h > 0 && h > that.last_size)
|
|
54
|
+
$.colorbox.resize({ innerHeight: '' + h + 'px' });
|
|
55
|
+
that.last_size = h;
|
|
56
|
+
|
|
57
|
+
if (!flag || flag < 2)
|
|
58
|
+
setTimeout(function() { that.autosize(false, false, flag ? flag + 1 : 1); }, 200);
|
|
59
|
+
},
|
|
60
|
+
|
|
61
|
+
before_close: false,
|
|
62
|
+
close: function()
|
|
63
|
+
{
|
|
64
|
+
var that = this;
|
|
65
|
+
if (that.before_close) that.before_close();
|
|
66
|
+
$.colorbox.close();
|
|
67
|
+
},
|
|
68
|
+
|
|
69
|
+
/*****************************************************************************
|
|
70
|
+
Asset management
|
|
71
|
+
*****************************************************************************/
|
|
72
|
+
|
|
73
|
+
// To be overridden in each controller
|
|
74
|
+
assets_to_include: function() { return []; },
|
|
75
|
+
|
|
76
|
+
// Called at the beginning of init to include modal assets,
|
|
77
|
+
// and can be called at anytime with more assets
|
|
78
|
+
include_assets: function(arr, after)
|
|
79
|
+
{
|
|
80
|
+
var that = this;
|
|
81
|
+
if (!arr) arr = that.assets_to_include();
|
|
82
|
+
if (!arr) return;
|
|
83
|
+
|
|
84
|
+
if (!that.parent_controller.included_assets || that.parent_controller.included_assets == undefined)
|
|
85
|
+
that.parent_controller.included_assets = [];
|
|
86
|
+
if (typeof arr == 'string') arr = [arr];
|
|
87
|
+
$.each(arr, function(i, url) {
|
|
88
|
+
if (that.asset_included(url)) return;
|
|
89
|
+
var full_url = url.match(/^http:.*?/) || url.match(/^https:.*?$/) || url.match(/^\/\/.*?$/) ? url : that.assets_path + url;
|
|
90
|
+
if (url.match(/\.js/))
|
|
91
|
+
{
|
|
92
|
+
var el = document.createElement('script');
|
|
93
|
+
el.setAttribute('type', 'text/javascript');
|
|
94
|
+
el.setAttribute('src', full_url);
|
|
95
|
+
document.getElementsByTagName('head')[0].appendChild(el)
|
|
96
|
+
|
|
97
|
+
//$.getScript(full_url, function() {
|
|
98
|
+
// if (after) after();
|
|
99
|
+
//});
|
|
100
|
+
//
|
|
101
|
+
//var trigger = 'script_' + Math.floor((Math.random() * 1000) + 1) + '_loaded'
|
|
102
|
+
//$(document).on(trigger, function() {
|
|
103
|
+
// if (after) after();
|
|
104
|
+
// $(document).unbind(trigger);
|
|
105
|
+
//});
|
|
106
|
+
//$.ajax({
|
|
107
|
+
// trigger: trigger,
|
|
108
|
+
// url: full_url,
|
|
109
|
+
// type: 'get',
|
|
110
|
+
// success: function(js) {
|
|
111
|
+
// var el = document.createElement('script');
|
|
112
|
+
// el.setAttribute('type', 'text/javascript');
|
|
113
|
+
// el.innerHTML = js + "\n$(document).trigger('" + this.trigger + "');\n",
|
|
114
|
+
// document.getElementsByTagName('head')[0].appendChild(el);
|
|
115
|
+
// }
|
|
116
|
+
//});
|
|
117
|
+
}
|
|
118
|
+
else if (url.match(/\.css/))
|
|
119
|
+
{
|
|
120
|
+
var el = document.createElement('link');
|
|
121
|
+
el.setAttribute('rel', 'stylesheet');
|
|
122
|
+
el.setAttribute('type', 'text/css');
|
|
123
|
+
el.setAttribute('href', full_url);
|
|
124
|
+
document.getElementsByTagName('head')[0].appendChild(el)
|
|
125
|
+
}
|
|
126
|
+
that.parent_controller.included_assets.push(url);
|
|
127
|
+
});
|
|
128
|
+
},
|
|
129
|
+
|
|
130
|
+
asset_included: function(url)
|
|
131
|
+
{
|
|
132
|
+
var that = this;
|
|
133
|
+
if (!that.parent_controller.included_assets || that.parent_controller.included_assets == undefined)
|
|
134
|
+
that.parent_controller.included_assets = [];
|
|
135
|
+
return that.parent_controller.included_assets.indexOf(url) > -1;
|
|
136
|
+
},
|
|
137
|
+
|
|
138
|
+
include_inline_css: function(str)
|
|
139
|
+
{
|
|
140
|
+
var that = this;
|
|
141
|
+
|
|
142
|
+
if (!that.parent_controller.included_css || that.parent_controller.included_css == undefined)
|
|
143
|
+
that.parent_controller.included_css = [];
|
|
144
|
+
var h = that.hashify(str);
|
|
145
|
+
if (that.parent_controller.included_css.indexOf(h) > -1)
|
|
146
|
+
return;
|
|
147
|
+
|
|
148
|
+
var el = document.createElement('style');
|
|
149
|
+
el.setAttribute('type', 'text/css');
|
|
150
|
+
el.innerHTML = str;
|
|
151
|
+
document.getElementsByTagName('head')[0].appendChild(el)
|
|
152
|
+
|
|
153
|
+
that.parent_controller.included_css.push(h);
|
|
154
|
+
},
|
|
155
|
+
|
|
156
|
+
hashify: function(str)
|
|
157
|
+
{
|
|
158
|
+
var hash = 0, i, chr, len;
|
|
159
|
+
if (str.length === 0) return hash;
|
|
160
|
+
for (i=0, len=str.length; i<len; i++) {
|
|
161
|
+
chr = str.charCodeAt(i);
|
|
162
|
+
hash = ((hash << 5) - hash) + chr;
|
|
163
|
+
hash |= 0; // Convert to 32bit integer
|
|
164
|
+
}
|
|
165
|
+
return hash;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
#media .img-wrap {
|
|
2
|
-
background-image:url(
|
|
2
|
+
background-image: url("/assets/caboose/grid.png");
|
|
3
3
|
background-size: 15px;
|
|
4
4
|
display: inline-block;
|
|
5
5
|
}
|
|
@@ -134,13 +134,11 @@
|
|
|
134
134
|
list-style: none;
|
|
135
135
|
margin: 0;
|
|
136
136
|
padding: 0;
|
|
137
|
-
|
|
138
137
|
li {
|
|
139
138
|
position: relative;
|
|
140
139
|
list-style: none;
|
|
141
140
|
margin: 4px;
|
|
142
141
|
padding: 4px 6px;
|
|
143
|
-
background-color: #e2e2e2;
|
|
144
142
|
background-position: center;
|
|
145
143
|
background-size: contain;
|
|
146
144
|
background-repeat: no-repeat;
|
|
@@ -153,7 +151,9 @@
|
|
|
153
151
|
span.name {
|
|
154
152
|
display: block;
|
|
155
153
|
color: #292929;
|
|
156
|
-
font-
|
|
154
|
+
font-family: Roboto;
|
|
155
|
+
font-weight: 300;
|
|
156
|
+
font-size: 13px;
|
|
157
157
|
text-decoration: none !important;
|
|
158
158
|
}
|
|
159
159
|
&:hover {
|
|
@@ -27,25 +27,59 @@ body.editing .footer-wrapper #footer-msg {
|
|
|
27
27
|
background: #ecebe8;
|
|
28
28
|
border-right: 1px solid #d4d4d4;
|
|
29
29
|
overflow-y: scroll;
|
|
30
|
+
#caboose_sidebar_holder {
|
|
31
|
+
position: fixed;
|
|
32
|
+
left: -200px;
|
|
33
|
+
top: 0;
|
|
34
|
+
width: 200px;
|
|
35
|
+
height: 800px;
|
|
36
|
+
height: 100vh;
|
|
37
|
+
overflow-y: scroll;
|
|
38
|
+
background: #ecebe8;
|
|
39
|
+
z-index: 100;
|
|
40
|
+
transition: left 300ms ease;
|
|
41
|
+
background-image: none;
|
|
42
|
+
&.visible {
|
|
43
|
+
left: 0;
|
|
44
|
+
}
|
|
45
|
+
&.loading {
|
|
46
|
+
background-image: url('/assets/caboose/loading2.gif');
|
|
47
|
+
background-position: center center;
|
|
48
|
+
background-repeat: no-repeat;
|
|
49
|
+
background-size: 70px;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
30
52
|
#new_blocks_container2 {
|
|
31
53
|
h4 {
|
|
32
54
|
font-family: 'Roboto';
|
|
33
55
|
font-weight: 300;
|
|
34
|
-
font-size:
|
|
56
|
+
font-size: 16px;
|
|
35
57
|
padding: 10px;
|
|
36
58
|
text-align: center;
|
|
37
59
|
height: 52px;
|
|
38
|
-
margin-bottom:
|
|
60
|
+
margin-bottom: 10px;
|
|
39
61
|
color: #252525;
|
|
40
62
|
}
|
|
41
63
|
}
|
|
42
64
|
#new_blocks {
|
|
43
65
|
list-style-type: none;
|
|
44
66
|
text-align: center;
|
|
67
|
+
display: -webkit-box;
|
|
68
|
+
display: -moz-box;
|
|
69
|
+
display: -ms-flexbox;
|
|
70
|
+
display: -webkit-flex;
|
|
71
|
+
display: flex;
|
|
72
|
+
flex-wrap: wrap;
|
|
73
|
+
justify-content: space-around;
|
|
45
74
|
li.title {
|
|
46
75
|
width: 100%;
|
|
47
76
|
clear: both;
|
|
48
|
-
margin: 5px 0;
|
|
77
|
+
margin: 10px 0 5px 0;
|
|
78
|
+
-webkit-box-flex: 0 0 100%;
|
|
79
|
+
-moz-box-flex: 0 0 100%;
|
|
80
|
+
-webkit-flex: 0 0 100%;
|
|
81
|
+
-ms-flex: 0 0 100%;
|
|
82
|
+
flex: 0 0 100%;
|
|
49
83
|
span {
|
|
50
84
|
font-size: 15px;
|
|
51
85
|
display: block;
|
|
@@ -57,10 +91,8 @@ body.editing .footer-wrapper #footer-msg {
|
|
|
57
91
|
}
|
|
58
92
|
}
|
|
59
93
|
li.blocktype {
|
|
60
|
-
display:
|
|
94
|
+
display: block;
|
|
61
95
|
border: 1px solid #d4d4d4;
|
|
62
|
-
width: 90px;
|
|
63
|
-
height: 70px;
|
|
64
96
|
cursor: move;
|
|
65
97
|
text-align: center;
|
|
66
98
|
border-radius: 2px;
|
|
@@ -68,15 +100,20 @@ body.editing .footer-wrapper #footer-msg {
|
|
|
68
100
|
margin-bottom: 5px;
|
|
69
101
|
padding: 6px;
|
|
70
102
|
background-color: #f9f8f6;
|
|
103
|
+
-webkit-box-flex: 0 0 48%;
|
|
104
|
+
-moz-box-flex: 0 0 48%;
|
|
105
|
+
-webkit-flex: 0 0 48%;
|
|
106
|
+
-ms-flex: 0 0 48%;
|
|
107
|
+
flex: 0 0 48%;
|
|
71
108
|
span[class*=" icon-"] {
|
|
72
109
|
color: #3e3e3e;
|
|
73
110
|
}
|
|
74
111
|
span.bname {
|
|
75
|
-
margin-top:
|
|
112
|
+
margin-top: 4px;
|
|
76
113
|
display: block;
|
|
77
114
|
font-family: 'Roboto';
|
|
78
115
|
font-weight: 300;
|
|
79
|
-
font-size:
|
|
116
|
+
font-size: 11px;
|
|
80
117
|
line-height: 14px;
|
|
81
118
|
border: 0;
|
|
82
119
|
color: #252525;
|
|
@@ -89,6 +126,319 @@ body.editing .footer-wrapper #footer-msg {
|
|
|
89
126
|
}
|
|
90
127
|
}
|
|
91
128
|
}
|
|
129
|
+
#the_modal {
|
|
130
|
+
padding: 0 5px;
|
|
131
|
+
box-sizing: border-box;
|
|
132
|
+
color: #252525;
|
|
133
|
+
a:not(.caboose-btn) {
|
|
134
|
+
text-decoration: none;
|
|
135
|
+
color: #458cb4;
|
|
136
|
+
font-family: 'Roboto';
|
|
137
|
+
font-weight: 300;
|
|
138
|
+
text-transform: none;
|
|
139
|
+
letter-spacing: 0;
|
|
140
|
+
font-size: 13px;
|
|
141
|
+
&:hover {
|
|
142
|
+
color: #45b47d;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
.caboose-btn {
|
|
146
|
+
display: block;
|
|
147
|
+
width: 100%;
|
|
148
|
+
font-size: 13px;
|
|
149
|
+
line-height: 21px;
|
|
150
|
+
padding: 2px 10px;
|
|
151
|
+
&.alt {
|
|
152
|
+
background: #5d5d5d;
|
|
153
|
+
&:hover {
|
|
154
|
+
background: #3c3c3c;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
#modal_crumbtrail {
|
|
159
|
+
margin-bottom: 15px;
|
|
160
|
+
padding-top: 4px;
|
|
161
|
+
h2 {
|
|
162
|
+
font-family: 'Roboto' !important;
|
|
163
|
+
font-weight: 300 !important;
|
|
164
|
+
font-size: 13px !important;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
p {
|
|
168
|
+
margin-bottom: 5px;
|
|
169
|
+
font-family: 'Roboto';
|
|
170
|
+
font-weight: 300;
|
|
171
|
+
font-size: 14px;
|
|
172
|
+
color: #252525;
|
|
173
|
+
&.caboose_note.delete {
|
|
174
|
+
color: #fff;
|
|
175
|
+
padding: 10px;
|
|
176
|
+
}
|
|
177
|
+
&.caboose_note, &.note {
|
|
178
|
+
color: #fff;
|
|
179
|
+
display: block;
|
|
180
|
+
width: 100%;
|
|
181
|
+
text-align: center;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
h1, h2, h3, h4, h5, h6 {
|
|
185
|
+
font-family: 'Roboto';
|
|
186
|
+
font-weight: 300;
|
|
187
|
+
margin-bottom: 5px;
|
|
188
|
+
color: #252525;
|
|
189
|
+
}
|
|
190
|
+
#modal_content {
|
|
191
|
+
& > div {
|
|
192
|
+
margin-bottom: 8px;
|
|
193
|
+
}
|
|
194
|
+
#top_controls {
|
|
195
|
+
select#categories {
|
|
196
|
+
display: block;
|
|
197
|
+
width: 100%;
|
|
198
|
+
margin-bottom: 5px;
|
|
199
|
+
&:focus {
|
|
200
|
+
outline-width: 0;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
& > p {
|
|
204
|
+
padding: 0 3px;
|
|
205
|
+
& > a {
|
|
206
|
+
margin: 0px 5px 1px 0;
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
.img-wrap {
|
|
211
|
+
.img-holder {
|
|
212
|
+
cursor: pointer;
|
|
213
|
+
span.select {
|
|
214
|
+
position: absolute;
|
|
215
|
+
left: 0;
|
|
216
|
+
top: 0;
|
|
217
|
+
width: 100%;
|
|
218
|
+
height: 100%;
|
|
219
|
+
color: #fff;
|
|
220
|
+
text-align: center;
|
|
221
|
+
background-color: rgba(10,10,10,0.7);
|
|
222
|
+
opacity: 0;
|
|
223
|
+
transition: opacity 200ms ease;
|
|
224
|
+
font-family: Roboto;
|
|
225
|
+
font-weight: 300;
|
|
226
|
+
font-size: 13px;
|
|
227
|
+
padding-top: 30px;
|
|
228
|
+
}
|
|
229
|
+
&:hover {
|
|
230
|
+
span.select {
|
|
231
|
+
opacity: 1 !important;
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
.mb_container {
|
|
237
|
+
padding-top: 18px;
|
|
238
|
+
input, textarea {
|
|
239
|
+
display: block;
|
|
240
|
+
border-radius: 0 !important;
|
|
241
|
+
width: 100% !important;
|
|
242
|
+
padding: 5px;
|
|
243
|
+
padding-left: 5px !important;
|
|
244
|
+
font-family: 'Roboto' !important;
|
|
245
|
+
font-weight: 300 !important;
|
|
246
|
+
font-size: 13px !important;
|
|
247
|
+
background-color: #fff !important;
|
|
248
|
+
color: #252525 !important;
|
|
249
|
+
border: #dcdcdc 1px solid;
|
|
250
|
+
padding-top: 5px !important;
|
|
251
|
+
&[type="checkbox"] {
|
|
252
|
+
top: 2px;
|
|
253
|
+
width: 30px !important;
|
|
254
|
+
}
|
|
255
|
+
&.mb_checkbox_background {
|
|
256
|
+
border: 0;
|
|
257
|
+
padding: 0;
|
|
258
|
+
height: 0;
|
|
259
|
+
opacity: 0;
|
|
260
|
+
}
|
|
261
|
+
&.mb_dirty {
|
|
262
|
+
background: #fffac5 !important;
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
textarea {
|
|
266
|
+
min-height: 80px;
|
|
267
|
+
}
|
|
268
|
+
.mb_bound_textarea_controls {
|
|
269
|
+
top: 18px !important;
|
|
270
|
+
left: auto !important;
|
|
271
|
+
right: 0;
|
|
272
|
+
width: 148px;
|
|
273
|
+
a {
|
|
274
|
+
height: 30px;
|
|
275
|
+
background: #ecebe8;
|
|
276
|
+
border: 1px solid #c5c5c5;
|
|
277
|
+
padding: 6px 0 0 0;
|
|
278
|
+
margin: 0 0 0 3px;
|
|
279
|
+
width: 70px;
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
select.mb_fake {
|
|
283
|
+
top: 18px;
|
|
284
|
+
height: 30px !important;
|
|
285
|
+
border: 0;
|
|
286
|
+
width: 100% !important;
|
|
287
|
+
font-family: 'Roboto' !important;
|
|
288
|
+
font-weight: 300 !important;
|
|
289
|
+
font-size: 13px !important;
|
|
290
|
+
cursor: pointer;
|
|
291
|
+
&:focus {
|
|
292
|
+
outline-width: 0;
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
.mb_bound_input_check {
|
|
296
|
+
top: 19px !important;
|
|
297
|
+
right: 1px !important;
|
|
298
|
+
z-index: 2;
|
|
299
|
+
a {
|
|
300
|
+
background-color: #63b963;
|
|
301
|
+
border-radius: 0;
|
|
302
|
+
font-size: 18px;
|
|
303
|
+
height: 28px !important;
|
|
304
|
+
padding-top: 3px;
|
|
305
|
+
color: #fff;
|
|
306
|
+
&.loading {
|
|
307
|
+
background-size: 19px;
|
|
308
|
+
}
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
.mb_placeholder {
|
|
312
|
+
position: absolute;
|
|
313
|
+
top: 2px !important;
|
|
314
|
+
left: 0 !important;
|
|
315
|
+
padding: 0;
|
|
316
|
+
margin: 0;
|
|
317
|
+
span {
|
|
318
|
+
font-size: 12px;
|
|
319
|
+
font-family: Roboto !important;
|
|
320
|
+
font-weight: 300 !important;
|
|
321
|
+
color: #5f5f5f;
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
}
|
|
325
|
+
#media {
|
|
326
|
+
ul.thumbnail_view {
|
|
327
|
+
li.media {
|
|
328
|
+
-webkit-box-flex: 0 0 49%;
|
|
329
|
+
-moz-box-flex: 0 0 49%;
|
|
330
|
+
-webkit-flex: 0 0 49%;
|
|
331
|
+
-ms-flex: 0 0 49%;
|
|
332
|
+
flex: 0 0 49%;
|
|
333
|
+
border: 0;
|
|
334
|
+
margin: 0 0 10px 0;
|
|
335
|
+
padding: 0;
|
|
336
|
+
cursor: pointer;
|
|
337
|
+
span.name {
|
|
338
|
+
opacity: 0;
|
|
339
|
+
font-size: 11px;
|
|
340
|
+
position: absolute;
|
|
341
|
+
left: 0;
|
|
342
|
+
top: 0;
|
|
343
|
+
transition: opacity 200ms ease;
|
|
344
|
+
font-family: Roboto;
|
|
345
|
+
font-weight: 300;
|
|
346
|
+
}
|
|
347
|
+
img {
|
|
348
|
+
display: block;
|
|
349
|
+
max-height: 120px;
|
|
350
|
+
}
|
|
351
|
+
&:hover span.name {
|
|
352
|
+
opacity: 1;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
}
|
|
357
|
+
#uploader {
|
|
358
|
+
#the_uploader {
|
|
359
|
+
.plupload_wrapper {
|
|
360
|
+
min-width: 0;
|
|
361
|
+
font-family: Roboto;
|
|
362
|
+
font-weight: 300;
|
|
363
|
+
font-size: 12px;
|
|
364
|
+
.plupload_container {
|
|
365
|
+
border: 1px solid #cccccc;
|
|
366
|
+
}
|
|
367
|
+
.plupload_header_content {
|
|
368
|
+
height: auto;
|
|
369
|
+
padding: 5px;
|
|
370
|
+
.plupload_logo {
|
|
371
|
+
display: none;
|
|
372
|
+
}
|
|
373
|
+
.plupload_header_title {
|
|
374
|
+
font-family: Roboto;
|
|
375
|
+
font-weight: 300;
|
|
376
|
+
padding: 0 0 3px 0;
|
|
377
|
+
font-size: 14px;
|
|
378
|
+
}
|
|
379
|
+
.plupload_header_text {
|
|
380
|
+
font-family: Roboto;
|
|
381
|
+
font-weight: 300;
|
|
382
|
+
padding: 0 0 3px 0;
|
|
383
|
+
font-size: 12px;
|
|
384
|
+
}
|
|
385
|
+
}
|
|
386
|
+
.plupload_file_name {
|
|
387
|
+
padding: 2px;
|
|
388
|
+
}
|
|
389
|
+
.plupload_buttons {
|
|
390
|
+
float: none;
|
|
391
|
+
width: 100%;
|
|
392
|
+
}
|
|
393
|
+
.plupload_started {
|
|
394
|
+
.plupload_progress {
|
|
395
|
+
width: 100%;
|
|
396
|
+
float: none;
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
.plupload_button {
|
|
400
|
+
border: 0;
|
|
401
|
+
background: #404040;
|
|
402
|
+
color: #fff;
|
|
403
|
+
padding: 5px 8px;
|
|
404
|
+
font-size: 12px;
|
|
405
|
+
letter-spacing: 0;
|
|
406
|
+
.ui-icon {
|
|
407
|
+
display: none;
|
|
408
|
+
}
|
|
409
|
+
.ui-button-text {
|
|
410
|
+
padding: 0;
|
|
411
|
+
}
|
|
412
|
+
&:hover {
|
|
413
|
+
background: #0c0c0c;
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
.plupload_filelist_footer {
|
|
417
|
+
display: block;
|
|
418
|
+
tbody, tr, td {
|
|
419
|
+
display: block;
|
|
420
|
+
width: 100%;
|
|
421
|
+
}
|
|
422
|
+
td {
|
|
423
|
+
padding: 2px;
|
|
424
|
+
box-sizing: border-box;
|
|
425
|
+
text-align: center;
|
|
426
|
+
}
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
}
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
#modal_controls {
|
|
433
|
+
margin-top: 20px;
|
|
434
|
+
padding-top: 4px;
|
|
435
|
+
p {
|
|
436
|
+
.caboose-btn {
|
|
437
|
+
margin: 0 0 4px 0;
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
}
|
|
92
442
|
}
|
|
93
443
|
|
|
94
444
|
#the_modal #modal_content .mb_container table.checkbox_multiple {
|
|
@@ -99,46 +449,41 @@ body.editing .footer-wrapper #footer-msg {
|
|
|
99
449
|
top: 0;
|
|
100
450
|
}
|
|
101
451
|
}
|
|
102
|
-
#the_modal {
|
|
103
|
-
#modal_controls {
|
|
104
|
-
margin-top: 20px;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
452
|
|
|
108
453
|
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter, #cboxClose {
|
|
109
454
|
background: #fff !important;
|
|
110
455
|
}
|
|
111
456
|
|
|
112
|
-
#the_modal #modal_content .mb_container {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
457
|
+
// #the_modal #modal_content .mb_container {
|
|
458
|
+
// input, textarea {
|
|
459
|
+
// border: #ccc 1px solid;
|
|
460
|
+
// border-radius: 0 !important;
|
|
461
|
+
// font-family: 'Roboto' !important;
|
|
462
|
+
// font-weight: 300 !important;
|
|
463
|
+
// font-size: 14px !important;
|
|
464
|
+
// padding: 5px;
|
|
465
|
+
// color: #252525;
|
|
466
|
+
// &:focus {
|
|
467
|
+
// outline-width: 0;
|
|
468
|
+
// border-color: #28acc1;
|
|
469
|
+
// }
|
|
470
|
+
// }
|
|
471
|
+
// label {
|
|
472
|
+
// font-family: 'Roboto' !important;
|
|
473
|
+
// font-weight: 300 !important;
|
|
474
|
+
// font-size: 12px !important;
|
|
475
|
+
// }
|
|
476
|
+
// .mb_placeholder {
|
|
477
|
+
// // top: 9px;
|
|
478
|
+
// // left: 8px;
|
|
479
|
+
// span {
|
|
480
|
+
// font-size: 15px;
|
|
481
|
+
// font-family: Roboto !important;
|
|
482
|
+
// font-weight: 300 !important;
|
|
483
|
+
// color: #5f5f5f;
|
|
484
|
+
// }
|
|
485
|
+
// }
|
|
486
|
+
// }
|
|
142
487
|
|
|
143
488
|
.cke_editable:focus {
|
|
144
489
|
outline-color: #c0dcff;
|
|
@@ -168,6 +513,7 @@ body > .ui-draggable-dragging {
|
|
|
168
513
|
margin-bottom: 0;
|
|
169
514
|
border-radius: 8px;
|
|
170
515
|
font-family: 'Roboto'; font-weight: 300;
|
|
516
|
+
color: #282828;
|
|
171
517
|
}
|
|
172
518
|
|
|
173
519
|
p.caboose_note.delete {
|
|
@@ -175,7 +521,7 @@ p.caboose_note.delete {
|
|
|
175
521
|
color: white;
|
|
176
522
|
font-size: 14px;
|
|
177
523
|
line-height: 18px;
|
|
178
|
-
padding:
|
|
524
|
+
padding: 10px;
|
|
179
525
|
text-align: center;
|
|
180
526
|
position: relative;
|
|
181
527
|
z-index: 15;
|
|
@@ -255,6 +601,11 @@ body > .container, body > .mm-page > .container {
|
|
|
255
601
|
border-radius: 0 !important;
|
|
256
602
|
}
|
|
257
603
|
}
|
|
604
|
+
.modal.colorbox {
|
|
605
|
+
#modal_controls {
|
|
606
|
+
margin-top: 10px;
|
|
607
|
+
}
|
|
608
|
+
}
|
|
258
609
|
|
|
259
610
|
// #modal_content .mb_container textarea {
|
|
260
611
|
// font-family: 'Roboto';
|