diff options
Diffstat (limited to 'phpBB/adm/style/acp_styles.html')
-rw-r--r-- | phpBB/adm/style/acp_styles.html | 216 |
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">« {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> <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" /> <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" /> <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} <input type="radio" name="font_weight" value="normal"<!-- IF FONT_WEIGHT eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} <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} <input type="radio" name="font_style" value="normal"<!-- IF FONT_STYLE eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} <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} <input type="radio" name="text_decoration" value="normal"<!-- IF TEXT_DECORATION eq "normal" --> checked="checked"<!-- ENDIF --> /> {L_NO} <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}" /> + <!-- IF S_SHOWCSS --> + <input class="button2" type="submit" id="hidecss" name="hidecss" value="{L_HIDE_CSS}" /> + <!-- ELSE --> + <input class="button2" type="submit" id="showcss" name="showcss" value="{L_SHOW_CSS}" /> + <!-- 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">« {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 --> |