/ext-4.1.0_b3/docs/extjs/examples/themes/index-gray.html
HTML | 82 lines | 70 code | 11 blank | 1 comment | 0 complexity | f0c80581ff741a279cce00271719a372 MD5 | raw file
1<html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>Ext JS 4 Themes</title>
5 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all-gray.css" />
6
7 <!-- GC -->
8
9
10 <script type="text/javascript" src="../../ext-all.js"></script>
11
12 <script type="text/javascript" src="themes.js"></script>
13
14 <style>
15 h1 a:link, h1 a:visited {
16 color: #046BCA;
17 }
18
19 h1 a:hover, h1 a:focus, h1 a:active {
20 color: #1C417C;
21 }
22
23 div#header {
24 height: 65px;
25 padding: 25px 0 10px 0;
26 width: 1090px;
27 margin: 0 50px -5px 50px;
28 }
29 #main-container {
30 margin-left: 30px;
31 }
32 div#header h1 {
33 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
34 font-size: 24px;
35 font-weight: 600;
36 }
37 form#styleswitcher {
38 background-color: #f3f3f3;
39 background-color: rgba(243,243,243,.333);
40 border: 1px solid #ddd;
41 border-color: rgba(221,221,221,.333);
42 border-radius: 8px;
43 -moz-border-radius: 8px;
44 -ms-border-radius: 8px;
45 -o-border-radius: 8px;
46 -webkit-border-radius: 8px;
47
48 float: right;
49 padding: 8px 10px;
50
51 width: auto;
52 }
53 form#styleswitcher select {
54 font-size: 13px;
55 line-height: 13px;
56 }
57 div#header h1 span {
58 color: inherit;
59 font-family: Helvetica, Arial, sans-serif;
60 font-size: 13px;
61 font-weight: normal;
62 line-height: 30px;
63 padding-left: 25px;
64 }
65 </style>
66 </head>
67 <body>
68
69 <div id="header">
70 <form id="styleswitcher">
71 <label for="styleswitcher_select">Choose Theme: </label>
72 <select name="styleswitcher_select" id="styleswitcher_select">
73 <option value="index.html" selected="true">Classic Theme</option>
74 <option value="index-gray.html" selected="true">Gray Theme</option>
75 <option value="index-access.html">Accessibility Theme</option>
76 </select>
77 </form>
78 <h1>Ext JS Themes <span>View and test every Ext component against bundled <a href="http://www.sencha.com/products/extjs/themes/">Ext Themes</a>, or, your own custom themes.</span></h1>
79 </div>
80
81 </body>
82</html>