| 1 | | /* Generic */ |
| 2 | | body { |
| 3 | | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; |
| 4 | | font-size:13px; |
| 5 | | background:#fcfcfc; |
| 6 | | padding:0; |
| 7 | | margin:8px 8px 0 8px; |
| 8 | | } |
| 9 | | |
| 10 | | textarea {resize:none;outline:none;} |
| 11 | | |
| 12 | | a:link, a:hover { |
| 13 | | color: #2B6FB6; |
| 14 | | } |
| 15 | | |
| 16 | | a:visited { |
| 17 | | color: #3C2BB6; |
| 18 | | } |
| 19 | | |
| 20 | | .nowrap {white-space: nowrap} |
| 21 | | |
| 22 | | /* Forms */ |
| 23 | | form {margin: 0;} |
| 24 | | fieldset {margin:0; padding:4px; border:1px solid #dfdfdf; font-family:Verdana, Arial; font-size:10px;} |
| 25 | | legend {color:#2B6FB6; font-weight:bold;} |
| 26 | | label.msg {display:none;} |
| 27 | | label.invalid {color:#EE0000; display:inline;} |
| 28 | | input.invalid {border:1px solid #EE0000;} |
| 29 | | input {background:#FFF; border:1px solid #dfdfdf;} |
| 30 | | input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} |
| 31 | | input, select, textarea {border:1px solid #dfdfdf;} |
| 32 | | input.radio {border:1px none #000000; background:transparent; vertical-align:middle;} |
| 33 | | input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;} |
| 34 | | .input_noborder {border:0;} |
| 35 | | |
| 36 | | /* Buttons */ |
| 37 | | #insert, |
| 38 | | #cancel, |
| 39 | | #apply, |
| 40 | | .mceActionPanel .button, |
| 41 | | input.mceButton, |
| 42 | | .updateButton { |
| 43 | | display: inline-block; |
| 44 | | text-decoration: none; |
| 45 | | border: 1px solid #adadad; |
| 46 | | margin: 0; |
| 47 | | padding: 0 10px 1px; |
| 48 | | font-size: 13px; |
| 49 | | height: 24px; |
| 50 | | line-height: 22px; |
| 51 | | color: #333; |
| 52 | | cursor: pointer; |
| 53 | | -webkit-border-radius: 3px; |
| 54 | | -webkit-appearance: none; |
| 55 | | border-radius: 3px; |
| 56 | | white-space: nowrap; |
| 57 | | -webkit-box-sizing: border-box; |
| 58 | | -moz-box-sizing: border-box; |
| 59 | | box-sizing: border-box; |
| 60 | | background: #fafafa; |
| 61 | | background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9)); |
| 62 | | background-image: -webkit-linear-gradient(top, #fafafa, #e9e9e9); |
| 63 | | background-image: -moz-linear-gradient(top, #fafafa, #e9e9e9); |
| 64 | | background-image: -o-linear-gradient(top, #fafafa, #e9e9e9); |
| 65 | | background-image: linear-gradient(to bottom, #fafafa, #e9e9e9); |
| 66 | | |
| 67 | | text-shadow: 0 1px 0 #fff; |
| 68 | | -webkit-box-shadow: inset 0 1px 0 #fff; |
| 69 | | -moz-box-shadow: inset 0 1px 0 #fff; |
| 70 | | box-shadow: inset 0 1px 0 #fff; |
| 71 | | } |
| 72 | | |
| 73 | | #insert { |
| 74 | | background: #2ea2cc; |
| 75 | | background: -webkit-gradient(linear, left top, left bottom, from(#2ea2cc), to(#1e8cbe)); |
| 76 | | background: -webkit-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%); |
| 77 | | background: linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%); |
| 78 | | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=0 ); |
| 79 | | border-color: #0074a2; |
| 80 | | -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
| 81 | | box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
| 82 | | color: #fff; |
| 83 | | text-decoration: none; |
| 84 | | text-shadow: 0 1px 0 rgba(0,86,132,0.7); |
| 85 | | } |
| 86 | | |
| 87 | | #cancel:hover, |
| 88 | | input.mceButton:hover, |
| 89 | | .updateButton:hover, |
| 90 | | #cancel:focus, |
| 91 | | input.mceButton:focus, |
| 92 | | .updateButton:focus { |
| 93 | | background: #f3f3f3; |
| 94 | | background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); |
| 95 | | background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); |
| 96 | | background-image: -moz-linear-gradient(top, #fff, #f3f3f3); |
| 97 | | background-image: -ms-linear-gradient(top, #fff, #f3f3f3); |
| 98 | | background-image: -o-linear-gradient(top, #fff, #f3f3f3); |
| 99 | | background-image: linear-gradient(to bottom, #fff, #f3f3f3); |
| 100 | | border-color: #999; |
| 101 | | color: #222; |
| 102 | | } |
| 103 | | |
| 104 | | #insert:hover, |
| 105 | | #insert:focus { |
| 106 | | background: #1e8cbe; |
| 107 | | background: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#0074a2)); |
| 108 | | background: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); |
| 109 | | background: linear-gradient(top, #1e8cbe 0%,#0074a2 100%); |
| 110 | | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8cbe', endColorstr='#0074a2',GradientType=0 ); |
| 111 | | border-color: #0074a2; |
| 112 | | -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
| 113 | | box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
| 114 | | color: #fff; |
| 115 | | } |
| 116 | | |
| 117 | | .mceActionPanel #insert { |
| 118 | | float: right; |
| 119 | | } |
| 120 | | |
| 121 | | /* Browse */ |
| 122 | | a.pickcolor, a.browse {text-decoration:none} |
| 123 | | a.browse span {display:block; width:20px; height:18px; border:1px solid #FFF; margin-left:1px;} |
| 124 | | .mceOldBoxModel a.browse span {width:22px; height:20px;} |
| 125 | | a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;} |
| 126 | | a.browse span.disabled {border:1px solid white; opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30);} |
| 127 | | a.browse:hover span.disabled {border:1px solid white; background-color:transparent;} |
| 128 | | a.pickcolor span {display:block; width:20px; height:16px; margin-left:2px;} |
| 129 | | .mceOldBoxModel a.pickcolor span {width:21px; height:17px;} |
| 130 | | a.pickcolor:hover span {background-color:#B2BBD0;} |
| 131 | | div.iframecontainer {background: #fff;} |
| 132 | | |
| 133 | | /* Charmap */ |
| 134 | | table.charmap {border:1px solid #AAA; text-align:center} |
| 135 | | td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;} |
| 136 | | #charmap a {display:block; color:#000; text-decoration:none; border:0} |
| 137 | | #charmap a:hover {background:#CCC;color:#2B6FB6} |
| 138 | | #charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center} |
| 139 | | #charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center} |
| 140 | | #charmap #charmapView {background-color:#fff;} |
| 141 | | |
| 142 | | /* Source */ |
| 143 | | .wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;} |
| 144 | | .mceActionPanel {margin-top:5px;} |
| 145 | | |
| 146 | | /* Tabs classes */ |
| 147 | | .tabs {width:100%; height:19px; line-height:normal; border-bottom: 1px solid #aaa;} |
| 148 | | .tabs ul {margin:0; padding:0; list-style:none;} |
| 149 | | .tabs li {float:left; border: 1px solid #aaa; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;} |
| 150 | | .tabs li.current {border-bottom: 1px solid #fff; margin-right:2px;} |
| 151 | | .tabs span {float:left; display:block; padding:0px 10px 0 0;} |
| 152 | | .tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;} |
| 153 | | .tabs a:link, .tabs a:visited, .tabs a:hover {color:black;} |
| 154 | | |
| 155 | | .wp-core-ui #tabs { |
| 156 | | padding-bottom: 5px; |
| 157 | | background-color: transparent; |
| 158 | | } |
| 159 | | |
| 160 | | .wp-core-ui #tabs a { |
| 161 | | padding: 6px 10px; |
| 162 | | margin: 0 2px; |
| 163 | | } |
| 164 | | |
| 165 | | /* Panels */ |
| 166 | | .panel_wrapper div.panel {display:none;} |
| 167 | | .panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;} |
| 168 | | .panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;} |
| 169 | | |
| 170 | | /* Columns */ |
| 171 | | .column {float:left;} |
| 172 | | .properties {width:100%;} |
| 173 | | .properties .column1 {} |
| 174 | | .properties .column2 {text-align:left;} |
| 175 | | |
| 176 | | /* Titles */ |
| 177 | | h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;} |
| 178 | | h3 {font-size:14px;} |
| 179 | | .title {font-size:12px; font-weight:bold; color:#2B6FB6;} |
| 180 | | |
| 181 | | /* Dialog specific */ |
| 182 | | #link .panel_wrapper, #link div.current {height:125px;} |
| 183 | | #image .panel_wrapper, #image div.current {height:200px;} |
| 184 | | #plugintable thead {font-weight:bold; background:#DDD;} |
| 185 | | #plugintable, #about #plugintable td {border:1px solid #919B9C;} |
| 186 | | #plugintable {width:96%; margin-top:10px;} |
| 187 | | #pluginscontainer {height:290px; overflow:auto;} |
| 188 | | #colorpicker #preview {display:inline-block; padding-left:40px; height:14px; border:1px solid black; margin-left:5px; margin-right: 5px} |
| 189 | | #colorpicker #previewblock {position: relative; top: -3px; padding-left:5px; padding-top: 0px; display:inline} |
| 190 | | #colorpicker #preview_wrapper {text-align:center; padding-top:4px; white-space: nowrap; float: right;} |
| 191 | | #colorpicker #insert, #colorpicker #cancel {width: 90px} |
| 192 | | #colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;} |
| 193 | | #colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;} |
| 194 | | #colorpicker #light div {overflow:hidden;} |
| 195 | | #colorpicker .panel_wrapper div.current {height:175px;} |
| 196 | | #colorpicker #namedcolors {width:150px;} |
| 197 | | #colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;} |
| 198 | | #colorpicker #colornamecontainer {margin-top:5px;} |
| 199 | | #colorpicker #picker_panel fieldset {margin:auto;width:325px;} |
| 200 | | |
| 201 | | |
| 202 | | /* Localization */ |
| 203 | | |
| 204 | | body[dir="rtl"], |
| 205 | | body[dir="rtl"] fieldset, |
| 206 | | body[dir="rtl"] input, body[dir="rtl"] select, body[dir="rtl"] textarea, |
| 207 | | body[dir="rtl"] #charmap #codeN, |
| 208 | | body[dir="rtl"] .tabs a { |
| 209 | | font-family: Tahoma, sans-serif; |
| 210 | | } |
| | 1 | /* Generic */ |
| | 2 | body { |
| | 3 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| | 4 | font-size:13px; |
| | 5 | background:#fcfcfc; |
| | 6 | padding:0; |
| | 7 | margin:8px 8px 0 8px; |
| | 8 | } |
| | 9 | |
| | 10 | textarea {resize:none;outline:none;} |
| | 11 | |
| | 12 | a:link, a:hover { |
| | 13 | color: #2B6FB6; |
| | 14 | } |
| | 15 | |
| | 16 | a:visited { |
| | 17 | color: #3C2BB6; |
| | 18 | } |
| | 19 | |
| | 20 | .nowrap {white-space: nowrap} |
| | 21 | |
| | 22 | /* Forms */ |
| | 23 | form {margin: 0;} |
| | 24 | fieldset {margin:0; padding:4px; border:1px solid #dfdfdf; font-family:Verdana, Arial; font-size:10px;} |
| | 25 | legend {color:#2B6FB6; font-weight:bold;} |
| | 26 | label.msg {display:none;} |
| | 27 | label.invalid {color:#EE0000; display:inline;} |
| | 28 | input.invalid {border:1px solid #EE0000;} |
| | 29 | input {background:#FFF; border:1px solid #dfdfdf;} |
| | 30 | input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} |
| | 31 | input, select, textarea {border:1px solid #dfdfdf;} |
| | 32 | input.radio {border:1px none #000000; background:transparent; vertical-align:middle;} |
| | 33 | input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;} |
| | 34 | .input_noborder {border:0;} |
| | 35 | |
| | 36 | /* Buttons */ |
| | 37 | #insert, |
| | 38 | #cancel, |
| | 39 | #apply, |
| | 40 | .mceActionPanel .button, |
| | 41 | input.mceButton, |
| | 42 | .updateButton { |
| | 43 | display: inline-block; |
| | 44 | text-decoration: none; |
| | 45 | border: 1px solid #adadad; |
| | 46 | margin: 0; |
| | 47 | padding: 0 10px 1px; |
| | 48 | font-size: 13px; |
| | 49 | height: 24px; |
| | 50 | line-height: 22px; |
| | 51 | color: #333; |
| | 52 | cursor: pointer; |
| | 53 | -webkit-border-radius: 3px; |
| | 54 | -webkit-appearance: none; |
| | 55 | border-radius: 3px; |
| | 56 | white-space: nowrap; |
| | 57 | -webkit-box-sizing: border-box; |
| | 58 | -moz-box-sizing: border-box; |
| | 59 | box-sizing: border-box; |
| | 60 | background: #fafafa; |
| | 61 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9)); |
| | 62 | background-image: -webkit-linear-gradient(top, #fafafa, #e9e9e9); |
| | 63 | background-image: -moz-linear-gradient(top, #fafafa, #e9e9e9); |
| | 64 | background-image: -o-linear-gradient(top, #fafafa, #e9e9e9); |
| | 65 | background-image: linear-gradient(to bottom, #fafafa, #e9e9e9); |
| | 66 | |
| | 67 | text-shadow: 0 1px 0 #fff; |
| | 68 | -webkit-box-shadow: inset 0 1px 0 #fff; |
| | 69 | -moz-box-shadow: inset 0 1px 0 #fff; |
| | 70 | box-shadow: inset 0 1px 0 #fff; |
| | 71 | } |
| | 72 | |
| | 73 | #insert { |
| | 74 | background: #2ea2cc; |
| | 75 | background: -webkit-gradient(linear, left top, left bottom, from(#2ea2cc), to(#1e8cbe)); |
| | 76 | background: -webkit-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%); |
| | 77 | background: linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%); |
| | 78 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=0 ); |
| | 79 | border-color: #0074a2; |
| | 80 | -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
| | 81 | box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
| | 82 | color: #fff; |
| | 83 | text-decoration: none; |
| | 84 | text-shadow: 0 1px 0 rgba(0,86,132,0.7); |
| | 85 | } |
| | 86 | |
| | 87 | #cancel:hover, |
| | 88 | input.mceButton:hover, |
| | 89 | .updateButton:hover, |
| | 90 | #cancel:focus, |
| | 91 | input.mceButton:focus, |
| | 92 | .updateButton:focus { |
| | 93 | background: #f3f3f3; |
| | 94 | background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); |
| | 95 | background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); |
| | 96 | background-image: -moz-linear-gradient(top, #fff, #f3f3f3); |
| | 97 | background-image: -ms-linear-gradient(top, #fff, #f3f3f3); |
| | 98 | background-image: -o-linear-gradient(top, #fff, #f3f3f3); |
| | 99 | background-image: linear-gradient(to bottom, #fff, #f3f3f3); |
| | 100 | border-color: #999; |
| | 101 | color: #222; |
| | 102 | } |
| | 103 | |
| | 104 | #insert:hover, |
| | 105 | #insert:focus { |
| | 106 | background: #1e8cbe; |
| | 107 | background: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#0074a2)); |
| | 108 | background: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%); |
| | 109 | background: linear-gradient(top, #1e8cbe 0%,#0074a2 100%); |
| | 110 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8cbe', endColorstr='#0074a2',GradientType=0 ); |
| | 111 | border-color: #0074a2; |
| | 112 | -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
| | 113 | box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
| | 114 | color: #fff; |
| | 115 | } |
| | 116 | |
| | 117 | .mceActionPanel #insert { |
| | 118 | float: right; |
| | 119 | } |
| | 120 | |
| | 121 | /* Browse */ |
| | 122 | a.pickcolor, a.browse {text-decoration:none} |
| | 123 | a.browse span {display:block; width:20px; height:18px; border:1px solid #FFF; margin-left:1px;} |
| | 124 | .mceOldBoxModel a.browse span {width:22px; height:20px;} |
| | 125 | a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;} |
| | 126 | a.browse span.disabled {border:1px solid white; opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30);} |
| | 127 | a.browse:hover span.disabled {border:1px solid white; background-color:transparent;} |
| | 128 | a.pickcolor span {display:block; width:20px; height:16px; margin-left:2px;} |
| | 129 | .mceOldBoxModel a.pickcolor span {width:21px; height:17px;} |
| | 130 | a.pickcolor:hover span {background-color:#B2BBD0;} |
| | 131 | div.iframecontainer {background: #fff;} |
| | 132 | |
| | 133 | /* Charmap */ |
| | 134 | table.charmap {border:1px solid #AAA; text-align:center} |
| | 135 | td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;} |
| | 136 | #charmap a {display:block; color:#000; text-decoration:none; border:0} |
| | 137 | #charmap a:hover {background:#CCC;color:#2B6FB6} |
| | 138 | #charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center} |
| | 139 | #charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center} |
| | 140 | #charmap #charmapView {background-color:#fff;} |
| | 141 | |
| | 142 | /* Source */ |
| | 143 | .wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;} |
| | 144 | .mceActionPanel {margin-top:5px;} |
| | 145 | |
| | 146 | /* Tabs classes */ |
| | 147 | .tabs {width:100%; height:19px; line-height:normal; border-bottom: 1px solid #aaa;} |
| | 148 | .tabs ul {margin:0; padding:0; list-style:none;} |
| | 149 | .tabs li {float:left; border: 1px solid #aaa; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;} |
| | 150 | .tabs li.current {border-bottom: 1px solid #fff; margin-right:2px;} |
| | 151 | .tabs span {float:left; display:block; padding:0px 10px 0 0;} |
| | 152 | .tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;} |
| | 153 | .tabs a:link, .tabs a:visited, .tabs a:hover {color:black;} |
| | 154 | |
| | 155 | .wp-core-ui #tabs { |
| | 156 | padding-bottom: 5px; |
| | 157 | background-color: transparent; |
| | 158 | } |
| | 159 | |
| | 160 | .wp-core-ui #tabs a { |
| | 161 | padding: 6px 10px; |
| | 162 | margin: 0 2px; |
| | 163 | } |
| | 164 | |
| | 165 | /* Panels */ |
| | 166 | .panel_wrapper div.panel {display:none;} |
| | 167 | .panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;} |
| | 168 | .panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;} |
| | 169 | |
| | 170 | /* Columns */ |
| | 171 | .column {float:left;} |
| | 172 | .properties {width:100%;} |
| | 173 | .properties .column1 {} |
| | 174 | .properties .column2 {text-align:left;} |
| | 175 | |
| | 176 | /* Titles */ |
| | 177 | h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;} |
| | 178 | h3 {font-size:14px;} |
| | 179 | .title {font-size:12px; font-weight:bold; color:#2B6FB6;} |
| | 180 | |
| | 181 | /* Dialog specific */ |
| | 182 | #link .panel_wrapper, #link div.current {height:125px;} |
| | 183 | #image .panel_wrapper, #image div.current {height:200px;} |
| | 184 | #plugintable thead {font-weight:bold; background:#DDD;} |
| | 185 | #plugintable, #about #plugintable td {border:1px solid #919B9C;} |
| | 186 | #plugintable {width:96%; margin-top:10px;} |
| | 187 | #pluginscontainer {height:290px; overflow:auto;} |
| | 188 | #colorpicker #preview {display:inline-block; padding-left:40px; height:14px; border:1px solid black; margin-left:5px; margin-right: 5px} |
| | 189 | #colorpicker #previewblock {position: relative; top: -3px; padding-left:5px; padding-top: 0px; display:inline} |
| | 190 | #colorpicker #preview_wrapper {text-align:center; padding-top:4px; white-space: nowrap; float: right;} |
| | 191 | #colorpicker #insert, #colorpicker #cancel {width: 90px} |
| | 192 | #colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;} |
| | 193 | #colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;} |
| | 194 | #colorpicker #light div {overflow:hidden;} |
| | 195 | #colorpicker .panel_wrapper div.current {height:175px;} |
| | 196 | #colorpicker #namedcolors {width:150px;} |
| | 197 | #colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;} |
| | 198 | #colorpicker #colornamecontainer {margin-top:5px;} |
| | 199 | #colorpicker #picker_panel fieldset {margin:auto;width:325px;} |
| | 200 | |
| | 201 | |
| | 202 | /* Localization */ |
| | 203 | |
| | 204 | body[dir="rtl"], |
| | 205 | body[dir="rtl"] fieldset, |
| | 206 | body[dir="rtl"] input, body[dir="rtl"] select, body[dir="rtl"] textarea, |
| | 207 | body[dir="rtl"] #charmap #codeN, |
| | 208 | body[dir="rtl"] .tabs a { |
| | 209 | font-family: Tahoma, sans-serif; |
| | 210 | } |