* ajusted views.

module/action/view/trash.html.php

@@ -11,16 +11,22 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<?php include '../../common/view/colorize.html.php';?>
-<table class='table-1 colored tablesorter'>
-  <caption class='caption-tr'>
-    <?php if($type == 'hidden') echo html::a(inLink('trash', "type=all"),    $lang->goback);?>
-    <?php if($type == 'all')    echo html::a(inLink('trash', "type=hidden"), $lang->action->dynamic->hidden);?>
-  </caption>
+<div id='titlebar'>
+  <div class='heading'>
+    <span class='prefix'><?php echo html::icon($lang->icons['trash']);?></span>
+    <strong><?php echo $lang->action->trash;?></strong>
+  </div>
+  <div class='actions'>
+    <?php if($type == 'hidden') echo html::a(inLink('trash', "type=all"),    $lang->goback, '', "class='btn'");?>
+      <?php if($type == 'all')    echo html::a(inLink('trash', "type=hidden"), "<i class='icon-eye-close'></i> " . $lang->action->dynamic->hidden, '', "class='btn btn-danger'");?>
+  </div>
+</div>
+
+<table class='table tablesorter'>
   <?php $vars = "type=$type&orderBy=%s&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}"; ?>
   <thead>
   <tr class='colhead'>
-    <th class='w-80px'><?php common::printOrderLink('objectType', $orderBy, $vars, $lang->action->objectType);?></th>
+    <th class='w-90px'><?php common::printOrderLink('objectType', $orderBy, $vars, $lang->action->objectType);?></th>
     <th class='w-id'>  <?php common::printOrderLink('objectID',   $orderBy, $vars, $lang->idAB);?></th>
     <th><?php echo $lang->action->objectName;?></th>
     <th class='w-100px'><?php common::printOrderLink('actor',     $orderBy, $vars, $lang->action->actor);?></th>
@@ -50,12 +56,12 @@
   <tr>
     <td colspan='6'>
       <?php if($trashes and $type == 'all'):?>
-      <div class='f-left'>
+      <div class='table-actions clearfix'>
         <?php echo html::linkButton($lang->action->hideAll, inlink('hideAll'), 'hiddenwin');?>
-        <?php echo $lang->action->trashTips;?>
+        <div class='text'><?php echo $lang->action->trashTips;?></div>
       </div>
       <?php endif;?>
-      <div><?php $pager->show();?></div>
+      <?php $pager->show();?>
     </td>
   </tr>
   </tfoot>

module/admin/css/index.css

@@ -1,4 +1,24 @@
-#info a{font-weight:bold;}
-.colhead th {text-align:left; padding-left:15px}
-#notice {margin: 0 0 5px 0; background-color:#EFEFEF; height:28px; line-height:28px; padding-left:10px;}
-#proversion, #zentaotrain{color:red}
+.cards {margin-top: 2%;}
+
+.card {height: 200px; position: relative; padding-left: 180px; border-radius: 6px}
+.card > .media {position: absolute; left: 0; top: 0; width: 180px; background: #f1f1f1; height: 200px; bottom: 0; overflow: hidden; z-index: 90; transition: all 0.4s;}
+.card > .media > .icon {position: absolute; display: block; font-size: 168px; color: #ddd; z-index: 99; bottom: -20px; left: -20px; transition: all 0.4s;}
+.card > .media > h5 {position: absolute; display: block; color: #666; z-index: 100; font-size: 16px; right: 20px; top: 10px; transition: all 0.4s;}
+.card:hover > .media {background: #e5e5e5}
+.card:hover > .media > .icon {color: #ccc}
+.card .card-content {padding: 20px 25px}
+.card-content > ul {padding-left: 20px;}
+.card-content > ul > li {margin-bottom: 5px;}
+
+.card-about.card:hover > .media {background: #E5F9FF}
+.card-about.card:hover > .media > .icon {color: #c8eef9}
+.card-about.card:hover > .media > h5, .card-about.card:hover a {color: #279bbd}
+.card-support.card:hover > .media {background: #E5FFE6}
+.card-support.card:hover > .media > .icon {color: #c2eac2}
+.card-support.card:hover > .media > h5, .card-support.card:hover a {color: #229F24}
+.card-cowin.card:hover > .media {background: #FFF4E5}
+.card-cowin.card:hover > .media > .icon {color: #f7dfbe}
+.card-cowin.card:hover > .media > h5, .card-cowin.card:hover a {color: #E48600}
+.card-service.card:hover > .media {background: #FFE6E5}
+.card-service.card:hover > .media > .icon {color: #f9d0ce}
+.card-service.card:hover > .media > h5, .card-service.card:hover a {color: #D2322D}

module/admin/view/index.html.php

@@ -12,18 +12,22 @@
 ?>
 <?php include '../../common/view/header.html.php';?>
 <?php $showDemoUsers = isset($this->config->global->showDemoUsers) ? true : false; js::set('showDemoUsers', $showDemoUsers);?>
-<p class='strong mt-10px'>
-  <?php 
-  echo sprintf($lang->admin->info->version, $config->version);
-  if($bind) echo sprintf($lang->admin->info->account, '<span class="red">' . $account . '</span>');
-  echo $lang->admin->info->links;
-  ?>
-</p>
-<?php include '../../misc/view/links.html.php';?>
+
 <?php if(!$bind and !$ignore and common::hasPriv('admin', 'register')):?>
-<div id="notice">
-  <div class="f-left"><?php echo sprintf($lang->admin->notice->register, html::a(inlink('register'), $lang->admin->register->click));?></div>
-  <div class="f-right"><?php echo html::a(inlink('ignore'), $lang->admin->notice->ignore, 'hiddenwin');?></div>
+<div id="notice" class='alert alert-success'>
+  <?php echo html::a(inlink('ignore'), '<i class="icon-remove"></i> ' . $lang->admin->notice->ignore, 'hiddenwin', 'class="close" data-dismiss="alert" style="font-size: 12px"');?>
+  <i class='icon-info-sign'></i>
+  <div class="content"><?php echo sprintf($lang->admin->notice->register, html::a(inlink('register'), $lang->admin->register->click, '', 'class="alert-link"'));?></div>
 </div>
 <?php endif;?>
+<div id='featurebar'>
+  <div class='heading'>
+    <?php 
+    echo sprintf($lang->admin->info->version, $config->version);
+    if($bind) echo sprintf($lang->admin->info->account, '<span class="red">' . $account . '</span>');
+    echo $lang->admin->info->links;
+    ?>
+  </div>
+</div>
+<?php include '../../misc/view/links.html.php';?>
 <?php include '../../common/view/footer.html.php';?>

module/common/lang/zh-cn.php

@@ -428,6 +428,8 @@ $lang->icons['dept']    = 'sitemap';
 $lang->icons['usecase'] = 'usecase';
 $lang->icons['testcase']= 'smile';
 $lang->icons['result']  = 'flag-checkered';
+$lang->icons['mail']    = 'envelope';
+$lang->icons['trash']   = 'trash';
 
 $lang->icons['results']        = 'flag-checkered';
 $lang->icons['create']         = 'plus';

module/convert/view/index.html.php

@@ -10,9 +10,22 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<table align='center' class='table-5'>
-  <caption><?php echo $lang->convert->common;?></caption>
-  <tr><td><?php echo nl2br($lang->convert->desc);?></td></tr>
-  <tr><td><h3 class='text-center'><?php echo html::a($this->createLink('convert', 'selectsource'), '<i class="icon-exchange"></i> ' . $lang->convert->start, '', 'class="btn btn-primary"');?></h3></td></tr>
-</table>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon('cloud-upload');?></span>
+      <strong><?php echo $lang->convert->common;?></strong>
+    </div>
+  </div>
+  <div class='main pdt-20'>
+    <div class='alert'>
+      <div class='content'>
+        <?php echo nl2br($lang->convert->desc);?>
+        <div class='text-center pdt-20'>
+          <?php echo html::a($this->createLink('convert', 'selectsource'), '<i class="icon-exchange"></i> ' . $lang->convert->start, '', 'class="btn btn-primary"');?>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 <?php include '../../common/view/footer.html.php';?>

module/convert/view/selectsource.html.php

@@ -10,22 +10,33 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<form method='post' action='<?php echo inlink('setConfig');?>'>
-  <table align='center' class='table-5 f-14px'>
-    <caption><?php echo $lang->convert->selectSource;?></caption>
-    <tr>
-      <th class='w-p20'><?php echo $lang->convert->source;?></th>
-      <th><?php echo $lang->convert->version;?></th>
-    </tr>
-    <?php foreach($lang->convert->sourceList as $name => $versions):?>
-    <tr>
-      <th><?php echo $name;?></th>
-      <td><?php echo html::radio('source', $versions);?></td>
-    </tr>
-    <?php endforeach;?>
-    <tr>
-      <td colspan='2' class='text-center'><?php echo html::submitButton();?></td>
-    </tr>
-  </table>
-</form>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon('cloud-upload');?></span>
+      <strong><?php echo $lang->convert->common;?></strong>
+      <small class='text-muted'><?php echo $lang->convert->selectSource . ' ' . html::icon('bullseye');?></small>
+    </div>
+  </div>
+  <form method='post' action='<?php echo inlink('setConfig');?>'>
+    <table class='table table-form'>
+      <thead>
+        <tr>
+          <th class='w-100px text-right'><?php echo $lang->convert->source;?></th>
+          <th class='text-center'><?php echo $lang->convert->version;?></th>
+        </tr>
+      </thead>
+      <?php foreach($lang->convert->sourceList as $name => $versions):?>
+      <tr>
+        <th><?php echo $name;?></th>
+        <td><?php echo html::radio('source', $versions);?></td>
+      </tr>
+      <?php endforeach;?>
+      <tr>
+        <td colspan='2' class='text-center'><?php echo html::submitButton();?></td>
+      </tr>
+    </table>
+  </form>
+</div>
+
 <?php include '../../common/view/footer.html.php';?>

module/convert/view/setconfig.html.php

@@ -10,14 +10,23 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<form method='post' action='<?php echo inlink('checkconfig');?>'>
-  <table align='center' class='table-5 f-14px'>
-    <caption><?php echo $lang->convert->setting . $lang->colon . strtoupper($source);?></caption>
-    <?php echo $setting;?>
-    <tr>
-      <td colspan='2' class='text-center'><?php echo html::submitButton();?></td>
-    </tr>
-  </table>
-  <?php echo html::hidden('source', $source) . html::hidden('version', $version);?>
-</form>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon('cloud-upload');?></span>
+      <strong><?php echo $lang->convert->common;?></strong>
+      <small class='text-muted'><?php echo $lang->convert->setting . $lang->colon . strtoupper($source) . ' ' . html::icon('cog');?></small>
+    </div>
+  </div>
+  <form class='form-condensed' method='post' action='<?php echo inlink('checkconfig');?>'>
+    <table align='center' class='table table-form'>
+      <?php echo $setting;?>
+      <tr>
+        <td></td><td><?php echo html::submitButton();?></td>
+      </tr>
+    </table>
+    <?php echo html::hidden('source', $source) . html::hidden('version', $version);?>
+  </form>
+</div>
+
 <?php include '../../common/view/footer.html.php';?>

module/custom/css/common.css

@@ -1 +1,3 @@
-input[type='text'] {border:1px solid #ccc; padding:3px 0px}
+.list-group-item {padding: 8px 15px}
+.list-group-item.active,.list-group-item.active:hover {background: #fff; border-color: #ddd; background: #f1f1f1; color: #333; font-weight: bold;}
+.list-group-item.active > a {color: #333}

module/custom/view/set.html.php

@@ -20,11 +20,11 @@ $itemRow = <<<EOT
       <input type='hidden' value="0" name="systems[]">
     </td>
     <td>
-      <input type='text' class="w-p98" value="" name="values[]">
+      <input type='text' class="form-control" value="" name="values[]">
     </td>
     <td class='text-left'>
-      <a href='javascript:void()' class='link-icon' onclick='addItem(this)'><i class='icon-add'></i></a>
-      <a href='javascript:void()' class='link-icon' onclick='delItem(this)'><i class='icon-delete'></i></a>
+      <a href='javascript:void()' class='btn-icon' onclick='addItem(this)'><i class='icon-plus'></i></a>
+      <a href='javascript:void()' class='btn-icon' onclick='delItem(this)'><i class='icon-remove'></i></a>
     </td>
   </tr>
 EOT;
@@ -33,72 +33,77 @@ EOT;
 <?php js::set('module',  $module)?>
 <?php js::set('field',   $field)?>
 <div id='featurebar'>
-  <div class='f-left'>
+  <ul class='nav'>
   <?php
   foreach($lang->custom->object as $object => $name)
   {
-      echo "<span id='{$object}Tab'>"; 
+      echo "<li id='{$object}Tab'>"; 
       common::printLink('custom', 'set', "module=$object",  $name); 
-      echo '</span>';
+      echo '</li>';
   }
   ?>
-  </div>
+  </ul>
 </div>
-<table class='cont-lt2'>
-  <tr valign='top'>
-    <td class='side'>
-      <div class='box-title'><?php echo $lang->custom->object[$module]?></div>
-      <div class='box-content'>
-        <ul class='tree'>
+<div class='container'>
+  <div class='row'>
+    <div class='col-sm-4 col-md-3'>
+      <div class='panel panel-sm'>
+        <div class='panel-heading'>
+          <i class='icon-cog'></i> <?php echo $lang->custom->object[$module]?>
+        </div>
+        <div class='list-group'>
         <?php 
           foreach($lang->custom->{$module}->fields as $key => $value)
           {
-              echo "<li><span id='{$key}Tab'>" . html::a(inlink('set', "module=$module&field=$key"), $value) . "</span></li>";
+              echo "<li class='list-group-item' id='{$key}Tab'>" . html::a(inlink('set', "module=$module&field=$key"), $value) . "</li>";
           }
         ?>
-        </ul>
+        </div>
       </div>
-    </td>
-    <td class='divider'></td>
-    <td>
-      <form method='post'>
-        <table class='table-1'>
-          <caption><?php echo $lang->custom->object[$module] . ' >> ' . $lang->custom->$module->fields[$field]?></caption>
-          <tr>
-            <th class='w-100px'><?php echo $lang->custom->key;?></th>
-            <th><?php echo $lang->custom->value;?></th>
-            <?php if($canAdd):?><th class='w-40px'></th><?php endif;?>
-          </tr>
-          <?php foreach($fieldList as $key => $value):?>
-          <tr class='text-center'>
-            <?php $system = isset($dbFields[$key]) ? $dbFields[$key]->system : 1;?>
-            <td><?php echo $key === '' ? 'NULL' : $key; echo html::hidden('keys[]', $key) . html::hidden('systems[]', $system);?></td>
-            <td>
-              <?php echo html::input("values[]", $value, "class='w-p98'");?>
-            </td>
-            <?php if($canAdd):?>
-            <td class='text-left'>
-              <a href='javascript:void()' class='link-icon' onclick='addItem(this)'><i class='icon-add'></i></a>
-              <?php if(!$system):?><a href='javascript:void()' onclick='delItem(this)' class='link-icon'><i class='icon-delete'></i></a><?php endif;?>
-            </td>
-            <?php endif;?>
-          </tr>
-          <?php endforeach;?>
-          <tfoot>
-            <tr>
-              <td colspan='<?php $canAdd ? print(3) : print(2);?>' class='text-center'>
-              <?php 
-              $appliedTo = array($currentLang => $lang->custom->currentLang, 'all' => $lang->custom->allLang);
-              echo html::radio('lang', $appliedTo, 'all');
-              echo html::submitButton();
-              if(common::hasPriv('custom', 'restore')) echo html::linkButton($lang->custom->restore, inlink('restore', "module=$module&field=$field"), 'hiddenwin');
-              ?>
-              </td>
+    </div>
+    <div class='col-sm-8 col-md-9'>
+      <form method='post' class='form-condensed'>
+        <div class='panel panel-sm'>
+          <div class='panel-heading'>
+            <strong><?php echo $lang->custom->object[$module] . ' >> ' . $lang->custom->$module->fields[$field]?></strong>
+          </div>
+          <table class='table table-borderless active-disabled table-condensed'>
+            <tr class='text-center'>
+              <th class='w-100px'><?php echo $lang->custom->key;?></th>
+              <th><?php echo $lang->custom->value;?></th>
+              <?php if($canAdd):?><th class='w-40px'></th><?php endif;?>
             </tr>
-          <tfoot>
-        </table>
+            <?php foreach($fieldList as $key => $value):?>
+            <tr class='text-center'>
+              <?php $system = isset($dbFields[$key]) ? $dbFields[$key]->system : 1;?>
+              <td><?php echo $key === '' ? 'NULL' : $key; echo html::hidden('keys[]', $key) . html::hidden('systems[]', $system);?></td>
+              <td>
+                <?php echo html::input("values[]", $value, "class='form-control'");?>
+              </td>
+              <?php if($canAdd):?>
+              <td class='text-left w-100px'>
+                <a href='javascript:void()' class='btn-icon' onclick='addItem(this)'><i class='icon-plus'></i></a>
+                <?php if(!$system):?><a href='javascript:void()' onclick='delItem(this)' class='btn-icon'><i class='icon-remove'></i></a><?php endif;?>
+              </td>
+              <?php endif;?>
+            </tr>
+            <?php endforeach;?>
+            <tfoot>
+              <tr>
+                <td colspan='<?php $canAdd ? print(3) : print(2);?>' class='text-center'>
+                <?php 
+                $appliedTo = array($currentLang => $lang->custom->currentLang, 'all' => $lang->custom->allLang);
+                echo html::radio('lang', $appliedTo, 'all');
+                echo html::submitButton();
+                if(common::hasPriv('custom', 'restore')) echo html::linkButton($lang->custom->restore, inlink('restore', "module=$module&field=$field"), 'hiddenwin');
+                ?>
+                </td>
+              </tr>
+            </tfoot>
+          </table>
+        </div>
       </form>
-    </td>
-  </tr>
-</table>
+    </div>
+  </div>
+</div>
 <?php include '../../common/view/footer.html.php';?>

module/mail/view/detect.html.php

@@ -11,10 +11,18 @@
  */
 include '../../common/view/header.html.php';
 ?>
-<form class='form-condensed' method='post' target='hiddenwin'>
-<table class='table-4' align='center'>
-  <caption><?php echo $lang->mail->inputFromEmail; ?></caption>
-  <tr><td class='text-center'><?php echo html::input('fromAddress', $fromAddress, "class='form-control'") . html::submitButton($lang->mail->nextStep);?></td></tr>
-</table>
-</form>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon($lang->icons['mail']);?></span>
+      <strong><?php echo $lang->mail->common;?></strong>
+      <small class='text-muted'> <?php echo $lang->mail->detect;?> <?php echo html::icon('cog');?></small>
+    </div>
+  </div>
+  <form class='form-condensed pdt-20' method='post' target='hiddenwin'>
+    <table class='table table-form'>
+      <tr><th class='w-p25'><?php echo $lang->mail->inputFromEmail; ?></th><td class='w-p50'><?php echo html::input('fromAddress', $fromAddress, "class='form-control'");?></td><td><?php echo html::submitButton($lang->mail->nextStep);?></td></tr>
+    </table>
+  </form>
+</div>
 <?php include '../../common/view/footer.html.php';?>

module/mail/view/edit.html.php

@@ -11,63 +11,71 @@
  */
 include '../../common/view/header.html.php';
 ?>
-<form method='post' action='<?php echo inlink('save');?>' id='dataform'>
-<table align='center' class='table-4'>
-  <caption><?php echo $lang->mail->edit;?></caption>
-  <tr>
-    <th class='rowhead w-120px'><?php echo $lang->mail->turnon; ?></th>
-    <td><?php echo html::radio('turnon', $lang->mail->turnonList, 1);?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->fromAddress; ?></th>
-    <td><?php echo html::input('fromAddress', $mailConfig->fromAddress, "class='form-control'");?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->fromName; ?></th>
-    <td><?php echo html::input('fromName', $mailConfig->fromName, "class='form-control'");?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->host; ?></th>
-    <td><?php echo html::input('host', $mailConfig->host, "class='form-control'");?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->port; ?></th>
-    <td><?php echo html::input('port', $mailConfig->port, "class='form-control'");?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->auth; ?></th>
-    <td><?php echo html::radio('auth', $lang->mail->authList, $mailConfig->auth, 'onchange=setAuth(this.value)'); ?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->username; ?></th>
-    <td><?php echo html::input('username', $mailConfig->username, "class='form-control'") ?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->password; ?></th>
-    <td><?php echo html::password('password', $mailConfig->password, 'class="form-control" autocomplete="off"') ?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->secure; ?></th>
-    <td><?php echo html::radio('secure', $lang->mail->secureList, $mailConfig->secure); ?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->debug; ?></th>
-    <td><?php echo html::radio('debug', $lang->mail->debugList, $mailConfig->debug);?></td>
-  </tr>
-  <tr>
-    <th><?php echo $lang->mail->charset; ?></th>
-    <td><?php echo html::radio('charset', $config->charsets[$this->cookie->lang], $mailConfig->charset);?></td>
-  </tr>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon($lang->icons['mail']);?></span>
+      <strong><?php echo $lang->mail->common;?></strong>
+      <small class='text-muted'> <?php echo $lang->mail->edit;?> <?php echo html::icon('pencil');?></small>
+    </div>
+  </div>
+  <form class='form-condensed' method='post' action='<?php echo inlink('save');?>' id='dataform'>
+    <table class='table table-form'>
+      <tr>
+        <th class='rowhead w-120px'><?php echo $lang->mail->turnon; ?></th>
+        <td><?php echo html::radio('turnon', $lang->mail->turnonList, 1);?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->fromAddress; ?></th>
+        <td><?php echo html::input('fromAddress', $mailConfig->fromAddress, "class='form-control'");?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->fromName; ?></th>
+        <td><?php echo html::input('fromName', $mailConfig->fromName, "class='form-control'");?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->host; ?></th>
+        <td><?php echo html::input('host', $mailConfig->host, "class='form-control'");?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->port; ?></th>
+        <td><?php echo html::input('port', $mailConfig->port, "class='form-control'");?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->auth; ?></th>
+        <td><?php echo html::radio('auth', $lang->mail->authList, $mailConfig->auth, 'onchange=setAuth(this.value)'); ?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->username; ?></th>
+        <td><?php echo html::input('username', $mailConfig->username, "class='form-control'") ?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->password; ?></th>
+        <td><?php echo html::password('password', $mailConfig->password, 'class="form-control" autocomplete="off"') ?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->secure; ?></th>
+        <td><?php echo html::radio('secure', $lang->mail->secureList, $mailConfig->secure); ?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->debug; ?></th>
+        <td><?php echo html::radio('debug', $lang->mail->debugList, $mailConfig->debug);?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->mail->charset; ?></th>
+        <td><?php echo html::radio('charset', $config->charsets[$this->cookie->lang], $mailConfig->charset);?></td>
+      </tr>
 
-  <tr>
-     <td colspan='2' class='text-center'>
-       <?php 
-       echo html::submitButton();
-       if($this->config->mail->turnon and $mailExist) echo html::linkButton($lang->mail->test, inlink('test'));
-       echo html::linkButton($lang->mail->reset, inlink('reset'));
-       ?>
-     </td>
-   </tr>
-</table>
-</form>
+      <tr>
+         <td colspan='2' class='text-center'>
+           <?php 
+           echo html::submitButton();
+           if($this->config->mail->turnon and $mailExist) echo html::linkButton($lang->mail->test, inlink('test'));
+           echo html::linkButton($lang->mail->reset, inlink('reset'));
+           ?>
+         </td>
+       </tr>
+    </table>
+  </form>
+</div>
 <?php include '../../common/view/footer.html.php';?>

module/mail/view/save.html.php

@@ -11,15 +11,22 @@
  */
 include '../../common/view/header.html.php';
 ?>
-<table class='table-5' align='center'>
-  <caption><?php echo $lang->mail->save ?></caption>
-  <tr>
-    <td>
-      <?php 
-      echo $lang->mail->successSaved;
-      if($this->post->turnon and $mailExist) echo html::linkButton($lang->mail->test, inlink('test'));
-      ?>
-    </td>
-  </tr>
-</table>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon($lang->icons['mail']);?></span>
+      <strong><?php echo $lang->mail->common;?></strong>
+      <small class='text-success'> <?php echo $lang->mail->save;?> <?php echo html::icon('ok-sign');?></small>
+    </div>
+  </div>
+  <div class='alert alert-success'>
+    <i class='icon-ok-sign'></i>
+    <div class='content'>
+      <?php echo $lang->mail->successSaved;?>
+      <div class='pdt-20'>
+      <?php if($this->post->turnon and $mailExist) echo html::linkButton($lang->mail->test . ' <i class="icon-rocket"></i>', inlink('test'));?>
+      </div>
+    </div>
+  </div>
+</div>
 <?php include '../../common/view/footer.html.php';?>

module/mail/view/test.html.php

@@ -17,22 +17,28 @@ if(isset($error))
 ?>
 
 <?php include '../../common/view/header.html.php';?>
-<form method='post' target='resultWin'>
-<table class='table-4' align='center'>
-  <caption>
-    <div class='f-left'> <?php echo $lang->mail->test;?></div>
-    <div class='text-right'><?php echo $lang->mail->sendmailTips;?></div>
-  </caption>
-  <tr>
-    <td class='text-center'>
-      <?php 
-      echo html::select('to', $users, $app->user->account);
-      echo html::submitButton($lang->mail->test);
-      echo html::linkButton($lang->mail->edit, inLink('edit'));
-      ?>
-    </td>
-  </tr>
-</table>
-</form>
-<table class='table-4 bd-none' align='center'><tr><td><iframe id='resultWin'></iframe></td></tr></table>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon($lang->icons['mail']);?></span>
+      <strong><?php echo $lang->mail->common;?></strong>
+      <small class='text-muted'> <?php echo $lang->mail->test;?> <?php echo html::icon($lang->icons['test']);?></small>
+    </div>
+    <div class='actions'><div class='text text-info'><?php echo $lang->mail->sendmailTips;?></div></div>
+  </div>
+  <form class='form-condensed' method='post' target='resultWin'>
+    <table class='table table-form'>
+      <tr>
+        <td><?php echo html::select('to', $users, $app->user->account, "class='form-control'");?></td>
+        <td class='text-left'>
+          <?php 
+          echo html::submitButton($lang->mail->test);
+          echo html::linkButton($lang->mail->edit, inLink('edit'));
+          ?>
+        </td>
+      </tr>
+    </table>
+  </form>
+  <table class='table table-form'><tr><td><iframe id='resultWin'></iframe></td></tr></table>
+</div>
 <?php include '../../common/view/footer.html.php';?>

module/misc/lang/zh-cn.php

@@ -20,6 +20,11 @@ $lang->misc->zentao->labels['support'] = '技术支持';
 $lang->misc->zentao->labels['cowin']   = '帮助我们';
 $lang->misc->zentao->labels['service'] = '服务列表';
 
+$lang->misc->zentao->icons['about']   = 'group';
+$lang->misc->zentao->icons['support'] = 'question-sign';
+$lang->misc->zentao->icons['cowin']   = 'hand-right';
+$lang->misc->zentao->icons['service'] = 'heart';
+
 $lang->misc->zentao->about['proversion']   = '免费试用专业版本';
 $lang->misc->zentao->about['official']     = "官方网站";
 $lang->misc->zentao->about['changelog']    = "版本历史";

module/misc/view/links.html.php

@@ -1,18 +1,25 @@
-<table class='table-1'>
-  <tr class='colhead'><?php foreach($lang->misc->zentao->labels as $label) echo "<th class='w-p25'>$label</th>";?></tr>
-  <?php
-  unset($lang->misc->zentao->version);
-  unset($lang->misc->zentao->labels);
-  ?>
-  <tr class='text-left' valign='top'>
-    <?php foreach($lang->misc->zentao as $groupItems):?>
-    <td>
-      <ul>
-        <?php foreach($groupItems as $item => $label):?>
-        <li><?php echo html::a("http://api.zentao.net/goto.php?item=$item&from=about", $label, '_blank', "id='$item'");;?></li>
-        <?php endforeach;?>
-      </ul>
-    </td>
+<div class='container mw-900px'>
+  <div class='cards'>
+    <?php
+    unset($lang->misc->zentao->version);
+    ?>
+    <?php foreach($lang->misc->zentao as $label => $groupItems):?>
+    <?php if(strpos(',labels,icons,version,', ",$label,") !== false) continue; ?>
+    <div class='col-sm-6'>
+      <div class='card card-<?php echo $label;?>'>
+        <div class='media'>
+          <?php echo html::icon($lang->misc->zentao->icons[$label], 'icon');?>
+          <h5><?php echo $lang->misc->zentao->labels[$label];?></h5>
+        </div>
+        <div class='card-content'>
+          <ul>
+            <?php foreach($groupItems as $item => $label):?>
+            <li><?php echo html::a("http://api.zentao.net/goto.php?item=$item&from=about", $label, '_blank', "id='$item'");;?></li>
+            <?php endforeach;?>
+          </ul>
+        </div>
+      </div>
+    </div>
     <?php endforeach;?>
-  </tr>
-</table>
+  </div>
+</div>

www/theme/default/style.css

@@ -24,6 +24,7 @@
 .pd-0 {padding: 0 !important}
 .mg-0 {margin: 0 !important}
 .pdb-20 {padding-bottom: 20px !important}
+.pdt-20 {padding-top: 20px !important}
 
 /* Style of text */
 .text-latin {font-family: Arial;}
@@ -394,6 +395,9 @@ body {font-size: 12px; color:#141414;padding-bottom: 40px;}
 #featurebar .btn > i {display: inline-block; margin-right: 2px; opacity: 0.8}
 #featurebar .actions {float: right; margin-top: -2px;}
 
+.outer > .alert {border: none; margin: 0}
+.outer > .alert + #featurebar {border-top: 1px solid #ddd;}
+
 /* sub featurebar */
 .sub-featurebar {border-bottom: 1px solid #ddd; padding: 5px 10px}
 .sub-featurebar > .nav > li {float: left;}