diff options
Diffstat (limited to 'admin/themes/default/template')
| -rw-r--r-- | admin/themes/default/template/install.tpl | 199 |
1 files changed, 111 insertions, 88 deletions
diff --git a/admin/themes/default/template/install.tpl b/admin/themes/default/template/install.tpl index d31e6132f..b915ce517 100644 --- a/admin/themes/default/template/install.tpl +++ b/admin/themes/default/template/install.tpl @@ -7,9 +7,11 @@ <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="shortcut icon" type="image/x-icon" href="{$ROOT_URL}{$themeconf.icon_dir}/favicon.ico"> +{get_combined_css} {foreach from=$themes item=theme} -{if isset($theme.local_head)}{include file=$theme.local_head}{/if} -<link rel="stylesheet" type="text/css" href="{$ROOT_URL}admin/themes/{$theme.id}/theme.css"> +{if $theme.load_css} +{combine_css path="admin/themes/`$theme.id`/theme.css" order=-10} +{/if} {/foreach} <script type="text/javascript" src="themes/default/js/jquery.min.js"></script> @@ -52,92 +54,110 @@ $(document).ready(function() { <style type="text/css"> body { - background:url("admin/themes/roma/images/bottom-left-bg.jpg") no-repeat fixed left bottom #111111; + font-size:12px; } .content { - background:url("admin/themes/roma/images/fillet.png") repeat-x scroll left top #222222; width: 800px; margin: auto; text-align: center; - padding: 5px; -} - -#headbranch { - background:url("admin/themes/roma/images/top-left-bg.jpg") no-repeat scroll left top transparent; + padding:0; + background-color:transparent !important; + border:none; } #theHeader { display: block; - background:url("admin/themes/roma/images/piwigo_logo_sombre_214x100.png") no-repeat scroll 245px top transparent; + background:url("admin/themes/clear/images/piwigo_logo_big.png") no-repeat scroll center 20px transparent; + height:100px; +} + +fieldset { + margin-top:20px; + background-color:#f1f1f1; +} + +legend { + font-weight:bold; + letter-spacing:2px; } .content h2 { display:block; - font-size:28px; - height:104px; - width:54%; - color:#666666; - letter-spacing:-1px; - margin:0 30px 3px 20px; - overflow:hidden; - position:absolute; - right:0; - text-align:right; - top:0; - width:770px; - text-align:right; - text-transform:none; + font-size:20px; + text-align:center; + /* margin-top:5px; */ } table.table2 { width: 100%; - margin-bottom: 1em !important; border:0; } -TD { +table.table2 td { text-align: left; - padding: 0.1em 0.5em; - height: 2.5em; + padding: 5px 2px; +} + +table.table2 td.fieldname { + font-weight:normal; +} + +table.table2 td.fielddesc { + padding-left:10px; + font-style:italic; } -.infos { - background-color:transparent; +input[type="submit"], input[type="button"] { + font-size:14px; + font-weight:bold; + letter-spacing:2px; border:none; - color:#999; + background-color:#666666; + color:#fff; + padding:5px; + -moz-border-radius:5px; +} + +input[type="submit"]:hover, input[type="button"]:hover { + background-color:#ff7700; + color:white; +} + +input[type="text"], input[type="password"], select { + background-color:#ddd; + border:2px solid #ccc; + -moz-border-radius:5px; + padding:2px; +} + +input[type="text"]:focus, input[type="password"]:focus, select:focus { + background-color:#fff; + border:2px solid #ff7700; } .sql_content, .infos a { color: #ff3363; } -.config_creation_failed { - text-align:left; - border:3px solid #F20D00; - color:#999; - margin:20px; - padding:0px 20px 5px 20px; - background-image:url(admin/themes/default/icon/errors.png); - background-repeat:no-repeat; +.errors { + padding-bottom:5px; } -#experimentalDbEngines TD {border:2px solid #666;background-color:#444; color:#ccc;} </style> {/literal} <title>Piwigo {$RELEASE} - {'Installation'|@translate}</title> </head> <body> -<div id="headbranch"></div> {* Dummy block for double background management *} <div id="the_page"> <div id="theHeader"></div> <div id="content" class="content"> -<h2>Piwigo {$RELEASE} - {'Installation'|@translate}</h2> +<h2>{'Version'|@translate} {$RELEASE} - {'Installation'|@translate}</h2> {if isset($config_creation_failed)} -<div class="config_creation_failed"> +<div class="errors"> <p style="margin-left:30px;"> <strong>{'Creation of config file local/config/database.inc.php failed.'|@translate}</strong> </p> @@ -179,10 +199,10 @@ TD { {if isset($install)} <form method="POST" action="{$F_ACTION}" name="install_form"> +<fieldset> + <legend>{'Basic configuration'|@translate}</legend> + <table class="table2"> - <tr class="throw"> - <th colspan="2">{'Basic configuration'|@translate}</th> - </tr> <tr> <td style="width: 30%">{'Default gallery language'|@translate}</td> <td> @@ -192,13 +212,15 @@ TD { </td> </tr> </table> +</fieldset> + +<fieldset> + <legend>{'Database configuration'|@translate}</legend> + <table class="table2"> - <tr class="throw"> - <th colspan="3">{'Database configuration'|@translate}</th> - </tr> {if count($F_DB_ENGINES)>1} <tr> - <td style="width: 30%;">{'Database type'|@translate}</td> + <td style="width: 30%;" class="fieldname">{'Database type'|@translate}</td> <td> <select name="dblayer" id="dblayer"> {foreach from=$F_DB_ENGINES key=k item=v} @@ -209,7 +231,7 @@ TD { {/foreach} </select> </td> - <td>{'The type of database your piwigo data will be store in'|@translate}</td> + <td class="fielddesc">{'The type of database your piwigo data will be store in'|@translate}</td> {else} <td colspan="3"> <input type="hidden" name="dbengine" value="{$F_DB_LAYER}"> @@ -218,70 +240,71 @@ TD { </tr> <tr id="experimentalDbEngines"> <td colspan="3"> +<div class="warnings"> {'SQLite and PostgreSQL are currently in experimental state.'|@translate} <a href="http://piwigo.org/forum/viewtopic.php?id=15927" class="externalLink">{'Learn more'|@translate}</a> +</div> </td> </tr> <tr> - <td style="width: 30%;">{'Host'|@translate}</td> - <td align=center><input type="text" name="dbhost" value="{$F_DB_HOST}"></td> - <td>{'localhost, sql.multimania.com, toto.freesurf.fr'|@translate}</td> + <td style="width: 30%;" class="fieldname">{'Host'|@translate}</td> + <td><input type="text" name="dbhost" value="{$F_DB_HOST}"></td> + <td class="fielddesc">{'localhost, sql.multimania.com, toto.freesurf.fr'|@translate}</td> </tr> <tr> - <td>{'User'|@translate}</td> - <td align=center><input type="text" name="dbuser" value="{$F_DB_USER}"></td> - <td>{'user login given by your host provider'|@translate}</td> + <td class="fieldname">{'User'|@translate}</td> + <td><input type="text" name="dbuser" value="{$F_DB_USER}"></td> + <td class="fielddesc">{'user login given by your host provider'|@translate}</td> </tr> <tr> - <td>{'Password'|@translate}</td> - <td align=center><input type="password" name="dbpasswd" value=""></td> - <td>{'user password given by your host provider'|@translate}</td> + <td class="fieldname">{'Password'|@translate}</td> + <td><input type="password" name="dbpasswd" value=""></td> + <td class="fielddesc">{'user password given by your host provider'|@translate}</td> </tr> <tr> - <td>{'Database name'|@translate}</td> - <td align=center><input type="text" name="dbname" value="{$F_DB_NAME}"></td> - <td>{'also given by your host provider'|@translate}</td> + <td class="fieldname">{'Database name'|@translate}</td> + <td><input type="text" name="dbname" value="{$F_DB_NAME}"></td> + <td class="fielddesc">{'also given by your host provider'|@translate}</td> </tr> <tr> - <td>{'Database table prefix'|@translate}</td> - <td align=center><input type="text" name="prefix" value="{$F_DB_PREFIX}"></td> - <td>{'database tables names will be prefixed with it (enables you to manage better your tables)'|@translate}</td> + <td class="fieldname">{'Database table prefix'|@translate}</td> + <td><input type="text" name="prefix" value="{$F_DB_PREFIX}"></td> + <td class="fielddesc">{'database tables names will be prefixed with it (enables you to manage better your tables)'|@translate}</td> </tr> </table> +</fieldset> +<fieldset> + <legend>{'Admin configuration'|@translate}</legend> + <table class="table2"> - <tr class="throw"> - <th colspan="3">{'Admin configuration'|@translate}</th> - </tr> <tr> - <td style="width: 30%;">{'Webmaster login'|@translate}</td> - <td align="center"><input type="text" name="admin_name" value="{$F_ADMIN}"></td> - <td>{'It will be shown to the visitors. It is necessary for website administration'|@translate}</td> + <td style="width: 30%;" class="fieldname">{'Webmaster login'|@translate}</td> + <td><input type="text" name="admin_name" value="{$F_ADMIN}"></td> + <td class="fielddesc">{'It will be shown to the visitors. It is necessary for website administration'|@translate}</td> </tr> <tr> - <td>{'Webmaster password'|@translate}</td> - <td align="center"><input type="password" name="admin_pass1" value=""></td> - <td>{'Keep it confidential, it enables you to access administration panel'|@translate}</td> + <td class="fieldname">{'Webmaster password'|@translate}</td> + <td><input type="password" name="admin_pass1" value=""></td> + <td class="fielddesc">{'Keep it confidential, it enables you to access administration panel'|@translate}</td> </tr> <tr> - <td>{'Password [confirm]'|@translate}</td> - <td align="center"><input type="password" name="admin_pass2" value=""></td> - <td>{'verification'|@translate}</td> + <td class="fieldname">{'Password [confirm]'|@translate}</td> + <td><input type="password" name="admin_pass2" value=""></td> + <td class="fielddesc">{'verification'|@translate}</td> </tr> <tr> - <td>{'Webmaster mail address'|@translate}</td> - <td align="center"><input type="text" name="admin_mail" value="{$F_ADMIN_EMAIL}"></td> - <td>{'Visitors will be able to contact site administrator with this mail'|@translate}</td> + <td class="fieldname">{'Webmaster mail address'|@translate}</td> + <td><input type="text" name="admin_mail" value="{$F_ADMIN_EMAIL}"></td> + <td class="fielddesc">{'Visitors will be able to contact site administrator with this mail'|@translate}</td> </tr> </table> - <table> - <tr> - <td style="text-align: center;"> - <input class="submit" type="submit" name="install" value="{'Start Install'|@translate}"> - </td> - </tr> - </table> +</fieldset> + + <div style="text-align:center; margin:20px 0 10px 0"> + <input class="submit" type="submit" name="install" value="{'Start Install'|@translate}"> + </div> </form> {else} <p> |