mods/photo_album/fluid/component-templates/js/jquery.ui-1.0/themes/flora/flora.dialog.css

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