Mercurial > hg > drupalISMI

comparison mpiwgISMI/color/preview.js @ 8:5148098e96a4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add theme drupalISMI.
author casties
date Fri, 19 Jun 2015 18:58:25 +0200
parents
children
comparison
equal deleted inserted replaced
7:f651752ee9ad 8:5148098e96a4
1
2 (function ($) {
3 Drupal.color = {
4 logoChanged: false,
5 callback: function(context, settings, form, farb, height, width) {
6 // Change the logo to be the real one.
7 if (!this.logoChanged) {
8 $('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
9 this.logoChanged = true;
10 }
11 // Remove the logo if the setting is toggled off.
12 if (Drupal.settings.color.logo == null) {
13 $('div').remove('#preview-logo');
14 }
15
16 // Solid background.
17 $('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());
18
19 // Text preview.
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 // Sidebar block.
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 // Footer wrapper background.
28 $('#preview #preview-footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
29
30 // CSS3 Gradients.
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);