Changeset 217 for trunk/skins


Ignore:
Timestamp:
06/03/05 12:56:06 (14 years ago)
Author:
gocher
Message:

change all td/table elements to div elements in toolbar
change the stylesheet and the skins that it works

Location:
trunk/skins
Files:
1 added
1 deleted
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/skins/blue-look/skin.css

    r194 r217  
    1 .htmlarea .toolbar, .htmlarea .toolbar .button 
     1.htmlarea .toolbar { background-color:#f7f8fd;} 
     2 
     3.htmlarea .toolbar .toolbarRow 
    24{ 
    3   background-color:#f7f8fd; 
     5  border: 1px solid #DEDEDE; 
     6  -moz-border-radius: 3px; 
    47} 
    5  
    6 .htmlarea .toolbarRow 
    7 { 
    8   margin-top:2px; 
    9   margin-bottom:2px; 
    10   border:1px dotted #DEDEDE; 
    11   padding:2px; 
    12   -moz-border-radius:3px; 
    13   margin:4px; 
    14 } 
    15  
    16 .htmlarea .toolbar .button 
     8.htmlarea .toolbar .toolbarRow .button 
    179{ 
    1810  background-image: url(button-background.png); 
    19   width:20px; 
    20   height:20px; 
    21   padding:0px; 
    2211  border:1px solid #f7f8fd; 
    2312} 
    24  
    25 .buttonImageContainer 
    26 { 
    27   position:relative; 
    28   left:1px; 
    29   top :1px; 
    30 } 
    31  
    32 .htmlarea .toolbar .separator { 
    33   margin:0px; 
     13.htmlarea .toolbar .toolbarRow .separator { 
    3414  background-image: url(separator.gif); 
    3515  border:1px #f7f8fd; 
    36   width:   7px; 
    37   height: 20px; 
    38   padding: 0px; 
     16  width:7px; 
    3917} 
    40  
    41 .htmlarea .toolbar a.button:hover 
     18.htmlarea .toolbar .toolbarRow .buttonHover 
    4219{ 
    43   border: 1px solid; 
    4420  border-color: white #CCC #CCC white; 
    4521} 
    46  
    47 .htmlarea .toolbar a.buttonDisabled:hover 
     22.htmlarea .toolbar .toolbarRow .buttonDisabled 
    4823{ 
    4924  border-color: #f7f8fd; 
    5025} 
    51  
    52 .htmlarea .toolbar .button.buttonActive, 
    53 .htmlarea .toolbar .button.buttonPressed 
     26.htmlarea .toolbar .toolbarRow .button.buttonActive, 
     27.htmlarea .toolbar .toolbarRow .button.buttonPressed 
    5428{ 
    5529  border: 1px solid; 
    5630  border-color: #CCC white white #CCC; 
    5731} 
    58  
    5932.htmlarea .statusBar { 
    6033  border-color: #CCC white white #CCC; 
     
    6740  font: 11px helvetica,arial,sans-serif; 
    6841} 
    69  
    7042.htmlarea .statusBar .statusBarTree 
    7143{ 
     
    7345  margin: 3px; 
    7446} 
    75  
    7647.htmlarea .statusBar .statusBarTree a 
    7748{ 
     
    8051  text-decoration:none; 
    8152} 
    82  
    8353.htmlarea .panel h1 
    8454{ 
  • trunk/skins/blue-metallic/skin.css

    r207 r217  
    1 .htmlarea .toolbar, .htmlarea .toolbar .button 
     1.htmlarea .toolbar { background-color:#f7f8fd;} 
     2 
     3.htmlarea .toolbar .toolbarRow 
    24{ 
    3   background-color:#f7f8fd; 
     5  background-image: url(button-background.png); 
     6  border:1px solid #DEDEDE; 
     7  -moz-border-radius:3px; 
    48} 
    59 
    6 .htmlarea .toolbarRow 
    7 { 
     10.htmlarea .toolbar .toolbarRow .button { 
    811  background-image: url(button-background.png); 
    9   margin-top:2px; 
    10   margin-bottom:2px; 
    11   border:1px dotted #DEDEDE; 
    12   padding:2px; 
    13   -moz-border-radius:3px; 
    14   margin:4px; 
     12  border:1px solid #f7f8fd; 
     13} 
     14.htmlarea .toolbar .toolbarRow .separator { 
     15  background-image: url(separator.gif); 
     16  border:1px #f7f8fd; 
     17  width:7px; 
    1518} 
    1619 
    17 .htmlarea .toolbar .button { 
    18   background-image: url(button-background.png); 
    19   width:20px; 
    20   height:20px; 
    21   padding:0px; 
    22   border:1px solid #f7f8fd; 
    23 } 
    24  
    25 .buttonImageContainer 
     20.htmlarea .toolbar .toolbarRow .buttonHover 
    2621{ 
    27   position:relative; 
    28   left:1px; 
    29   top :1px; 
    30 } 
    31  
    32 .htmlarea .toolbar .separator  
    33 { 
    34   margin:0px; 
    35   background-image: url(separator.gif); 
    36   border:1px #f7f8fd; 
    37   width:   7px; 
    38   height: 20px; 
    39   padding: 0px; 
    40 } 
    41  
    42 .htmlarea .toolbar a.button:hover 
    43 { 
    44   border: 1px solid; 
    4522  border-color: #316AC5; 
    4623  background-image: none !important; 
     
    4825} 
    4926 
    50 .htmlarea .toolbar a.buttonDisabled:hover 
     27.htmlarea .toolbar .toolbarRow .buttonDisabled 
    5128{ 
    52   border-color: #316AC5; 
    5329  background-color : #FFE1AC; 
    5430} 
    5531 
    56 .htmlarea .toolbar .button.buttonActive, 
    57 .htmlarea .toolbar .button.buttonPressed 
     32.htmlarea .toolbar .toolbarRow .button.buttonActive, 
     33.htmlarea .toolbar .toolbarRow .button.buttonPressed 
    5834{ 
    59   border: 1px solid; 
    6035  border-color: #79A4CC #FFFFFF #FFFFFF #79A4CC; 
    6136  background-image: none !important; 
  • trunk/skins/green-look/skin.css

    r201 r217  
    1 .htmlarea .toolbar, .htmlarea .toolbar .button 
     1.htmlarea .toolbar{ background-color:#f8fdf8; 
     2} 
     3.htmlarea .toolbar .toolbarRow 
    24{ 
    3   background-color:#f8fdf8; 
     5  border:1px solid #DEDEDE; 
     6  -moz-border-radius:3px; 
    47} 
    5 .htmlarea .toolbarRow 
     8.htmlarea .toolbar .toolbarRow .button 
    69{ 
    7   margin-top:2px; 
    8   margin-bottom:2px; 
    9   border:1px dotted #DEDEDE; 
    10   padding:2px; 
    11   -moz-border-radius:3px; 
    12   margin:4px; 
    13 } 
    14 .htmlarea .toolbar .button 
    15 { 
    16   background-image:url(button-background.gif); 
    17   width:20px; 
    18   height:20px; 
    19   padding:0; 
     10  background-image:url(button-background.png); 
    2011  border:1px solid #f8fdf8; 
    2112} 
    22 .buttonImageContainer 
    23 { 
    24   position:relative; 
    25   left:1px; 
    26   top:1px; 
    27 } 
    28 .htmlarea .toolbar .separator { 
    29   margin:0; 
     13.htmlarea .toolbar .toolbarRow .separator { 
    3014  background-image:url(separator.gif); 
    3115  border:1px #f8fdf8; 
    3216  width:7px; 
    33   height:20px; 
    34   padding:0; 
    3517} 
    36 .htmlarea .toolbar a.button:hover 
     18.htmlarea .toolbar .toolbarRow .buttonHover 
    3719{ 
    38   border:1px solid; 
    3920  border-color:#fff #ccc #ccc #fff; 
    4021} 
    41 .htmlarea .toolbar a.buttonDisabled:hover 
     22.htmlarea .toolbar .toolbarRow .buttonDisabled 
    4223{ 
    4324  border-color:#f8fdf8; 
    4425} 
    45 .htmlarea .toolbar .buttonActive, 
    46 .htmlarea .toolbar .buttonPressed 
     26.htmlarea .toolbar .toolbarRow .button.buttonActive, 
     27.htmlarea .toolbar .toolbarRow .button.buttonPressed 
    4728{ 
    4829  border:1px solid; 
    4930  border-color:#ccc #fff #fff #ccc; 
    50   background:#ffb166; 
    5131} 
    5232.htmlarea .statusBar { 
     
    5434  padding:0; 
    5535  height:20px; 
    56   background-image:url(button-background.gif); 
     36  background-image:url(button-background.png); 
    5737  background-repeat:repeat-x; 
    5838  background-color:#f8fdf8; 
     
    7353.htmlarea .panel h1 
    7454{ 
    75   background-image:url(button-background.gif); 
     55  background-image:url(button-background.png); 
    7656  background-repeat:repeat-x; 
    7757  background-color:#f8fdf8; 
  • trunk/skins/inditreuse/skin.css

    r201 r217  
    99  background-image:url(button-background.png); 
    1010} 
    11 .htmlarea .toolbar .button { 
     11.htmlarea .toolbar .toolbarRow .button{ 
    1212  width:20px; 
    1313  height:20px; 
     
    1616  background-image:url(button-background.png); 
    1717} 
    18 .buttonImageContainer { 
    19   position:relative; 
    20   left:1px; 
    21   top:1px; 
    22 } 
    23 .htmlarea .toolbar .separator { 
     18.htmlarea .toolbar .toolbarRow .separator { 
    2419  margin:0; 
    2520  background-image: url(separator.png); 
     
    2924  border:none; 
    3025} 
    31 .htmlarea .toolbar a.button:hover { 
     26.htmlarea .toolbar .toolbarRow .buttonHover { 
    3227  border:none; 
    3328  padding:1px; 
    3429  background-image:url(hover.png); 
    3530} 
    36 .htmlarea .toolbar .button.buttonPressed 
     31.htmlarea .toolbar .toolbarRow .button.buttonPressed 
    3732{ 
    3833  padding:1px; 
  • trunk/skins/xp-blue/skin.css

    r201 r217  
    44  background-repeat:repeat-y; 
    55} 
    6 .htmlarea .toolbarRow { 
     6.htmlarea .toolbar .toolbarRow { 
    77  margin-top:2px; 
    88  margin-bottom:2px; 
    99  background-image:url(button-background.png); 
    1010} 
    11 .htmlarea .toolbar .button { 
     11.htmlarea .toolbar .toolbarRow .button { 
    1212  width:20px; 
    1313  height:20px; 
     
    1616  background-image:url(button-background.png); 
    1717} 
    18 .buttonImageContainer { 
    19   position:relative; 
    20   left:1px; 
    21   top:1px; 
    22 } 
    23 .htmlarea .toolbar .separator { 
    24   margin:0; 
     18.htmlarea .toolbar .toolbarRow .separator { 
    2519  background-image:url(separator.png); 
    2620  width:7px; 
     
    2822  padding:0; 
    2923} 
    30 .separator { 
    31   border:none; 
     24.htmlarea .toolbar .toolbarRow .buttonHover { 
     25  background-image:url(hover.png); 
     26  padding:0; 
     27  border: 1px solid;   
     28  border-color: white #CCC #CCC white; 
    3229} 
    33 .htmlarea .toolbar a.button:hover { 
    34   border:1px solid #003355; 
    35   padding:0; 
    36   background-image:url(hover.png); 
    37 } 
    38 .htmlarea .toolbar .button.buttonPressed 
     30.htmlarea .toolbar .toolbarRow .button.buttonPressed 
    3931{ 
    4032  border:1px solid #003355; 
  • trunk/skins/xp-green/skin.css

    r201 r217  
    44  background-repeat:repeat-y; 
    55} 
    6 .htmlarea .toolbarRow { 
     6.htmlarea .toolbar .toolbarRow { 
    77  margin-top:2px; 
    88  margin-bottom:2px; 
    99  background-image:url(button-background.png); 
    1010} 
    11 .htmlarea .toolbar .button { 
     11.htmlarea .toolbar .toolbarRow .button { 
    1212  width:20px; 
    1313  height:20px; 
     
    1616  background-image:url(button-background.png); 
    1717} 
    18 .buttonImageContainer { 
    19   position:relative; 
    20   left:1px; 
    21   top:1px; 
    22 } 
    23 .htmlarea .toolbar .separator { 
    24   margin:0; 
     18.htmlarea .toolbar .toolbarRow .separator { 
    2519  background-image:url(separator.png); 
    2620  width:7px; 
     
    2822  padding:0; 
    2923} 
    30 .separator { 
    31   border:none; 
    32 } 
    33 .htmlarea .toolbar a.button:hover { 
     24.htmlarea .toolbar .toolbarRow .buttonHover { 
    3425  border:1px solid #335500; 
    3526  padding:0; 
    3627  background-image:url(hover.png); 
    3728} 
    38 .htmlarea .toolbar .button.buttonPressed 
     29.htmlarea .toolbar .toolbarRow .button.buttonPressed 
    3930{ 
    4031  border:1px solid #335500; 
Note: See TracChangeset for help on using the changeset viewer.