1 |
d7f58da2
|
Florent Torregrosa
|
|
2 |
|
|
|
3 |
|
|
|
4 |
|
|
|
5 |
85ad3d82
|
Assos Assos
|
|
6 |
|
|
(function ($) {
|
7 |
|
|
Drupal.color = {
|
8 |
|
|
logoChanged: false,
|
9 |
|
|
bgChanged: false,
|
10 |
|
|
callback: function(context, settings, form, farb, height, width) {
|
11 |
|
|
|
12 |
|
|
|
13 |
|
|
$('#placeholder', form).css('margin-top', '1000px');
|
14 |
|
|
|
15 |
|
|
|
16 |
|
|
if (Drupal.settings.color.layout_style == 2) {
|
17 |
|
|
|
18 |
|
|
$('#preview #preview-page', form).css('padding', '0px');
|
19 |
|
|
$('#preview #preview-main', form).css('padding', '0px 10px');
|
20 |
|
|
}
|
21 |
|
|
|
22 |
|
|
if (Drupal.settings.color.sb_layout_style == 3) {
|
23 |
|
|
$('#preview .sidebar', form).css('float', 'right');
|
24 |
|
|
if (Drupal.settings.color.layout_style == 2) {
|
25 |
|
|
$('#preview .sidebar', form).css('margin-right', '20px');
|
26 |
|
|
}
|
27 |
|
|
else {
|
28 |
|
|
$('#preview .sidebar', form).css('margin-right', '0px');
|
29 |
|
|
}
|
30 |
|
|
$('#preview #preview-content', form).css('margin-left', '0px');
|
31 |
|
|
$('#preview #preview-content', form).css('margin-right', '10px');
|
32 |
|
|
}
|
33 |
|
|
else {
|
34 |
|
|
$('#preview .sidebar', form).css('float', 'left');
|
35 |
|
|
$('#preview #preview-content', form).css('margin-left', '10px');
|
36 |
|
|
$('#preview #preview-content', form).css('margin-right', '0px');
|
37 |
|
|
}
|
38 |
|
|
|
39 |
|
|
|
40 |
|
|
$('#preview #preview-page-wrapper', form).css('padding-top', Drupal.settings.color.base_vmargin);
|
41 |
|
|
$('#preview #preview-page-wrapper', form).css('padding-bottom', Drupal.settings.color.base_vmargin);
|
42 |
|
|
|
43 |
|
|
|
44 |
|
|
if (!this.logoChanged) {
|
45 |
|
|
if (Drupal.settings.color.logo) {
|
46 |
|
|
$('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
|
47 |
|
|
}
|
48 |
|
|
else {
|
49 |
|
|
$('#preview #preview-logo img').remove();
|
50 |
|
|
}
|
51 |
|
|
this.logoChanged = true;
|
52 |
|
|
}
|
53 |
|
|
|
54 |
|
|
|
55 |
3753f249
|
Assos Assos
|
$('#preview-page-wrapper', form).css('background-color', $('#palette input[name="palette[base]"]', form).val());
|
56 |
85ad3d82
|
Assos Assos
|
|
57 |
|
|
|
58 |
|
|
$('#preview-page', form).css('background-color', $('#palette input[name="palette[bg]"]', form).val());
|
59 |
|
|
|
60 |
|
|
|
61 |
|
|
|
62 |
|
|
$('#preview', form).css('color', $('#palette input[name="palette[text]"]', form).val());
|
63 |
|
|
$('#preview table tr td', form).css('color', $('#palette input[name="palette[text]"]', form).val());
|
64 |
|
|
$('#preview table tr th', form).css('color', $('#palette input[name="palette[text]"]', form).val());
|
65 |
|
|
$('#preview a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
|
66 |
|
|
|
67 |
|
|
|
68 |
|
|
|
69 |
|
|
$('#preview-page-title', form).css('background-color', $('#palette input[name="palette[pagetitle]"]', form).val());
|
70 |
|
|
|
71 |
|
|
|
72 |
|
|
$('#preview-page-title', form).css('color', $('#palette input[name="palette[pagetitletext]"]', form).val());
|
73 |
|
|
|
74 |
|
|
|
75 |
|
|
|
76 |
|
|
if (Drupal.settings.color.menubar_style == 1) {
|
77 |
|
|
$('#preview #preview-navigation', form).css('border-bottom-color', $('#palette input[name="palette[menudivider]"]', form).val());
|
78 |
|
|
$('#preview #preview-navigation ul li', form).css('border-right-color', $('#palette input[name="palette[menudivider]"]', form).val());
|
79 |
|
|
$('#preview .highlight', form).css('background-color', $('#palette input[name="palette[highlight]"]', form).val());
|
80 |
|
|
}
|
81 |
|
|
else if (Drupal.settings.color.menubar_style == 2) {
|
82 |
|
|
$('#preview #preview-navigation a', form).css('color', '#dddddd');
|
83 |
|
|
$('#preview .highlight', form).css('background-color', '#444444');
|
84 |
|
|
}
|
85 |
|
|
|
86 |
|
|
|
87 |
|
|
$('#preview .node', form).css('background-color', $('#palette input[name="palette[node]"]', form).val());
|
88 |
|
|
|
89 |
|
|
|
90 |
|
|
$('#preview .node', form).css('border-color', $('#palette input[name="palette[nodeborders]"]', form).val());
|
91 |
|
|
|
92 |
|
|
|
93 |
|
|
$('#preview .node h2', form).css('border-bottom-color', $('#palette input[name="palette[nodedivider]"]', form).val());
|
94 |
|
|
|
95 |
|
|
|
96 |
|
|
$('#preview .node-sticky', form).css('background-color', $('#palette input[name="palette[stickynode]"]', form).val());
|
97 |
|
|
|
98 |
|
|
|
99 |
|
|
|
100 |
|
|
$('#preview table tr th', form).css('background-color', $('#palette input[name="palette[tableheader]"]', form).val());
|
101 |
|
|
$('#preview table tr.even td', form).css('background-color', $('#palette input[name="palette[even]"]', form).val());
|
102 |
|
|
$('#preview table tr.odd td', form).css('background-color', $('#palette input[name="palette[node]"]', form).val());
|
103 |
|
|
$('#preview table tr th', form).css('border-color', $('#palette input[name="palette[node]"]', form).val());
|
104 |
|
|
|
105 |
|
|
|
106 |
|
|
$('#preview .sidebar .block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val());
|
107 |
|
|
|
108 |
|
|
|
109 |
|
|
$('#preview .sidebar .block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', form).val());
|
110 |
|
|
|
111 |
|
|
|
112 |
|
|
$('#preview .sidebar h2', form).css('border-bottom-color', $('#palette input[name="palette[sidebardivider]"]', form).val());
|
113 |
|
|
|
114 |
|
|
|
115 |
|
|
$('#preview .sidebar .block', form).css('color', $('#palette input[name="palette[sidebartext]"]', form).val());
|
116 |
|
|
$('#preview .sidebar a', form).css('color', $('#palette input[name="palette[sidebarlink]"]', form).val());
|
117 |
|
|
|
118 |
|
|
|
119 |
|
|
|
120 |
|
|
$('#preview #preview-footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
|
121 |
|
|
|
122 |
|
|
|
123 |
|
|
$('#preview #preview-footer-wrapper', form).css('color', $('#palette input[name="palette[footertext]"]', form).val());
|
124 |
|
|
$('#preview #preview-footer-wrapper a', form).css('color', $('#palette input[name="palette[footerlink]"]', form).val());
|
125 |
|
|
|
126 |
|
|
if (Drupal.settings.color.header_bg_file) {
|
127 |
|
|
if (!this.bgChanged) {
|
128 |
|
|
|
129 |
|
|
this.bgChanged = true;
|
130 |
|
|
|
131 |
|
|
$('#preview #preview-header', form).attr('style', 'border: none; background-image: url(' + Drupal.settings.color.header_bg_file + '); background-position: ' + Drupal.settings.color.header_bg_alignment + ';');
|
132 |
|
|
}
|
133 |
|
|
}
|
134 |
|
|
else {
|
135 |
|
|
|
136 |
|
|
var gradient_start = $('#palette input[name="palette[left]"]', form).val();
|
137 |
|
|
var gradient_end = $('#palette input[name="palette[right]"]', form).val();
|
138 |
|
|
|
139 |
|
|
|
140 |
|
|
$('#preview #preview-header', form).attr('style', "background-color: " + gradient_start + "; background-image: -webkit-gradient(linear, left top, right top, from(" + gradient_start + "), to(" + gradient_end + ")); background-image: -moz-linear-gradient(0deg, " + gradient_start + ", " + gradient_end + "); filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=" + gradient_start + ", EndColorStr=" + gradient_end + ", GradientType=1); -ms-filter:\"progid:DXImageTransform.Microsoft.gradient(startColorstr=" + gradient_start + ", endColorstr=" + gradient_end + ", GradientType=1)\";");
|
141 |
|
|
|
142 |
|
|
if (Drupal.settings.color.layout_style == 2) {
|
143 |
|
|
$('#preview #preview-header', form).css('border', 'none');
|
144 |
|
|
}
|
145 |
|
|
else {
|
146 |
|
|
|
147 |
|
|
$('#preview #preview-header', form).css('border-color', $('#palette input[name="palette[headerborders]"]', form).val());
|
148 |
|
|
$('#preview #preview-header', form).css('border-width', Drupal.settings.color.header_border_width);
|
149 |
|
|
}
|
150 |
|
|
}
|
151 |
|
|
if (Drupal.settings.color.header_watermark > 0) {
|
152 |
|
|
var url = '/sites/all/themes/mayo/images/pat-' + Drupal.settings.color.header_watermark + '.png';
|
153 |
|
|
$('#preview #preview-header-watermark', form).attr('style', 'background-image: url(' + url + ');');
|
154 |
|
|
}
|
155 |
|
|
|
156 |
|
|
|
157 |
|
|
$('#preview #preview-name-and-slogan', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
|
158 |
|
|
$('#preview #preview-name-and-slogan a', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
|
159 |
|
|
}
|
160 |
|
|
};
|
161 |
|
|
})(jQuery); |