Rev 1442 | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1442 | bpr | 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 | } |
||
| 9052 | obado | 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 | } |