* ajusted style of about.

This commit is contained in:
Catouse
2014-04-16 11:46:25 +08:00
parent b8b96ddbaf
commit 4aae72eb0f
4 changed files with 42 additions and 12 deletions

View File

@@ -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)

View File

@@ -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}

View File

@@ -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>

View File

@@ -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}