Changeset 260


Ignore:
Timestamp:
07/16/05 11:21:14 (9 years ago)
Author:
gogo
Message:

Revert many changes made by gocher which caused large amounts of
breakage. See ticket:329 and ticket:337

It's possible that reverting these has a few run-on effects with code
that was based on these changes, but we'll just have to fix those as we
come to them, there shouldn't be many.

Location:
trunk
Files:
1 deleted
10 edited
1 copied

Legend:

Unmodified
Added
Removed
  • trunk/examples/testbed.html

    r232 r260  
    11<?xml version="1.0" encoding="UTF-8"?> 
    2 <!DOCTYPE html  
     2<!DOCTYPE html 
    33     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    44    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
     
    155155    <input type="submit" /> <input type="reset" /> 
    156156  </form> 
     157  <script language="javascript"> 
     158    document.write(document.compatMode); 
     159  </script> 
    157160</body> 
    158161</html> 
  • trunk/htmlarea.css

    r235 r260  
    1 .htmlarea { margin: 2px; background: #fff; } 
     1.htmlarea { background: #fff; margin:2px; } 
    22 
    33.htmlarea .toolbar { 
     
    88  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
    99} 
    10  
    11 .htmlarea .toolbar .toolbarRow { 
    12   margin: 0; 
    13   padding: 0px 2px 0px 2px; 
    14   font-family: Tahoma,Verdana,sans-serif; 
    15   font-size: 11px; 
    16   height: 24px !important; 
    17   overflow: hidden; 
    18 } 
    19  
    20 .htmlarea .toolbar .toolbarRow .container 
    21 { 
    22   margin: 0px; 
    23   height: 22px; 
    24   padding: 1px; 
    25 } 
    26  
    27 .htmlarea .toolbar .toolbarRow img { margin: 0; border: none;} 
    28 .htmlarea .toolbar .toolbarRow .label { 
    29   vertical-align: top; 
    30   position: relative; 
    31   top: 5px; 
    32   padding-right: 2px; 
    33   border-bottom: 1px; 
    34   height: 17px; 
    35 } 
    36 .htmlarea .toolbar .toolbarRow .select { 
    37   vertical-align: top; 
    38   position: relative; 
    39   top: 2px; 
    40 } 
    41  
    42 .htmlarea .toolbar .toolbarRow .button { 
     10.htmlarea .toolbar table { margin: 0; font-family: tahoma,verdana,sans-serif; font-size: 11px; } 
     11.htmlarea .toolbar img { border: none; } 
     12.htmlarea .toolbar .label { padding: 0px 3px; } 
     13 
     14.htmlarea .toolbar .button { 
    4315  background: ButtonFace; 
    4416  color: ButtonText; 
    4517  border: 1px solid ButtonFace; 
     18  padding: 1px; 
    4619  margin: 0px; 
    47   width: 22px; 
    48   height: 22px; 
    49 } 
    50  
    51 .htmlarea .toolbar .toolbarRow .button .buttonImageContainer { 
    52   position: relative; 
    53   top: 2px; 
    54   left: 2px; 
    5520  width: 18px; 
    5621  height: 18px; 
    57   overflow: hidden; 
    58 } 
    59 .htmlarea .toolbar .toolbarRow .button.buttonHover { 
    60   cursor: pointer; 
    61   border: 1px solid; 
    62   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
    63 } 
    64 .htmlarea .toolbar .toolbarRow .button.buttonDisabled { 
    65   border-color: none; 
    66 } 
    67 .htmlarea .toolbar .toolbarRow .buttonActive, 
    68 .htmlarea .toolbar .toolbarRow .buttonPressed 
    69 { 
     22} 
     23.htmlarea .toolbar a.button:hover { 
     24  border: 1px solid; 
     25  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
     26} 
     27.htmlarea .toolbar a.buttonDisabled:hover { 
     28  border-color: ButtonFace; 
     29} 
     30.htmlarea .toolbar .buttonActive, 
     31.htmlarea .toolbar .buttonPressed 
     32{ 
     33  padding: 2px 0px 0px 2px; 
    7034  border: 1px solid; 
    7135  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; 
    7236} 
    73 .htmlarea .toolbar .toolbarRow .buttonPressed { 
     37.htmlarea .toolbar .buttonPressed { 
    7438  background: ButtonHighlight; 
    7539} 
     
    8145  cursor: default; 
    8246  border: 1px solid ButtonShadow; 
    83   vertical-align: top; 
    84   position: relative; 
    85   top: 4px; 
    86 } 
    87  
    88 .htmlarea .toolbar .toolbarRow .buttonDisabled img { 
     47} 
     48 
     49.htmlarea .toolbar .buttonDisabled img { 
    8950  filter: gray() alpha(opacity = 25); 
    9051  -moz-opacity: 0.25; 
    9152} 
    9253 
    93 .htmlarea .toolbar .toolbarRow .separator { 
     54.htmlarea .toolbar .separator { 
     55  /*position: relative;*/ 
    9456  margin: 3px; 
    9557  border-left: 1px solid ButtonShadow; 
     
    9860  height: 18px; 
    9961  padding: 0px; 
    100   vertical-align: top; 
    10162} 
    10263 
  • trunk/htmlarea.js

    r258 r260  
    6060if (!(typeof _editor_skin == "string")) { 
    6161  _editor_skin = ""; 
    62 }   
     62} 
    6363 
    6464var __htmlareas = [ ]; 
     
    283283 
    284284  this.flowToolbars = true; 
    285    
     285 
    286286  /** CUSTOMIZING THE TOOLBAR 
    287287   * ------------------------- 
     
    295295  this.toolbar = 
    296296  [ 
    297     ["separator","popupeditor"], 
     297    ["popupeditor"], 
    298298    ["separator","formatblock","fontname","fontsize","bold","italic","underline","strikethrough"], 
    299299    ["separator","forecolor","hilitecolor","textindicator"], 
     
    303303    ["separator","inserthorizontalrule","createlink","insertimage","inserttable"], 
    304304    ["separator","undo","redo","selectall"], (HTMLArea.is_gecko ? [] : ["cut","copy","paste","overwrite","saveas"]), 
    305     ["separator","killword","clearfonts","removeformat","toggleborders","lefttoright", "righttoleft","separator","htmlmode","about"] 
     305    ["separator","killword","removeformat","toggleborders","lefttoright", "righttoleft","separator","htmlmode","about"] 
    306306  ]; 
    307307 
     
    706706  toolbar.unselectable = "1"; 
    707707 
     708  var tb_row = null; 
    708709  var tb_objects = new Object(); 
    709710  this._toolbarObjects = tb_objects; 
    710   var tb_row = null; 
    711711 
    712712        this._createToolbar1(editor, toolbar, tb_objects); 
     
    726726// separate from previous createToolBar to allow dynamic change of toolbar 
    727727HTMLArea.prototype._createToolbar1 = function (editor, toolbar, tb_objects) { 
    728   function clearBoth() { 
     728 
    729729  // This shouldn't be necessary, but IE seems to float outside of the container 
    730730  // when we float toolbar sections, so we have to clear:both here as well 
    731731  // as at the end (which we do have to do). 
    732       var brk = document.createElement('div'); 
    733       brk.style.height = 
     732  if(editor.config.flowToolbars) 
     733  { 
     734    var brk = document.createElement('div'); 
     735    brk.style.height = 
    734736      brk.style.width = 
    735737      brk.style.lineHeight = 
    736738      brk.style.fontSize = '1px'; 
    737       brk.style.clear = 'both'; 
    738       return brk; 
     739    brk.style.clear = 'both'; 
     740    toolbar.appendChild(brk); 
    739741  } 
    740742 
     
    742744  function newLine() { 
    743745    if(typeof tb_row != 'undefined' && tb_row.childNodes.length == 0) return; 
    744     tb_row = document.createElement("div"); 
    745     if(editor.config.flowToolbars) { 
    746       if(HTMLArea.is_ie) { 
    747         tb_row.style.styleFloat = "left"; 
    748       } else { 
    749         tb_row.style.cssFloat = "left"; 
    750       } 
    751     } 
    752     tb_row.className = 'toolbarRow'; // meh, kinda. 
    753     tb_row.style.whiteSpace = "nowrap"; 
    754     toolbar.appendChild(tb_row); 
     746 
     747    var table = document.createElement("table"); 
     748    table.border = "0px"; 
     749    table.cellSpacing = "0px"; 
     750    table.cellPadding = "0px"; 
     751    if(editor.config.flowToolbars) 
     752    { 
     753      if(HTMLArea.is_ie) 
     754      { 
     755        table.style.styleFloat = "left"; 
     756      } 
     757      else 
     758      { 
     759        table.style.cssFloat = "left"; 
     760      } 
     761    } 
     762 
     763    toolbar.appendChild(table); 
     764    // TBODY is required for IE, otherwise you don't see anything 
     765    // in the TABLE. 
     766    var tb_body = document.createElement("tbody"); 
     767    table.appendChild(tb_body); 
     768    tb_row = document.createElement("tr"); 
     769    tb_body.appendChild(tb_row); 
     770 
     771    table.className = 'toolbarRow'; // meh, kinda. 
    755772  }; // END of function: newLine 
     773 
     774  // init first line 
     775  newLine(); 
    756776 
    757777  // updates the state of a toolbar element.  This function is member of 
     
    826846    if (options) { 
    827847      el = document.createElement("select"); 
    828       el.className = "select"; 
    829848      el.title = tooltip; 
    830849      var obj = { 
     
    848867      }); 
    849868    } 
    850     var xel = document.createElement("div"); 
    851     xel.className = "container"; 
    852     xel.appendChild(el); 
    853     return xel; 
     869    return el; 
    854870  }; // END of function: createSelect 
    855871 
    856872  // appends a new button to toolbar 
    857873  function createButton(txt) { 
    858     var btn = editor.config.btnList[txt]; 
    859     if (btn) { 
    860874    // the element that will be created 
    861       var el = document.createElement("div"); 
     875    var el = null; 
     876    var btn = null; 
     877    switch (txt) { 
     878        case "separator": 
     879          if(editor.config.flowToolbars) newLine(); 
     880      el = document.createElement("div"); 
     881      el.className = "separator"; 
     882      break; 
     883        case "space": 
     884      el = document.createElement("div"); 
     885      el.className = "space"; 
     886      break; 
     887      case "linebreak": 
     888          newLine(); 
     889          return false; 
     890        case "textindicator": 
     891      el = document.createElement("div"); 
     892      el.appendChild(document.createTextNode("A")); 
     893      el.className = "indicator"; 
     894      el.title = HTMLArea._lc("Current style"); 
     895      var obj = { 
     896        name    : txt, // the button name (i.e. 'bold') 
     897        element : el, // the UI element (DIV) 
     898        enabled : true, // is it enabled? 
     899        active  : false, // is it pressed? 
     900        text    : false, // enabled in text mode? 
     901        cmd     : "textindicator", // the command ID 
     902        state   : setButtonStatus // for changing state 
     903      }; 
     904      tb_objects[txt] = obj; 
     905      break; 
     906        default: 
     907      btn = editor.config.btnList[txt]; 
     908    } 
     909    if (!el && btn) { 
     910      el = document.createElement("a"); 
     911      el.style.display = 'block'; 
     912      el.href = 'javascript:void(0)'; 
     913      el.style.textDecoration = 'none'; 
     914      el.title = btn[0]; 
    862915      el.className = "button"; 
    863       el.title = btn[0]; 
    864916      // let's just pretend we have a button object, and 
    865917      // assign all the needed information to it. 
    866918      var obj = { 
    867         name: txt, // the button name (i.e. 'bold') 
    868         element: el, // the UI element (DIV) 
    869         enabled: true, // is it enabled? 
    870         active: false, // is it pressed? 
    871         text: btn[2], // enabled in text mode? 
    872         cmd: btn[3], // the command ID 
    873         state: setButtonStatus, // for changing state 
    874         context: btn[4] || null // enabled in a certain context? 
     919        name    : txt, // the button name (i.e. 'bold') 
     920        element : el, // the UI element (DIV) 
     921        enabled : true, // is it enabled? 
     922        active  : false, // is it pressed? 
     923        text    : btn[2], // enabled in text mode? 
     924        cmd     : btn[3], // the command ID 
     925        state   : setButtonStatus, // for changing state 
     926        context : btn[4] || null // enabled in a certain context? 
    875927      }; 
    876928      tb_objects[txt] = obj; 
    877929      // handlers to emulate nice flat toolbar buttons 
    878       HTMLArea._addEvent(el, "mouseover", function () { 
    879         if (obj.enabled) with (HTMLArea) { 
    880           _addClass(el, "buttonHover"); 
    881         } 
    882       }); 
    883  
    884930      HTMLArea._addEvent(el, "mouseout", function () { 
    885931        if (obj.enabled) with (HTMLArea) { 
    886           _removeClass(el, "buttonHover"); 
     932          //_removeClass(el, "buttonHover"); 
    887933          _removeClass(el, "buttonActive"); 
    888934          (obj.active) && _addClass(el, "buttonPressed"); 
     
    901947        if (obj.enabled) with (HTMLArea) { 
    902948          _removeClass(el, "buttonActive"); 
    903           _removeClass(el, "buttonHover"); 
     949          //_removeClass(el, "buttonHover"); 
    904950          if(HTMLArea.is_gecko) 
    905951          { 
     
    910956        } 
    911957      }); 
    912        
     958 
    913959      var i_contain = HTMLArea.makeBtnImg(btn[1]); 
    914960      var img = i_contain.firstChild; 
     
    924970          img.style.top  = newimg[2] ? ('-' + (18 * (newimg[2] + 1)) + 'px') : '-18px'; 
    925971          img.style.left = newimg[1] ? ('-' + (18 * (newimg[1] + 1)) + 'px') : '-18px'; 
    926          // img.style.bottom = newimg[2] ? ('-' + (18 * (newimg[2] + 19)) + 'px') : '-36px';           
    927          // img.style.right = newimg[1] ? ('-' + (18 * (newimg[1] + 19)) + 'px') : '-36px'; 
    928972        } 
    929973        else 
     
    934978        } 
    935979      } 
    936     }   
     980 
     981    } else if (!el) { 
     982      el = createSelect(txt); 
     983    } 
     984 
    937985    return el; 
    938986  }; 
    939987 
    940   toolbar.appendChild(clearBoth()); 
    941   newLine(); // init first line 
     988  var first = true; 
    942989  for (var i = 0; i < this.config.toolbar.length; ++i) { 
     990    if (!first) { 
     991      // createButton("linebreak"); 
     992    } else { 
     993      first = false; 
     994    } 
    943995    if(this.config.toolbar[i] == null) this.config.toolbar[i] = ['separator']; 
    944996    var group = this.config.toolbar[i]; 
     
    9551007          label = HTMLArea._lc(label); 
    9561008        } 
    957         var tb_element = document.createElement("div"); 
    958         tb_element.className = "label"; 
    959         tb_element.innerHTML = label; 
     1009        var tb_cell = document.createElement("td"); 
     1010        tb_row.appendChild(tb_cell); 
     1011        tb_cell.className = "label"; 
     1012        tb_cell.innerHTML = label; 
    9601013      } 
    9611014      else if(typeof code != 'function') 
    9621015      { 
    963         var tb_element = null; 
    964         switch (code) { 
    965           case "separator": 
    966             if(editor.config.flowToolbars) newLine(); 
    967             tb_element = document.createElement("div"); 
    968             tb_element.className = "separator"; 
    969             break; 
    970           case "space": 
    971             tb_element = document.createElement("div"); 
    972             tb_element.className = "space"; 
    973             break; 
    974           case "linebreak": 
    975             if(typeof tb_row != 'undefined' && tb_row.childNodes.length >0) 
    976               tb_row.appendChild(clearBoth()); 
    977             newLine(); 
    978             break; 
    979           case "textindicator": 
    980             var el = document.createElement("div"); 
    981             el.appendChild(document.createTextNode("A")); 
    982             el.className = "indicator"; 
    983             el.title = HTMLArea._lc("Current style"); 
    984             var obj = { 
    985               name      : code, // the button name (i.e. 'bold') 
    986               element : el, // the UI element (DIV) 
    987               enabled : true, // is it enabled? 
    988               active    : false, // is it pressed? 
    989               text      : false, // enabled in text mode? 
    990               cmd       : "textindicator", // the command ID 
    991               state     : setButtonStatus // for changing state 
    992             }; 
    993             tb_objects[code] = obj; 
    994             var tb_element = document.createElement("div"); 
    995             tb_element.className = "container"; 
    996             tb_element.appendChild(el); 
    997             break; 
    998         default: 
    999           tb_element = createButton(code); 
    1000         } 
    1001       }   
    1002       if (code != "linebreak") { 
    1003         if (!tb_element) 
    1004           tb_element = createSelect(code); 
    1005         if (tb_element) { 
    1006           if(HTMLArea.is_ie) { 
    1007             tb_element.style.display = "inline"; 
    1008           } else { 
    1009             tb_element.style.cssFloat = "left"; 
    1010           } 
    1011           tb_row.appendChild(tb_element); 
    1012         } 
    1013           else if (tb_element == null) { 
     1016        var tb_element = createButton(code); 
     1017 
     1018        if (tb_element) 
     1019        { 
     1020          var tb_cell = document.createElement("td"); 
     1021          tb_cell.className = 'toolbarElement'; 
     1022          tb_row.appendChild(tb_cell); 
     1023          tb_cell.appendChild(tb_element); 
     1024        } 
     1025        else if (tb_element == null) 
     1026        { 
    10141027          alert("FIXME: Unknown toolbar item: " + code); 
    10151028        } 
     
    10171030    } 
    10181031  } 
    1019   if(typeof tb_row != 'undefined' && tb_row.childNodes.length >0) 
    1020     tb_row.appendChild(clearBoth()); 
    1021   toolbar.appendChild(clearBoth()); 
     1032 
     1033  if(editor.config.flowToolbars) 
     1034  { 
     1035    var brk = document.createElement('div'); 
     1036    brk.style.height = 
     1037      brk.style.width = 
     1038      brk.style.lineHeight = 
     1039      brk.style.fontSize = '1px'; 
     1040    brk.style.clear = 'both'; 
     1041    toolbar.appendChild(brk); 
     1042  } 
     1043 
    10221044  return toolbar; 
    10231045}; 
     
    10321054    doc._htmlareaImgCache = { }; 
    10331055  } 
    1034    
    1035   var i_contain = doc.createElement('div');   
     1056 
     1057  var i_contain = null; 
     1058  if(HTMLArea.is_ie && ((!doc.compatMode) || (doc.compatMode && doc.compatMode == "BackCompat"))) 
     1059  { 
     1060    i_contain = doc.createElement('span'); 
     1061  } 
     1062  else 
     1063  { 
     1064    i_contain = doc.createElement('div'); 
     1065    i_contain.style.position = 'relative'; 
     1066  } 
     1067 
     1068  i_contain.style.overflow = 'hidden'; 
     1069  i_contain.style.width = "18px"; 
     1070  i_contain.style.height = "18px"; 
    10361071  i_contain.className    = 'buttonImageContainer'; 
    1037   i_contain.style.position = 'relative';   
    1038   i_contain.style.overflow = 'hidden';   
    1039   i_contain.style.width = "18px";   
    1040   i_contain.style.height = "18px";   
    1041    
     1072 
    10421073  var img = null; 
    10431074  if(typeof imgDef == 'string') 
     
    11311162      return false; 
    11321163  } 
    1133    
     1164 
    11341165  if(_editor_skin != "") { 
    11351166    var found=false; 
  • trunk/plugins/TableOperations/table-operations.js

    r217 r260  
    684684// the list of buttons added by this plugin 
    685685TableOperations.btnList = [ 
    686   null, 
    687686        // table properties button 
    688687    ["table-prop",       "table", "Table properties"], 
  • trunk/skins/blue-look/skin.css

    r239 r260  
    1 .htmlarea .toolbar { background-color:#f7f8fd;} 
     1.htmlarea .toolbar, .htmlarea .toolbar .button 
     2{ 
     3  background-color:#f7f8fd; 
     4} 
    25 
    3 .htmlarea .toolbar .toolbarRow 
     6.htmlarea .toolbarRow 
    47{ 
    5   border: 1px solid #DEDEDE; 
    6   -moz-border-radius: 3px; 
     8  margin-top:2px; 
     9  margin-bottom:2px; 
     10  border:1px dotted #DEDEDE; 
     11  padding:2px; 
     12  -moz-border-radius:3px; 
     13  margin:4px; 
    714} 
    8 .htmlarea .toolbar .toolbarRow .button 
     15 
     16.htmlarea .toolbar .button 
    917{ 
    1018  background-image: url(button-background.png); 
     19  width:20px; 
     20  height:20px; 
     21  padding:0px; 
    1122  border:1px solid #f7f8fd; 
    1223} 
    13 .htmlarea .toolbar .toolbarRow .separator { 
     24 
     25.buttonImageContainer 
     26{ 
     27  position:relative; 
     28  left:1px; 
     29  top :1px; 
     30} 
     31 
     32.htmlarea .toolbar .separator { 
     33  margin:0px; 
    1434  background-image: url(separator.gif); 
    1535  border:1px #f7f8fd; 
    16   width:7px; 
     36  width:   7px; 
     37  height: 20px; 
     38  padding: 0px; 
    1739} 
    18 .htmlarea .toolbar .toolbarRow .buttonHover 
     40 
     41.htmlarea .toolbar a.button:hover 
    1942{ 
     43  border: 1px solid; 
    2044  border-color: white #CCC #CCC white; 
    2145} 
    22 .htmlarea .toolbar .toolbarRow .buttonDisabled 
     46 
     47.htmlarea .toolbar a.buttonDisabled:hover 
    2348{ 
    2449  border-color: #f7f8fd; 
    2550} 
    26 .htmlarea .toolbar .toolbarRow .button.buttonActive, 
    27 .htmlarea .toolbar .toolbarRow .button.buttonPressed 
     51 
     52.htmlarea .toolbar .button.buttonActive, 
     53.htmlarea .toolbar .button.buttonPressed 
    2854{ 
    2955  border: 1px solid; 
    3056  border-color: #CCC white white #CCC; 
    3157} 
     58 
    3259.htmlarea .statusBar { 
    3360  border-color: #CCC white white #CCC; 
     
    4067  font: 11px helvetica,arial,sans-serif; 
    4168} 
     69 
    4270.htmlarea .statusBar .statusBarTree 
    4371{ 
     
    4573  margin: 3px; 
    4674} 
     75 
    4776.htmlarea .statusBar .statusBarTree a 
    4877{ 
     
    5180  text-decoration:none; 
    5281} 
     82 
    5383.htmlarea .panel h1 
    5484{ 
  • trunk/skins/blue-metallic/skin.css

    r239 r260  
    1 .htmlarea .toolbar { background-color:#f7f8fd;} 
     1.htmlarea .toolbar, .htmlarea .toolbar .button 
     2{ 
     3  background-color:#f7f8fd; 
     4} 
    25 
    3 .htmlarea .toolbar .toolbarRow 
     6.htmlarea .toolbarRow 
    47{ 
    58  /*background-image: url(button-background.png);*/ 
    69  background-color: #C5DCEC; 
    7   border:1px solid #DEDEDE; 
     10  margin-top:2px; 
     11  margin-bottom:2px; 
     12  border:1px dotted #DEDEDE; 
     13  padding:2px; 
    814  -moz-border-radius:5px; 
    915  margin: 1px; 
    10 } 
    11 .htmlarea .toolbar .toolbarRow .container, 
    12 .htmlarea .toolbar .toolbarRow .label { 
    13   background-image: url(button-background.png); 
     16  margin:4px; 
    1417} 
    1518 
    16 .htmlarea .toolbar .toolbarRow .button { 
     19.htmlarea .toolbar .button { 
    1720  background-image: url(button-background.png); 
    18   padding: 1px; 
    19   border: 0px; 
     21  width:20px; 
     22  height:20px; 
     23  padding:0px; 
     24  border:1px solid #f7f8fd; 
    2025} 
    2126 
    22 .htmlarea .toolbar .toolbarRow .separator { 
    23   background-image: url(separator.gif); 
    24   padding: 1px; 
    25   border: 0px; 
    26   margin: 2px; 
    27   width: 7px; 
     27.buttonImageContainer 
     28{ 
     29  position:relative; 
     30  left:1px; 
     31  top :1px; 
    2832} 
    2933 
    30 .htmlarea .toolbar .toolbarRow .buttonHover 
     34.htmlarea .toolbar .separator 
    3135{ 
     36  margin:0px; 
     37  background-image: url(separator.gif); 
     38  border:1px #f7f8fd; 
     39  width:   7px; 
     40  height: 20px; 
    3241  padding: 0px; 
     42} 
     43 
     44.htmlarea .toolbar a.button:hover 
     45{ 
    3346  border: 1px solid; 
    3447  border-color: #316AC5; 
     
    3750} 
    3851 
    39 .htmlarea .toolbar .toolbarRow .buttonDisabled 
     52.htmlarea .toolbar a.buttonDisabled:hover 
    4053{ 
    41   padding: 1px; 
    42   border: 0px; 
    43   border-color: #f7f8fd; 
     54  border-color: #316AC5; 
     55  background-color : #FFE1AC; 
    4456} 
    4557 
    46 .htmlarea .toolbar .toolbarRow .button.buttonActive, 
    47 .htmlarea .toolbar .toolbarRow .button.buttonPressed 
     58.htmlarea .toolbar .button.buttonActive, 
     59.htmlarea .toolbar .button.buttonPressed 
    4860{ 
    49   padding: 0px; 
    5061  border: 1px solid; 
    5162  border-color: #79A4CC #FFFFFF #FFFFFF #79A4CC; 
     
    90101.dialog .title { 
    91102  background-image: url(button-background.png); 
    92 }   
     103} 
    93104.dialog button{ 
    94105  background-image: url(button-background.png); 
  • trunk/skins/green-look/skin.css

    r239 r260  
    1 .htmlarea .toolbar{ background-color:#f8fdf8; 
     1.htmlarea .toolbar, .htmlarea .toolbar .button 
     2{ 
     3  background-color:#f8fdf8; 
    24} 
    3 .htmlarea .toolbar .toolbarRow 
     5.htmlarea .toolbarRow 
    46{ 
    5   border:1px solid #DEDEDE; 
     7  margin-top:2px; 
     8  margin-bottom:2px; 
     9  border:1px dotted #DEDEDE; 
     10  padding:2px; 
    611  -moz-border-radius:3px; 
     12  margin:4px; 
    713} 
    8 .htmlarea .toolbar .toolbarRow .button 
     14.htmlarea .toolbar .button 
    915{ 
    10   background-image:url(button-background.png); 
     16  background-image:url(button-background.gif); 
     17  width:20px; 
     18  height:20px; 
     19  padding:0; 
    1120  border:1px solid #f8fdf8; 
    1221} 
    13 .htmlarea .toolbar .toolbarRow .separator { 
     22.buttonImageContainer 
     23{ 
     24  position:relative; 
     25  left:1px; 
     26  top:1px; 
     27} 
     28.htmlarea .toolbar .separator { 
     29  margin:0; 
    1430  background-image:url(separator.gif); 
    1531  border:1px #f8fdf8; 
    1632  width:7px; 
     33  height:20px; 
     34  padding:0; 
    1735} 
    18 .htmlarea .toolbar .toolbarRow .buttonHover 
     36.htmlarea .toolbar a.button:hover 
    1937{ 
     38  border:1px solid; 
    2039  border-color:#fff #ccc #ccc #fff; 
    2140} 
    22 .htmlarea .toolbar .toolbarRow .buttonDisabled 
     41.htmlarea .toolbar a.buttonDisabled:hover 
    2342{ 
    2443  border-color:#f8fdf8; 
    2544} 
    26 .htmlarea .toolbar .toolbarRow .button.buttonActive, 
    27 .htmlarea .toolbar .toolbarRow .button.buttonPressed 
     45.htmlarea .toolbar .buttonActive, 
     46.htmlarea .toolbar .buttonPressed 
    2847{ 
    2948  border:1px solid; 
    3049  border-color:#ccc #fff #fff #ccc; 
     50  background:#ffb166; 
    3151} 
    3252.htmlarea .statusBar { 
     
    3454  padding:0; 
    3555  height:20px; 
    36   background-image:url(button-background.png); 
     56  background-image:url(button-background.gif); 
    3757  background-repeat:repeat-x; 
    3858  background-color:#f8fdf8; 
     
    5373.htmlarea .panel h1 
    5474{ 
    55   background-image:url(button-background.png); 
     75  background-image:url(button-background.gif); 
    5676  background-repeat:repeat-x; 
    5777  background-color:#f8fdf8; 
  • trunk/skins/inditreuse/skin.css

    r250 r260  
    99  background-image:url(button-background.png); 
    1010} 
    11 .htmlarea .toolbar .toolbarRow .button{ 
     11.htmlarea .toolbar .button { 
    1212  width:20px; 
    1313  height:20px; 
     
    1616  background-image:url(button-background.png); 
    1717} 
    18 .htmlarea .toolbar .toolbarRow .separator { 
     18.buttonImageContainer { 
     19  position:relative; 
     20  left:1px; 
     21  top:1px; 
     22} 
     23.htmlarea .toolbar .separator { 
    1924  margin:0; 
    2025  background-image: url(separator.png); 
     
    2429  border:none; 
    2530} 
    26 .htmlarea .toolbar .toolbarRow .buttonHover { 
     31.htmlarea .toolbar a.button:hover { 
    2732  border:none !important; 
    2833  padding:1px; 
    2934  background-image:url(hover.png); 
    3035} 
    31 .htmlarea .toolbar .toolbarRow .button.buttonPressed 
     36.htmlarea .toolbar .button.buttonPressed 
    3237{ 
    3338  padding:1px; 
  • trunk/skins/xp-blue/skin.css

    r239 r260  
    44  background-repeat:repeat-y; 
    55} 
    6 .htmlarea .toolbar .toolbarRow { 
     6.htmlarea .toolbarRow { 
    77  margin-top:2px; 
    88  margin-bottom:2px; 
    99  background-image:url(button-background.png); 
    1010} 
    11 .htmlarea .toolbar .toolbarRow .button { 
     11.htmlarea .toolbar .button { 
    1212  width:20px; 
    1313  height:20px; 
     
    1616  background-image:url(button-background.png); 
    1717} 
    18 .htmlarea .toolbar .toolbarRow .separator { 
     18.buttonImageContainer { 
     19  position:relative; 
     20  left:1px; 
     21  top:1px; 
     22} 
     23.htmlarea .toolbar .separator { 
     24  margin:0; 
    1925  background-image:url(separator.png); 
    2026  width:7px; 
     
    2228  padding:0; 
    2329} 
    24 .htmlarea .toolbar .toolbarRow .buttonHover { 
     30.separator { 
     31  border:none; 
     32} 
     33.htmlarea .toolbar a.button:hover { 
     34  border:1px solid #003355; 
     35  padding:0; 
    2536  background-image:url(hover.png); 
    26   padding:0; 
    27   border: 1px solid;   
    28   border-color: white #CCC #CCC white; 
    2937} 
    30 .htmlarea .toolbar .toolbarRow .button.buttonPressed 
     38.htmlarea .toolbar .button.buttonPressed 
    3139{ 
    3240  border:1px solid #003355; 
  • trunk/skins/xp-green/skin.css

    r239 r260  
    44  background-repeat:repeat-y; 
    55} 
    6 .htmlarea .toolbar .toolbarRow { 
     6.htmlarea .toolbarRow { 
    77  margin-top:2px; 
    88  margin-bottom:2px; 
    99  background-image:url(button-background.png); 
    1010} 
    11 .htmlarea .toolbar .toolbarRow .button { 
     11.htmlarea .toolbar .button { 
    1212  width:20px; 
    1313  height:20px; 
     
    1616  background-image:url(button-background.png); 
    1717} 
    18 .htmlarea .toolbar .toolbarRow .separator { 
     18.buttonImageContainer { 
     19  position:relative; 
     20  left:1px; 
     21  top:1px; 
     22} 
     23.htmlarea .toolbar .separator { 
     24  margin:0; 
    1925  background-image:url(separator.png); 
    2026  width:7px; 
     
    2228  padding:0; 
    2329} 
    24 .htmlarea .toolbar .toolbarRow .buttonHover { 
     30.separator { 
     31  border:none; 
     32} 
     33.htmlarea .toolbar a.button:hover { 
    2534  border:1px solid #335500; 
    2635  padding:0; 
    2736  background-image:url(hover.png); 
    2837} 
    29 .htmlarea .toolbar .toolbarRow .button.buttonPressed 
     38.htmlarea .toolbar .button.buttonPressed 
    3039{ 
    3140  border:1px solid #335500; 
Note: See TracChangeset for help on using the changeset viewer.