1
|
|
2
|
(function ($) {
|
3
|
Drupal.color = {
|
4
|
logoChanged: false,
|
5
|
callback: function(context, settings, form, farb, height, width) {
|
6
|
|
7
|
if (!this.logoChanged) {
|
8
|
$('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
|
9
|
this.logoChanged = true;
|
10
|
}
|
11
|
|
12
|
if (Drupal.settings.color.logo == null) {
|
13
|
$('div').remove('#preview-logo');
|
14
|
}
|
15
|
|
16
|
|
17
|
$('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());
|
18
|
|
19
|
|
20
|
$('#preview #preview-main h2, #preview .preview-content', form).css('color', $('#palette input[name="palette[text]"]', form).val());
|
21
|
$('#preview #preview-content a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
|
22
|
|
23
|
|
24
|
$('#preview #preview-sidebar #preview-block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val());
|
25
|
$('#preview #preview-sidebar #preview-block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', form).val());
|
26
|
|
27
|
|
28
|
$('#preview #preview-footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
|
29
|
|
30
|
|
31
|
var gradient_start = $('#palette input[name="palette[top]"]', form).val();
|
32
|
var gradient_end = $('#palette input[name="palette[bottom]"]', form).val();
|
33
|
|
34
|
$('#preview #preview-header', form).attr('style', "background-color: " + gradient_start + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_start + "), to(" + gradient_end + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_start + ", " + gradient_end + ");");
|
35
|
|
36
|
$('#preview #preview-site-name', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
|
37
|
}
|
38
|
};
|
39
|
})(jQuery);
|