1
+ /* Font Icons */
2
+ .icon {
3
+ display : inline-block;
4
+ font-family : 'ios7-icon' ;
5
+ -webkit-text-rendering : geometricPrecision;
6
+ -moz-text-rendering : geometricPrecision;
7
+ -ms-text-rendering : geometricPrecision;
8
+ -o-text-rendering : geometricPrecision;
9
+ text-rendering : geometricPrecision;
10
+ -webkit-font-smoothing : antialiased;
11
+ -moz-font-smoothing : antialiased;
12
+ -ms-font-smoothing : antialiased;
13
+ -o-font-smoothing : antialiased;
14
+ font-smoothing : antialiased;
15
+ font-style : normal;
16
+ text-shadow : none;
17
+ }
18
+
19
+ [class *= "sa-" ] {
20
+ background-position : center;
21
+ background-repeat : no-repeat;
22
+ }
23
+
24
+ /* Left Menu */
25
+ [class *= "sa-side-" ] {
26
+ width : 44px ;
27
+ height : 44px ;
28
+ }
29
+
30
+ .sa-side-home { background-image : url(../ img/icon/home.png); }
31
+ .sa-side-typography { background-image : url(../ img/icon/typography.png); }
32
+ .sa-side-widget { background-image : url(../ img/icon/widgets.png); }
33
+ .sa-side-table { background-image : url(../ img/icon/table.png); }
34
+ .sa-side-form { background-image : url(../ img/icon/form.png); }
35
+ .sa-side-ui { background-image : url(../ img/icon/ui.png); }
36
+ .sa-side-folder { background-image : url(../ img/icon/folder.png); }
37
+ .sa-side-calendar { background-image : url(../ img/icon/calendar.png); }
38
+ .sa-side-page { background-image : url(../ img/icon/pages.png); }
39
+ .sa-side-chart { background-image : url(../ img/icon/chart.png); }
40
+ .sa-side-photos { background-image : url(../ img/icon/photos.png); }
41
+
42
+ /* Top Menu */
43
+ [class *= "sa-top-" ] {
44
+ width : 40px ;
45
+ height : 48px ;
46
+ float : left;
47
+ }
48
+ .sa-top-message { background-image : url(../ img/icon/message.png); }
49
+ .sa-top-updates { background-image : url(../ img/icon/updates.png); }
50
+
51
+ /* Editor */
52
+ [class *= "editor-" ] {
53
+ width : 13px ;
54
+ height : 22px ;
55
+ background-position : center;
56
+ background-repeat : no-repeat;
57
+ float : left;
58
+ }
59
+ .editor-text { background-image : url(../ img/editor/text.png); }
60
+ .editor-bold { background-image : url(../ img/editor/bold.png); }
61
+ .editor-italic { background-image : url(../ img/editor/italic.png); }
62
+ .editor-underline { background-image : url(../ img/editor/underline.png); }
63
+ .editor-unstyle { background-image : url(../ img/editor/unstyle.png); }
64
+ .editor-unlist { background-image : url(../ img/editor/unlist.png); }
65
+ .editor-orderlist { background-image : url(../ img/editor/orderlist.png); }
66
+ .editor-align { background-image : url(../ img/editor/align.png); }
67
+ .editor-line-height { background-image : url(../ img/editor/line-height.png); }
68
+ .editor-table { background-image : url(../ img/editor/table.png); }
69
+ .editor-link { background-image : url(../ img/editor/link.png); }
70
+ .editor-picture { background-image : url(../ img/editor/picture.png); }
71
+ .editor-video { background-image : url(../ img/editor/video.png); }
72
+ .editor-full-screen { background-image : url(../ img/editor/full-screen.png); }
73
+ .editor-code { background-image : url(../ img/editor/code.png); }
74
+ .editor-help { background-image : url(../ img/editor/help.png); }
75
+ .editor-font { background-image : url(../ img/editor/font.png); }
76
+ .editor-heading { background-image : url(../ img/editor/heading.png); }
77
+
78
+ /* List Icons */
79
+ [class *= "sa-list-" ] {
80
+ display : inline-block;
81
+ height : 21px ;
82
+ width : 21px ;
83
+ background-position : center;
84
+ background-repeat : no-repeat;
85
+ }
86
+
87
+ .sa-list-add { background-image : url(../ img/icon/add.png); }
88
+ .sa-list-refresh { background-image : url(../ img/icon/refresh.png); }
89
+ .sa-list-move { background-image : url(../ img/icon/move.png); }
90
+ .sa-list-delete { background-image : url(../ img/icon/delete.png); }
91
+ .sa-list-back { background-image : url(../ img/icon/back.png); }
92
+ .sa-list-forwad { background-image : url(../ img/icon/forwad.png); }
93
+ .sa-list-day { background-image : url(../ img/icon/day.png); }
94
+ .sa-list-week { background-image : url(../ img/icon/week.png); }
95
+ .sa-list-month { background-image : url(../ img/icon/month.png); }
96
+ .sa-list-spam { background-image : url(../ img/icon/spam.png); }
97
+ .sa-list-archive { background-image : url(../ img/icon/archive.png); }
98
+
99
+
100
+ /* Others */
101
+ # menu-toggle { background-image : url(../ img/icon/menu.png); }
102
+
103
+ /* Form */
104
+ .sa-plus {
105
+ width : 13px ;
106
+ height : 13px ;
107
+ background-image : url(../ img/icon/plus-sm.png);
108
+ display : inline-block;
109
+ }
110
+
111
+ /* For Higher DPI */
112
+ @media
113
+ only screen and (-webkit-min-device-pixel-ratio : 1.25 ),
114
+ only screen and ( min--moz-device-pixel-ratio : 1.25 ),
115
+ only screen and ( -o-min-device-pixel-ratio : 2 / 1 ),
116
+ only screen and ( min-device-pixel-ratio : 1.25 ),
117
+ only screen and ( min-resolution : 120dpi ),
118
+ only screen and ( min-resolution : 1.25dppx ) {
119
+
120
+ /* Left Menu */
121
+ .sa-side-typography , .sa-side-widget , .sa-side-table , .sa-side-ui , .sa-side-folder { background-size : 23px 21px ; }
122
+
123
+ .sa-side-home { background-image : url(../ img/icon/home%402x.png); background-size : 25px 25px ; }
124
+ .sa-side-typography { background-image : url(../ img/icon/typography%402x.png); }
125
+ .sa-side-widget { background-image : url(../ img/icon/widgets%402x.png); }
126
+ .sa-side-table { background-image : url(../ img/icon/table%402x.png); }
127
+ .sa-side-form { background-image : url(../ img/icon/form%402x.png); background-size : 19px 25px ; }
128
+ .sa-side-ui { background-image : url(../ img/icon/ui%402x.png); }
129
+ .sa-side-folder { background-image : url(../ img/icon/folder%402x.png); }
130
+ .sa-side-calendar { background-image : url(../ img/icon/calendar%402x.png); background-size : 23px 23px ; }
131
+ .sa-side-page { background-image : url(../ img/icon/pages%402x.png); background-size : 25px 21px ; }
132
+ .sa-side-chart { background-image : url(../ img/icon/chart%402x.png); background-size : 24px 19px ; }
133
+ .sa-side-photos { background-image : url(../ img/icon/photos%402x.png); background-size : 23px 19px ; }
134
+
135
+ /* Top Menu */
136
+ .sa-top-message { background-image : url(../ img/icon/message%402x.png); background-size : 25px 17px ; }
137
+ .sa-top-updates { background-image : url(../ img/icon/updates%402x.png); background-size : 25px 25px ; }
138
+
139
+ /* Editor */
140
+ .editor-text { background-image : url(../ img/editor/text%402x.png); background-size : 11px 13px ; }
141
+ .editor-bold { background-image : url(../ img/editor/bold%402x.png); background-size : 10px 13px ;}
142
+ .editor-italic { background-image : url(../ img/editor/italic%402x.png); background-size : 5px 13px ; }
143
+ .editor-underline { background-image : url(../ img/editor/underline%402x.png); background-size : 10px 13px ; }
144
+ .editor-unstyle { background-image : url(../ img/editor/unstyle%402x.png); background-size : 11px 13px ; }
145
+ .editor-unlist { background-image : url(../ img/editor/unlist%402x.png); background-size : 13px 13px ; }
146
+ .editor-orderlist { background-image : url(../ img/editor/orderlist%402x.png); background-size : 13px 13px ; }
147
+ .editor-align { background-image : url(../ img/editor/align%402x.png); background-size : 13px 13px ; }
148
+ .editor-line-height { background-image : url(../ img/editor/line-height%402x.png); background-size : 11px 13px ; }
149
+ .editor-table { background-image : url(../ img/editor/table%402x.png); background-size : 13px 13px ; }
150
+ .editor-link { background-image : url(../ img/editor/link%402x.png); background-size : 9px 13px ; }
151
+ .editor-picture { background-image : url(../ img/editor/picture%402x.png); background-size : 13px 13px ; }
152
+ .editor-video { background-image : url(../ img/editor/video%402x.png); background-size : 13px 13px ; }
153
+ .editor-full-screen { background-image : url(../ img/editor/full-screen%402x.png); background-size : 13px 13px ; }
154
+ .editor-code { background-image : url(../ img/editor/code%402x.png); background-size : 10px 13px ;}
155
+ .editor-help { background-image : url(../ img/editor/help%402x.png); background-size : 10px 13px ; }
156
+ .editor-font { background-image : url(../ img/editor/font%402x.png); background-size : 10px 13px ; }
157
+ .editor-heading { background-image : url(../ img/editor/heading%402x.png); background-size : 10px 13px ; }
158
+
159
+ /* List Icons */
160
+ .sa-list-add { background-image : url(../ img/icon/add%402x.png); background-size : 19px 19px ; }
161
+ .sa-list-refresh { background-image : url(../ img/icon/refresh%402x.png); background-size : 18px 19px ; }
162
+ .sa-list-move { background-image : url(../ img/icon/move%402x.png); background-size : 19px 19px ; }
163
+ .sa-list-delete { background-image : url(../ img/icon/delete%402x.png); background-size : 15px 19px ; }
164
+ .sa-list-back { background-image : url(../ img/icon/back%402x.png); background-size : 12px 21px ; }
165
+ .sa-list-forwad { background-image : url(../ img/icon/forwad%402x.png); background-size : 12px 21px ; }
166
+ .sa-list-day { background-image : url(../ img/icon/day%402x.png); background-size : 21px 21px ; }
167
+ .sa-list-week { background-image : url(../ img/icon/week%402x.png); background-size : 21px 21px ; }
168
+ .sa-list-month { background-image : url(../ img/icon/month%402x.png); background-size : 21px 21px ; }
169
+ .sa-list-spam { background-image : url(../ img/icon/spam%402x.png); background-size : 17px 17px ; }
170
+ .sa-list-archive { background-image : url(../ img/icon/archive%402x.png); background-size : 17px 17px ; }
171
+
172
+ /* Form */
173
+ .sa-plus { background-image : url(../ img/icon/plus-sm%402x.png); background-size : 13px 13px ; }
174
+
175
+ /* Others */
176
+ # menu-toggle { background-image : url(../ img/icon/menu%402x.png); background-size : 18px 13px ; }
177
+ .main-search { background-image : url(../ img/icon/search%402x.png); background-size : 25px 25px ; }
178
+ .tile-config > .tile-menu { background-image : url(../ img/icon/tile-actions%402x.png); background-size : 13px 3px ; }
179
+ .message-search : not (: focus ) { background-image : url(../ img/icon/search%402x.png); background-size : 25px 25px ; }
180
+ }
0 commit comments