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('color', $('#palette input[name="palette[base]"]', form).val());
|
18
|
$('#preview a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
|
19
|
$('#preview-header-menu a', form).css('color', $('#palette input[name="palette[headermenulink]"]', form).val());
|
20
|
$('#preview-footer a', form).css('color', $('#palette input[name="palette[footerlink]"]', form).val());
|
21
|
$('#preview-footer-bottom a', form).css('color', $('#palette input[name="palette[footerlink]"]', form).val());
|
22
|
$('#preview-slogan', form).css('color', $('#palette input[name="palette[slogan]"]', form).val());
|
23
|
|
24
|
|
25
|
var headingscolor = $('#palette input[name="palette[link]"]', form).val();
|
26
|
var headingsshadow = $('#palette input[name="palette[headingshadow]"]', form).val();
|
27
|
|
28
|
$('#preview h1', form).attr('style', "color: " + headingscolor + "; text-shadow: 1px 1px 1px " + headingsshadow + ";");
|
29
|
|
30
|
|
31
|
var gradient_headertop = $('#palette input[name="palette[headertop]"]', form).val();
|
32
|
var gradient_headerbottom = $('#palette input[name="palette[headerbottom]"]', form).val();
|
33
|
|
34
|
$('#preview #preview-header', form).attr('style', "background-color: " + gradient_headertop + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_headertop + "), to(" + gradient_headerbottom + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_headertop + ", " + gradient_headerbottom + ");");
|
35
|
|
36
|
|
37
|
$('#preview-header-menu', form).css('background-color', $('#palette input[name="palette[headermenu]"]', form).val());
|
38
|
$('#preview-header-menu', form).css('border-top-color', $('#palette input[name="palette[headermenuborder]"]', form).val());
|
39
|
$('#preview-header-menu', form).css('border-bottom-color', $('#palette input[name="palette[headermenuborder]"]', form).val());
|
40
|
|
41
|
|
42
|
var gradient_bannertop = $('#palette input[name="palette[bannertop]"]', form).val();
|
43
|
var gradient_bannerbottom = $('#palette input[name="palette[bannerbottom]"]', form).val();
|
44
|
var bannerborder = $('#palette input[name="palette[bannerborder]"]', form).val();
|
45
|
|
46
|
$('#preview #preview-banner', form).attr('style', "background-color: " + gradient_bannertop + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_bannertop + "), to(" + gradient_bannerbottom + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_bannertop + ", " + gradient_bannerbottom + "); border-bottom: 1px solid " + bannerborder + ";");
|
47
|
|
48
|
|
49
|
var gradient_contenttop = $('#palette input[name="palette[contenttop]"]', form).val();
|
50
|
var gradient_contentbottom = $('#palette input[name="palette[contentbottom]"]', form).val();
|
51
|
|
52
|
$('#preview #preview-content', form).attr('style', "background-color: " + gradient_contenttop + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_contenttop + "), to(" + gradient_contentbottom + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_contenttop + ", " + gradient_contentbottom + ");");
|
53
|
|
54
|
|
55
|
var blockbg = $('#palette input[name="palette[blockbg]"]', form).val();
|
56
|
$('#preview .block', form).attr('style', "background-color: " + blockbg + ";");
|
57
|
|
58
|
|
59
|
var gradient_footer = $('#palette input[name="palette[footer]"]', form).val();
|
60
|
$('#preview #preview-footer', form).attr('style', "background-color: " + gradient_footer + ";");
|
61
|
|
62
|
|
63
|
var gradient_footerbottomtop = $('#palette input[name="palette[footerbottomtop]"]', form).val();
|
64
|
var gradient_footerbottombottom = $('#palette input[name="palette[footerbottombottom]"]', form).val();
|
65
|
|
66
|
$('#preview-footer-bottom', form).attr('style', "background-color: " + gradient_footerbottomtop + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_footerbottomtop + "), to(" + gradient_footerbottombottom + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_footerbottomtop + ", " + gradient_footerbottombottom + ");");
|
67
|
$('#preview-footer-bottom', form).css('border-top-color', $('#palette input[name="palette[headermenuborder]"]', form).val());
|
68
|
|
69
|
|
70
|
var gradient_buttontop = $('#palette input[name="palette[buttontop]"]', form).val();
|
71
|
var gradient_buttonbottom = $('#palette input[name="palette[buttonbottom]"]', form).val();
|
72
|
var buttontext = $('#palette input[name="palette[buttontext]"]', form).val();
|
73
|
var buttontextshadow = $('#palette input[name="palette[buttontextshadow]"]', form).val();
|
74
|
var buttonboxshadow = $('#palette input[name="palette[buttonboxshadow]"]', form).val();
|
75
|
|
76
|
$('#preview a.more', form).attr('style', "background-color: " + gradient_buttontop + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_buttontop + "), to(" + gradient_buttonbottom + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_buttontop + ", " + gradient_buttonbottom + "); -webkit-box-shadow: 0px 1px 2px " + buttonboxshadow + "; -moz-box-shadow: 0px 1px 2px " + buttonboxshadow + "; box-shadow: 0px 1px 2px " + buttonboxshadow + "; text-shadow: 0 1px 1px " + buttontextshadow + "; color: " + buttontext + ";");
|
77
|
|
78
|
}
|
79
|
};
|
80
|
})(jQuery);
|