examples.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. body {
  2. margin: 20px;
  3. }
  4. h1 {
  5. margin-bottom: 15px;
  6. font-size: 16px;
  7. }
  8. #app-header {
  9. text-align: center;
  10. font-family: arial;
  11. }
  12. #app-center .x-panel-header {
  13. font-size: 13px;
  14. text-align: center;
  15. padding-left: 178px;
  16. font-family: helvetica, arial, sans-serif;
  17. color: #455C6F;
  18. }
  19. #app-west {
  20. border-right: 1px solid #99BBE8;
  21. }
  22. #app-west .x-panel-body {
  23. background: #D0DEF0;
  24. }
  25. #app-header-content h1 {
  26. float:left;
  27. margin:8px 5px;
  28. font-size: 18px;
  29. color: #455C6F;
  30. }
  31. #app-logo {
  32. float: left;
  33. margin: 5px 10px;
  34. width: 30px;
  35. }
  36. #app-logo .logo-top,
  37. #app-logo .logo-bottom {
  38. height: 0;
  39. font-size: 0;
  40. line-height: 0;
  41. padding: 0;
  42. overflow: hidden;
  43. margin: 0 1px;
  44. border: 0;
  45. border-top-width: 1px;
  46. border-top-style: solid;
  47. border-color: #9F2727;
  48. }
  49. .x-ie #app-logo .logo-top {
  50. margin-bottom: -1px;
  51. }
  52. .ext-border-box #app-logo .logo-top,
  53. .ext-border-box #app-logo .logo-bottom {
  54. height: 1px;
  55. }
  56. #logo-body {
  57. margin: 0;
  58. text-align: center;
  59. overflow: hidden;
  60. border-width: 3px 1px 0;
  61. border-style: solid;
  62. border-color: #9F2727;
  63. background: #fff;
  64. font-weight: bold;
  65. padding: 1px 0 2px;
  66. font-size: 18px;
  67. line-height: 18px;
  68. color: #455C6F;
  69. }
  70. #app-msg {
  71. /* background: #FAD163;*/
  72. color: #c8a52e;
  73. padding: 2px 10px;
  74. font-weight: bold;
  75. font-size: 13px;
  76. -moz-border-radius:3px;
  77. -webkit-border-radius:3px;
  78. border-radius:3px;
  79. }