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 | } |