index-gray.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. <!-- GC -->
  7. <script type="text/javascript" src="../../ext-all.js"></script>
  8. <script type="text/javascript" src="../../locale/ext-lang-zh_CN.js"></script>
  9. <script type="text/javascript" src="themes.js"></script>
  10. <style>
  11. h1 a:link, h1 a:visited {
  12. color: #046BCA;
  13. }
  14. h1 a:hover, h1 a:focus, h1 a:active {
  15. color: #1C417C;
  16. }
  17. div#header {
  18. height: 65px;
  19. padding: 25px 0 10px 0;
  20. width: 1090px;
  21. margin: 0 50px -5px 50px;
  22. }
  23. #main-container {
  24. margin-left: 30px;
  25. }
  26. div#header h1 {
  27. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  28. font-size: 24px;
  29. font-weight: 600;
  30. }
  31. form#styleswitcher {
  32. background-color: #f3f3f3;
  33. background-color: rgba(243,243,243,.333);
  34. border: 1px solid #ddd;
  35. border-color: rgba(221,221,221,.333);
  36. border-radius: 8px;
  37. -moz-border-radius: 8px;
  38. -ms-border-radius: 8px;
  39. -o-border-radius: 8px;
  40. -webkit-border-radius: 8px;
  41. float: right;
  42. padding: 8px 10px;
  43. width: auto;
  44. }
  45. form#styleswitcher select {
  46. font-size: 13px;
  47. line-height: 13px;
  48. }
  49. div#header h1 span {
  50. color: inherit;
  51. font-family: Helvetica, Arial, sans-serif;
  52. font-size: 13px;
  53. font-weight: normal;
  54. line-height: 30px;
  55. padding-left: 25px;
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <div id="header">
  61. <form id="styleswitcher">
  62. <label for="styleswitcher_select">Choose Theme: </label>
  63. <select name="styleswitcher_select" id="styleswitcher_select">
  64. <option value="index.html" selected="true">Classic Theme</option>
  65. <option value="index-gray.html" selected="true">Gray Theme</option>
  66. <option value="index-access.html">Accessibility Theme</option>
  67. </select>
  68. </form>
  69. <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>
  70. </div>
  71. </body>
  72. </html>