[0] | 1 | .jstEditor { |
---|
| 2 | border-width : 0 1px 1px 1px; |
---|
| 3 | border-style : solid; |
---|
[1394] | 4 | border-color : #ccc; |
---|
[0] | 5 | background : #f9f9f9; |
---|
| 6 | } |
---|
| 7 | .jstEditor textarea, .jstEditor iframe { |
---|
| 8 | margin: 0; |
---|
| 9 | border: 0; |
---|
[1394] | 10 | padding: 0; |
---|
[0] | 11 | } |
---|
[1394] | 12 | .jstEditor textarea { |
---|
| 13 | width: 99%; |
---|
[1399] | 14 | padding: 1rem 0 0 1%; |
---|
[1394] | 15 | } |
---|
[0] | 16 | .jstHandle { |
---|
| 17 | height: 8px; |
---|
| 18 | background: #ccc url(resize.png) no-repeat center center; |
---|
| 19 | font-size: 0.1em; |
---|
| 20 | cursor: s-resize; |
---|
| 21 | border-color: #ccc #ccc #ccc #000; |
---|
| 22 | border-width: 0 1px 1px 1px; |
---|
| 23 | border-style: solid; |
---|
| 24 | } |
---|
| 25 | |
---|
| 26 | .jstElements { |
---|
[1394] | 27 | height: 28px; |
---|
| 28 | padding: 0 1rem; |
---|
| 29 | border: 1px solid #ccc; |
---|
| 30 | overflow: hidden; |
---|
| 31 | background: #e1e1e1; |
---|
| 32 | background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1); |
---|
| 33 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); |
---|
| 34 | -moz-border-radius: 4px 4px 0 0; |
---|
| 35 | -webkit-border-radius: 4px 4px 0 0; |
---|
| 36 | border-radius: 4px 4px 0 0; |
---|
| 37 | -webkit-box-shadow: 0 1px 0 #FFF inset; |
---|
| 38 | -moz-box-shadow: 0 1px 0 #FFF inset; |
---|
| 39 | box-shadow: 0 1px 0 #FFF inset; |
---|
[0] | 40 | } |
---|
| 41 | |
---|
| 42 | .jstElements select, .jstElements button { |
---|
| 43 | vertical-align: middle; |
---|
| 44 | } |
---|
| 45 | .jstElements select { |
---|
| 46 | width: 12em; |
---|
[1394] | 47 | margin-right: .6rem; |
---|
[0] | 48 | } |
---|
| 49 | .jstElements button { |
---|
[1394] | 50 | width : 30px; |
---|
| 51 | height: 28px; |
---|
| 52 | border-style: groove; |
---|
| 53 | border-width: 0 1px 0 0; |
---|
| 54 | border-color: #666; |
---|
[0] | 55 | background-color : transparent; |
---|
| 56 | background-position : 50% 50%; |
---|
| 57 | background-repeat: no-repeat; |
---|
| 58 | } |
---|
| 59 | .jstElements button:hover { |
---|
| 60 | border-color : #ccc; |
---|
[3] | 61 | background-color: #fff; |
---|
[0] | 62 | } |
---|
| 63 | .jstElements button span { |
---|
| 64 | display : none; |
---|
| 65 | } |
---|
| 66 | .jstElements span { |
---|
[1394] | 67 | display : inline-block; |
---|
| 68 | vertical-align: top; |
---|
| 69 | background: #dfdfdf; |
---|
[0] | 70 | } |
---|
| 71 | |
---|
| 72 | .jstSpacer { |
---|
[1394] | 73 | width : 2px; |
---|
| 74 | height: 28px; |
---|
| 75 | margin-right: 0; |
---|
| 76 | border-style: groove; |
---|
| 77 | border-width: 0 1px 0 0; |
---|
| 78 | border-color: #666; |
---|
[0] | 79 | } |
---|
| 80 | |
---|
| 81 | .jstSwitcher { |
---|
| 82 | display: block; |
---|
| 83 | list-style: none; |
---|
[1475] | 84 | margin: 0; |
---|
[0] | 85 | padding: 0 0 5px 0; |
---|
[3] | 86 | background: #dfdfdf; |
---|
[0] | 87 | border-top: 1px solid #999; |
---|
| 88 | } |
---|
| 89 | .jstSwitcher li { |
---|
| 90 | display: inline; |
---|
| 91 | margin: 0 0 0 5px; |
---|
[1475] | 92 | padding: 2px 8px; |
---|
[0] | 93 | } |
---|
| 94 | .jstSwitcher li.jstSwitcherCurrent { |
---|
| 95 | color: #fff; |
---|
[1475] | 96 | background: #575859; |
---|
[951] | 97 | border-radius: 0 0 2px 2px; |
---|
[0] | 98 | } |
---|
| 99 | .jstSwitcher a { |
---|
| 100 | font-weight: normal; |
---|
| 101 | border-bottom: none !important; |
---|
| 102 | } |
---|
| 103 | |
---|
| 104 | /* Buttons |
---|
| 105 | -------------------------------------------------------- */ |
---|
| 106 | .jstb_strong { |
---|
| 107 | background-image: url(bt_strong.png); |
---|
| 108 | } |
---|
| 109 | .jstb_em { |
---|
| 110 | background-image: url(bt_em.png); |
---|
| 111 | } |
---|
| 112 | .jstb_ins { |
---|
| 113 | background-image: url(bt_ins.png); |
---|
| 114 | } |
---|
| 115 | .jstb_del { |
---|
| 116 | background-image: url(bt_del.png); |
---|
| 117 | } |
---|
| 118 | .jstb_quote { |
---|
| 119 | background-image: url(bt_quote.png); |
---|
| 120 | } |
---|
| 121 | .jstb_code { |
---|
| 122 | background-image: url(bt_code.png); |
---|
| 123 | } |
---|
| 124 | .jstb_paragraph { |
---|
| 125 | background-image: url(bt_paragraph.png); |
---|
| 126 | } |
---|
| 127 | .jstb_br { |
---|
| 128 | background-image: url(bt_br.png); |
---|
| 129 | } |
---|
| 130 | .jstb_blockquote { |
---|
| 131 | background-image: url(bt_bquote.png); |
---|
| 132 | } |
---|
| 133 | .jstb_pre { |
---|
| 134 | background-image: url(bt_pre.png); |
---|
| 135 | } |
---|
| 136 | .jstb_ul { |
---|
| 137 | background-image: url(bt_ul.png); |
---|
| 138 | } |
---|
| 139 | .jstb_ol { |
---|
| 140 | background-image: url(bt_ol.png); |
---|
| 141 | } |
---|
| 142 | .jstb_link { |
---|
| 143 | background-image: url(bt_link.png); |
---|
| 144 | } |
---|
| 145 | .jstb_img { |
---|
| 146 | background-image: url(bt_img.png); |
---|
| 147 | } |
---|
| 148 | .jstb_img_select { |
---|
| 149 | background-image: url(bt_img_select.png); |
---|
| 150 | } |
---|
| 151 | .jstb_post_link { |
---|
| 152 | background-image: url(bt_post.png); |
---|
| 153 | } |
---|
| 154 | .jstb_removeFormat { |
---|
| 155 | background-image: url(bt_clean.png); |
---|
| 156 | } |
---|
| 157 | |
---|
| 158 | |
---|
| 159 | /* WYSIWYG Iframe */ |
---|
| 160 | .wysiwygIframe { |
---|
| 161 | border-width : 1px; |
---|
| 162 | border-style : solid; |
---|
| 163 | border-color : #000 #ccc #ccc #000; |
---|
| 164 | width : 100%; |
---|
| 165 | } |
---|
| 166 | |
---|
| 167 | /* WYSIWYG Document */ |
---|
| 168 | body.wysiwygDoc { |
---|
| 169 | font: 12px "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; |
---|
| 170 | color : #000; |
---|
| 171 | background: #f9f9f9; |
---|
| 172 | margin: 0; |
---|
| 173 | padding : 2px; |
---|
| 174 | border: none; |
---|
| 175 | } |
---|
| 176 | .wysiwygDoc pre, .wysiwygDoc code, .wysiwygDoc kbd, .wysiwygDoc samp { |
---|
| 177 | font-family:"Courier New",Courier,monospace; |
---|
| 178 | font-size : 1.1em; |
---|
| 179 | } |
---|
| 180 | .wysiwygDoc code { |
---|
| 181 | color : #666; |
---|
| 182 | font-weight : bold; |
---|
| 183 | } |
---|
| 184 | body.wysiwygDoc > p:first-child { |
---|
| 185 | margin-top: 0; |
---|
| 186 | } |
---|