インストーラー枠線・背景を CSS に変更

EC-CUBE · Jan 4, 2024 · 4bf4823 · 4bf4823
1 parent d375433
commit 4bf4823
Show file tree

Hide file tree

Showing 17 changed files with 55 additions and 63 deletions.
diff --git a/html/install/css/admin_contents.css b/html/install/css/admin_contents.css
@@ -45,7 +45,7 @@ th, td {
 
 th {
     width: 240px;
-    background: url("../img/table_back.png") repeat-x #f4f5f5;
+    background: #f5f5f5;
     font-weight: normal;
     text-align: left;
 }
@@ -59,11 +59,6 @@ th {
     text-align: center;
 }
 
-.contents-main .btn-area li, #popup .btn-area li, .btn-area li {
-    margin-right: 10px;
-    display: inline;
-}
-
 /* ボタン */
 
 .btn {
@@ -186,20 +181,15 @@ a {
 }
 
 #out-area {
-    width: 558px;
+    width: 560px;
+    text-align: left;
+    border: #ccc 1px solid;
+    border-radius: 5px;
+    clear: both;
+    padding: 10px 0 0;
     text-align: left;
-
-    .out-top {
-        clear: both;
-        width: 560px;
-        height: 10px;
-        background: url("../img/login_back_top.jpg") bottom left no-repeat;
-    }
 
     .contents {
-        width: 560px;
-        background: url("../img/login_back_contents.gif") top left repeat-y;
-        text-align: left;
 
         .block {
             margin: 0 auto;
@@ -242,7 +232,6 @@ a {
 
         .result-info02 {
             margin: 0 auto;
-            padding-bottom: 30px;
             width: 520px;
 
             p {
@@ -257,23 +246,22 @@ a {
         }
     }
 
-    .btn-area-top {
-        width: 560px;
-        height: 10px;
-        background: url("../img/login_back_btn_top.jpg") left no-repeat;
-    }
+    /* ボタンエリア */
 
     .btn-area ul {
-        padding: 20px 0 10px 0;
-        width: 560px;
+        margin: 1.5em 0 0;
+        border-top: #ccc 1px solid;
+        padding: 25px 0;
         text-align: center;
-        background: url("../img/login_back_btn_contents.jpg") top left no-repeat #f4f5f5;
-    }
+        background: #f5f5f5;
 
-    .btn-area-bottom {
-        width: 560px;
-        height: 10px;
-        background: url("../img/login_back_btn_bottom.jpg") bottom left no-repeat #eeeff0;
+        li {
+            display: inline;
+
+            + li {
+                margin-left: 10px;
+            }
+        }
     }
 }
 

diff --git a/html/install/img/login_back_btn_bottom.jpg b/html/install/img/login_back_btn_bottom.jpg
diff --git a/html/install/img/login_back_btn_contents.jpg b/html/install/img/login_back_btn_contents.jpg
diff --git a/html/install/img/login_back_btn_top.jpg b/html/install/img/login_back_btn_top.jpg
diff --git a/html/install/img/login_back_contents.gif b/html/install/img/login_back_contents.gif
diff --git a/html/install/img/login_back_top.jpg b/html/install/img/login_back_top.jpg
diff --git a/html/install/img/table_back.png b/html/install/img/table_back.png
diff --git a/html/install/templates/agreement.tpl b/html/install/templates/agreement.tpl
@@ -34,6 +34,7 @@ function fnChangeVisible(check_id, mod_id){
 //-->
 </script>
 
+<!--{strip}-->
 <form name="form1" id="form1" method="post" action="?">
     <table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
         <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
@@ -103,3 +104,4 @@ function fnChangeVisible(check_id, mod_id){
         <tr><td height="30"></td></tr>
     </table>
 </form>
+<!--{/strip}-->
diff --git a/html/install/templates/complete.tpl b/html/install/templates/complete.tpl
@@ -20,6 +20,7 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
 
+<!--{strip}-->
 <form name="form1" id="form1" method="post" action="?">
     <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
 
@@ -36,11 +37,10 @@
         </div>
     </div>
 
-    <div class="btn-area-top"></div>
     <div class="btn-area">
         <ul>
             <li><a class="btn next" href="<!--{$tpl_sslurl}--><!--{$admin_dir}--><!--{$smarty.const.DIR_INDEX_PATH}-->">管理画面へログインする</a></li>
         </ul>
     </div>
-    <div class="btn-area-bottom"></div>
 </form>
+<!--{/strip}-->
diff --git a/html/install/templates/install_frame.tpl b/html/install/templates/install_frame.tpl
@@ -78,26 +78,25 @@ $(function(){
 <body>
 <!--{$GLOBAL_ERR}-->
 <noscript>
-  <p>JavaScript を有効にしてご利用下さい。</p>
+    <p>JavaScript を有効にしてご利用下さい。</p>
 </noscript>
 <div id="loading"><img src="../js/jquery.colorbox/loading.gif" width="48" height="48" alt="Loading..." /></div>
 <div id="outside">
-  <div id="out-wrap">
-    <div class="logo">
-      <img src="img/logo_resize.jpg" width="99" height="15" alt="EC-CUBE" />
+    <div id="out-wrap">
+        <div class="logo">
+            <img src="img/logo_resize.jpg" width="99" height="15" alt="EC-CUBE" />
+        </div>
+        <div id="out-area">
+            <!--{include file=$tpl_mainpage}-->
+        </div>
+        <!--{if strlen($install_info_url) != 0}-->
+        <div id="info-area">
+            <iframe src="<!--{$install_info_url}-->" width="562" height="550" frameborder="no" scrolling="no">
+                こちらはEC-CUBEからのお知らせです。この部分は iframe対応ブラウザでご覧下さい。
+            </iframe>
+        </div>
+        <!--{/if}-->
     </div>
-    <div id="out-area">
-      <div class="out-top"></div>
-      <!--{include file=$tpl_mainpage}-->
-    </div>
-    <!--{if strlen($install_info_url) != 0}-->
-    <div id="info-area">
-      <iframe src="<!--{$install_info_url}-->" width="562" height="550" frameborder="no" scrolling="no">
-        こちらはEC-CUBEからのお知らせです。この部分は iframe対応ブラウザでご覧下さい。
-      </iframe>
-    </div>
-    <!--{/if}-->
-  </div>
 </div>
 </body>
 </html>
diff --git a/html/install/templates/step0.tpl b/html/install/templates/step0.tpl
@@ -19,6 +19,8 @@
  * along with this program; if not, write to the Free Software
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+
+<!--{strip}-->
 <form name="form1" id="form1" method="post" action="?">
     <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
     <input type="hidden" name="step" value="0" />
@@ -42,12 +44,11 @@
             <!--{/if}-->
         </div>
     </div>
-    <div class="btn-area-top"></div>
     <div class="btn-area">
         <ul>
             <li><a class="btn prev" href="javascript:;" onclick="document.form1['mode'].value='return_welcome';document.form1.submit(); return false;">前へ戻る</a></li>
             <li><a class="btn next" href="javascript:;">次へ進む</a></li>
         </ul>
     </div>
-    <div class="btn-area-bottom"></div>
 </form>
+<!--{/strip}-->
diff --git a/html/install/templates/step0_1.tpl b/html/install/templates/step0_1.tpl
@@ -20,6 +20,7 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
 
+<!--{strip}-->
 <div class="contents">
     <div class="message">
         <h2>必要なファイルのコピー</h2>
@@ -44,13 +45,12 @@
             <!--{/if}-->
         </div>
 
-        <div class="btn-area-top"></div>
         <div class="btn-area">
             <ul>
                 <li><a href="#" class="btn prev" onclick="document.form1['mode'].value='return_step0';document.form1.submit();return false;">前へ戻る</a></li>
                 <li><a class="btn next" href="javascript:;">次へ進む</a></li>
             </ul>
         </div>
-        <div class="btn-area-bottom"></div>
     </form>
 </div>
+<!--{/strip}-->
diff --git a/html/install/templates/step1.tpl b/html/install/templates/step1.tpl
@@ -39,6 +39,7 @@ $(function() {
     });
 });
 </script>
+<!--{strip}-->
 <form name="form1" id="form1" method="post" action="?">
     <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
     <input type="hidden" name="step" value="0" />
@@ -223,12 +224,11 @@ $(function() {
             </div>
         </div>
     </div>
-    <div class="btn-area-top"></div>
     <div class="btn-area">
         <ul>
             <li><a class="btn prev" href="javascript:;" onclick="document.form1['mode'].value='return_step0';document.form1.submit();return false;">前へ戻る</a></li>
             <li><a class="btn next" href="javascript:;">次へ進む</a></li>
         </ul>
     </div>
-    <div class="btn-area-bottom"></div>
 </form>
+<!--{/strip}-->
diff --git a/html/install/templates/step2.tpl b/html/install/templates/step2.tpl
@@ -32,6 +32,7 @@ function lfnChangePort(db_type) {
     }
 }
 </script>
+<!--{strip}-->
 <form name="form1" id="form1" method="post" action="?">
     <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
     <input type="hidden" name="step" value="0" />
@@ -101,13 +102,12 @@ function lfnChangePort(db_type) {
             </table>
         </div>
 
-        <div class="btn-area-top"></div>
         <div class="btn-area">
             <ul>
                 <li><a class="btn prev" href="javascript:;" onclick="document.form1['mode'].value='return_step1';document.form1.submit();return false;">前へ戻る</a></li>
                 <li><a class="btn next" href="javascript:;">次へ進む</a></li>
             </ul>
         </div>
-        <div class="btn-area-bottom"></div>
     </div>
 </form>
+<!--{/strip}-->
diff --git a/html/install/templates/step3.tpl b/html/install/templates/step3.tpl
@@ -38,6 +38,7 @@
 //-->
 </script>
 
+<!--{strip}-->
 <form name="form1" id="form1" method="post" action="?">
     <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
     <input type="hidden" name="step" value="0" />
@@ -74,12 +75,11 @@
         </div>
     </div>
 
-    <div class="btn-area-top"></div>
     <div class="btn-area">
         <ul>
             <li><a class="btn prev" href="javascript:;" onclick="document.form1['mode'].value='return_step2';document.form1.submit();return false;">前へ戻る</a></li>
             <li><a class="btn next" href="javascript:;" onclick="document.body.style.cursor='wait';">次へ進む</a></li>
         </ul>
     </div>
-    <div class="btn-area-bottom"></div>
 </form>
+<!--{/strip}-->
diff --git a/html/install/templates/step4.tpl b/html/install/templates/step4.tpl
@@ -19,6 +19,8 @@
  * along with this program; if not, write to the Free Software
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+
+<!--{strip}-->
 <form name="form1" id="form1" method="post" action="?">
     <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
     <input type="hidden" name="step" value="0" />
@@ -53,14 +55,13 @@
             <input type="radio" id="ok" name="send_info" checked value="true" /><label for="ok">はい(推奨)</label>&nbsp;
             <input type="radio" id="ng" name="send_info" value="false" /><label for="ng">いいえ</label>
         </div>
-        <div class="btn-area-top"></div>
         <div class="btn-area">
             <ul>
                 <li><a class="btn prev" href="#" onclick="document.form1['mode'].value='return_step3';document.form1.submit();return false;">
                     前へ戻る</a></li>
                 <li><a class="btn next" href="javascript:;">
                     次へ進む</a></li>
             </ul>
-        <div class="btn-area-bottom"></div>
     </div>
 </form>
+<!--{/strip}-->
diff --git a/html/install/templates/welcome.tpl b/html/install/templates/welcome.tpl
@@ -19,6 +19,8 @@
  * along with this program; if not, write to the Free Software
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+
+ <!--{strip}-->
 <form name="form1" id="form1" method="post" action="./<!--{$smarty.const.DIR_INDEX_PATH}-->">
     <input type="hidden" name="mode" value="<!--{$tpl_mode}-->" />
     <!--{foreach key=key item=item from=$arrHidden}-->
@@ -29,11 +31,10 @@
             EC-CUBEのインストールを開始します。
         </div>
     </div>
-    <div class="btn-area-top"></div>
     <div class="btn-area">
         <ul>
             <li><a class="btn next" href="javascript:;" onclick="document.form1.submit(); return false;">次へ進む</a></li>
         </ul>
     </div>
-    <div class="btn-area-bottom"></div>
 </form>
+<!--{/strip}-->