aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga
diff options
context:
space:
mode:
authorrub <rub@piwigo.org>2007-02-25 11:42:25 +0000
committerrub <rub@piwigo.org>2007-02-25 11:42:25 +0000
commitab922de7422076b1e3fdd49dc2e51b524e5fe6e2 (patch)
tree7821bd7a5b51b0e12f92ae3577b18cc1a92ed8ce /template/yoga
parent027db797b2853e682c36793d35a2987c9e1cbc0a (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.tpl229
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">&nbsp;</td>
</tr>
<tr>
- <td colspan="3">&nbsp;</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">&nbsp;</td>
@@ -154,49 +197,53 @@ text-align:center;
<th colspan="3">{L_ADMIN_TITLE}</th>
</tr>
<tr>
- <td colspan="3">&nbsp;</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">&nbsp;</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">&nbsp;</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>