Ignore:
Timestamp:
03/28/11 23:08:39 (9 years ago)
Author:
gogo
Message:

See ticket #1502

Update to enhance reliability and functionality of MootoolsFileManager?.

  1. A couple of race type conditions caused various issues with loading the MFM.
  2. Add preselection of current image
  3. Add documentation for HSpace/VSpace in config.php

Also snuck in a couple of other bugfixes/additions:

  1. add support for having attribute "onxinhaready" on a textarea
  2. add a Xinha._posturlcontent as an analog to _geturlcontent, synchronouse post
  3. some PHP deprecation issues in the old ExtendedFileManager? and ImageManager?
  4. add a skin.xml to blue-look skin

Note: This is an older version of MFM, I am about to create a branch to work on bringing in a large update to MFM in a couple of stages.

File:
1 copied

Legend:

Unmodified
Added
Removed
  • trunk/plugins/PersistentStorage/dialog.css

    r1269 r1297  
    1 .htmlarea { background: #fff; } 
    2 .htmlarea td { margin:0;padding:0; } 
    3  
    4 .htmlarea .toolbarRow { 
    5   width:1px; 
    6 } 
    7  
    8 .htmlarea .toolbar { 
    9   cursor: default; 
    10   background: ButtonFace; 
    11   padding: 3px; 
    12   border: 1px solid; 
    13   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
    14 } 
    15 .htmlarea .toolbar table { margin: 0; font-family: Tahoma, Verdana,sans-serif; font-size: 11px; } 
    16 .htmlarea .toolbar img { border: none; vertical-align: top; } 
    17 .htmlarea .toolbar .label { padding: 0 3px; } 
    18  
    19 .htmlarea .toolbar .button { 
    20   background: ButtonFace; 
    21   color: ButtonText; 
    22   border: 1px solid ButtonFace; 
    23   padding: 1px; 
    24   margin: 0; 
    25   width: 18px; 
    26   height: 18px; 
    27 } 
    28 .htmlarea .toolbar a.button:hover { 
    29   border: 1px solid; 
    30   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
    31 } 
    32 .htmlarea .toolbar a.buttonDisabled:hover { 
    33   border-color: ButtonFace; 
    34 } 
    35 .htmlarea .toolbar .buttonActive, 
    36 .htmlarea .toolbar .buttonPressed 
    37 { 
    38   padding: 2px 0 0 2px; 
    39   border: 1px solid; 
    40   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; 
    41 } 
    42 .htmlarea .toolbar .buttonPressed { 
    43   background: ButtonHighlight; 
    44 } 
    45 .htmlarea .toolbar .indicator { 
    46   padding: 0 3px; 
    47   overflow: hidden; 
    48   width: 20px; 
    49   text-align: center; 
    50   cursor: default; 
    51   border: 1px solid ButtonShadow; 
    52 } 
    53  
    54 .htmlarea .toolbar .buttonDisabled img { 
    55   filter: gray() alpha(opacity = 25); 
    56   -moz-opacity: 0.25; 
    57   opacity: 0.25; 
    58 } 
    59  
    60 .htmlarea .toolbar .separator { 
    61   /*position: relative;*/ 
    62   margin:0 3px; 
    63   border-left: 1px solid ButtonShadow; 
    64   border-right: 1px solid ButtonHighlight; 
    65   width: 0; 
    66   height: 18px; 
    67   padding: 0; 
    68 } 
    69  
    70 .htmlarea .toolbar .space { width: 5px; } 
    71  
    72 .htmlarea .toolbar select, .htmlarea .toolbar option { font: 11px Tahoma,Verdana,sans-serif;} 
    73  
    74 .htmlarea .toolbar select, 
    75 .htmlarea .toolbar select:hover, 
    76 .htmlarea .toolbar select:active {  
    77   position:relative; 
    78   top:-2px; 
    79   margin-bottom:-2px; 
    80   color: ButtonText; 
    81 } 
    82  
    83 .htmlarea iframe.xinha_iframe, .htmlarea textarea.xinha_textarea 
    84 { 
    85   border: none; /*1px solid;*/ 
    86 } 
    87  
    88 .htmlarea .statusBar { 
    89   border: 1px solid; 
    90   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; 
    91   padding: 2px 4px; 
    92   background-color: ButtonFace; 
    93   color: ButtonText; 
    94   font: 11px Tahoma,Verdana,sans-serif; 
    95   height:16px; 
    96   overflow: hidden; 
    97 } 
    98  
    99 .htmlarea .statusBar .statusBarTree a { 
    100   padding: 2px 5px; 
    101   color: #00f; 
    102 } 
    103  
    104 .htmlarea .statusBar .statusBarTree a:visited { color: #00f; } 
    105 .htmlarea .statusBar .statusBarTree a:hover { 
    106   background-color: Highlight; 
    107   color: HighlightText; 
    108   padding: 1px 4px; 
    109   border: 1px solid HighlightText; 
    110 } 
    111  
    112 .statusBarWidgetContainer { 
    113   background-color: ButtonFace; 
    114 } 
    115  
    116 /* popup dialogs */ 
    117  
    118 .dialog { 
    119   color: ButtonText; 
    120   background: ButtonFace;  
    121   border: 1px outset;  
    122   border-color: WindowFrame; 
    123 } 
    124 div.dialog { 
    125   padding-bottom:10px; 
    126   border-radius: 8px 8px 0 0; 
    127   -moz-border-radius: 8px 8px 0 0; 
    128   -webkit-border-top-left-radius: 8px; 
    129   -webkit-border-top-right-radius: 8px; 
    130    
    131   box-shadow: 9px 9px 10px #444; 
    132   -moz-box-shadow: 9px 9px 10px #444; 
    133   -webkit-box-shadow: 9px 9px 10px #444; 
    134 } 
    135 div.dialog.modeless { 
    136   box-shadow: 4px 4px 5px #888; 
    137   -moz-box-shadow: 4px 4px 5px #888; 
    138   -webkit-box-shadow: 4px 4px 5px #888; 
    139 } 
    140 div.dialog.chrome { 
    141   -webkit-box-shadow: none !IMPORTANT; 
    142 } 
    143 .panels div.dialog.panel { 
    144   border-radius:0; 
    145   -moz-border-radius: 0; 
    146   -webkit-border-radius:0; 
    147    
    148   box-shadow: none; 
    149   -moz-box-shadow: none; 
    150   -webkit-box-shadow: none; 
    151 } 
    152 .xinha_dialog_background { 
    153   filter: alpha(opacity=0); 
    154   -moz-opacity: 0; 
    155   opacity: 0; 
    156   border:none; 
    157 } 
    158 .xinha_dialog_background_modal_greyout { 
    159   background-color:#666; 
    160   filter: alpha(opacity=70) !IMPORTANT; 
    161   -moz-opacity: 0.7; 
    162   opacity: 0.7; 
    163 } 
    164 .xinha_dialog_background_modal { 
    165   filter: alpha(opacity=0) !IMPORTANT; 
    166   -moz-opacity: 0; 
    167   opacity: 0; 
    168   border:none; 
    169 } 
    170 body.xinha_dialog_background_modal_greyout { 
    171   filter: alpha(opacity=100) !IMPORTANT; 
    172 } 
    173 body.xinha_dialog_background_modal { 
    174   filter: alpha(opacity=0); 
    175 } 
    176 .dialog .content { padding: 2px; } 
    177  
    178 .dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table { 
    179   font: 11px Tahoma,Verdana,sans-serif; 
    180 } 
    181  
    182 .dialog table { border-collapse: collapse; } 
    183  
    184 .dialog .title, .dialog h1 
    185 { 
    186   background: ActiveCaption; 
    187   color: CaptionText; 
    188   border-bottom: 1px solid #000; 
    189   padding: 1px 0 2px 5px; 
    190   font-size: 12px; 
    191   font-weight: bold; 
    192   cursor: default; 
    193   letter-spacing: 0.01em; 
    194 } 
    195 .dialog h1 {  
    196   padding-left:22px; 
    197   margin:0; 
    198   border-radius: 8px 8px 0 0; 
    199   -moz-border-radius: 8px 8px 0 0; 
    200   -webkit-border-top-left-radius: 8px; 
    201   -webkit-border-top-right-radius: 8px; 
    202 } 
    203 .panels .dialog.panel h1 {  
    204   -moz-border-radius: 0; 
    205   -webkit-border-radius:0; 
    206 } 
    207  
    208 .dialog .title .button { 
    209   float: right; 
    210   border: 1px solid #66a; 
    211   padding: 0 1px 0 2px; 
    212   margin-right: 1px; 
    213   color: #fff; 
    214   text-align: center; 
    215 } 
    216  
    217 .dialog .title .button-hilite { border-color: #88f; background: #44c; } 
    218  
    219 .dialog button { 
    220   width: 5.5em; 
    221   padding: 0; 
    222 } 
    223 .dialog .closeButton { 
    224   padding: 0; 
    225   cursor: default; 
    226   border: 1px solid; 
    227   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
    228   height : 11px; 
    229   width : 11px; 
    230   vertical-align : top; 
    231   position : absolute; 
    232   top : 3px; 
    233   right : 2px; 
    234   background-color: ButtonFace; 
    235   color: ButtonText; 
    236   font-size: 13px; 
    237   font-family: Tahoma,Verdana,sans-serif; 
    238   text-align:center; 
    239   letter-spacing:0; 
    240   overflow:hidden; 
    241 } 
    242 .dialog .buttonColor { 
    243   width :1em; 
    244   padding: 1px; 
    245   cursor: default; 
    246   border: 1px solid; 
    247   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
    248 } 
    249  
    250 .dialog .buttonColor .chooser, .dialog .buttonColor .nocolor { 
    251   height: 0.6em; 
    252   border: 1px solid; 
    253   padding: 0 1em; 
    254   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; 
    255 } 
    256  
    257 .dialog .buttonClick { 
    258   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; 
    259 } 
    260 .dialog .buttonColor-hilite { 
    261    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; 
    262 } 
    263  
    264 .dialog .buttonColor .nocolor { padding: 0; } 
    265 .dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; } 
    266  
    267 .dialog .label { text-align: right; width: 6em; } 
    268 .dialog .value input { width: 100%; } 
    269  
    270 .dialog legend { font-weight: bold; } 
    271 .dialog fieldset table { margin: 2px 0; } 
    272   
    273 .dialog  .buttons { 
    274  
    275       padding: 1em;  
    276       text-align: center; 
    277 } 
    278 .dialog .resizeHandle { 
    279     -moz-appearance : resizer; 
    280     width: 12px; 
    281     height: 12px; 
    282     border-bottom: 2px solid #000; 
    283     border-right: 2px solid #000; 
    284     cursor : se-resize; 
    285 } 
    286 .popupwin { 
    287   padding: 0; 
    288   margin: 0; 
    289 } 
    290  
    291 .popupwin .title { 
    292   background: #fff; 
    293   color: #000; 
    294   font-weight: bold; 
    295   font-size: 120%; 
    296   padding: 3px 10px; 
    297   margin-bottom: 10px; 
    298   border-bottom: 1px solid black; 
    299   letter-spacing: 2px; 
    300 } 
    301  
    302 form { margin: 0; border: none; } 
    303  
    304  
    305 /** Panels **/ 
    306 .htmlarea .panels_top 
    307 { 
    308   border-bottom : 1px solid; 
    309   border-color: ButtonShadow; 
    310 } 
    311  
    312 .htmlarea .panels_right 
    313 { 
    314   border-left : 1px solid; 
    315   border-color: ButtonShadow; 
    316 } 
    317  
    318 .htmlarea .panels_left 
    319 { 
    320   border-right : 1px solid; 
    321   border-color: ButtonShadow; 
    322 } 
    323  
    324 .htmlarea .panels_bottom 
    325 { 
    326   border-top : 1px solid; 
    327   border-color: ButtonShadow; 
    328 } 
    329  
    330 .htmlarea .panel h1 { 
    331   clear:left; 
    332   font-size:0.9em; 
    333 } 
    334  
    335 .htmlarea .panel {  
    336   overflow:hidden;  
    337   background-color:white; 
    338   padding-bottom:0 !IMPORTANT; 
    339   border: none !IMPORTANT; 
    340 } 
    341 .htmlarea .panels_left  .panel { border-right:none; border-left:none; } 
    342 .htmlarea .panels_left  h1     { border-right:none;  } 
    343 .htmlarea .panels_right .panel { border-right:none; border-left:none; } 
    344 .htmlarea .panels_left  h1     { border-left:none;  } 
    345 .htmlarea { border: 1px solid black; } 
    346  
    347 .loading 
    348 { 
    349   font-family:sans-serif; 
    350   position:absolute; 
    351   z-index:998; 
    352   text-align:center; 
    353   width:212px; 
    354   padding: 55px 0 5px 0; 
    355   border:2px solid #ccc; 
    356   /* border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;*/ 
    357   background: url(images/xinha_logo.gif) no-repeat #fff center 5px; 
    358 } 
    359 .loading_main 
    360 { 
    361   font-size:11px; 
    362   color:#000; 
    363   
    364 } 
    365 .loading_sub 
    366 { 
    367   font-size:9px; 
    368   color:#666; 
    369   text-align:center; 
    370 } 
    371 /* Classes for filemanager styles in a dialog. */ 
    372 .dialog a img 
    373 { 
    374 border: 0 none transparent; 
    375 } 
    376  
    377 .dialog fieldset.collapsed { 
    378 border: 0 none transparent; 
    379 } 
    380  
    381 .dialog fieldset.collapsed form { 
    382 display: none; 
    383 } 
    384  
    385 .hidden 
    386 { 
    387 display: none; 
    388 } 
    3891 
    3902.placesmanager 
Note: See TracChangeset for help on using the changeset viewer.