flora.dialog.css 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /* This file skins dialog */
  2. .flora .ui-dialog,
  3. .flora.ui-dialog {
  4. background-color: #e6f7d4;
  5. }
  6. .flora .ui-dialog .ui-dialog-titlebar,
  7. .flora.ui-dialog .ui-dialog-titlebar {
  8. border-bottom: 1px solid #d8d2aa;
  9. background: #ff9900 url(i/dialog-title.gif) repeat-x;
  10. padding: 0px;
  11. cursor: move;
  12. height: 28px;
  13. _height: 29px;
  14. }
  15. .flora .ui-dialog .ui-dialog-titlebar-close,
  16. .flora.ui-dialog .ui-dialog-titlebar-close {
  17. width: 16px;
  18. height: 16px;
  19. background: url(i/dialog-titlebar-close.png) no-repeat;
  20. position:absolute;
  21. top: 6px;
  22. right: 7px;
  23. cursor: default;
  24. }
  25. .flora .ui-dialog .ui-dialog-titlebar-close-hover,
  26. .flora.ui-dialog .ui-dialog-titlebar-close-hover {
  27. background: url(i/dialog-titlebar-close-hover.png) no-repeat;
  28. }
  29. .flora .ui-dialog .ui-dialog-title,
  30. .flora.ui-dialog .ui-dialog-title {
  31. margin-left: 5px;
  32. color: white;
  33. font-weight: bold;
  34. position: relative;
  35. top: 7px;
  36. left: 4px;
  37. }
  38. .flora .ui-dialog .ui-dialog-content,
  39. .flora.ui-dialog .ui-dialog-content {
  40. margin: 1.2em;
  41. }
  42. .flora .ui-dialog .ui-dialog-buttonpane,
  43. .flora.ui-dialog .ui-dialog-buttonpane {
  44. position: absolute;
  45. bottom: 8px;
  46. right: 12px;
  47. width: 100%;
  48. text-align: right;
  49. }
  50. .flora .ui-dialog .ui-dialog-buttonpane button,
  51. .flora.ui-dialog .ui-dialog-buttonpane button {
  52. margin: 6px;
  53. }
  54. /* Dialog handle styles */
  55. .flora .ui-dialog .ui-resizable-n,
  56. .flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/dialog-n.gif) repeat scroll center top; }
  57. .flora .ui-dialog .ui-resizable-s,
  58. .flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/dialog-s.gif) repeat scroll center top; }
  59. .flora .ui-dialog .ui-resizable-e,
  60. .flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-e.gif) repeat scroll right center; }
  61. .flora .ui-dialog .ui-resizable-w,
  62. .flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-w.gif) repeat scroll right center; }
  63. .flora .ui-dialog .ui-resizable-se,
  64. .flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/dialog-se.gif); }
  65. .flora .ui-dialog .ui-resizable-sw,
  66. .flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/dialog-sw.gif); }
  67. .flora .ui-dialog .ui-resizable-nw,
  68. .flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(i/dialog-nw.gif); }
  69. .flora .ui-dialog .ui-resizable-ne,
  70. .flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(i/dialog-ne.gif); }