1 |
85ad3d82
|
Assos Assos
|
|
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); |