showcase中的css更新

This commit is contained in:
Calvin
2012-09-02 18:23:25 +08:00
parent 943299094b
commit cf4a16df5c
4 changed files with 19 additions and 24 deletions
@@ -1,12 +1,11 @@
<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<div id="header" class="span12 page-header">
<div id="header" class="span12">
<h1>Showcase示例<small>--开源项目大派对</small></h1>
<shiro:guest>
<span class="pull-right"><a href="${ctx}/login">登录</a></span>
<span class="pull-right"><a href="${ctx}/login">登录</a></span>
</shiro:guest>
<shiro:user>
<span class="pull-right">你好, <shiro:principal property="name"/> <a href="${ctx}/logout">退出登录</a></span>
</shiro:user>
</div>
@@ -5,29 +5,23 @@
<div id="leftbar" class="span2">
<h1>综合演示</h1>
<div class="submenu">
<ul>
<li id="account-tab"><a href="${ctx}/account/user/">帐号管理</a></li>
</ul>
<a id="account-tab"href="${ctx}/account/user/">帐号管理</a>
</div>
<h1>独立演示</h1>
<div class="submenu">
<ul>
<li id="web-tab"><a href="${ctx}/story/web">Web演示</a></li>
<li id="log-tab"><a href="${ctx}/log/console">日志控制演示</a></li>
<li id="jmx-tab"><a href="${ctx}/story/jmx">JMX演示</a></li>
</ul>
<a id="web-tab" href="${ctx}/story/web">Web演示</a>
<a id="log-tab" href="${ctx}/log/console">日志控制演示</a>
<a id="jmx-tab" href="${ctx}/story/jmx">JMX演示</a>
</div>
<h1>演示说明</h1>
<div class="submenu">
<ul>
<li id="persistence-tab"><a href="${ctx}/story/persistence">持久化高级演示</a></li>
<li id="webservice-tab"><a href="${ctx}/story/webservice">WebService演示</a></li>
<li id="jms-tab"><a href="${ctx}/story/jms">JMS演示</a></li>
<li id="cache-tab"><a href="${ctx}/story/cache">Cache演示</a></li>
<li id="schedule-tab"><a href="${ctx}/story/schedule">定时任务演示</a></li>
<li id="security-tab"><a href="${ctx}/story/security">安全高级演示</a></li>
<li id="utilizes-tab"><a href="${ctx}/story/utilizes">工具类演示</a></li>
<li id="executablewar-tab"><a href="${ctx}/story/executablewar">可运行war包演示</a></li>
</ul>
<a id="persistence-tab" href="${ctx}/story/persistence">持久化高级演示</a>
<a id="webservice-tab"href="${ctx}/story/webservice">WebService演示</a>
<a id="jms-tab" href="${ctx}/story/jms">JMS演示</a>
<a id="cache-tab" href="${ctx}/story/cache">Cache演示</a>
<a id="schedule-tab" href="${ctx}/story/schedule">定时任务演示</a>
<a id="security-tab" href="${ctx}/story/security">安全高级演示</a>
<a id="utilizes-tab"href="${ctx}/story/utilizes">工具类演示</a>
<a id="executablewar-tab"href="${ctx}/story/executablewar">可运行war包演示</a>
</div>
</div>
@@ -6,6 +6,8 @@
/* header */
#header {
border-bottom: 2px solid #658A16;
margin: 20px 0 0px;
padding-bottom: 5px;
}
#header h1 {
@@ -20,7 +22,7 @@
#leftbar h1 {
border-bottom: 1px solid #EEEEEE;
color: #4A8C04;
font-size: 18px;
font-size: 16px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
@@ -35,7 +37,7 @@
padding: 5px 0 5px 5px;
width: 100%;
}
.submenu a:hover {
.submenu a:hover,.submenu .active {
background-color: #EEEEEE;
background-image: url("../images/background/submenua_hover.jpg");
background-repeat: repeat-y;
@@ -1 +1 @@
.prepend-top{margin-top:1.5em}#header{border-bottom:2px solid #658a16}#header h1{color:#658a16}#header h1 small{color:#bace87}#leftbar h1{border-bottom:1px solid #eee;color:#4a8c04;font-size:18px;font-weight:bold;text-align:right;text-transform:uppercase}.submenu a{background-image:url("../images/background/submenua.gif");background-position:right center;background-repeat:no-repeat;border-bottom:1px dashed #eee;text-decoration:none;display:block;padding:5px 0 5px 5px;width:100%}.submenu a:hover{background-color:#eee;background-image:url("../images/background/submenua_hover.jpg");background-repeat:repeat-y}#main h1{border-bottom:1px solid #eee;color:#4a8c04;font-size:20px;font-weight:bold;text-transform:uppercase}#main h2{color:#728c40;font-size:16px;font-weight:normal;text-transform:uppercase}#main h1,h2{margin-bottom:9px}#footer{margin-top:15px;padding:15px 0 0 0;font-size:95%;text-align:center;border-top:2px solid #658a16}#footer a{color:#999}
.prepend-top{margin-top:1.5em}#header{border-bottom:2px solid #658a16;margin:20px 0 0;padding-bottom:5px}#header h1{color:#658a16}#header h1 small{color:#bace87}#leftbar h1{border-bottom:1px solid #eee;color:#4a8c04;font-size:16px;font-weight:bold;text-align:right;text-transform:uppercase}.submenu a{background-image:url("../images/background/submenua.gif");background-position:right center;background-repeat:no-repeat;border-bottom:1px dashed #eee;text-decoration:none;display:block;padding:5px 0 5px 5px;width:100%}.submenu a:hover,.submenu .active{background-color:#eee;background-image:url("../images/background/submenua_hover.jpg");background-repeat:repeat-y}#main h1{border-bottom:1px solid #eee;color:#4a8c04;font-size:20px;font-weight:bold;text-transform:uppercase}#main h2{color:#728c40;font-size:16px;font-weight:normal;text-transform:uppercase}#main h1,h2{margin-bottom:9px}#footer{margin-top:15px;padding:15px 0 0 0;font-size:95%;text-align:center;border-top:2px solid #658a16}#footer a{color:#999}