Styles - Version 0.5.2

Version Description

  • Fix display of icons in cases where WordPress is installed in a subdirectory or wp-content is moved. Fixes http://bit.ly/Jc7oyd
Download this release

Release Info

Developer brainstormmedia
Plugin Icon Styles
Version 0.5.2
Comparing to
See all releases

Code changes from version 0.5.1.1 to 0.5.2

Files changed (5) hide show
  1. classes/storm-styles.php +1 -1
  2. css/admin.css +279 -82
  3. css/admin.scss +2 -2
  4. readme.txt +11 -3
  5. styles.php +1 -1
classes/storm-styles.php CHANGED
@@ -12,7 +12,7 @@ class Storm_Styles {
12
  *
13
  * @var int
14
  **/
15
- var $version = '0.5.1.1';
16
 
17
  /**
18
  * Plugin DB version
12
  *
13
  * @var int
14
  **/
15
+ var $version = '0.5.2';
16
 
17
  /**
18
  * Plugin DB version
css/admin.css CHANGED
@@ -1,86 +1,283 @@
1
- .styles-admin { /* Gradient Picker */ /* Background Picker */ /* Image Picker */ /* Color Picker */ /* Font Picker */ /* Slider */ /* General */ /* Yoast */ /* END Yoast */ }
2
- .styles-admin .primary { width: 70%; }
3
- .styles-admin .secondary { width: 20%; }
4
- .styles-admin .gradPicker { width: 327px; position: relative; }
5
- .styles-admin .gradPicker .presets { width: 500px; display: block; height: 32px; margin-bottom: 6px; }
6
- .styles-admin .gradPicker .presets li { display: block; width: 30px; height: 30px; float: left; margin: 0 1px 1px 0; border: 1px solid #ccc; }
7
- .styles-admin .stop-markers { position: relative; height: 30px; }
8
- .styles-admin .stop-markers .ui-slider { position: absolute; top: 10px; left: 0; height: 0px; border: none; background-image: url(); }
9
- .styles-admin .stop-markers .ui-slider a { background-image: url(); border: 1px solid #999; border-radius: 0 0 2px 2px; width: 11px; height: 11px; margin-left: -0.39em; text-indent: -9999px; }
10
- .styles-admin .stop-markers .ui-slider a:before { /* Black arrow */ content: "<div/>"; width: 0; height: 0; position: absolute; top: -7px; left: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #999; }
11
- .styles-admin .stop-markers .ui-slider a:after { /* White arrow */ content: "<div/>"; width: 0; height: 0; position: absolute; top: -5px; left: 2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fff; }
12
- .styles-admin .grad-preview { height: 30px; display: block; border: 1px solid #ccc; }
13
- .styles-admin .stop-markers, .styles-admin .grad-preview, .styles-admin .stop-markers .ui-slider { width: 100%; }
14
- .styles-admin .stop-markers { cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNq8VAEKwCAITOn%2FX3ZzTBCxUicTBsvsOO9EIKJhAwCe5H0H4xBvLQgOegV8yZ8AZwJHc8zKI4c53bk6IGNqMH3GCJuMlkeG4p4G1e5Lq1KXatmCM7AdrbLLq7FC0agycx7oXOmk8%2FY%2FPNjRR7s6ZFHFqY5AcasLFDPtpAC7WH7aNkxgO9gdLNv3oWdKiKXX7r8bu6rlJcAA9ZRfMt5oHoIAAAAASUVORK5CYII%3D") 5 0, pointer; }
15
- .styles-admin .macos .stop-markers { cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy%2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAelJREFUeNqMVDuPAVEYvbNEtYlniMRGiKg2NAoS2caj8Af8AL0foVdJVAqNBA2VxFYahQrR2ERCsokQCrG7xGu%2F%2Fe63TBgzEyc5zsx9nHvvd%2BZ6AgAmpdFoBMb4430f5xWcyI%2Bz%2FkM6OB6PwwVKplcwIX%2FOStAyCfr9PnsAfEdPyBfkF%2FIV%2BYn8vTPUaDSPGL4jn%2FlwpAVZRZ6Q33LHuTmyVqsldTqdEIvFzs20QxfyDTk7q4vapYY%2Bn080DAaD0Gw26TkQCIiLhMNhUKohmUQiETEAQRBo4ul0glwuJ5qn02nSUChEajabQTZlvhpHt9slU7fbDY9A8Qvw%2B%2F0wHo%2BlAwmdToe01WrB8XiEdrtN75PJRNmwWCyC1%2BuF9XpNg3e7HelyuQSTyUTtHo%2BH2iwWC%2BlgMFA25D%2BVSgUSicTNkWazGdXpcDjQ5Ol0Cna7nfqy2ay6IafNZqM6XrBYLOASkMPhgNVqBQaDQSxLrVZTNyyVSqDX66HX64mm%2BXyeNJVKkWYyGeAlUr3n1y%2FVahWsVisMh0PVdOv1uqKhILnsFFK5XGaFQoHpdDo2n8%2FZfr9no9GIYSgsGo3yiYLipZRbhdeTd8mRB6i0O9kdcjQaDdhut2yz2TC8y0RMnGFQLJlMCmr%2FGn8CDADjZb9gHU6eaQAAAABJRU5ErkJggg%3D%3D") 5 0, pointer; }
16
- .styles-admin .bgPicker .data { display: none; }
17
- .styles-admin .bgPicker .data label { display: block; }
18
- .styles-admin .bgPicker .types a { background: url(/wp-content/plugins/styles/css/bg-sprites.png) no-repeat 3px 4px; text-indent: -9999px; overflow: hidden; display: inline-block; width: 16px; height: 12px; padding: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
19
- .styles-admin .bgPicker .types a.active, .styles-admin .bgPicker .types a:hover { background-color: #C1E7FF; }
20
- .styles-admin .bgPicker .types a[data-type="gradient"] { background-position: -47px 4px; }
21
- .styles-admin .bgPicker .types a[data-type="bg_color"] { background-position: -97px 4px; }
22
- .styles-admin .bgPicker .types a[data-type="transparent"] { background-position: -147px 4px; }
23
- .styles-admin .bgPicker .types a[data-type="hide"] { background-position: -197px 4px; }
24
- .styles-admin .bgPicker .types a[data-type="font"] { background-position: -247px 4px; }
25
- .styles-admin .background-image { display: none; }
26
- .styles-admin .pds_image .current { margin-bottom: 5px; }
27
- .styles-admin .pds_image .current img { height: 80px; }
28
- .styles-admin .pds_image .pds_image_input { width: 60%; }
29
- .styles-admin .imagePreview { max-height: 80px; display: block; margin: 10px; }
30
- .styles-admin .colorPicker { width: 20px; height: 20px; border: 4px solid #ccc; border-radius: 4px; }
31
- .styles-admin .pds_color_input { width: 20px; font-size: 9px; text-transform: uppercase; }
32
- .styles-admin .ui table.jPicker { background: transparent; border: 0px none transparent; }
33
- .styles-admin .font { display: none; }
34
- .styles-admin .pds_font_select option { text-indent: 10px; }
35
- .styles-admin .pds_font_select option.label { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #666; font-style: normal; font-weight: normal; text-indent: 0; margin-top: 10px; }
36
- .styles-admin .pds_font_select option.first { margin-top: 0; }
37
- .styles-admin .value-toggle { background: transparent url(/wp-content/plugins/styles/css/font-sprites.png) no-repeat 6px 6px; width: 9px; height: 12px; padding: 6px; text-indent: -9999px; overflow: hidden; display: inline-block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; top: 9px; }
38
- .styles-admin .font-weight { width: 9px; height: 12px; }
39
- .styles-admin .font-style { background-position: -13px 6px; }
40
- .styles-admin .font-weight-bold, .styles-admin .font-style-italic { background-color: #C1E7FF; }
41
- .styles-admin .text-transform { background-position: -57px 6px; }
42
- .styles-admin .text-transform:hover { background-color: #C1E7FF; }
43
- .styles-admin .text-transform-uppercase { background-position: -77px 6px; }
44
- .styles-admin .text-transform-lowercase { background-position: -96px 6px; }
45
- .styles-admin .line-height { background-position: -114px 6px; }
46
- .styles-admin .line-height:hover { background-color: #C1E7FF; }
47
- .styles-admin .line-height-125 { background-position: -134px 6px; }
48
- .styles-admin .line-height-15 { background-position: -154px 6px; }
49
- .styles-admin .line-height-175 { background-position: -174px 6px; }
50
- .styles-admin .line-height-2 { background-position: -194px 6px; }
51
- .styles-admin .pds_slider_ui { width: 200px; display: none; }
52
- .styles-admin .notice { background-color: #ffebe8; border-color: #c00; border-width: 1px; border-style: solid; padding: 0 0.6em; margin: 5px 15px 2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 5px 0 15px; }
53
- .styles-admin .notice a { color: #c00; }
54
- .styles-admin .notice p { margin: 0.5em 0; line-height: 1; padding: 2px; }
55
- .styles-admin img.waiting { display: none; }
56
- .styles-admin small { font-weight: normal; color: #777; }
57
- .styles-admin .inside ul { margin-left: 20px; }
58
- .styles-admin .inside ul li { list-style: square; line-height: 16px; }
59
- .styles-admin .inside ul li.rss { list-style-image: url(/wp-includes/images/rss.png); }
60
- .styles-admin .inside ul li.email { list-style-image: url(http://cdn.yoast.com/email_sub.png); }
61
- .styles-admin .inside .text { width: 250px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62
 
63
  /* END StormStyles */
64
  /* Color Picker */
65
- table.jPicker { line-height: 1; padding: 0; width: 290px; }
66
- table.jPicker input, table.jPicker textarea, table.jPicker select { padding: 0; }
67
- table.jPicker .Title { display: none; }
68
- table.jPicker .Map { margin-top: 22px; }
69
- table.jPicker td.Radio { width: 45px; }
70
- table.jPicker td.Text input { height: 21px; padding: 3px; width: 37px; }
71
- table.jPicker .AHex { display: none; }
72
- table.jPicker .Button hr { display: none; }
73
- table.jPicker .Grid { display: none; }
74
- table.jPicker div.Map { width: 128px; height: 128px; }
75
- table.jPicker div.Bar { width: 20px; height: 128px; }
76
- table.jPicker tr.Hue, table.jPicker tr.Saturation, table.jPicker tr.Value { display: none; }
77
- table.jPicker .Preview { text-align: left; padding-left: 20px; }
78
- table.jPicker .Preview div { width: 32px; height: 18px; margin: 0; }
79
- table.jPicker .Preview div span { width: 14px; height: 17px; float: left; }
80
- table.jPicker td.Radio { width: 14px; }
81
- table.jPicker input[type="radio"] { display: none; }
82
- table.jPicker input { font-family: Courier, monospace; font-size: 11px; }
83
- table.jPicker input.Hex { margin-left: 12px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
84
 
85
- @media only screen and (max-width:768px) { .styles-admin .primary { width: 100%; }
86
- .styles-admin .secondary { display: none; } }
 
 
 
1
+ .styles-admin {
2
+ /* Gradient Picker */
3
+ /* Background Picker */
4
+ /* Image Picker */
5
+ /* Color Picker */
6
+ /* Font Picker */
7
+ /* Slider */
8
+ /* General */
9
+ /* Yoast */
10
+ /* END Yoast */ }
11
+ .styles-admin .primary {
12
+ width: 70%; }
13
+ .styles-admin .secondary {
14
+ width: 20%; }
15
+ .styles-admin .gradPicker {
16
+ width: 327px;
17
+ position: relative; }
18
+ .styles-admin .gradPicker .presets {
19
+ width: 500px;
20
+ display: block;
21
+ height: 32px;
22
+ margin-bottom: 6px; }
23
+ .styles-admin .gradPicker .presets li {
24
+ display: block;
25
+ width: 30px;
26
+ height: 30px;
27
+ float: left;
28
+ margin: 0 1px 1px 0;
29
+ border: 1px solid #ccc; }
30
+ .styles-admin .stop-markers {
31
+ position: relative;
32
+ height: 30px; }
33
+ .styles-admin .stop-markers .ui-slider {
34
+ position: absolute;
35
+ top: 10px;
36
+ left: 0;
37
+ height: 0px;
38
+ border: none;
39
+ background-image: url(); }
40
+ .styles-admin .stop-markers .ui-slider a {
41
+ background-image: url();
42
+ border: 1px solid #999;
43
+ border-radius: 0 0 2px 2px;
44
+ width: 11px;
45
+ height: 11px;
46
+ margin-left: -0.39em;
47
+ text-indent: -9999px; }
48
+ .styles-admin .stop-markers .ui-slider a:before {
49
+ /* Black arrow */
50
+ content: "<div/>";
51
+ width: 0;
52
+ height: 0;
53
+ position: absolute;
54
+ top: -7px;
55
+ left: 0px;
56
+ border-left: 6px solid transparent;
57
+ border-right: 6px solid transparent;
58
+ border-bottom: 6px solid #999; }
59
+ .styles-admin .stop-markers .ui-slider a:after {
60
+ /* White arrow */
61
+ content: "<div/>";
62
+ width: 0;
63
+ height: 0;
64
+ position: absolute;
65
+ top: -5px;
66
+ left: 2px;
67
+ border-left: 4px solid transparent;
68
+ border-right: 4px solid transparent;
69
+ border-bottom: 4px solid #fff; }
70
+ .styles-admin .grad-preview {
71
+ height: 30px;
72
+ display: block;
73
+ border: 1px solid #ccc; }
74
+ .styles-admin .stop-markers, .styles-admin .grad-preview, .styles-admin .stop-markers .ui-slider {
75
+ width: 100%; }
76
+ .styles-admin .stop-markers {
77
+ cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNq8VAEKwCAITOn%2FX3ZzTBCxUicTBsvsOO9EIKJhAwCe5H0H4xBvLQgOegV8yZ8AZwJHc8zKI4c53bk6IGNqMH3GCJuMlkeG4p4G1e5Lq1KXatmCM7AdrbLLq7FC0agycx7oXOmk8%2FY%2FPNjRR7s6ZFHFqY5AcasLFDPtpAC7WH7aNkxgO9gdLNv3oWdKiKXX7r8bu6rlJcAA9ZRfMt5oHoIAAAAASUVORK5CYII%3D") 5 0, pointer; }
78
+ .styles-admin .macos .stop-markers {
79
+ cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy%2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAelJREFUeNqMVDuPAVEYvbNEtYlniMRGiKg2NAoS2caj8Af8AL0foVdJVAqNBA2VxFYahQrR2ERCsokQCrG7xGu%2F%2Fe63TBgzEyc5zsx9nHvvd%2BZ6AgAmpdFoBMb4430f5xWcyI%2Bz%2FkM6OB6PwwVKplcwIX%2FOStAyCfr9PnsAfEdPyBfkF%2FIV%2BYn8vTPUaDSPGL4jn%2FlwpAVZRZ6Q33LHuTmyVqsldTqdEIvFzs20QxfyDTk7q4vapYY%2Bn080DAaD0Gw26TkQCIiLhMNhUKohmUQiETEAQRBo4ul0glwuJ5qn02nSUChEajabQTZlvhpHt9slU7fbDY9A8Qvw%2B%2F0wHo%2BlAwmdToe01WrB8XiEdrtN75PJRNmwWCyC1%2BuF9XpNg3e7HelyuQSTyUTtHo%2BH2iwWC%2BlgMFA25D%2BVSgUSicTNkWazGdXpcDjQ5Ol0Cna7nfqy2ay6IafNZqM6XrBYLOASkMPhgNVqBQaDQSxLrVZTNyyVSqDX66HX64mm%2BXyeNJVKkWYyGeAlUr3n1y%2FVahWsVisMh0PVdOv1uqKhILnsFFK5XGaFQoHpdDo2n8%2FZfr9no9GIYSgsGo3yiYLipZRbhdeTd8mRB6i0O9kdcjQaDdhut2yz2TC8y0RMnGFQLJlMCmr%2FGn8CDADjZb9gHU6eaQAAAABJRU5ErkJggg%3D%3D") 5 0, pointer; }
80
+ .styles-admin .bgPicker .data {
81
+ display: none; }
82
+ .styles-admin .bgPicker .data label {
83
+ display: block; }
84
+ .styles-admin .bgPicker .types a {
85
+ background: url(bg-sprites.png) no-repeat 3px 4px;
86
+ text-indent: -9999px;
87
+ overflow: hidden;
88
+ display: inline-block;
89
+ width: 16px;
90
+ height: 12px;
91
+ padding: 3px;
92
+ -moz-border-radius: 3px;
93
+ -khtml-border-radius: 3px;
94
+ -webkit-border-radius: 3px;
95
+ border-radius: 3px; }
96
+ .styles-admin .bgPicker .types a.active, .styles-admin .bgPicker .types a:hover {
97
+ background-color: #C1E7FF; }
98
+ .styles-admin .bgPicker .types a[data-type="gradient"] {
99
+ background-position: -47px 4px; }
100
+ .styles-admin .bgPicker .types a[data-type="bg_color"] {
101
+ background-position: -97px 4px; }
102
+ .styles-admin .bgPicker .types a[data-type="transparent"] {
103
+ background-position: -147px 4px; }
104
+ .styles-admin .bgPicker .types a[data-type="hide"] {
105
+ background-position: -197px 4px; }
106
+ .styles-admin .bgPicker .types a[data-type="font"] {
107
+ background-position: -247px 4px; }
108
+ .styles-admin .background-image {
109
+ display: none; }
110
+ .styles-admin .pds_image .current {
111
+ margin-bottom: 5px; }
112
+ .styles-admin .pds_image .current img {
113
+ height: 80px; }
114
+ .styles-admin .pds_image .pds_image_input {
115
+ width: 60%; }
116
+ .styles-admin .imagePreview {
117
+ max-height: 80px;
118
+ display: block;
119
+ margin: 10px; }
120
+ .styles-admin .colorPicker {
121
+ width: 20px;
122
+ height: 20px;
123
+ border: 4px solid #ccc;
124
+ border-radius: 4px; }
125
+ .styles-admin .pds_color_input {
126
+ width: 20px;
127
+ font-size: 9px;
128
+ text-transform: uppercase; }
129
+ .styles-admin .ui table.jPicker {
130
+ background: transparent;
131
+ border: 0px none transparent; }
132
+ .styles-admin .font {
133
+ display: none; }
134
+ .styles-admin .pds_font_select option {
135
+ text-indent: 10px; }
136
+ .styles-admin .pds_font_select option.label {
137
+ font-family: Helvetica, Arial, sans-serif;
138
+ font-size: 11px;
139
+ color: #666;
140
+ font-style: normal;
141
+ font-weight: normal;
142
+ text-indent: 0;
143
+ margin-top: 10px; }
144
+ .styles-admin .pds_font_select option.first {
145
+ margin-top: 0; }
146
+ .styles-admin .value-toggle {
147
+ background: transparent url(font-sprites.png) no-repeat 6px 6px;
148
+ width: 9px;
149
+ height: 12px;
150
+ padding: 6px;
151
+ text-indent: -9999px;
152
+ overflow: hidden;
153
+ display: inline-block;
154
+ -moz-border-radius: 3px;
155
+ -khtml-border-radius: 3px;
156
+ -webkit-border-radius: 3px;
157
+ border-radius: 3px;
158
+ position: relative;
159
+ top: 9px; }
160
+ .styles-admin .font-weight {
161
+ width: 9px;
162
+ height: 12px; }
163
+ .styles-admin .font-style {
164
+ background-position: -13px 6px; }
165
+ .styles-admin .font-weight-bold,
166
+ .styles-admin .font-style-italic {
167
+ background-color: #C1E7FF; }
168
+ .styles-admin .text-transform {
169
+ background-position: -57px 6px; }
170
+ .styles-admin .text-transform:hover {
171
+ background-color: #C1E7FF; }
172
+ .styles-admin .text-transform-uppercase {
173
+ background-position: -77px 6px; }
174
+ .styles-admin .text-transform-lowercase {
175
+ background-position: -96px 6px; }
176
+ .styles-admin .line-height {
177
+ background-position: -114px 6px; }
178
+ .styles-admin .line-height:hover {
179
+ background-color: #C1E7FF; }
180
+ .styles-admin .line-height-125 {
181
+ background-position: -134px 6px; }
182
+ .styles-admin .line-height-15 {
183
+ background-position: -154px 6px; }
184
+ .styles-admin .line-height-175 {
185
+ background-position: -174px 6px; }
186
+ .styles-admin .line-height-2 {
187
+ background-position: -194px 6px; }
188
+ .styles-admin .pds_slider_ui {
189
+ width: 200px;
190
+ display: none; }
191
+ .styles-admin .notice {
192
+ background-color: #ffebe8;
193
+ border-color: #c00;
194
+ border-width: 1px;
195
+ border-style: solid;
196
+ padding: 0 0.6em;
197
+ margin: 5px 15px 2px;
198
+ -moz-border-radius: 3px;
199
+ -khtml-border-radius: 3px;
200
+ -webkit-border-radius: 3px;
201
+ border-radius: 3px;
202
+ margin: 5px 0 15px; }
203
+ .styles-admin .notice a {
204
+ color: #c00; }
205
+ .styles-admin .notice p {
206
+ margin: 0.5em 0;
207
+ line-height: 1;
208
+ padding: 2px; }
209
+ .styles-admin img.waiting {
210
+ display: none; }
211
+ .styles-admin small {
212
+ font-weight: normal;
213
+ color: #777; }
214
+ .styles-admin .inside ul {
215
+ margin-left: 20px; }
216
+ .styles-admin .inside ul li {
217
+ list-style: square;
218
+ line-height: 16px; }
219
+ .styles-admin .inside ul li.rss {
220
+ list-style-image: url(/wp-includes/images/rss.png); }
221
+ .styles-admin .inside ul li.email {
222
+ list-style-image: url(http://cdn.yoast.com/email_sub.png); }
223
+ .styles-admin .inside .text {
224
+ width: 250px; }
225
 
226
  /* END StormStyles */
227
  /* Color Picker */
228
+ table.jPicker {
229
+ line-height: 1;
230
+ padding: 0;
231
+ width: 290px; }
232
+ table.jPicker input, table.jPicker textarea, table.jPicker select {
233
+ padding: 0; }
234
+ table.jPicker .Title {
235
+ display: none; }
236
+ table.jPicker .Map {
237
+ margin-top: 22px; }
238
+ table.jPicker td.Radio {
239
+ width: 45px; }
240
+ table.jPicker td.Text input {
241
+ height: 21px;
242
+ padding: 3px;
243
+ width: 37px; }
244
+ table.jPicker .AHex {
245
+ display: none; }
246
+ table.jPicker .Button hr {
247
+ display: none; }
248
+ table.jPicker .Grid {
249
+ display: none; }
250
+ table.jPicker div.Map {
251
+ width: 128px;
252
+ height: 128px; }
253
+ table.jPicker div.Bar {
254
+ width: 20px;
255
+ height: 128px; }
256
+ table.jPicker tr.Hue, table.jPicker tr.Saturation, table.jPicker tr.Value {
257
+ display: none; }
258
+ table.jPicker .Preview {
259
+ text-align: left;
260
+ padding-left: 20px; }
261
+ table.jPicker .Preview div {
262
+ width: 32px;
263
+ height: 18px;
264
+ margin: 0; }
265
+ table.jPicker .Preview div span {
266
+ width: 14px;
267
+ height: 17px;
268
+ float: left; }
269
+ table.jPicker td.Radio {
270
+ width: 14px; }
271
+ table.jPicker input[type="radio"] {
272
+ display: none; }
273
+ table.jPicker input {
274
+ font-family: Courier, monospace;
275
+ font-size: 11px; }
276
+ table.jPicker input.Hex {
277
+ margin-left: 12px; }
278
 
279
+ @media only screen and (max-width:768px) {
280
+ .styles-admin .primary {
281
+ width: 100%; }
282
+ .styles-admin .secondary {
283
+ display: none; } }
css/admin.scss CHANGED
@@ -75,7 +75,7 @@
75
  }
76
  .types {
77
  a {
78
- background: url(/wp-content/plugins/styles/css/bg-sprites.png) no-repeat 3px 4px;
79
  text-indent: -9999px;
80
  overflow:hidden;
81
  display:inline-block;
@@ -170,7 +170,7 @@
170
  }
171
 
172
  .value-toggle {
173
- background: transparent url(/wp-content/plugins/styles/css/font-sprites.png) no-repeat 6px 6px;
174
  width: 9px;
175
  height: 12px;
176
  padding: 6px;
75
  }
76
  .types {
77
  a {
78
+ background: url(bg-sprites.png) no-repeat 3px 4px;
79
  text-indent: -9999px;
80
  overflow:hidden;
81
  display:inline-block;
170
  }
171
 
172
  .value-toggle {
173
+ background: transparent url(font-sprites.png) no-repeat 6px 6px;
174
  width: 9px;
175
  height: 12px;
176
  padding: 6px;
readme.txt CHANGED
@@ -5,8 +5,8 @@ Author URI: http://brainstormmedia.com
5
  Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FD4GKBGQFUZC8
6
  Tags: css, stylesheet, scss, sass, scaffold, less, admin, gui, color picker, gradient, image upload, google fonts, user interface, twentyten, twentyeleven
7
  Requires at least: 3.1
8
- Tested up to: 3.3.1
9
- Stable tag: 0.5.1.1
10
 
11
  Change the appearance of supported themes using zero code. Creates appearance options for images, colors, gradients, and fonts.
12
 
@@ -52,7 +52,7 @@ This plugin requires [PHP 5.2](https://codex.wordpress.org/Switching_to_PHP5), t
52
  3. Background color picker.
53
  4. Google Fonts and other typographic settings.
54
 
55
- == FAQ ==
56
 
57
  = What features do you plan to charge for? =
58
 
@@ -80,6 +80,9 @@ For general purpose CSS processing, you'll be much better off using one of the m
80
 
81
  == Changelog ==
82
 
 
 
 
83
  = 0.5.1.1 =
84
  * Fix transparent background option
85
  * Fix display of unavailable theme options
@@ -108,6 +111,11 @@ For general purpose CSS processing, you'll be much better off using one of the m
108
  = 0.4.0 =
109
  * Initial public release.
110
 
 
 
 
 
 
111
  == License ==
112
 
113
  Copyright 2011 Brainstorm Media - Released under the GNU General Public License
5
  Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FD4GKBGQFUZC8
6
  Tags: css, stylesheet, scss, sass, scaffold, less, admin, gui, color picker, gradient, image upload, google fonts, user interface, twentyten, twentyeleven
7
  Requires at least: 3.1
8
+ Tested up to: 3.4
9
+ Stable tag: 0.5.2
10
 
11
  Change the appearance of supported themes using zero code. Creates appearance options for images, colors, gradients, and fonts.
12
 
52
  3. Background color picker.
53
  4. Google Fonts and other typographic settings.
54
 
55
+ == Frequently Asked Questions ==
56
 
57
  = What features do you plan to charge for? =
58
 
80
 
81
  == Changelog ==
82
 
83
+ = 0.5.2 =
84
+ * Fix display of icons in cases where WordPress is installed in a subdirectory or wp-content is moved. Fixes http://bit.ly/Jc7oyd
85
+
86
  = 0.5.1.1 =
87
  * Fix transparent background option
88
  * Fix display of unavailable theme options
111
  = 0.4.0 =
112
  * Initial public release.
113
 
114
+ == Upgrade Notice ==
115
+
116
+ * Fix transparent background option
117
+ * Fix display of unavailable theme options
118
+
119
  == License ==
120
 
121
  Copyright 2011 Brainstorm Media - Released under the GNU General Public License
styles.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Styles
4
  Plugin URI: http://stylesplugin.com
5
  Description: Change the appearance of your theme using the WordPress admin. Creates WordPress theme options for images, colors, gradients, and fonts.
6
- Version: 0.5.1.1
7
  Author: Brainstorm Media
8
  Author URI: http://brainstormmedia.com
9
  */
3
  Plugin Name: Styles
4
  Plugin URI: http://stylesplugin.com
5
  Description: Change the appearance of your theme using the WordPress admin. Creates WordPress theme options for images, colors, gradients, and fonts.
6
+ Version: 0.5.2
7
  Author: Brainstorm Media
8
  Author URI: http://brainstormmedia.com
9
  */