ribbon.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /*
  2. *for real ribbon toolbar
  3. */
  4. .x-ribbon-toolbar .x-btn-group-mr {
  5. height:66px;
  6. }
  7. .x-ribbon-toolbar .x-btn-group-mc {
  8. height:100%;
  9. }
  10. .x-ribbon-toolbar .x-btn-group-body {
  11. height:100%;
  12. }
  13. .x-ribbon-toolbar .x-btn-group-body table {
  14. height:100%;
  15. table-layout:auto;
  16. }
  17. .x-ribbon-toolbar .x-tab-strip-top .x-tab-right, .x-ribbon-toolbar .x-tab-strip-top .x-tab-left, .x-ribbon-toolbar .x-tab-strip-top .x-tab-strip-inner{
  18. background-image: url(../../images/tabs-sprite.gif);
  19. }
  20. .x-ribbon-toolbar .x-tab-panel-header, .x-ribbon-toolbar .x-tab-panel-footer {
  21. border:none;
  22. padding:0;
  23. }
  24. /*
  25. * from Extjs Forum
  26. */
  27. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-bc {
  28. background-image: url(../../images/group-bt.gif);
  29. }
  30. .ext-ie .x-ribbon-toolbar .xtb-text {
  31. position:relative;
  32. bottom:-14px;
  33. }
  34. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .xtb-text {
  35. color:#3E6AAA;
  36. padding:0;
  37. }
  38. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer,
  39. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns,
  40. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns td.x-toolbar-cell {
  41. padding:0;
  42. }
  43. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns-right .x-panel-fbar {
  44. float:none;
  45. }
  46. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns .x-toolbar-left table {
  47. margin:0 auto;
  48. }
  49. /* FIXES FOR IE: */
  50. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns.x-panel-btns-right .x-clear {
  51. font:0 sans-serif;
  52. }
  53. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns .x-toolbar-left {
  54. text-align:center;
  55. }
  56. .x-btn-group.x-btn-group-ribbonstyle .x-btn-group-tc {
  57. vertical-align:top;
  58. }