From 4aae72eb0f5337c53541a010ba8adc9d93eabcd5 Mon Sep 17 00:00:00 2001
From: Catouse <catouse@gmail.com>
Date: Wed, 16 Apr 2014 11:46:25 +0800
Subject: [PATCH]  * ajusted style of about.

---
 module/common/model.php         |  2 +-
 module/misc/css/about.css       | 31 ++++++++++++++++++++++++++++---
 module/misc/view/about.html.php | 13 +++++++++----
 www/theme/default/style.css     |  8 ++++----
 4 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/module/common/model.php b/module/common/model.php
index 8b9bd7b896..a7d1200cbd 100644
--- a/module/common/model.php
+++ b/module/common/model.php
@@ -229,7 +229,7 @@ class commonModel extends model
         {
             echo html::a(helper::createLink('user', 'login'), $lang->login);
         }
-        echo html::a(helper::createLink('misc', 'about'), $lang->aboutZenTao, '', "class='about'");
+        echo html::a(helper::createLink('misc', 'about'), $lang->aboutZenTao, '', "class='about iframe' data-width='900' data-headerless='true'");
         echo $lang->agileTraining;
         echo "<div class='dropdown' id='langSelection'><a href='javascript:;' data-toggle='dropdown'>" . $app->config->langs[$app->cookie->lang] . " <span class='caret'></span></a><ul class='dropdown-menu pull-right'>";
         foreach ($app->config->langs as $key => $value)
diff --git a/module/misc/css/about.css b/module/misc/css/about.css
index 87f55f7b3f..23d6431c40 100644
--- a/module/misc/css/about.css
+++ b/module/misc/css/about.css
@@ -1,4 +1,29 @@
-body{background:white; margin:20px 10px 0 0; padding-right:20px}
-.colhead th {text-align:left; padding-left:16px}
-li{margin:2px 0}
+.cards {padding-bottom: 0;}
+.card {height: 160px; position: relative; padding-left: 150px; border-radius: 6px}
+.card > .media {position: absolute; left: 0; top: 0; width: 150px; background: #f1f1f1; height: 160px; bottom: 0; overflow: hidden; z-index: 90; transition: all 0.4s;}
+.card > .media > .icon {position: absolute; display: block; font-size: 140px; 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: 10px 25px}
+.card-content > ul {padding-left: 20px;}
+.card-content > ul > li {margin-bottom: 3px;}
+
+.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}
+
+body {padding: 20px;}
+.modal-dialog.hide-header .modal-header .close {top: 5px; right: 20px}
+.copyright {padding: 0 20px 20px}
+
 #proversion, #zentaotrain{color:red}
diff --git a/module/misc/view/about.html.php b/module/misc/view/about.html.php
index 65ea11f1a5..a33c620e19 100644
--- a/module/misc/view/about.html.php
+++ b/module/misc/view/about.html.php
@@ -1,13 +1,18 @@
 <?php include '../../common/view/header.lite.html.php';?>
-<table class='cont-lt1'>
+<table class='table table-form'>
   <tr>
     <td class='side a-center'>
       <img src='theme/default/images/main/logo2.png' />
-      <h3><?php printf($lang->misc->zentao->version, $config->version);?></h3>
+      <h4><?php printf($lang->misc->zentao->version, $config->version);?></h4>
     </td>
     <td> 
-	  <?php include './links.html.php';?>
-      <div class='text-right'><?php echo $lang->misc->copyright;?></div>
+      <?php include './links.html.php';?>
+      <div class='text-right copyright'>
+        <?php echo $lang->misc->copyright;?>
+      </div>
     </td>
   </tr>
+  <tr>
+
+  </tr>
 </table>
diff --git a/www/theme/default/style.css b/www/theme/default/style.css
index 888e3cd969..9002a8d037 100644
--- a/www/theme/default/style.css
+++ b/www/theme/default/style.css
@@ -471,10 +471,10 @@ body {font-size: 12px; color:#141414;padding-bottom: 40px;}
 /* modal with iframe */
 .modal-dialog {transition: all .3s;}
 .modal-iframe .modal-body {transition: all 0.3s; padding: 0}
-.modal.with-titlebar .modal-header {position: relative; height: 0; padding: 0; border: none; z-index: 999; min-height: 0}
-.modal.with-titlebar .modal-header .modal-body {z-index: 990}
-.modal.with-titlebar .modal-header .modal-title {display: none}
-.modal.with-titlebar .modal-header .close {position: absolute; right: 15px; top: 20px}
+.modal.with-titlebar .modal-header, .modal-dialog.hide-header .modal-header{position: relative; height: 0; padding: 0; border: none; z-index: 999; min-height: 0}
+.modal.with-titlebar .modal-header .modal-body,  .modal-dialog.hide-header .modal-header .modal-body {z-index: 990}
+.modal.with-titlebar .modal-header .modal-title, .modal-dialog.hide-header .modal-header .modal-title {display: none}
+.modal.with-titlebar .modal-header .close, .modal-dialog.hide-header .modal-header .close {position: absolute; right: 15px; top: 20px}
 .body-modal {padding-bottom: 0; overflow: hidden;}
 .body-modal .outer > form, .body-modal .outer > .container > form {margin: 10px 15px 20px}
 .body-modal .outer > .main, .body-modal .outer > .container > .main, .body-modal > .main {padding: 10px 20px; margin: 0}