-<body>
- <div id="header">
- <form id="styleswitcher">
- <label for="styleswitcher_select">Choose Theme: </label>
- <select name="styleswitcher_select" id="styleswitcher_select">
- <option value="blue" selected="true">Blue Theme</option>
- <option value="gray">Gray Theme</option>
- <option value="access">Accessibility Theme</option>
- <option value="yourtheme">Your Theme</option>
- </select>
- </form>
- <h1>Ext JS Themes <span>View and test every Ext component against bundled <a href="http://www.extjs.com/products/js/themes.php">Ext Themes</a>, or, your own custom themes.</span></h1>
- </div>
-</body>
+ div#header {
+ height: 65px;
+ width: 1090px;
+ padding: 25px 0 10px 0;
+ margin: 0 50px;
+ }
+ div#header h1 {
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-size: 24px;
+ font-weight: 600;
+ }
+ form#styleswitcher {
+ background-color: #f3f3f3;
+ background-color: rgba(243,243,243,.333);
+ border: 1px solid #ddd;
+ border-color: rgba(221,221,221,.333);
+ border-radius: 8px;
+ -moz-border-radius: 8px;
+ -ms-border-radius: 8px;
+ -o-border-radius: 8px;
+ -webkit-border-radius: 8px;
+
+ float: right;
+ padding: 8px 10px;
+
+ width: auto;
+ }
+ form#styleswitcher select {
+ font-size: 13px;
+ line-height: 13px;
+ }
+ div#header h1 span {
+ color: inherit;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ font-weight: normal;
+ line-height: 30px;
+ padding-left: 25px;
+ }
+ </style>
+ </head>
+ <body>
+
+ <div id="header">
+ <form id="styleswitcher">
+ <label for="styleswitcher_select">Choose Theme: </label>
+ <select name="styleswitcher_select" id="styleswitcher_select">
+ <option value="index.html" selected="true">3.x Theme</option>
+ <option value="index-access.html">Accessibility Theme</option>
+ </select>
+ </form>
+
+ <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>
+ </div>
+
+ </body>