projects / GitHub / WoltLab / WCF.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
Small optimization
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / acp / templates / styleAdd.tpl
CommitLineData
6c80f0df
AE		 1{include file='header' pageTitle='wcf.acp.style.'|concat:$action}
2
9543d9fe
AE		 3<script data-relocate="true" src="{@$__wcf->getPath()}acp/js/WCF.ACP.Style.js?v={@$__wcfVersion}"></script>
4<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.ColorPicker.js?v={@$__wcfVersion}"></script>
5<script data-relocate="true">
6c80f0df
AE		 6 //<![CDATA[
7 $(function() {
8 new WCF.ColorPicker('.jsColorPicker');
9 WCF.TabMenu.init();
10
11 var $useFluidLayout = $('#useFluidLayout');
12 var $fluidLayoutVariables = $('#fluidLayoutVariables');
13 var $fixedLayoutVariables = $('#fixedLayoutVariables');
14 function useFluidLayout() {
15 if ($useFluidLayout.is(':checked')) {
16 $fluidLayoutVariables.show();
17 $fixedLayoutVariables.hide();
18 }
19 else {
20 $fluidLayoutVariables.hide();
21 $fixedLayoutVariables.show();
22 }
23 }
24 $useFluidLayout.change(useFluidLayout);
25 useFluidLayout();
26
27 WCF.Language.addObject({
2475d2a3
MW		 28 'wcf.global.button.upload': '{lang}wcf.global.button.upload{/lang}',
29 'wcf.style.colorPicker': '{lang}wcf.style.colorPicker{/lang}',
30 'wcf.style.colorPicker.new': '{lang}wcf.style.colorPicker.new{/lang}',
06c6034f
MW		 31 'wcf.style.colorPicker.current': '{lang}wcf.style.colorPicker.current{/lang}',
32 'wcf.style.colorPicker.button.apply': '{lang}wcf.style.colorPicker.button.apply{/lang}'
6c80f0df 33 });
2f06a43e 34 new WCF.ACP.Style.ImageUpload({if $action == 'add'}0{else}{@$style->styleID}{/if}, '{$tmpHash}');
6c80f0df 35
315c6dc0 36 {if $action == 'edit'}
6c80f0df
AE		 37 new WCF.ACP.Style.CopyStyle({@$style->styleID});
38
39 WCF.Language.addObject({
40 'wcf.acp.style.copyStyle.confirmMessage': '{lang}wcf.acp.style.copyStyle.confirmMessage{/lang}'
41 });
42 {/if}
46818b6a
MW		 43
44 $('.jsUnitSelect').change(function(event) {
45 var $target = $(event.currentTarget);
46 $target.prev().attr('step', ($target.val() == 'em' ? '0.01' : '1'));
47 }).trigger('change');
77b7b761
TD		 48
49 $('.tabMenuContainer').on('wcftabsbeforeactivate', function () {
50 setTimeout(function() {
51 $('#individualLess')[0].codemirror.refresh();
52 $('#overrideLess')[0].codemirror.refresh();
53 }, 100);
54 });
6c80f0df
AE		 55 });
56 //]]>
57</script>
58<header class="boxHeadline">
635a8feb
MW		 59 <h1>{lang}wcf.acp.style.{$action}{/lang}</h1>
60 {if $action == 'edit'}<p>{$styleName}</p>{/if}
6c80f0df
AE		 61</header>
62
63{if $errorField}
64 <p class="error">{lang}wcf.global.form.error{/lang}</p>
65{/if}
66
67{if $success|isset}
39b46c4a 68 <p class="success">{lang}wcf.global.success.{$action}{/lang}</p>
6c80f0df
AE		 69{/if}
70
030d9af8 71<div class="contentNavigation">
315c6dc0
MW		 72 <nav>
73 <ul>
74 {if $action == 'edit'}
75 <li><a href="{link controller='StyleExport' id=$style->styleID}{/link}" class="button"><span class="icon icon16 icon-download-alt"></span> <span>{lang}wcf.acp.style.exportStyle{/lang}</span></a></li>
fea9d759 76 <li><a class="jsCopyStyle button"><span class="icon icon16 icon-copy"></span> <span>{lang}wcf.acp.style.copyStyle{/lang}</span></a></li>
315c6dc0
MW		 77 {/if}
78
79 <li><a href="{link controller='StyleList'}{/link}" class="button"><span class="icon icon16 icon-list"></span> <span>{lang}wcf.acp.menu.link.style.list{/lang}</span></a></li>
80
81 {event name='contentNavigationButtons'}
82 </ul>
83 </nav>
030d9af8 84</div>
6c80f0df
AE		 85
86<form method="post" action="{if $action == 'add'}{link controller='StyleAdd'}{/link}{else}{link controller='StyleEdit' id=$styleID}{/link}{/if}">
87 <div class="tabMenuContainer" data-active="{$activeTabMenuItem}" data-store="activeTabMenuItem">
88 <nav class="tabMenu">
89 <ul>
90 <li><a href="{@$__wcf->getAnchor('general')}">{lang}wcf.acp.style.general{/lang}</a></li>
91 <li><a href="{@$__wcf->getAnchor('globals')}">{lang}wcf.acp.style.globals{/lang}</a></li>
92 <li><a href="{@$__wcf->getAnchor('colors')}">{lang}wcf.acp.style.colors{/lang}</a></li>
93 <li><a href="{@$__wcf->getAnchor('advanced')}">{lang}wcf.acp.style.advanced{/lang}</a></li>
7991009f
MS		 94
95 {event name='tabMenuTabs'}
6c80f0df
AE		 96 </ul>
97 </nav>
98
99 {* general *}
a17cadda 100 <div id="general" class="container containerPadding tabMenuContent">
6c80f0df
AE		 101 <fieldset>
102 <legend>{lang}wcf.acp.style.general.data{/lang}</legend>
103
104 <dl{if $errorField == 'styleName'} class="formError"{/if}>
105 <dt><label for="styleName">{lang}wcf.acp.style.styleName{/lang}</label></dt>
106 <dd>
107 <input type="text" name="styleName" id="styleName" value="{$styleName}" class="long" />
108 {if $errorField == 'styleName'}
109 <small class="innerError">
110 {if $errorType == 'empty'}
111 {lang}wcf.global.form.error.empty{/lang}
112 {else}
dadc0d16 113 {lang}wcf.acp.style.styleName.error.{$errorType}{/lang}
6c80f0df
AE		 114 {/if}
115 </small>
116 {/if}
117 </dd>
118 </dl>
119 <dl{if $errorField == 'authorName'} class="formError"{/if}>
120 <dt><label for="authorName">{lang}wcf.acp.style.authorName{/lang}</label></dt>
121 <dd>
122 <input type="text" name="authorName" id="authorName" value="{$authorName}" class="long" />
123 {if $errorField == 'authorName'}
124 <small class="innerError">
125 {if $errorType == 'empty'}
126 {lang}wcf.global.form.error.empty{/lang}
127 {else}
dadc0d16 128 {lang}wcf.acp.style.authorName.error.{$errorType}{/lang}
6c80f0df
AE		 129 {/if}
130 </small>
131 {/if}
132 </dd>
133 </dl>
134 <dl{if $errorField == 'copyright'} class="formError"{/if}>
135 <dt><label for="copyright">{lang}wcf.acp.style.copyright{/lang}</label></dt>
136 <dd>
137 <input type="text" name="copyright" id="copyright" value="{$copyright}" class="long" />
138 {if $errorField == 'copyright'}
139 <small class="innerError">
140 {if $errorType == 'empty'}
141 {lang}wcf.global.form.error.empty{/lang}
142 {else}
dadc0d16 143 {lang}wcf.acp.style.copyright.error.{$errorType}{/lang}
6c80f0df
AE		 144 {/if}
145 </small>
146 {/if}
147 </dd>
148 </dl>
149 <dl{if $errorField == 'styleVersion'} class="formError"{/if}>
150 <dt><label for="styleVersion">{lang}wcf.acp.style.styleVersion{/lang}</label></dt>
151 <dd>
152 <input type="text" name="styleVersion" id="styleVersion" value="{$styleVersion}" class="small" />
153 {if $errorField == 'styleVersion'}
154 <small class="innerError">
155 {if $errorType == 'empty'}
156 {lang}wcf.global.form.error.empty{/lang}
157 {else}
dadc0d16 158 {lang}wcf.acp.style.styleVersion.error.{$errorType}{/lang}
6c80f0df
AE		 159 {/if}
160 </small>
161 {/if}
162 </dd>
163 </dl>
164 <dl{if $errorField == 'styleDate'} class="formError"{/if}>
165 <dt><label for="styleDate">{lang}wcf.acp.style.styleDate{/lang}</label></dt>
166 <dd>
167 <input type="date" name="styleDate" id="styleDate" value="{$styleDate}" class="small" />
168 {if $errorField == 'styleDate'}
169 <small class="innerError">
170 {if $errorType == 'empty'}
171 {lang}wcf.global.form.error.empty{/lang}
172 {else}
dadc0d16 173 {lang}wcf.acp.style.styleDate.error.{$errorType}{/lang}
6c80f0df
AE		 174 {/if}
175 </small>
176 {/if}
177 </dd>
178 </dl>
179 <dl{if $errorField == 'license'} class="formError"{/if}>
180 <dt><label for="license">{lang}wcf.acp.style.license{/lang}</label></dt>
181 <dd>
182 <input type="text" name="license" id="license" value="{$license}" class="long" />
183 {if $errorField == 'license'}
184 <small class="innerError">
185 {if $errorType == 'empty'}
186 {lang}wcf.global.form.error.empty{/lang}
187 {else}
dadc0d16 188 {lang}wcf.acp.style.license.error.{$errorType}{/lang}
6c80f0df
AE		 189 {/if}
190 </small>
191 {/if}
192 </dd>
193 </dl>
194 <dl{if $errorField == 'authorURL'} class="formError"{/if}>
195 <dt><label for="authorURL">{lang}wcf.acp.style.authorURL{/lang}</label></dt>
196 <dd>
197 <input type="text" name="authorURL" id="authorURL" value="{$authorURL}" class="long" />
198 {if $errorField == 'authorURL'}
199 <small class="innerError">
200 {if $errorType == 'empty'}
201 {lang}wcf.global.form.error.empty{/lang}
202 {else}
dadc0d16 203 {lang}wcf.acp.style.authorURL.error.{$errorType}{/lang}
6c80f0df
AE		 204 {/if}
205 </small>
206 {/if}
207 </dd>
208 </dl>
209 <dl{if $errorField == 'styleDescription'} class="formError"{/if}>
210 <dt><label for="styleDescription">{lang}wcf.acp.style.styleDescription{/lang}</label></dt>
211 <dd>
212 <textarea name="styleDescription" id="styleDescription">{$styleDescription}</textarea>
213 {if $errorField == 'styleDescription'}
214 <small class="innerError">
215 {if $errorType == 'empty'}
216 {lang}wcf.global.form.error.empty{/lang}
217 {else}
dadc0d16 218 {lang}wcf.acp.style.styleDescription.error.{$errorType}{/lang}
6c80f0df
AE		 219 {/if}
220 </small>
221 {/if}
aa5fecb3
AE		 222
223 {include file='multipleLanguageInputJavascript' elementIdentifier='styleDescription' forceSelection=true}
6c80f0df
AE		 224 </dd>
225 </dl>
7991009f
MS		 226
227 {event name='dataFields'}
6c80f0df
AE		 228 </fieldset>
229
230 <fieldset>
231 <legend>{lang}wcf.acp.style.general.files{/lang}</legend>
232
233 <dl{if $errorField == 'image'} class="formError"{/if}>
234 <dt><label for="image">{lang}wcf.acp.style.image{/lang}</label></dt>
235 <dd class="framed">
236 <img src="{if $action == 'add'}{@$__wcf->getPath()}images/stylePreview.png{else}{@$style->getPreviewImage()}{/if}" alt="" id="styleImage" />
237 <div id="uploadImage"></div>
238 {if $errorField == 'image'}
239 <small class="innerError">
240 {if $errorType == 'empty'}
241 {lang}wcf.global.form.error.empty{/lang}
242 {else}
dadc0d16 243 {lang}wcf.acp.style.image.error.{$errorType}{/lang}
6c80f0df
AE		 244 {/if}
245 </small>
246 {/if}
247 <small>{lang}wcf.acp.style.image.description{/lang}</small>
248 </dd>
249 </dl>
f9e7df4b 250 {if $availableTemplateGroups|count}
6c80f0df
AE		 251 <dl{if $errorField == 'templateGroupID'} class="formError"{/if}>
252 <dt><label for="templateGroupID">{lang}wcf.acp.style.templateGroupID{/lang}</label></dt>
253 <dd>
254 <select name="templateGroupID" id="templateGroupID">
f9e7df4b
MW		 255 <option value="0">{lang}wcf.acp.template.group.default{/lang}</option>
256 {foreach from=$availableTemplateGroups item=templateGroup}
257 <option value="{@$templateGroup->templateGroupID}"{if $templateGroup->templateGroupID == $templateGroupID} selected="selected"{/if}>{$templateGroup->templateGroupName}</option>
258 {/foreach}
6c80f0df
AE		 259 </select>
260 {if $errorField == 'templateGroupID'}
261 <small class="innerError">
262 {if $errorType == 'empty'}
263 {lang}wcf.global.form.error.empty{/lang}
264 {else}
dadc0d16 265 {lang}wcf.acp.style.templateGroupID.error.{$errorType}{/lang}
6c80f0df
AE		 266 {/if}
267 </small>
268 {/if}
269 </dd>
270 </dl>
f9e7df4b 271 {/if}
6c80f0df
AE		 272 <dl{if $errorField == 'imagePath'} class="formError"{/if}>
273 <dt><label for="imagePath">{lang}wcf.acp.style.imagePath{/lang}</label></dt>
274 <dd>
275 <input type="text" name="imagePath" id="imagePath" value="{$imagePath}" class="long" />
276 {if $errorField == 'imagePath'}
277 <small class="innerError">
278 {if $errorType == 'empty'}
279 {lang}wcf.global.form.error.empty{/lang}
280 {else}
dadc0d16 281 {lang}wcf.acp.style.imagePath.error.{$errorType}{/lang}
6c80f0df
AE		 282 {/if}
283 </small>
284 {/if}
285 <small>{lang}wcf.acp.style.imagePath.description{/lang}</small>
286 </dd>
287 </dl>
7991009f
MS		 288
289 {event name='fileFields'}
6c80f0df 290 </fieldset>
7991009f
MS		 291
292 {event name='generalFieldsets'}
6c80f0df
AE		 293 </div>
294
295 {* globals *}
a17cadda 296 <div id="globals" class="container containerPadding tabMenuContent">
6c80f0df
AE		 297 {* layout *}
298 <fieldset>
299 <legend>{lang}wcf.acp.style.globals.layout{/lang}</legend>
300
301 <dl>
77f70354 302 <dt></dt>
6c80f0df
AE		 303 <dd><label>
304 <input type="checkbox" id="useFluidLayout" name="useFluidLayout" value="1"{if $variables[useFluidLayout]} checked="checked"{/if} />
305 <span>{lang}wcf.acp.style.globals.useFluidLayout{/lang}</span>
306 </label></dd>
307 </dl>
b3ef228c
MS		 308 <dl id="fluidLayoutVariables">
309 <dt><label for="wcfLayoutFluidGap">{lang}wcf.acp.style.globals.fluidLayoutGap{/lang}</label></dt>
310 <dd>
311 <input type="number" id="wcfLayoutFluidGap" name="wcfLayoutFluidGap" value="{@$variables[wcfLayoutFluidGap]}" class="tiny" />
46818b6a 312 <select name="wcfLayoutFluidGap_unit" class="jsUnitSelect">
b3ef228c
MS		 313 {foreach from=$availableUnits item=unit}
314 <option value="{@$unit}"{if $variables[wcfLayoutFluidGap_unit] == $unit} selected="selected"{/if}>{@$unit}</option>
315 {/foreach}
316 </select>
317 </dd>
318 </dl>
319 <dl id="fixedLayoutVariables">
320 <dt><label for="wcfLayoutFixedWidth">{lang}wcf.acp.style.globals.fixedLayoutWidth{/lang}</label></dt>
321 <dd>
322 <input type="number" id="wcfLayoutFixedWidth" name="wcfLayoutFixedWidth" value="{@$variables[wcfLayoutFixedWidth]}" class="tiny" />
46818b6a 323 <select name="wcfLayoutFixedWidth_unit" class="jsUnitSelect">
b3ef228c
MS		 324 {foreach from=$availableUnits item=unit}
325 <option value="{@$unit}"{if $variables[wcfLayoutFixedWidth_unit] == $unit} selected="selected"{/if}>{@$unit}</option>
326 {/foreach}
327 </select>
328 </dd>
329 </dl>
6c80f0df
AE		 330 <dl>
331 <dt><label for="pageLogo">{lang}wcf.acp.style.globals.pageLogo{/lang}</label></dt>
332 <dd>
333 <input type="text" name="pageLogo" id="pageLogo" value="{$variables[pageLogo]}" class="long" />
334 <small>{lang}wcf.acp.style.globals.pageLogo.description{/lang}</small>
335 </dd>
336 </dl>
7991009f
MS		 337
338 {event name='layoutFields'}
6c80f0df
AE		 339 </fieldset>
340
341 {* font *}
342 <fieldset>
343 <legend>{lang}wcf.acp.style.globals.font{/lang}</legend>
344
345 <dl>
346 <dt><label for="wcfBaseFontSize">{lang}wcf.acp.style.globals.fontSize{/lang}</label></dt>
347 <dd>
348 <input type="number" id="wcfBaseFontSize" name="wcfBaseFontSize" value="{@$variables[wcfBaseFontSize]}" class="tiny" />
46818b6a 349 <select name="wcfBaseFontSize_unit" class="jsUnitSelect">
6c80f0df
AE		 350 {foreach from=$availableUnits item=unit}
351 <option value="{@$unit}"{if $variables[wcfBaseFontSize_unit] == $unit} selected="selected"{/if}>{@$unit}</option>
352 {/foreach}
353 </select>
354 </dd>
355 </dl>
356 <dl>
357 <dt><label for="wcfBaseFontFamily">{lang}wcf.acp.style.globals.fontFamily{/lang}</label></dt>
358 <dd>
359 <select name="wcfBaseFontFamily" id="wcfBaseFontFamily">
360 {foreach from=$availableFontFamilies key=fontFamily item=primaryFont}
361 <option value='{@$fontFamily}'{if $variables[wcfBaseFontFamily] == $fontFamily} selected="selected"{/if}>{@$primaryFont}</option>
362 {/foreach}
363 </select>
364 </dd>
365 </dl>
7991009f
MS		 366
367 {event name='fontFields'}
6c80f0df 368 </fieldset>
7991009f
MS		 369
370 {event name='globalFieldsets'}
6c80f0df
AE		 371 </div>
372
373 {* colors *}
a17cadda 374 <div id="colors" class="container containerPadding tabMenuContent">
6c80f0df
AE		 375 <fieldset>
376 <legend>{lang}wcf.acp.style.colors.page{/lang}</legend>
377
378 {* page *}
379 <ul class="colorList">
380 <li>{include file='styleVariableColor' variableName='wcfPageBackgroundColor' languageVariable='backgroundColor'}</li>
381 <li>{include file='styleVariableColor' variableName='wcfPageColor' languageVariable='color'}</li>
382 <li>{include file='styleVariableColor' variableName='wcfPageLinkColor' languageVariable='linkColor'}</li>
383 <li>{include file='styleVariableColor' variableName='wcfPageLinkHoverColor' languageVariable='linkHoverColor'}</li>
7991009f
MS		 384
385 {event name='pageColorListItems'}
6c80f0df 386 </ul>
7991009f
MS		 387
388 {event name='pageColorLists'}
6c80f0df
AE		 389 </fieldset>
390
391 <fieldset>
392 <legend>{lang}wcf.acp.style.colors.content{/lang}</legend>
393
394 {* content *}
395 <ul class="colorList">
396 <li>{include file='styleVariableColor' variableName='wcfContentBackgroundColor' languageVariable='backgroundColor'}</li>
397 <li>{include file='styleVariableColor' variableName='wcfColor' languageVariable='color'}</li>
398 <li>{include file='styleVariableColor' variableName='wcfDimmedColor' languageVariable='dimmedColor'}</li>
399 <li>{include file='styleVariableColor' variableName='wcfLinkColor' languageVariable='linkColor'}</li>
400 <li>{include file='styleVariableColor' variableName='wcfLinkHoverColor' languageVariable='linkHoverColor'}</li>
7991009f
MS		 401
402 {event name='contentColorListItems'}
6c80f0df 403 </ul>
7991009f
MS		 404
405 {event name='contentColorLists'}
6c80f0df
AE		 406 </fieldset>
407
408 <fieldset>
409 <legend>{lang}wcf.acp.style.colors.container{/lang}</legend>
410
411 {* general *}
412 <ul class="colorList">
413 <li>{include file='styleVariableColor' variableName='wcfContainerBackgroundColor' languageVariable='backgroundColor'}</li>
414 <li>{include file='styleVariableColor' variableName='wcfContainerAccentBackgroundColor' languageVariable='accentBackgroundColor'}</li>
415 <li>{include file='styleVariableColor' variableName='wcfContainerBorderColor' languageVariable='borderColor'}</li>
416 <li>{include file='styleVariableColor' variableName='wcfContainerHoverBackgroundColor' languageVariable='hoverBackgroundColor'}</li>
7991009f
MS		 417
418 {event name='containerColorListItems'}
6c80f0df 419 </ul>
7991009f
MS		 420
421 {event name='containerColorLists'}
6c80f0df
AE		 422 </fieldset>
423
424 <fieldset>
425 <legend>{lang}wcf.acp.style.colors.userPanel{/lang}</legend>
426
427 {* user panel *}
428 <ul class="colorList">
429 <li>{include file='styleVariableColor' variableName='wcfUserPanelBackgroundColor' languageVariable='backgroundColor'}</li>
430 <li>{include file='styleVariableColor' variableName='wcfUserPanelColor' languageVariable='color'}</li>
431 <li>{include file='styleVariableColor' variableName='wcfUserPanelHoverBackgroundColor' languageVariable='hoverBackgroundColor'}</li>
432 <li>{include file='styleVariableColor' variableName='wcfUserPanelHoverColor' languageVariable='hoverColor'}</li>
7991009f
MS		 433
434 {event name='userPanelColorListItems'}
6c80f0df 435 </ul>
7991009f
MS		 436
437 {event name='userPanelColorLists'}
6c80f0df
AE		 438 </fieldset>
439
440 <fieldset>
441 <legend>{lang}wcf.acp.style.colors.tabular{/lang}</legend>
442
443 {* general *}
444 <ul class="colorList">
445 <li>{include file='styleVariableColor' variableName='wcfTabularBoxBackgroundColor' languageVariable='backgroundColor'}</li>
446 <li>{include file='styleVariableColor' variableName='wcfTabularBoxColor' languageVariable='color'}</li>
447 <li>{include file='styleVariableColor' variableName='wcfTabularBoxHoverColor' languageVariable='hoverColor'}</li>
7991009f
MS		 448
449 {event name='tabularColorListItems'}
6c80f0df 450 </ul>
7991009f
MS		 451
452 {event name='tabularColorLists'}
6c80f0df
AE		 453 </fieldset>
454
455 <fieldset>
456 <legend>{lang}wcf.acp.style.colors.buttons{/lang}</legend>
457
458 {* default button *}
459 <ul class="colorList">
460 <li>{include file='styleVariableColor' variableName='wcfButtonBackgroundColor' languageVariable='backgroundColor'}</li>
461 <li>{include file='styleVariableColor' variableName='wcfButtonBorderColor' languageVariable='borderColor'}</li>
462 <li>{include file='styleVariableColor' variableName='wcfButtonColor' languageVariable='color'}</li>
7991009f
MS		 463
464 {event name='defaultButtonColorListItems'}
6c80f0df
AE		 465 </ul>
466
467 {* button:hover *}
468 <ul class="colorList">
469 <li>{include file='styleVariableColor' variableName='wcfButtonHoverBackgroundColor' languageVariable='hoverBackgroundColor'}</li>
470 <li>{include file='styleVariableColor' variableName='wcfButtonHoverBorderColor' languageVariable='hoverBorderColor'}</li>
471 <li>{include file='styleVariableColor' variableName='wcfButtonHoverColor' languageVariable='hoverColor'}</li>
7991009f
MS		 472
473 {event name='hoverButtonColorListItems'}
6c80f0df
AE		 474 </ul>
475
476 {* primary button *}
477 <ul class="colorList">
478 <li>{include file='styleVariableColor' variableName='wcfButtonPrimaryBackgroundColor' languageVariable='primaryBackgroundColor'}</li>
479 <li>{include file='styleVariableColor' variableName='wcfButtonPrimaryBorderColor' languageVariable='primaryBorderColor'}</li>
480 <li>{include file='styleVariableColor' variableName='wcfButtonPrimaryColor' languageVariable='primaryColor'}</li>
7991009f
MS		 481
482 {event name='primaryButtonColorListItems'}
6c80f0df 483 </ul>
7991009f
MS		 484
485 {event name='buttonsColorLists'}
6c80f0df
AE		 486 </fieldset>
487
488 <fieldset>
489 <legend>{lang}wcf.acp.style.colors.formInput{/lang}</legend>
490
7991009f 491 {* form input *}
6c80f0df
AE		 492 <ul class="colorList">
493 <li>{include file='styleVariableColor' variableName='wcfInputBackgroundColor' languageVariable='backgroundColor'}</li>
494 <li>{include file='styleVariableColor' variableName='wcfInputBorderColor' languageVariable='borderColor'}</li>
495 <li>{include file='styleVariableColor' variableName='wcfInputColor' languageVariable='color'}</li>
496 <li>{include file='styleVariableColor' variableName='wcfInputHoverBackgroundColor' languageVariable='hoverBackgroundColor'}</li>
497 <li>{include file='styleVariableColor' variableName='wcfInputHoverBorderColor' languageVariable='hoverBorderColor'}</li>
7991009f
MS		 498
499 {event name='formInputColorListItems'}
6c80f0df 500 </ul>
7991009f
MS		 501
502 {event name='formInputColorLists'}
6c80f0df 503 </fieldset>
7991009f
MS		 504
505 {event name='colorFieldsets'}
6c80f0df
AE		 506 </div>
507
508 {* advanced *}
a17cadda 509 <div id="advanced" class="container containerPadding tabMenuContent">
6c80f0df
AE		 510 <fieldset class="marginTop">
511 <legend>{lang}wcf.acp.style.advanced.individualLess{/lang}</legend>
512
b5c1c549
MW		 513 <dl class="wide">
514 <dd>
8d716761 515 <textarea id="individualLess" rows="20" cols="40" name="individualLess">{$variables[individualLess]}</textarea>
b5c1c549
MW		 516 <small>{lang}wcf.acp.style.advanced.individualLess.description{/lang}</small>
517 </dd>
518 </dl>
6c80f0df
AE		 519 </fieldset>
520
521 <fieldset{if $errorField == 'overrideLess'} class="formError"{/if}>
522 <legend>{lang}wcf.acp.style.advanced.overrideLess{/lang}</legend>
523
b5c1c549
MW		 524 <dl class="wide">
525 <dd>
8d716761 526 <textarea id="overrideLess" rows="20" cols="40" name="overrideLess">{$variables[overrideLess]}</textarea>
b5c1c549
MW		 527 {if $errorField == 'overrideLess'}
528 <small class="innerError">
529 {lang}wcf.acp.style.advanced.overrideLess.error{/lang}
530 {implode from=$errorType item=error}{lang}wcf.acp.style.advanced.overrideLess.error.{$error.error}{/lang}{/implode}
531 </small>
532 {/if}
533 <small>{lang}wcf.acp.style.advanced.overrideLess.description{/lang}</small>
534 </dd>
535 </dl>
6c80f0df 536 </fieldset>
77b7b761 537 {include file='codemirror' codemirrorMode='less' codemirrorSelector='#individualLess, #overrideLess'}
7991009f
MS		 538
539 {event name='syntaxFieldsets'}
6c80f0df 540 </div>
7991009f
MS		 541
542 {event name='tabMenuContents'}
6c80f0df
AE		 543 </div>
544
545 <div class="formSubmit">
546 <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
547 <input type="hidden" name="tmpHash" value="{$tmpHash}" />
548 </div>
549</form>
550
551{include file='footer'}
WoltLab Suite Core (previously WoltLab Community Framework)