Subversion Repositories wimsdev

Rev

Rev 1442 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. .speckToolbar, .speckButton
  2. {
  3.     background-image: url(./speck.gif);
  4.     background-repeat: repeat-x;
  5.     height: 32px;
  6. }
  7. .speckToolbar { background-position: 0 -64px; }
  8.  
  9. .speckLinkbar
  10. {
  11.     background-color: #eee;
  12.     height: 27px;
  13.     padding-top: 4px;
  14.     border-right: solid 1px #ccc;
  15.     border-left: solid 1px #ccc;    
  16. }
  17. .speckLinkbar input
  18. {
  19.     margin-left: 5px;
  20. }
  21. .speckBar
  22. {
  23.     background-color: #eee;
  24.     height: 31px;
  25.     line-height:31px;    
  26.     border-right: solid 1px #ccc;
  27.     border-left: solid 1px #ccc;
  28. }
  29.  
  30. .speckFrame
  31. {
  32.     border-left: solid 1px #ccc;
  33.     border-right: solid 1px #ccc;
  34.     border-bottom: solid 1px #ccc;
  35.     background-color:#fff;
  36. }
  37. .speckButton
  38. {  
  39.     border: solid 0px #000;
  40.         background-color: #ccccff;
  41.         width: 26px;
  42. }
  43. .speckButton:hover
  44. {
  45.    cursor: pointer;
  46. }
  47. #boldButton{background-position: 0px 0px;}
  48. #boldButton:hover{background-position: 0px -32px;}
  49. #italicButton{background-position: -24px 0px;}
  50. #italicButton:hover{background-position: -24px -32px;}
  51. #underlineButton{background-position: -48px 0px;}
  52. #underlineButton:hover{background-position: -48px -32px;}
  53. #linkButton{background-position: -294px 0px;}
  54. #linkButton:hover{background-position: -294px -32px;}
  55. #unlinkButton{background-position: -318px 0px;}
  56. #unlinkButton:hover{background-position: -318px -32px;}
  57. #justifyleftButton{background-position: -74px 0px;}
  58. #justifyleftButton:hover{background-position: -74px -32px;}
  59. #justifyrightButton{background-position: -124px 0px;}
  60. #justifyrightButton:hover{background-position: -124px -32px;}
  61. #justifycenterButton{background-position: -98px 0px;}
  62. #justifycenterButton:hover{background-position: -98px -32px;}
  63. #insertunorderedlistButton{background-position: -174px 0px;}
  64. #insertunorderedlistButton:hover{background-position: -174px -32px;}
  65. #insertorderedlistButton{background-position: -198px 0px;}
  66. #insertorderedlistButton:hover{background-position: -198px -32px;}
  67. #htmlButton{background-position: -342px 0px;width: 38px;}
  68. #htmlButton:hover{background-position: -342px -32px;width: 38px;}
  69. #addfileButton{background-position: -225px 0px;width: 70px;}
  70. #addfileButton:hover{background-position: -225px -32px;width: 70px;}
  71. #formatblockButton{background-position: -500px 0px;width: 30px;}
  72. #formatblockButton:hover{background-position: -500px -32px;width: 30px;}
  73. #fontnameButton{background-position: -379px 0px;width: 30px;}
  74. #fontnameButton:hover{background-position: -379px -32px;width: 30px;}
  75. #fontsizeButton{background-position: -405px 0px;width: 36px;}
  76. #fontsizeButton:hover{background-position: -405px -32px;width: 36px;}
  77. #forecolorButton{background-position: -440px 0px;width: 28px;}
  78. #forecolorButton:hover{background-position: -440px -32px;width: 28px;}
  79. #removeformatButton{background-position: -472px 0px;}
  80. #removeformatButton:hover{background-position: -472px -32px;}
  81.  
  82.  
  83. .linkbarButton
  84. {
  85.     border: solid 1px #ccc;
  86.         background-color: Transparent;
  87.         height: 22px;
  88.         width: 40px;    
  89. }
  90. .linkbarButton:hover
  91. {
  92.     background-color: White;
  93. }
  94. .speckSelect, .speckColorSelect
  95. {
  96.     background-color: #fff;
  97.     border: solid 1px #ccc;
  98.     line-height: 19px;
  99.     font-family: Arial;
  100.     font-size: 12px;
  101.     padding: 4px 0 0 0;
  102.     margin: 0px 0 0 -4px;
  103.     z-index: 10;
  104. }
  105. .speckColorBar
  106. {
  107.     background-color: #eee;
  108.     height: 31px;
  109.     line-height:31px;    
  110.     border-right: solid 1px #ccc;
  111.     border-left: solid 1px #ccc;
  112.    
  113. }
  114. .speckColor
  115. {  
  116.     border: solid 1px #fff;
  117.     display:block;
  118.     float: left;
  119.     width: 16px;
  120.     height: 16px;
  121.     margin-top: 7px;
  122.     margin-left: 2px;
  123.     cursor: pointer;
  124. }
  125.  
  126. #formatblockSelect
  127. {
  128. }
  129. .speckToolbar input
  130. {
  131.      cursor: pointer;
  132. }
  133.  
  134. .speckBar input
  135. {  
  136.     height: 31px;
  137.     padding: 0;
  138.     cursor: pointer;
  139.     color: #000;
  140.     border-top: 0;
  141.     border-bottom: 0;
  142.     border-left: 0;
  143.     border-right: 0;
  144.     margin: 0;
  145.    
  146. }
  147. .speckBar input:hover
  148. {
  149.     color: #ff6600;
  150. }
  151.  
  152. .speckBar .speckOption{padding:0 .5em;}
  153. .speckOption:nth-child(even){
  154.     background-color: #CFCFCF;
  155. }
  156. .speckOption:nth-child(odd){
  157.     background-color: #BBB;
  158. }