| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- <%@ page language="java" pageEncoding="utf-8"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" href="<%=basePath %>resource/ext/resources/css/ext-all-gray.css" type="text/css"></link>
- <!--[if IE]>
- <link rel="stylesheet" href="<%=basePath %>resource/ext/resources/css/ext-ie-scoped.css" type="text/css"></link>
- <![endif]-->
- <style type="text/css">
- #all-demos {
-
- }
- #all-demos dd {
- cursor:pointer;
- float:left;
- height:100px;
- margin:5px 5px 5px 10px;
- width:300px;
- zoom:1;
- }
- #all-demos dd img {
- border: 1px solid #ddd;
- float:left;
- height:90px;
- margin:5px 0 0 5px;
- width:120px;
- }
- #all-demos dd div {
- float:left;
- margin-left:10px;
- width:160px;
- }
- #all-demos dd h4 {
- color:#555;
- font-size:11px;
- font-weight:bold;
- }
- #all-demos dd p {
- color:#777;
- }
- #all-demos dd.over {
- /* background: #F5FDE3 url(shared/extjs/images/sample-over.gif) no-repeat; */
- }
- #loading-mask{
- background-color:white;
- height:100%;
- position:absolute;
- left:0;
- top:0;
- width:100%;
- z-index:20000;
- }
- #loading{
- height:auto;
- position:absolute;
- left:45%;
- top:40%;
- padding:2px;
- z-index:20001;
- }
- #loading a {
- color:#225588;
- }
- #loading .loading-indicator{
- background:white;
- color:#444;
- font:bold 13px Helvetica, Arial, sans-serif;
- height:auto;
- margin:0;
- padding:10px;
- }
- #loading-msg {
- font-size: 10px;
- font-weight: normal;
- }
- #all-demos .x-panel-body {
- background-color:#fff;
- border:1px solid;
- border-color:#fafafa #fafafa #fafafa #fafafa;
- }
- #sample-ct {
- border:1px solid;
- border-color:#dadada #ebebeb #ebebeb #dadada;
- padding:2px;
- font: 11px tahoma,arial,helvetica,sans-serif
- }
- #all-demos h2 {
- border-bottom: 2px solid #99bbe8;
- cursor:pointer;
- padding-top:6px;
- }
- #all-demos h2 div {
- color:#3764a0;
- font:bold 11px Helvetica, Arial, sans-serif;
- padding:4px 4px 4px 17px;
- }
- #all-demos .collapsed h2 div {
- background-position: 3px 3px;
- }
- #all-demos .collapsed dl {
- display:none;
- }
- .x-window {
- text-align:left;
- }
- #all-demos dd h4 span.new-sample{
- color: red;
- }
- #all-demos dd h4 span.updated-sample{
- color: blue;
- }
- li {
- list-style: inherit !important;
- }
- </style>
- <link rel="stylesheet" href="<%=basePath %>resource/css/main.css" type="text/css"></link>
- <script type="text/javascript" src="<%=basePath %>resource/ext/ext-all.js"></script>
- <script type="text/javascript" src="<%=basePath %>resource/other/App.js"></script>
- <script type="text/javascript" src="<%=basePath %>resource/other/site.js"></script>
- <script type="text/javascript" src="<%=basePath %>resource/other/examples.js"></script>
- <script type="text/javascript" src="<%=basePath %>resource/other/init.js"></script>
- <script>
- var basePath = '<%=basePath %>';
- </script>
- </head>
- <body>
- <div id="bd">
- <div class="left-column">
- <div id="sample-spacer" style="height:auto;"></div>
- <div id="all-demos">
- </div>
- </div>
- <div style="clear:both"></div>
- </div>
- </body>
- </html>
|