Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
drupal/themes/bartik/color/preview.js

37 lines
1.8 KiB
JavaScript
Raw Normal View History

- Patch #917000 by corbacho, tstoeckler: follow convention for CVS // $.
2010-11-19 20:37:17 +00:00
// $Id$
#683026 by jensimmons, JohnAlbin, Jeff Burnz, Jacine, stephthegeek, bleen18, smerrill, et al: New core theme: Bartik, a flexible, re-colorable theme with many regions that shows off what Drupal can do. Truly a team effort. :)
2010-07-06 05:25:51 +00:00
(function ($) {
Drupal.color = {
logoChanged: false,
callback: function(context, settings, form, farb, height, width) {
// Change the logo to be the real one.
if (!this.logoChanged) {
$('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
this.logoChanged = true;
}
// Solid background.
$('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());
// Text preview.
#844734 by Jeff Burnz, tim.plunkett, dead_arm: Catch preview.css up to style.css changes so color.module changes are accurately reflected.
2010-11-15 01:20:21 +00:00
$('#preview #preview-main h2, #preview .preview-content', form).css('color', $('#palette input[name="palette[text]"]', form).val());
#683026 by jensimmons, JohnAlbin, Jeff Burnz, Jacine, stephthegeek, bleen18, smerrill, et al: New core theme: Bartik, a flexible, re-colorable theme with many regions that shows off what Drupal can do. Truly a team effort. :)
2010-07-06 05:25:51 +00:00
$('#preview #preview-content a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
#844734 by Jeff Burnz, tim.plunkett, dead_arm: Catch preview.css up to style.css changes so color.module changes are accurately reflected.
2010-11-15 01:20:21 +00:00
// Sidebar block.
$('#preview #preview-sidebar #preview-block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val());
$('#preview #preview-sidebar #preview-block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', form).val());
#683026 by jensimmons, JohnAlbin, Jeff Burnz, Jacine, stephthegeek, bleen18, smerrill, et al: New core theme: Bartik, a flexible, re-colorable theme with many regions that shows off what Drupal can do. Truly a team effort. :)
2010-07-06 05:25:51 +00:00
#844734 by Jeff Burnz, tim.plunkett, dead_arm: Catch preview.css up to style.css changes so color.module changes are accurately reflected.
2010-11-15 01:20:21 +00:00
// Footer wrapper background.
#988184 by Jeff Burnz: Remove duplicate IDs from preview.html in Bartik.
2010-12-07 04:45:24 +00:00
$('#preview #preview-footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
#683026 by jensimmons, JohnAlbin, Jeff Burnz, Jacine, stephthegeek, bleen18, smerrill, et al: New core theme: Bartik, a flexible, re-colorable theme with many regions that shows off what Drupal can do. Truly a team effort. :)
2010-07-06 05:25:51 +00:00
// CSS3 Gradients.
var gradient_start = $('#palette input[name="palette[top]"]', form).val();
var gradient_end = $('#palette input[name="palette[bottom]"]', form).val();
$('#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 + ");");
#844734 by Jeff Burnz, tim.plunkett, dead_arm: Catch preview.css up to style.css changes so color.module changes are accurately reflected.
2010-11-15 01:20:21 +00:00
$('#preview #preview-site-name', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
#683026 by jensimmons, JohnAlbin, Jeff Burnz, Jacine, stephthegeek, bleen18, smerrill, et al: New core theme: Bartik, a flexible, re-colorable theme with many regions that shows off what Drupal can do. Truly a team effort. :)
2010-07-06 05:25:51 +00:00
}
};
})(jQuery);