karesansui/static/css/dialog.css

   1 .ui-dialog {
   2     font-size: 1.1em;
   3     background: transparent;
   4     color: #333333;
   5     position: relative;
   6     padding: 0px;
   7 }
   8 .ui-widget-overlay {
   9     position: absolute;
  10     top: 0;
  11     left: 0;
  12     width: 100%;
  13     height: 100%;
  14     background: #000000;
  15     opacity: .60;
  16     filter:Alpha(Opacity=60);
  17 }
  18 .ui-dialog .ui-dialog-titlebar {
  19     padding: .5em .3em .3em 1em;
  20     position: relative;
  21     color: #000000;
  22     background: #FFFFFF;
  23     border-bottom: 1px solid #cccccc;
  24     font-size: 1em;
  25     font-weight: bold;
  26     height: 20px;
  27 }
  28 .ui-dialog .ui-dialog-title {
  29 }
  30 .ui-dialog .ui-dialog-titlebar-close {
  31     background: url(../images/close1.png) 0 0 no-repeat;
  32     position: absolute;
  33     right: 10px;
  34     width: 18px;
  35     height: 18px;
  36 }
  37 .ui-dialog .ui-dialog-titlebar-close:active {
  38     background: url(../images/close2.png) 0 0 no-repeat;
  39 }
  40 .ui-dialog .ui-dialog-titlebar-close span {
  41     display: none;
  42 }
  43
  44 .ui-dialog .ui-dialog-content {
  45     border: 0;
  46     padding: .5em 1em;
  47     background: #FFFFFF;
  48     overflow: auto;
  49     zoom: 1;
  50 }
  51 .ui-dialog .ui-dialog-buttonpane {
  52     text-align: left;
  53     width: 100%;
  54     height: 50px;
  55     border-top: 1px solid #dddddd;
  56     background: #FFFFFF;
  57     padding: 0px;
  58     margin: 0px;
  59 }
  60 .ui-dialog .ui-dialog-buttonpane button {
  61     float: right;
  62     margin: .5em .4em .5em 0;
  63     cursor: pointer;
  64     padding: .1em .3em .1em .3em;
  65     width:auto;
  66     overflow:visible;
  67 }
  68 .ui-draggable .ui-dialog-titlebar {
  69     cursor: move;
  70 }
  71
  72 /* Resizable----------------------------------*/
  73 .ui-resizable {
  74     position: relative;
  75 }
  76 .ui-resizable-handle {
  77     position: absolute;
  78     font-size: 0.1px;
  79     z-index: 99999;
  80     display: block;
  81 }
  82 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  83     display: none;
  84 }
  85
  86 .ui-resizable-n {
  87     cursor: n-resize;
  88     height: 7px;
  89     width: 100%;
  90     top: -5px;
  91     left: 0px;
  92     background: #FFFFFF;
  93 }
  94 .ui-resizable-s {
  95     cursor: s-resize;
  96     height: 7px;
  97     width: 100%;
  98     bottom: -5px;
  99     left: 0px;
 100     background: #FFFFFF;
 101 }
 102 .ui-resizable-e {
 103     cursor: e-resize;
 104     width: 7px;
 105     right: -5px;
 106     top: 0px;
 107     height: 100%;
 108     background: #FFFFFF;
 109 }
 110 .ui-resizable-w {
 111     cursor: w-resize;
 112     width: 7px;
 113     left: -5px;
 114     top: 0px;
 115     height: 100%;
 116     background: #FFFFFF;
 117 }
 118 .ui-resizable-se {
 119     cursor: se-resize;
 120     width: 9px;
 121     height: 9px;
 122     right: -5px;
 123     bottom: -5px;
 124     background: #FFFFFF;
 125 }
 126 .ui-resizable-sw {
 127     cursor: sw-resize;
 128     width: 9px;
 129     height: 9px;
 130     left: -5px;
 131     bottom: -5px;
 132     background: #FFFFFF;
 133 }
 134 .ui-resizable-nw {
 135     cursor: nw-resize;
 136     width: 9px;
 137     height: 9px;
 138     left: -5px;
 139     top: -5px;
 140     background: #FFFFFF;
 141 }
 142 .ui-resizable-ne {
 143     cursor: ne-resize;
 144     width: 9px;
 145     height: 9px;
 146     right: -5px;
 147     top: -5px;
 148     background: #FFFFFF;
 149 }
 150
 151 /* for Jquery UI */
 152 .ui-dialog .ui-dialog-titlebar-close {
 153     padding: 0px;
 154 }