Projet

Général

Profil

Paste
Télécharger (1,97 ko) Statistiques
| Branche: | Révision:

root / drupal7 / themes / bartik / color / preview.js @ 01dfd3b5

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);