diff options
author | rub <rub@piwigo.org> | 2007-02-25 11:42:25 +0000 |
---|---|---|
committer | rub <rub@piwigo.org> | 2007-02-25 11:42:25 +0000 |
commit | ab922de7422076b1e3fdd49dc2e51b524e5fe6e2 (patch) | |
tree | 7821bd7a5b51b0e12f92ae3577b18cc1a92ed8ce /template/yoga | |
parent | 027db797b2853e682c36793d35a2987c9e1cbc0a (diff) |
Improvement for PWG installation:
o Installation is now with new colors
o On selected language, page are reload in order to display page with selected language
git-svn-id: http://piwigo.org/svn/trunk@1855 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template/yoga')
-rw-r--r-- | template/yoga/install.tpl | 229 |
1 files changed, 138 insertions, 91 deletions
diff --git a/template/yoga/install.tpl b/template/yoga/install.tpl index 2332910e2..76ab17782 100644 --- a/template/yoga/install.tpl +++ b/template/yoga/install.tpl @@ -7,145 +7,188 @@ <meta http-equiv="Content-Style-Type" content="text/css"> <title>PhpWebGallery {RELEASE}</title> <style type="text/css"> -a, a:hover { -color:#006699; + +body, input, select { + background-color:#cde; } -body,table,input,form,select { -font-family:arial,verdana,sans-serif; -font-size:12px; -color:#000000; -text-align:left; +body { + margin: 5px; + padding: 0; + font-size: 0.8em; + font-family: Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif; } -table -{ -border-collapse:separate; + +body, table, input, form, select { + color:#369; + text-align:left; } -body { -background-color:#E5E5E5; -margin:5px; + +a { + text-decoration: none; + color: #c60; +} + +a:hover { + color: #f92; +} + +table { + border-collapse:separate; +} + +.title { + letter-spacing: 0.2em; + text-align : center; + font-size: 150%; + font-weight: bold; + padding: 0; + margin: 0.5em 0 1em 0; } .contenucellule { -background-color:#EEEEEE; -border:2px solid #006699; + border-color: #69c; + background-color:#eee; + margin:12px 20px; + border-width: 3px; + border-style: solid ; +} + +.error_copy { + color: #900; +} + +th, .submit { + text-align: center; + font-weight: bold; + background-color: #369; } th { -font-weight:bold; -background-color:#D3DCE3; -margin-bottom:10px; -text-align: center; + font-size: 120%; + margin-bottom:10px; + color:#fff; } -td.row1 { -background-color:#E6E4E4; + +td.row { + font-size: 90%; } -td.row2 -{ -background-color:#E8E8E8; + +.submit { + color: #cde } -.info { -color:darkblue; -text-align:center; +.header { + font-weight: normal; + text-align: center; + margin: 20px; } + +.infos { + padding: 15px; + font-weight: normal; + text-align: left; +} + +.infos_title { + font-size: 150%; + padding: 15px; + font-weight: bold; + text-align: left; +} + .errors { - text-align:left; - margin:25px; - background-color:#ffe1e1; + text-align: left; + margin: 25px; + color: #900; + background-color: #ffe1e1; border:1px solid red; - color:black; -} -.grostitre { - text-align : center; - font-size : 20px; - margin-bottom : 20px; } </style> </head> <body> - <table style="width:100%;height:100%"> - <tr align="center" valign="middle"> - <td> - <div class="grostitre">PhpWebGallery {RELEASE}</div> - <table class="table1"> - <!-- BEGIN errors --> - <tr> - <td class="contenucellule" colspan="3"> - <div class="errors"> - <ul> - <!-- BEGIN error --> - <li>{errors.error.ERROR}</li> - <!-- END error --> - </ul> - </div> - </td> - </tr> - <!-- END errors --> - <!-- BEGIN infos --> - <tr> - <td class="contenucellule" colspan="3"> - <div class="infos"> - <ul> - <!-- BEGIN info --> - <li>{infos.info.INFO}</li> - <!-- END info --> - </ul> - </div> - </td> - </tr> - <!-- END infos --> - <tr> - <td class="contenucellule"> + <table style="width:100%;height:100%"> + <tr align="center" valign="middle"> + <td> + <div class="title">PhpWebGallery {RELEASE}</div> + <table class="table1"> + <!-- BEGIN errors --> + <tr> + <td class="contenucellule" colspan="3"> + <div class="errors"> + <ul> + <!-- BEGIN error --> + <li>{errors.error.ERROR}</li> + <!-- END error --> + </ul> + </div> + </td> + </tr> + <!-- END errors --> + <!-- BEGIN infos --> + <tr> + <td class="contenucellule" colspan="3"> + <div class="infos"> + <ul> + <!-- BEGIN info --> + <li>{infos.info.INFO}</li> + <!-- END info --> + </ul> + </div> + </td> + </tr> + <!-- END infos --> + <tr> + <td class="contenucellule"> <!-- BEGIN error_copy --> {L_ERR_COPY} : <br />-----------------------------------------------------<br /> -<div style="color:blue;">{error_copy.FILE_CONTENT}</div> +<div class="error_copy">{error_copy.FILE_CONTENT}</div> -----------------------------------------------------<br /> <!-- END error_copy --> <!-- BEGIN install --> <form method="POST" action="{F_ACTION}" name="install_form"> - <table width="100%"> - <tr> + <table> + <tr> <th colspan="3">{L_BASE_TITLE}</th> </tr> <tr> <td style="width:30%;">{L_LANG_TITLE}</td> <td colspan="2" align="left"> - {F_LANG_SELECT} + {F_LANG_SELECT} </td> </tr> <tr> - <th colspan="3">{L_DB_TITLE}</th> + <td colspan="3"> </td> </tr> <tr> - <td colspan="3"> </td> + <th colspan="3">{L_DB_TITLE}</th> </tr> <tr> <td>{L_DB_HOST}</td> <td align=center><input type="text" name="dbhost" value="{F_DB_HOST}" /></td> - <td class="row2">{L_DB_HOST_INFO}</td> + <td class="row">{L_DB_HOST_INFO}</td> </tr> <tr> <td>{L_DB_USER}</td> <td align=center><input type="text" name="dbuser" value="{F_DB_USER}" /></td> - <td class="row2">{L_DB_USER_INFO}</td> + <td class="row">{L_DB_USER_INFO}</td> </tr> <tr> <td>{L_DB_PASS}</td> <td align=center><input type="password" name="dbpasswd" value="" /></td> - <td class="row2">{L_DB_PASS_INFO}</td> + <td class="row">{L_DB_PASS_INFO}</td> </tr> <tr> <td>{L_DB_NAME}</td> <td align=center><input type="text" name="dbname" value="{F_DB_NAME}" /></td> - <td class="row2">{L_DB_NAME_INFO}</td> + <td class="row">{L_DB_NAME_INFO}</td> </tr> <tr> <td>{L_DB_PREFIX}</td> <td align=center><input type="text" name="prefix" value="{F_DB_PREFIX}" /></td> - <td class="row2">{L_DB_PREFIX_INFO}</td> + <td class="row">{L_DB_PREFIX_INFO}</td> </tr> <tr> <td colspan="3"> </td> @@ -154,49 +197,53 @@ text-align:center; <th colspan="3">{L_ADMIN_TITLE}</th> </tr> <tr> - <td colspan="3"> </td> - </tr> - <tr> <td>{L_ADMIN}</td> <td align="center"><input type="text" name="admin_name" value="{F_ADMIN}" /></td> - <td class="row2">{L_ADMIN_INFO}</td> + <td class="row">{L_ADMIN_INFO}</td> </tr> <tr> <td>{L_ADMIN_PASSWORD}</td> <td align="center"><input type="password" name="admin_pass1" value="" /></td> - <td class="row2">{L_ADMIN_PASSWORD_INFO}</td> + <td class="row">{L_ADMIN_PASSWORD_INFO}</td> </tr> <tr> <td>{L_ADMIN_CONFIRM_PASSWORD}</td> <td align="center"><input type="password" name="admin_pass2" value="" /></td> - <td class="row2">{L_ADMIN_CONFIRM_PASSWORD_INFO}</td> + <td class="row">{L_ADMIN_CONFIRM_PASSWORD_INFO}</td> </tr> <tr> <td>{L_ADMIN_EMAIL}</td> <td align="center"><input type="text" name="admin_mail" value="{F_ADMIN_EMAIL}" /></td> - <td class="row2">{L_ADMIN_EMAIL_INFO}</td> + <td class="row">{L_ADMIN_EMAIL_INFO}</td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td colspan="3" align="center"> - <input type="submit" name="install" value="{L_SUBMIT}" /> + <input class="submit" type="submit" name="install" value="{L_SUBMIT}" /> </td> </tr> + <tr> + <td colspan="3"> </td> + </tr> </table> </form> <!-- END install --> <!-- BEGIN install_end --> -<div class="infos_title">{L_END_TITLE}</div> -<div style="padding:5px;">{L_END_MESSAGE}</div> +<div class="infos_title"> +{L_END_TITLE} +</div> +<div class="infos"> +{L_END_MESSAGE} +</div> <!-- END install_end --> </td> </tr> </table> - <div style="text-align:center;margin:20px;">{L_INSTALL_HELP}</div> + <div class="header">{L_INSTALL_HELP}</div> </td> </tr> </table> |