PageRenderTime 40ms CodeModel.GetById 33ms app.highlight 6ms RepoModel.GetById 0ms app.codeStats 0ms

/ext-4.1.0_b3/docs/extjs/examples/themes/index-gray.html

https://bitbucket.org/srogerf/javascript
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>