aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/adm/style/acp_styles.html
diff options
context:
space:
mode:
Diffstat (limited to 'phpBB/adm/style/acp_styles.html')
-rw-r--r--phpBB/adm/style/acp_styles.html216
1 files changed, 202 insertions, 14 deletions
diff --git a/phpBB/adm/style/acp_styles.html b/phpBB/adm/style/acp_styles.html
index a162109e09..2388a4e1e0 100644
--- a/phpBB/adm/style/acp_styles.html
+++ b/phpBB/adm/style/acp_styles.html
@@ -11,7 +11,7 @@
<p>{L_EXPLAIN}</p>
<form id="acp_styles" method="post" action="{U_ACTION}">
-
+
<fieldset>
<legend>{L_TITLE}</legend>
<dl>
@@ -108,7 +108,35 @@
</table></td>
</tr>
</table></form>
-<!-- ELSEIF S_EDIT_TEMPLATE -->
+<!-- ELSEIF S_EDIT_TEMPLATE or S_EDIT_THEME -->
+ <script language="javascript" type="text/javascript" defer="defer">
+ <!--
+
+ function append_text_rows(form_name, value)
+ {
+ url = document.getElementById(form_name).action;
+ var_start = url.indexOf('&text_rows=');
+ if (var_start == -1)
+ {
+ document.getElementById(form_name).action = url + "&text_rows=" + value;
+ }
+ else
+ {
+ url_start = url.substring(0, var_start + 1);
+ var_end = url.substring(var_start + 1).indexOf('&');
+ if (var_end == -1)
+ {
+ document.getElementById(form_name).action = url_start + "text_rows=" + value;
+ }
+ else
+ {
+ document.getElementById(form_name).action = url_start + url.substring(var_end + var_start + 2) + "&text_rows=" + value;
+ }
+ }
+ }
+ //-->
+ </script>
+<!-- IF S_EDIT_TEMPLATE -->
<a href="{U_BACK}" style="float: right">&laquo; {L_BACK}</a>
@@ -116,13 +144,15 @@
<p>{L_EDIT_TEMPLATE_EXPLAIN}</p>
+ <p>{L_SELECTED_TEMPLATE}: <b>{SELECTED_TEMPLATE}</b></p>
+
<form id="acp_styles" method="post" action="{U_ACTION}">
<fieldset>
<legend>{L_SELECT_TEMPLATE}</legend>
<dl>
- <dt><label for="template_file">{L_TEMPLATE_FILE}: </label></dt>
- <dd><select id="template_file" name="template_file" onchange="if (this.options[this.selectedIndex].value != '') this.form.submit();">{S_TEMPLATES}</select>&nbsp; <input class="btnlite" type="submit" value="{L_SELECT}" /></dd>
+ <dt><label for="template_file">{L_TEMPLATE_FILE}:</label></dt>
+ <dd><select id="template_file" name="template_file" onchange="if (this.options[this.selectedIndex].value != '') this.form.submit();">{S_TEMPLATES}</select> <input class="btnlite" type="submit" value="{L_SELECT}" /></dd>
</dl>
</fieldset>
@@ -171,24 +201,179 @@
<fieldset>
<legend>{L_TEMPLATE_EDITOR}</legend>
<dl>
- <dt><label>{L_SELECTED_TEMPLATE}: </label></dt>
+ <dt><label>{L_SELECTED_TEMPLATE_FILE}:</label></dt>
<dd>{TEMPLATE_FILE}</dd>
</dl>
<dl>
- <dt><label for="text_rows">{L_TEMPLATE_EDITOR_HEIGHT}</label></dt>
+ <dt><label for="text_rows">{L_TEMPLATE_EDITOR_HEIGHT}:</label></dt>
<dd><input id="text_rows" type="text" maxlength="3" value="{TEXT_ROWS}" /> <input class="btnlite" type="button" name="update" onclick="change_editor_height(this.form.text_rows.value);" value="{L_UPDATE}" /></dd>
</dl>
- <textarea id="template_data" style="font-family:'Courier New', monospace;font-size:9pt;line-height:125%;width:100%;" cols="80" rows="{TEXT_ROWS}" name="template_data">{TEMPLATE_DATA}</textarea>
+ <textarea id="template_data" name="template_data" style="font-family:'Courier New', monospace;font-size:9pt;line-height:125%;width:100%;" cols="80" rows="{TEXT_ROWS}">{TEMPLATE_DATA}</textarea>
</fieldset>
- <fieldset class="quick">
+ <fieldset class="submit-buttons">
+ {S_HIDDEN_FIELDS}
+ <input class="button1" id="save" type="submit" name="save" value="{L_SUBMIT}" />
+ </fieldset>
+
+
+ </form>
+ <!-- ENDIF -->
+
+<!-- ELSEIF S_EDIT_THEME -->
+
+ <script language="javascript" type="text/javascript">
+ <!--
+
+ function swatch(field)
+ {
+ window.open('{UA_SWATCH}' + field, '_swatch', 'HEIGHT=115,resizable=yes,scrollbars=no,WIDTH=636');
+ return false;
+ }
+
+ function change_editor_height(height)
+ {
+ editor = document.getElementById('css_data');
+ editor.rows = Math.max(5, Math.min(height, 999));
+
+ append_text_rows('acp_styles', height);
+ append_text_rows('acp_theme', height);
+ append_text_rows('acp_custom_class', height);
+ }
+
+ //-->
+ </script>
+
+ <h1>{L_EDIT_THEME}</h1>
+
+ <p>{L_EDIT_THEME_EXPLAIN}</p>
+
+ <p>{L_SELECTED_THEME}: <b>{SELECTED_THEME}</b></p>
+
+ <!-- IF S_SHOWCSS -->
+ <h3>{L_SHOW_RAW_CSS_NOTE}</h3>
+ <p>{L_SHOW_RAW_CSS_EXPLAIN}</p>
+ <!-- ENDIF -->
+
+ <form id="acp_styles" method="post" action="{U_ACTION}">
+ <fieldset>
+ <legend>{L_SELECT_CLASS}</legend>
+ <dl>
+ <dt><label for="css_class">{L_SELECT_CLASS}:</label></dt>
+ <dd><select id="css_class" name="css_class" onchange="if (this.options[this.selectedIndex].value != '') this.form.submit();">{S_CLASSES}</select> <input class="btnlite" type="submit" id="select_class" name="select_class" value="{L_SELECT}" /></dd>
+ </dl>
+ <!-- IF S_CLASS -->
+ <dl>
+ <dt><label>{L_SELECTED_CLASS}:</label></dt>
+ <dd>{S_CLASS}</dd>
+ </dl>
+ <!-- ENDIF -->
+ </fieldset>
+ </form>
+
+ <!-- IF S_CLASS -->
+
+ <form id="acp_theme" method="post" action="{U_ACTION}">
+
+ <!-- IF S_SHOWCSS -->
+
+ <fieldset>
+ <legend>{L_THEME_EDITOR}</legend>
+ <dl>
+ <dt><label for="text_rows">{L_THEME_EDITOR_HEIGHT}:</label></dt>
+ <dd><input id="text_rows" type="text" maxlength="3" value="{TEXT_ROWS}" /> <input class="btnlite" type="button" name="update" onclick="change_editor_height(this.form.text_rows.value);" value="{L_UPDATE}" /></dd>
+ </dl>
+ <textarea id="css_data" name="css_data" style="font-family:'Courier New', monospace;font-size:9pt;line-height:125%;width:100%;" cols="80" rows="{TEXT_ROWS}">{CSS_DATA}</textarea>
+ </fieldset>
+
+ <!-- ELSE -->
+
+ <fieldset>
+ <legend>{L_BACKGROUND}</legend>
+ <dl>
+ <dt><label for="background_color">{L_BACKGROUND_COLOUR}:</label><br /><span>{L_CSS_COLOUR_EXPLAIN}</span></dt>
+ <dd><input id="background_color" name="background_color" type="text" value="{BACKGROUND_COLOR}" size="6" maxlength="6" />&nbsp;&nbsp;<span>[ <a href="#" onclick="swatch('background_color'); return false">{L_COLOUR_SWATCH}</a> ]</span></dd>
+ </dl>
+ <dl>
+ <dt><label for="backround_image">{L_BACKGROUND_IMAGE}:</label></td>
+ <dd><select id="background_image" name="background_image">{S_BACKGROUND_IMAGE}</select></dd>
+ </dl>
+ <dl>
+ <dt><label for="background_repeat">{L_BACKGROUND_REPEAT}:</label></dt>
+ <dd><select id="background_repeat" name="background_repeat">{S_BACKGROUND_REPEAT}</select></dd>
+ </dl>
+ </fieldset>
+
+ <fieldset>
+ <legend>{L_FOREGROUND}</legend>
+ <dl>
+ <dt><label for="font_color">{L_FONT_COLOUR}:</label><br /><span>{L_CSS_COLOUR_EXPLAIN}</span></dt>
+ <dd><input id="font_color" name="font_color" type="text" value="{FONT_COLOR}" size="6" maxlength="6" />&nbsp;&nbsp;<span>[ <a href="#" onclick="swatch('font_color'); return false">{L_COLOUR_SWATCH}</a> ]</span></dd>
+ </dl>
+ <dl>
+ <dt><label for="font_family">{L_FONT_FACE}:</label><br /><span>{L_FONT_FACE_EXPLAIN}</span></dt>
+ <dd><input id="font_family" name="font_family" type="text" value="{FONT_FAMILY}" size="40" maxlength="255" /></dd>
+ </dl>
+ <dl>
+ <dt><label for="font_size">{L_FONT_SIZE}:</label></dt>
+ <dd><input id="font_size" name="font_size" type="text" value="{FONT_SIZE}" size="3" maxlength="3" /> <select id="font_size_unit" name="font_size_unit">{S_FONT_SIZE_UNITS}</select></dd>
+ </dl>
+ <dl>
+ <dt><label for="font_weight">{L_BOLD}:</label></dt>
+ <dd><input id="font_weight" type="radio" name="font_weight" value="bold"<!-- IF FONT_WEIGHT eq "bold" --> checked="checked"<!-- ENDIF --> /> {L_YES} &nbsp; <input type="radio" name="font_weight" value="normal"<!-- IF FONT_WEIGHT eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} &nbsp; <input type="radio" name="font_weight" value=""<!-- IF not FONT_WEIGHT --> checked="checked"<!-- ENDIF --> /> {L_UNSET}</dd>
+ </dl>
+ <dl>
+ <dt><label for="font_style">{L_ITALIC}:</label></dt>
+ <dd><input id="font_style" type="radio" name="font_style" value="italic"<!-- IF FONT_STYLE eq "italic" --> checked="checked"<!-- ENDIF --> /> {L_YES} &nbsp; <input type="radio" name="font_style" value="normal"<!-- IF FONT_STYLE eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} &nbsp; <input type="radio" name="font_style" value=""<!-- IF not FONT_STYLE --> checked="checked"<!-- ENDIF --> /> {L_UNSET}</dd>
+ </dl>
+ <dl>
+ <dt><label for="text_decoration">{L_UNDERLINE}:</label></dt>
+ <dd><input id="text_decoration" type="radio" name="text_decoration" value="underline"<!-- IF TEXT_DECORATION eq "underline" --> checked="checked"<!-- ENDIF --> /> {L_YES} &nbsp; <input type="radio" name="text_decoration" value="normal"<!-- IF TEXT_DECORATION eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} &nbsp; <input type="radio" name="text_decoration" value=""<!-- IF not TEXT_DECORATION --> checked="checked"<!-- ENDIF --> /> {L_UNSET}</dd>
+ </dl>
+ <dl>
+ <dt><label for="line_height">{L_LINE_SPACING}</label></dt>
+ <dd><input id="line_height" name="line_height" type="text" value="{LINE_HEIGHT}" size="3" maxlength="3" /> <select id="line_height_unit" name="line_height_unit">{S_LINE_HEIGHT_UNITS}</select></dd>
+ </dl>
+ </fieldset>
+
+ <!-- ENDIF -->
+
+ <fieldset class="submit-buttons">
{S_HIDDEN_FIELDS}
- <input class="button1" type="submit" name="save" value="{L_SUBMIT}" />
+ <input class="button1" type="submit" id="submit" name="submit" value="{L_SUBMIT}" />&nbsp;
+ <!-- IF S_SHOWCSS -->
+ <input class="button2" type="submit" id="hidecss" name="hidecss" value="{L_HIDE_CSS}" />&nbsp;
+ <!-- ELSE -->
+ <input class="button2" type="submit" id="showcss" name="showcss" value="{L_SHOW_CSS}" />&nbsp;
+ <!-- ENDIF -->
+ <input class="button2" type="reset" id="reset" name="reset" value="{L_RESET}" />
</fieldset>
</form>
+
<!-- ENDIF -->
+ <br />
+ <h1>{L_CUSTOM_CLASS}</h1>
+
+ <p>{L_CUSTOM_CLASS_EXPLAIN}</p>
+
+ <form id="acp_custom_class" method="post" action="{U_ACTION}">
+
+ <fieldset>
+ <legend>{L_CUSTOM_CLASS}</legend>
+ <dl>
+ <dt><label for="custom_class">{L_CSS_CLASS_NAME}:</label></dt></dt>
+ <dd><input id="custom_class" name="custom_class" type="text" value="" maxlength="40" size="40" /></dd>
+ </dl>
+ </fieldset>
+
+ <fieldset class="quick">
+ <input class="button1" type="submit" id="add_custom" name="add_custom" value="{L_SUBMIT}" />
+ </fieldset>
+
+ </form>
+<!-- ENDIF -->
<!-- ELSEIF S_EXPORT -->
<a href="{U_BACK}" style="float: right">&laquo; {L_BACK}</a>
@@ -205,7 +390,7 @@
<!-- ENDIF -->
<form id="acp_styles" method="post" action="{U_ACTION}">
-
+
<fieldset>
<legend>{L_TITLE}</legend>
<dl>
@@ -235,7 +420,7 @@
<dd>{FORMAT_BUTTONS}</dd>
</dl>
</fieldset>
-
+
<fieldset class="quick">
<input class="button1" type="submit" name="update" value="{L_SUBMIT}" />
</fieldset>
@@ -249,7 +434,7 @@
<p>{L_EXPLAIN}</p>
<!-- IF S_STYLE --> <!-- DEFINE $COLSPAN = 4 --> <!-- ELSE --> <!-- DEFINE $COLSPAN = 3 --> <!-- ENDIF -->
-
+
<table cellspacing="1">
<col class="row1" /><!-- IF S_STYLE --><col class="row1" /><!-- ENDIF --><col class="row2" />
<thead>
@@ -273,7 +458,10 @@
<!-- IF S_STYLE -->
<a href="{installed.U_STYLE_ACT_DEACT}">{installed.L_STYLE_ACT_DEACT}</a> |
<!-- ENDIF -->
- {installed.S_OPTIONS} | <a href="{installed.U_PREVIEW}" onclick="this.target='_preview';">{L_PREVIEW}</a>
+ {installed.S_OPTIONS}
+ <!-- IF S_STYLE -->
+ | <a href="{installed.U_PREVIEW}" onclick="this.target='_preview';">{L_PREVIEW}</a>
+ <!-- ENDIF -->
</td>
<!-- END installed -->
<tr>
@@ -286,7 +474,7 @@
<!-- ENDIF -->
<!-- BEGIN uninstalled -->
<tr>
- <td<!-- IF S_STYLE --> colspan="2"<!-- ENDIF -->>{uninstalled.NAME}<br /><b class="small">{L_COPYRIGHT}: {uninstalled.COPYRIGHT}</b></td>
+ <td<!-- IF S_STYLE --> colspan="2"<!-- ENDIF -->><b>{uninstalled.NAME}</b><br /><span>{L_COPYRIGHT}: {uninstalled.COPYRIGHT}</span></td>
<td style="text-align: center;"><a href="{uninstalled.U_INSTALL}">{L_INSTALL}</a></td>
</tr>
<!-- END uninstalled -->