Tom Hayakawa
tom_g3x****@users*****
2006年 9月 9日 (土) 23:39:18 JST
Index: xoops2jp/html/install/install_tpl.php diff -u xoops2jp/html/install/install_tpl.php:1.1.8.3 xoops2jp/html/install/install_tpl.php:1.1.8.4 --- xoops2jp/html/install/install_tpl.php:1.1.8.3 Sat Apr 1 10:32:57 2006 +++ xoops2jp/html/install/install_tpl.php Sat Sep 9 23:39:18 2006 @@ -6,52 +6,40 @@ <style type="text/css" media="all"><!-- @import url(../xoops.css); --></style> <link rel="stylesheet" type="text/css" media="all" href="style.css" /> </head> -<body style="margin: 0; padding: 0;"> -<form action="index.php" method="post"> -<table class="headertable" cellspacing="0" align="center" cellpadding="0"> + +<body> +<div id="container"> +<form action="index.php" method="post" style="margin:0"> + +<table width="100%" cellspacing="0"> <tr> - <td class="headerlogo"><img src="img/logo.gif" width="200" height="100" alt="XOOPS Cube" /></td> - <td class="headerbanner"> </td> +<td id="headerL"><img src="img/cube_logo.gif" alt="XOOPS Cube" /></td> +<td id="headerR"> + <h4>画面上の指示に従って設定を行ってください</h4> +</td> +</tr> +<tr> +<td id="headerBar" colspan="2"> </td> </tr> </table> -<table cellspacing="0" cellpadding="0" align="center"> - <tr> - <td class="bar_left"> </td> - <td class="bar_middle"> </td> - <td class="bar_right"> </td> - </tr> -</table> -<table class="bodytable" align="center" cellspacing="0" cellpadding="0"> - <tr> - <td width="5%"> </td> - <td colspan="3"> -<?php if(!empty($title)) { ?> - <h4 style="margin-top: 10px; margin-bottom: 5px; padding: 10px;"><?php echo $title; ?></h4> -<?php } ?> - <div style="padding: 10px;"> -<?php echo $content; ?> - </div> - </td> - <td width="5%"> </td> - </tr> - <tr> - <td width="5%"> </td> - <td width="35%" align="left"><?php echo b_back($b_back); ?></td> - <td width="20%" align="center"><?php echo b_reload($b_reload); ?></td> - <td width="35%" align="right"><?php echo b_next($b_next); ?></td> - <td width="5%"> </td> - </tr> - <tr> - <td colspan="5"> </td> - </tr> -</table> -<table cellspacing="0" cellpadding="0" align="center"> - <tr> - <td class="bar_left"> </td> - <td class="bar_middle"> </td> - <td class="footer_right"> </td> - </tr> + +<table id="mainbody" cellspacing="0"> +<tr> +<td class="leftcolumn"><img src="img/left_bg.gif" alt="Cubekun" /></td> +<td> +<?php if(!empty($title)) { ?><h3><?php echo $title; ?></h3><?php } ?> +<div class="maincontents"><?php echo $content; ?></div> +</td> +</tr> </table> + +<div id="footer"> +<?php echo b_back($b_back); ?> +<?php echo b_reload($b_reload); ?> +<?php echo b_next($b_next); ?> +</div> </form> + +</div> </body> </html> Index: xoops2jp/html/install/style.css diff -u xoops2jp/html/install/style.css:1.1.8.1 xoops2jp/html/install/style.css:1.1.8.2 --- xoops2jp/html/install/style.css:1.1.8.1 Tue Mar 7 22:05:59 2006 +++ xoops2jp/html/install/style.css Sat Sep 9 23:39:18 2006 @@ -1,72 +1,40 @@ -body { - font-family : tahoma, osaka,taipei,verdana, arial, helvetica, sans-serif; - color;#000000; - font-size: 12px; - margin: 0; - padding: 0; -} +body {margin:10px 0; padding:0; color;#000000; font-size:12px; text-align:center;} -a { - text-decoration: none; - color: #666666;font-weight: bold; - background-color: transparent; -} +a {text-decoration:none; color:#6666bb; font-weight: bold;} +a:hover {text-decoration:none; color:#ff9966; font-weight:bold;} -a:hover { - text-decoration: none; - color: #ff9966; - font-weight: bold; - background-color: transparent; -} +table {border:0; width:100%; border-collapse:collapse;} +td {color:#000000; vertical-align:top;} -td { - font-family : tahoma, osaka,taipei,verdana, arial, helvetica, sans-serif; - color: #000000; - font-size: 12px; - border-top-width : 1px; - border-right-width : 1px; - border-bottom-width : 1px; - border-left-width : 1px; -} +img {border:0;} -img { - border:0; -} +#container {width:760px; margin:0 auto; text-align:left; border:2px solid #000080;} -div { - text-align: center; -} +#headerL,#headerR {text-align:left; vertical-align:middle; background:#000080;} +#headerR h4 {margin:0.5em; color:#ffffff; font-size:13px;} +#headerBar {background:#F6F6F6; height:12px;} -.bg1 { - background-color: #f7f7f7; color: #000000; -} -.bg2 { - background-color: #000000; color: #ffffff; -} +#mainbody {border-top:1px solid #000080; border-bottom:1px solid #000080;} +#mainbody .leftcolumn {width:180px; background:#CCCCDD; border-right:1px solid #000080; vertical-align:middle; text-align:center;} +#mainbody .leftcolumn img {margin:15px 0;} +#mainbody .maincontents {background:#FFFFFF; padding:15px 25px; line-height:150%;} +#mainbody h3 {margin-top:10px; margin-bottom:5px; padding:10px; background:#EEEEFF; font-size:14px;} -.bg3 { - background-color: #2f5376; color: #f9b743; -} - -.bg4 { - background-color: #f5f5f5; color: #000000; -} - -.bg5 { - background-color: #f5f5f5; color: #000000; -} +#footer {background:#EEEEFF; padding:15px; text-align:right;} -.fg1 { - color: #f9b743; -} +.separate {border-collapse:separate;} +.bg1 {background-color:#eeeeff; color:#000000;} +.bg2 {background-color:#000000; color:#ffffff;} +.bg3 {background-color:#003380; color:#f9b743; width:45%;} +.bg4 {background-color:#f5f5f5; color:#000000;} +.bg5 {background-color:#f5f5f5; color:#000000;} -.fg2 { - color: #000000; -} +.fg1 {color:#f9b743;} +.fg2 {color:#000000;} input { - border-right: #000000 1px solid; + border-right: #000000 1px solid; border-top: #000000 1px solid; font: 8pt verdana, arial, helvetica; border-left: #000000 1px solid; @@ -76,71 +44,10 @@ } select { - border-right: #000000 1px solid; + border-right: #000000 1px solid; border-top: #000000 1px solid; background: #f7f7f7; font: 8pt verdana, arial, helvetica; border-left: #000000 1px solid; color: #000000; border-bottom: #000000 1px solid } -table { - border : 0; -} - -.headertable { - width:778px; - align: center; -} - -.bodytable { - background: url(img/bg.gif) repeat; - width:778px; - align: center; -} - -.bar_middle { - background: url(img/hbar.gif) repeat; - width:478px;height:23px; - align: center; -} - -.bar_left { - background: url(img/hbar_left.gif) repeat; - width:150px;height:23px; - align: center; -} - -.bar_right { - background: url(img/hbar_right.gif) repeat; - width:150px;height:23px; - align: center; -} -.footer_right { - background: url(img/hbar_installer_right.gif) repeat; - width:150px;height:23px; - align: center; -} - -.headerlogo { - background: url(img/base.gif) left no-repeat #000080; - width: 200px; - height: 100px; - margin: 0; - padding: 0; -} - -.headerbanner { - background: url(img/cube.gif) right no-repeat #000080; - width: 100%; - text-align: center; - vertical-align: middle; -} - -.headerbar { - background: url(img/nav.gif) repeat-x; - font-size: 10pt; - text-align: right; - margin: 0; - padding: 3px 5px; - border-bottom: solid 1px #dddddd; -}