/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. 

  2.     <head>
    3. 

  3.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. 

  4.         <title>Ext JS 4 Themes</title>
    5. 

  5.         <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all-gray.css" />
    6. 

  6. 

  7.     <!-- GC -->
    8. 

  8. 

  9. 

  10.         <script type="text/javascript" src="../../ext-all.js"></script>
    11. 

  11. 

  12.         <script type="text/javascript" src="themes.js"></script>
    13. 

  13. 

  14.         <style>
    15. 

  15.             h1 a:link, h1 a:visited {
    16. 

  16.                 color: #046BCA;
    17. 

  17.             }
    18. 

  18. 

  19.             h1 a:hover, h1 a:focus, h1 a:active {
    20. 

  20.                 color: #1C417C;
    21. 

  21.             }
    22. 

  22. 

  23.             div#header {
    24. 

  24.                 height: 65px;
    25. 

  25.                 padding: 25px 0 10px 0;
    26. 

  26.                 width: 1090px;
    27. 

  27.                 margin: 0 50px -5px 50px;
    28. 

  28.             }
    29. 

  29.             #main-container {
    30. 

  30. 				margin-left: 30px;
    31. 

  31.             }
    32. 

  32.             div#header h1 {
    33. 

  33.                 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    34. 

  34.                 font-size: 24px;
    35. 

  35.                 font-weight: 600;
    36. 

  36.             }
    37. 

  37.             form#styleswitcher {
    38. 

  38.                 background-color: #f3f3f3;
    39. 

  39.                 background-color: rgba(243,243,243,.333);
    40. 

  40.                 border: 1px solid #ddd;
    41. 

  41.                 border-color: rgba(221,221,221,.333);
    42. 

  42.                 border-radius:         8px;
    43. 

  43.                 -moz-border-radius:    8px;
    44. 

  44.                 -ms-border-radius:     8px;
    45. 

  45.                 -o-border-radius:      8px;
    46. 

  46.                 -webkit-border-radius: 8px;
    47. 

  47. 

  48.                 float: right;
    49. 

  49.                 padding: 8px 10px;
    50. 

  50. 

  51.                 width: auto;
    52. 

  52.             }
    53. 

  53.             form#styleswitcher select {
    54. 

  54.                 font-size: 13px;
    55. 

  55.                 line-height: 13px;
    56. 

  56.             }
    57. 

  57.             div#header h1 span {
    58. 

  58.                 color: inherit;
    59. 

  59.                 font-family: Helvetica, Arial, sans-serif;
    60. 

  60.                 font-size: 13px;
    61. 

  61.                 font-weight: normal;
    62. 

  62.                 line-height: 30px;
    63. 

  63.                 padding-left: 25px;
    64. 

  64.             }
    65. 

  65.         </style>
    66. 

  66.     </head>
    67. 

  67.     <body>
    68. 

  68. 

  69.         <div id="header">
    70. 

  70.             <form id="styleswitcher">
    71. 

  71.                 <label for="styleswitcher_select">Choose Theme: </label>
    72. 

  72.                 <select name="styleswitcher_select" id="styleswitcher_select">
    73. 

  73.                     <option value="index.html" selected="true">Classic Theme</option>
    74. 

  74.                     <option value="index-gray.html" selected="true">Gray Theme</option>
    75. 

  75.                     <option value="index-access.html">Accessibility Theme</option>
    76. 

  76.                 </select>
    77. 

  77.             </form>
    78. 

  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. 

  79.         </div>
    80. 

  80. 

  81.     </body>
    82. 

  82. </html>
    83.