forked from BlogEngine/BlogEngine.NET
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.css
More file actions
298 lines (285 loc) · 26.1 KB
/
app.css
File metadata and controls
298 lines (285 loc) · 26.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
/*
BlogEngine.NET UI - Version 1.9 (6/29/2014)
http://dotnetblogengine.net/
Designed and Implementation by Farzin Seyfolahi (UI/UX Designer and Front-End Developer at BlogEngine.NET)
http://seyfolahi.net/
*/
html, body { height: 100%; }
body { cursor: default; overflow-y: scroll; font-size: 14px; }
#Container, #ng-view { height: 100%; }
#wrap { min-height: 100%; height: auto; margin: 0 auto -70px; padding: 0 0 70px; }
.ltr-dir { direction: ltr; }
.rtl-dir { direction: rtl; }
img { max-width: 100%; }
a:hover, a:focus { text-decoration: none; }
.cursor-pointer { cursor: pointer; }
.well h4 + hr { border: 1px solid #e5e5e5 !important; }
.small-caps { font-variant: small-caps; font-weight: bold; }
.btn-tabkey.pull-right, .rtl .btn-tabkey.pull-left { margin-left: 4px; }
.btn-tabkey.pull-left, .rtl .btn-tabkey.pull-right { margin-right: 4px; }
.well h4 { margin: 3px 0 0 0 !important; line-height: 12px; font-size: 18px; }
.form-control.error { border-color: #d53e2e; border-color: rgb(233, 102, 102); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgb(233, 102, 102); }
input[type=file] { cursor: pointer; }
.form-control:focus { border-color: #aaa; outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 5px rgba(131, 131, 131, 0.40); }
label.error { color: #c22818; }
.modal { overflow-y: auto; }
.modal-content { overflow: hidden; }
.fa-spinner { font-size: 0.8em !important; }
.show-important { display: block !important; }
.hr-sm { margin-top: 10px; margin-bottom: 10px; }
label { font-size: 13px; font-weight: normal; }
.text-ellipsis { display: block; overflow: hidden; white-space: nowrap; max-width: 350px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.text-ellipsis-sm { max-width: 100px !important; text-align: center !important; margin: 0 auto; }
.fa.fa-external-link { position: relative; top: 4px; color: #BBB; }
.fa.fa-external-link:hover { color: #186ac2; }
.external-link { outline: none !important; }
.btn i, a i { margin-right: 4px; }
.lbl-show { display: inline-block; line-height: 30px; color: #bbb; font-size: 11px; padding: 0 10px; text-transform: uppercase; }
.fa.fa-sort-desc, .fa.fa-sort-asc, .fa.fa-sort { cursor: pointer; }
.control-group .control-label-inline { display: block; }
.page-header { margin-top: 0; }
.page-header h2.page-title { text-transform: uppercase; font-weight: 700; font-size: 22px; }
.page-header .btn-header { margin-top: 13px; margin-left: 3px; }
.active-flt-r { display: inline-block; width: 21px; height: 11px; background: url(images/blog/active-filterbar.png) no-repeat 0 0; position: absolute; top: -11px; right: 23px; }
.btn-flt-r .btn { outline: none !important; }
.toolbar-grid { margin-bottom: 18px; }
.search-grid { margin-left: 5px; }
.pagination { margin: 0; margin-bottom: 20px; }
.pagination > li { cursor: pointer; }
.btn:focus, .btn:active { outline: none !important; }
.btn-default { color: #333; background-color: #f5f5f5; border-color: #ccc; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; }
.btn-primary { color: #fff; background-color: #3ab0e2; border-color: #3ab0e2; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #1288b9; border-color: #1288b9; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #71c1e3; border-color: #71c1e3; }
.btn-success { color: #fff; background-color: #20aa73; border-color: #20aa73; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #fff; background-color: #069059; border-color: #069059; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #55ab89; border-color: #55ab89; }
.btn-info { color: #fff; background-color: #40c1f8; border-color: #40c1f8; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #fff; background-color: #359fcc; border-color: #359fcc; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #7cd2f7; border-color: #7cd2f7; }
.btn-warning { color: #fff; background-color: #e7ac44; border-color: #e7ac44; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #fff; background-color: #d8951e; border-color: #d8951e; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #e8be74; border-color: #e8be74; }
.btn-danger { color: #fff; background-color: #e96656; border-color: #e96656; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #cb4332; border-color: #cb4332; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #e88274; border-color: #e88274; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #666; border-color: #666; }
.admin-views-nav { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 0; margin: 0; background: #d53e2e; border-color: #c22818; border-top: none !important; }
.admin-views-nav a { outline: none !important; font-size: 15px; }
.admin-views-nav .navbar-nav > .active > a, .admin-views-nav .navbar-nav > .active > a:hover, .admin-views-nav .navbar-nav > .active > a:focus, .admin-views-nav .navbar-nav > .open > a, .admin-views-nav .navbar-nav > .open > a:hover, .admin-views-nav .navbar-nav > .open > a:focus { background-color: #c22818; box-shadow: 0 0 3px #bb1908 inset; }
.admin-views-nav .navbar-nav > li > a { color: #ffc6c1; }
.admin-views-nav .navbar-nav > .dropdown > a .caret { border-top-color: #ffc6c1; border-bottom-color: #ffc6c1; }
.admin-views-nav .dropdown-menu > li > a:hover, .admin-views-nav .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: #666; }
.admin-views-nav .dropdown-menu > li > a.logoff:hover { background-color: #d53e2e; color: rgb(255, 255, 255); text-decoration: none; }
.admin-views-nav .navbar-brand { color: #fff; }
.admin-views-nav .navbar-toggle { border-color: #fff; }
.admin-views-nav .navbar-collapse, .admin-views-nav .navbar-form { border-color: #c22818; }
.admin-views-nav .navbar-toggle:hover, .admin-views-nav .navbar-toggle:focus { background-color: #c22818; }
.admin-views-nav .container > .navbar-collapse { margin-right: -15px !important; margin-left: -15px !important; }
.admin-views-subnav { background: #F1F1F1; padding: 6px 0 7px !important; box-shadow: 0 -1px 1px #DDD inset; }
.admin-views-subnav .nav-pills { padding: 0 0; }
.admin-views-subnav .nav-pills > li { border-left: 1px solid #DDD !important; padding: 0 4px 0 5px; height: 23px; }
.admin-views-subnav .nav-pills > li > a { padding: 3px 15px; font-size: 12px; color: #888; outline: none !important; border-radius: 3px; -moz-transition: background-position ease 0.5s; -o-transition: background-position ease 0.5s; -webkit-transition: background-position ease 0.5s; transition: background-position ease 0.5s; background-position: center 40px; }
.admin-views-subnav .nav-pills > li > a:hover { background-color: #e5e5e5; color: #000; }
.admin-views-subnav .nav-pills > li.active > a, .admin-views-subnav .nav-pills > li.active > a:hover, .admin-views-subnav .nav-pills > li.active > a:focus { color: #000; background: url(../Content/images/blog/selected-nav.png) no-repeat center 20px; padding: 3px 15px; font-size: 12px; display: block !important; height: 30px !important; outline: none !important; }
.admin-views-dashboard .view-dashboard { margin-top: 40px; margin-bottom: 20px; }
.admin-views-dashboard .fa-spinner { font-size: 1.4em !important; }
.admin-views-dashboard #gal-spinner.loading { display: block; width: 100%; text-align: center; padding: 10px 0; }
.admin-views-dashboard .img-gallery { margin-right: 10px; margin-top: 4px; width: 32px; height: 32px; }
.admin-views-dashboard .item-info-gal { width: 80%; }
.admin-views-dashboard .modal-logfile { max-height: 400px; overflow-y: auto; }
.admin-views-dashboard .panel-title > a { outline: none; font-weight: bold; font-size: 14px; text-transform: capitalize; color: #444; }
.admin-views-dashboard .text-ellipsis { max-width: 85% !important; }
.admin-views-dashboard .panel-trash .purgeall { font-size: 12px; padding: 3px 5px; cursor: pointer; position: relative; top: 3px; right: -4px; opacity: 0; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; text-transform: uppercase; }
.rtl .admin-views-dashboard .panel-trash .purgeall { right: auto; left: -5px; }
.admin-views-dashboard .panel-trash:hover .purgeall { opacity: 1; }
.admin-views-dashboard .panel-trash .restorethis, .admin-views-dashboard .panel-trash .purgethis { color: #AAA; }
.admin-views-dashboard .panel-trash .purgethis { font-size: 15px; }
.admin-views-dashboard .panel-trash .restorethis:hover { color: #0c9a2d; }
.admin-views-dashboard .panel-trash .purgethis:hover { color: #bd0e0e; }
.admin-views-dashboard .panel-special-link ul li { padding: 0; overflow: hidden; }
.admin-views-dashboard .panel-special-link ul li a { padding: 0 15px; line-height: 40px; display: block; -moz-transition: background-color ease .9s; -o-transition: background-color ease .9s; -webkit-transition: background-color ease .9s; transition: background-color ease .9s; }
.admin-views-dashboard .panel-special-link ul li a:hover { background-color: #f9f9f9; }
.admin-views-dashboard .panel-special-link ul li a span.badge { position: relative; top: 10px; -moz-transition: background-color ease .9s; -o-transition: background-color ease .9s; -webkit-transition: background-color ease .9s; transition: background-color ease .9s; }
.admin-views-dashboard .panel-special-link ul li a:hover span.badge { background-color: #666; }
.admin-views-dashboard .panel-special-link ul li a.text-ellipsis { max-width: 100% !important; }
.admin-views-content-posts .item-comment-count { display: inline-block; background-color: #999; border-radius: 100px; font-family: sans-serif; font-size: 11.5px; }
.admin-views-content-posts .item-comment-approved { background-color: #5cb85c; }
.admin-views-content-posts .item-comment-pending { background-color: #f0ad4e; }
.admin-views-content-posts .item-comment-spam { background-color: #d9534f; }
.admin-views-content-posts .item-comment-count a { display: block; color: #fff; padding: 0px 5px; }
.admin-views-custom-themes .table-item-title .text-ellipsis { max-width: 600px !important; }
.admin-views-custom-index .author-gallery { max-width: 50px !important; }
.admin-views-users-profile .about-textarea { height: 60px; }
.admin-views-users-profile .avatar-user { width: 90px; height: 90px; position: relative; overflow: hidden; border-radius: 3px; }
.admin-views-users-profile .avatar-user img { width: 90px; height: 90px; border-radius: 3px; }
.admin-views-users-profile .avatar-user .avatar-control { position: absolute; bottom: -30px; background-color: rgba(0,0,0,0.8); width: 100%; text-align: center; padding: 3px 0; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.admin-views-users-profile .avatar-user:hover .avatar-control { bottom: 0; }
.admin-views-users-profile .avatar-user .avatar-control a { color: #fff; }
.admin-views-users-profile .role-control { margin: 5px 0 10px; }
.admin-views-users-profile .role-control .label { margin-right: 3px; display: inline-block; padding: 3px; }
.admin-views-users-profile .user-info { padding-left: 10px; }
.admin-views-users-profile .user-info .user-name { font-size: 18px; font-weight: bold; }
.admin-views-users-roles .modal-roles { height: 360px; overflow-y: scroll; }
.admin-views-content-files .table-item-title .fa.fa-file { font-size: 16px; margin: 0 5px 0 3px; position: relative; }
.admin-views-content-files .table-item-folder i { color: #f0ad4e !important; font-size: 16px; position: relative; top: 2px; margin-right: 5px; }
.admin-views-content-files .table-item-folder { text-decoration: underline; }
.admin-views-content-files .table-item-title span { color: #666; }
.table-item-avatar { padding: 0 !important; }
.table-item-avatar img { width: 32px; height: 32px; top: 2px; position: relative; }
.table thead > tr > th { vertical-align: middle; }
.table { color: #888; font-size: 13px; border-top-color: #CCC; }
.table tr th, .table tr td { text-align: center; }
.table thead { color: #444; text-align: center; }
.table thead tr th { border-color: #DDD; border-top: 1px solid #DDD !important; background-color: #EEE; border-bottom-width: 1px; }
.table tr th:first-child, .table tr td:first-child { min-width: 15px !important; width: 15px !important; }
.table .table-item-title { text-align: left; }
.table .table-item-w10 { width: 10%; }
.table .table-item-w20 { width: 20%; }
.table .table-item-w30 { width: 30%; }
.table .table-item-w40 { width: 40%; }
.table .table-item-w50 { width: 50%; }
.table .table-item-w60 { width: 60%; }
.table .table-item-w70 { width: 70%; }
.table .table-item-w80 { width: 80%; }
.table .table-item-w85 { width: 85%; }
.table .table-item-w90 { width: 90%; }
.table .table-item-w100 { width: 100%; }
.text-core .text-wrap .text-tags .text-tag .text-button { background: none !important; border: 1px solid #ccc !important; color: #666 !important; height: 20px !important; }
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove { color: #fff !important; }
#footer { padding: 10px 10px 10px !important; margin-top: 0 !important; background: #F5F5F5; color: #AAA; border-top: 1px solid #e5e5e5; height: 70px; }
#footer a { color: #AAA; }
#footer .BlogEngine-app { height: 50px; line-height: 50px; }
#footer .logo-brand { margin: 6px 0 0 0 !important; padding: 0 !important; display: block; height: 40px; width: 150px; background: url(images/blog/logo-footer.png); background-size: 100% auto; border: 0; }
.rtl { font-family: Tahoma,arial,sans-serif; direction: rtl; }
.rtl .pull-right { float: left !important; }
.rtl .pull-left { float: right !important; }
.rtl .text-right { text-align: left !important; }
.rtl .text-left { text-align: left !important; }
.rtl .btn i, .rtl a i { margin-right: 0; margin-left: 4px; }
.rtl .radio input[type="radio"], .rtl .radio-inline input[type="radio"], .rtl .checkbox input[type="checkbox"], .rtl .checkbox-inline input[type="checkbox"] { float: right; margin-left: 5px; }
.rtl table, .rtl .table .table-item-title { text-align: right; font-family: Tahoma; }
.rtl .table .table-item-title .item-description { display: none; }
.rtl .page-header h2.page-title { font-family: 'B Mitra',arial; }
.rtl .nav { padding-right: 0; }
.rtl .nav-pills > li { float: right; }
.rtl .list-group { padding-right: 0; }
.rtl .pagination { padding-right: 0; }
.rtl .search-grid { margin-left: 0; margin-right: 5px; }
.rtl .btn-group > .btn, .rtl .btn-group-vertical > .btn { float: right; }
.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.rtl .btn-group > .btn:last-child:not(:first-child), .rtl .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.rtl .btn-group .btn + .btn, .rtl .btn-group .btn + .btn-group, .rtl .btn-group .btn-group + .btn, .rtl .btn-group .btn-group + .btn-group { margin-left: 0 !important; margin-right: -1px; }
.rtl .page-header .btn-header { font-size: 13px; font-weight: bold; }
.rtl .close { float: left !important; }
.rtl .modal-footer { text-align: left; }
.rtl .btn-toolbar .btn-group { float: right; }
.rtl .btn-toolbar > .btn + .btn, .rtl .btn-toolbar > .btn-group + .btn, .rtl .btn-toolbar > .btn + .btn-group, .rtl .btn-toolbar > .btn-group + .btn-group { margin-left: 0; margin-right: 4px !important; }
.rtl .panel-title > a { font-family: Tahoma; font-weight: bold; font-size: 12px; }
.rtl .admin-views-dashboard .img-gallery { margin-right: 0; margin-left: 10px; }
@media screen and (min-width:1920px) {
.text-ellipsis { max-width: 500px !important; }
}
@media screen and (min-width:992px) {
.rtl .col-md-1, .rtl .col-md-2, .rtl .col-md-3, .rtl .col-md-4, .rtl .col-md-5, .rtl .col-md-6, .rtl .col-md-7, .rtl .col-md-8, .rtl .col-md-9, .rtl .col-md-10, .rtl .col-md-11 { float: right !important; }
.rtl .col-md-offset-12 { margin-left: 0 !important; margin-right: 100%; }
.rtl .col-md-offset-11 { margin-left: 0 !important; margin-right: 91.66666666666666% !important; }
.rtl .col-md-offset-10 { margin-left: 0 !important; margin-right: 83.33333333333334% !important; }
.rtl .col-md-offset-9 { margin-left: 0 !important; margin-right: 75% !important; }
.rtl .col-md-offset-8 { margin-left: 0 !important; margin-right: 66.66666666666666% !important; }
.rtl .col-md-offset-7 { margin-left: 0 !important; margin-right: 58.333333333333336% !important; }
.rtl .col-md-offset-6 { margin-left: 0 !important; margin-right: 50% !important; }
.rtl .col-md-offset-5 { margin-left: 0 !important; margin-right: 41.66666666666667% !important; }
.rtl .col-md-offset-4 { margin-left: 0 !important; margin-right: 33.33333333333333% !important; }
.rtl .col-md-offset-3 { margin-left: 0 !important; margin-right: 25% !important; }
.rtl .col-md-offset-2 { margin-left: 0 !important; margin-right: 16.666666666666664% !important; }
.rtl .col-md-offset-1 { margin-left: 0 !important; margin-right: 8.333333333333332% !important; }
}
@media screen and (max-width:992px) {
.hmax992 { display: none; }
.admin-views-custom-themes .text-ellipsis { max-width: 300px !important; }
.admin-views-custom-index .table-item-w50 { width: 100%; }
.admin-views-dashboard .panel-trash .purgeall { opacity: 1; }
.admin-views-subnav .nav-pills > li > a, .admin-views-subnav .nav-pills > li.active > a, .admin-views-subnav .nav-pills > li.active:hover > a, .admin-views-subnav .nav-pills > li.active:active > a { padding-right: 5px; padding-left: 5px; }
.table .table-item-w60 { width: 45%; }
.text-ellipsis { max-width: 250px; }
}
@media screen and (min-width:768px) {
.hmin767 { display: none; }
.rtl .col-sm-1, .rtl .col-sm-2, .rtl .col-sm-3, .rtl .col-sm-4, .rtl .col-sm-5, .rtl .col-sm-6, .rtl .col-sm-7, .rtl .col-sm-8, .rtl .col-sm-9, .rtl .col-sm-10, .rtl .col-sm-11 { float: right !important; }
.rtl .navbar-nav { float: right; }
.rtl .navbar-nav > li, .rtl .nav-pills > li { float: right; }
.rtl .navbar-right { float: left !important; }
.rtl .navbar-right .dropdown-menu { right: auto !important; left: 0 !important; }
}
@media screen and (max-width:768px) {
.hmax768 { display: none; }
.table .table-item-w60 { width: 60%; }
.text-ellipsis { max-width: 200px; }
.pagination-wrapper { text-align: center; }
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0 !important; }
}
@media screen and (max-width:767px) {
.rtl .flt-r { display: none; float: none !important; }
.rtl .active-flt-r { right: auto; left: 23px; }
.rtl .btn-toolbar.pull-right { float: left !important; }
.rtl .pull-right.lbl-show { float: right !important; }
.admin-views-dashboard .view-dashboard .col-xs-6 { width: 100% !important; }
.admin-views-content-comments .lbl-show { display: block; }
.flt-r { display: none; float: none !important; clear: both; opacity: 1; position: relative; top: 15px; margin-bottom: 15px; padding: 10px; border-radius: 3px; border: 1px solid #DDD; background-color: #fff; }
.navbar-brand { display: block !important; }
.admin-views-subnav { padding-bottom: 2px !important; }
.admin-views-subnav .nav-pills > li { border: none !important; padding: 0 !important; margin-right: 3px; margin-left: 0; margin-bottom: 6px; }
.admin-views-subnav .nav-pills > li > a, .admin-views-subnav .nav-pills > li > a:hover { display: inline-block; padding: 3px 7px; margin-bottom: 0px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -moz-user-select: none; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); }
.admin-views-subnav .nav-pills > li.active > a, .admin-views-subnav .nav-pills > li.active > a:hover, .admin-views-subnav .nav-pills > li.active > a:focus { padding: 3px 7px; display: block !important; height: 25px !important; outline: medium none !important; background-image: none; color: rgb(51, 51, 51); background-color: rgb(235, 235, 235); border-color: rgb(173, 173, 173); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset; }
.admin-views-nav .dropdown-menu > li > a { color: #ffc6c1 !important; }
.admin-views-nav .dropdown-menu > li > a:hover { color: #fff !important; }
.navbar-brand { position: absolute; top: -7px; left: 0px; }
.navbar-brand .btn { border-color: #fff !important; line-height: 34px; padding: 0 10px !important; margin: 0 !important; height: 34px; color: #fff !important; background: none !important; }
.navbar-brand .btn i { margin-top: 8px; margin-right: 0; }
}
@media screen and (max-width:580px) {
.hmax580 { display: none; }
.admin-views-content-pages .table-item-w50 { width: 100%; }
.admin-views-content-comments .flt-r .search-grid input[type=text] { width: 100% !important; }
.admin-views-content-comments .flt-r .search-grid { float: none !important; margin: 0; height: 38px; }
}
@media screen and (max-width:480px) {
.hmax480 { display: none; }
.text-ellipsis { max-width: 150px; }
.flt-r .search-grid input[type=text] { width: 100% !important; }
.flt-r .search-grid { float: none !important; margin: 0; height: 38px; }
.admin-views-content-comments .table-item-w50 { width: 80%; }
.admin-views-content-comments .text-ellipsis { max-width: 280px; }
.admin-views-content-comments .lbl-show { display: none; }
}
@media screen and (max-width:479px) {
.hmax479 { display: none; }
.admin-views-content-comments .text-ellipsis { max-width: 180px; }
.table-item-title .fa-external-link { display: none; }
#footer .pull-left { float: none !important; text-align: center; }
#footer .logo-brand { display: none; }
}
@media screen and (max-width:360px) {
.admin-views-dashboard .view-dashboard { margin-top: 18px; }
.admin-views-subnav .nav-pills > li > a, .admin-views-subnav .nav-pills > li > a:hover, .admin-views-subnav .nav-pills > li.active > a, .admin-views-subnav .nav-pills > li.active > a:hover, .admin-views-subnav .nav-pills > li.active > a:focus { padding: 3px; }
.admin-views-subnav .container { width: 100%; padding: 0 5px; }
.toolbar-grid .btn, .btn-header, .pagination-wrapper .pagination > li > a { padding: 4px 7px !important; }
.btn-header { margin-top: 15px !important; }
#wrap { min-height: 100%; height: auto; margin: 0 auto -40px; padding: 0 0 40px; }
#footer { padding: 0 !important; height: 40px; }
#footer .BlogEngine-app { height: 40px; line-height: 40px; }
}
@media screen and (max-width:359px) {
.rtl .active-flt-r { left: 4px; right: auto; }
.hmax359 { display: none; }
.admin-views-content-comments .text-ellipsis { max-width: 150px; }
.admin-views-content-comments .flt-r .btn-group > .btn { padding: 2px 5px !important; }
.admin-views-content-categories .page-title { font-size: 18px !important; }
.btn-flt-r .btn i { margin: 0; }
.btn-flt-r .btn { padding: 8px 6px 6px !important; }
.btn-flt-r .btn span { display: none; }
.active-flt-r { right: 4px; }
}