vines-services 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,714 @@
1
+ #editor-buttons {
2
+ background: #f8f8f8;
3
+ border-top: 1px solid #dfdfdf;
4
+ height: 50px;
5
+ position: absolute;
6
+ bottom: 0;
7
+ width: 100%;
8
+ }
9
+ #editor-buttons {
10
+ text-align: right;
11
+ }
12
+ #editor-buttons #save {
13
+ position: relative;
14
+ right: 10px;
15
+ top: 10px;
16
+ }
17
+ form.sections h2 {
18
+ background: none;
19
+ border: none;
20
+ padding-left: 0;
21
+ }
22
+ form.sections label {
23
+ display: block;
24
+ font-weight: bold;
25
+ font-size: 9pt;
26
+ color: rgba(0,0,0,0.8);
27
+ margin: 10px 0 -2px 0;
28
+ }
29
+ form.sections input[type="text"],
30
+ form.sections input[type="email"],
31
+ form.sections input[type="password"],
32
+ form.sections textarea {
33
+ width: 90%;
34
+ }
35
+ form.sections section {
36
+ border-bottom: 1px solid #ddd;
37
+ margin: 0 20px;
38
+ }
39
+ form.sections section fieldset {
40
+ padding-left: 30%;
41
+ margin-top: -33px;
42
+ margin-bottom: 10px;
43
+ }
44
+ form.sections section:last-child {
45
+ border-bottom: none;
46
+ margin-bottom: 20px;
47
+ }
48
+ form.sections .error {
49
+ color: #dd2828;
50
+ font-size: 8pt;
51
+ width: 89%;
52
+ }#systems-page #container {
53
+ height: 100%;
54
+ }
55
+ #systems-page #alpha {
56
+ background: #fff;
57
+ box-shadow: none;
58
+ left: 0;
59
+ }
60
+ #systems-page #blank-slate {
61
+ margin-top: -65px;
62
+ margin-left: -215px;
63
+ text-align: center;
64
+ width: 430px;
65
+ position: absolute;
66
+ top: 50%;
67
+ left: 50%;
68
+ }
69
+ #systems-page #blank-slate p {
70
+ color: rgba(0, 0, 0, 0.3);
71
+ font-size: 12pt;
72
+ margin-bottom: 20px;
73
+ }
74
+ #systems-page #messages {
75
+ height: 100%;
76
+ list-style: none;
77
+ width: 100%;
78
+ }
79
+ #systems-page #messages li {
80
+ padding: 0 10px;
81
+ position: relative;
82
+ }
83
+ #systems-page #messages li:first-child {
84
+ padding-top: 10px;
85
+ }
86
+ #systems-page #messages li:hover > span .time {
87
+ opacity: 0.3;
88
+ }
89
+ #systems-page #messages li pre,
90
+ #systems-page #messages li footer {
91
+ font-family: Menlo, monospace;
92
+ font-size: 11px;
93
+ line-height: 1.3;
94
+ }
95
+ #systems-page #messages li footer {
96
+ font-weight: bold;
97
+ }
98
+ #systems-page #message-form {
99
+ height: 25px;
100
+ position: absolute;
101
+ bottom: 0;
102
+ width: 100%;
103
+ }
104
+ #systems-page #message-label {
105
+ background: transparent;
106
+ cursor: pointer;
107
+ font-family: Menlo, monospace;
108
+ font-size: 11px;
109
+ padding: 0 2px 0 10px;
110
+ position: relative;
111
+ top: -3px;
112
+ }
113
+ #systems-page #message-label::after {
114
+ margin: 0;
115
+ content: '$';
116
+ }
117
+ #systems-page #message-label:hover {
118
+ text-decoration: underline;
119
+ }
120
+ #systems-page #message {
121
+ box-shadow: none;
122
+ display: inline-block;
123
+ font-family: Menlo, monospace;
124
+ font-size: 11px;
125
+ margin: 0;
126
+ padding: 0;
127
+ position: relative;
128
+ top: -3px;
129
+ }
130
+ #systems-page #message:focus {
131
+ box-shadow: none;
132
+ }
133
+ #systems-page #roster {
134
+ background: #fff;
135
+ border: 1px solid #c4c4c4;
136
+ border-radius: 5px;
137
+ box-shadow: 0 10px 15px rgba(0,0,0, 0.15);
138
+ padding-top: 3px;
139
+ position: absolute;
140
+ bottom: 25px;
141
+ left: 10px;
142
+ }
143
+ #systems-page #roster-items {
144
+ font-family: "Lucida Grande", Helvetica, sans-serif;
145
+ font-size: 11px;
146
+ margin-bottom: 3px;
147
+ overflow-y: auto;
148
+ }
149
+ #systems-page #roster-items li {
150
+ border-top: 1px solid transparent;
151
+ border-bottom: 1px solid transparent;
152
+ line-height: 1.5;
153
+ list-style: none;
154
+ padding-right: 50px;
155
+ position: relative;
156
+ }
157
+ #systems-page #roster-items li.offline {
158
+ color: rgba(0, 0, 0, 0.25);
159
+ }
160
+ #systems-page #roster-items li:hover:not(.group) {
161
+ background: #319be7;
162
+ background: -moz-linear-gradient(#319be7, #1b78d9);
163
+ background: -ms-linear-gradient(#319be7, #1b78d9);
164
+ background: -o-linear-gradient(#319be7, #1b78d9);
165
+ background: -webkit-linear-gradient(#319be7, #1b78d9);
166
+ border-top: 1px solid #148ddf;
167
+ border-bottom: 1px solid #095bba;
168
+ color: #fff;
169
+ cursor: pointer;
170
+ text-shadow: -1px 1px 1px hsl(210, 51%, 45%), 0px -1px 1px hsl(210, 51%, 49%);
171
+ }
172
+ #systems-page #roster-items li:not(.group) {
173
+ padding-left: 3em;
174
+ }
175
+ #systems-page #roster-items li.group {
176
+ color: #808080;
177
+ padding-left: 20px;
178
+ }
179
+ #systems-page #roster-items li .unread {
180
+ color: #c0c0c0;
181
+ display: inline-block;
182
+ font-size: 9px;
183
+ font-weight: bold;
184
+ line-height: 15px;
185
+ position: absolute;
186
+ right: 10px;
187
+ top: 1px;
188
+ }
189
+ #systems-page #roster-items li:hover .unread {
190
+ color: #fff;
191
+ }
192
+ #systems-page #roster-form {
193
+ background: #f8f8f8;
194
+ background: -moz-linear-gradient(#f8f8f8, #eee);
195
+ background: -ms-linear-gradient(#f8f8f8, #eee);
196
+ background: -o-linear-gradient(#f8f8f8, #eee);
197
+ background: -webkit-linear-gradient(#f8f8f8, #eee);
198
+ border-top: 1px solid #c4c4c4;
199
+ border-bottom-right-radius: 5px;
200
+ border-bottom-left-radius: 5px;
201
+ padding: 3px 5px;
202
+ }
203
+ #systems-page #roster-form form {
204
+ padding: 0;
205
+ border: none;
206
+ }
207
+ #systems-page #roster-filter {
208
+ width: 100%;
209
+ }
210
+ #services-page #container {
211
+ height: 100%;
212
+ }
213
+ #services-page #beta {
214
+ background: #fff;
215
+ }
216
+ #services-page #services {
217
+ height: 100%;
218
+ list-style: none;
219
+ text-shadow: 0 1px 1px #fff;
220
+ width: 260px;
221
+ }
222
+ #services-page #services li {
223
+ cursor: pointer;
224
+ border-bottom: 1px solid #ddd;
225
+ font-weight: bold;
226
+ min-height: 42px;
227
+ padding: 0 10px;
228
+ position: relative;
229
+ -moz-transition: background 0.3s;
230
+ -o-transition: background 0.3s;
231
+ -webkit-transition: background 0.3s;
232
+ transition: background 0.3s;
233
+ }
234
+ #services-page #services li #status{
235
+ margin-left:100px;
236
+ }
237
+ #services-page #services li:hover:not(.selected) {
238
+ background: rgba(255, 255, 255, 1.0);
239
+ }
240
+ #services-page #services li.selected .count {
241
+ color: rgba(255, 255, 255, 0.85);
242
+ }
243
+ #services-page #operators {
244
+ margin-bottom: 10px;
245
+ }
246
+ #services-page #operators li {
247
+ cursor: pointer;
248
+ position: relative;
249
+ -moz-transition: background 0.3s;
250
+ -o-transition: background 0.3s;
251
+ -webkit-transition: background 0.3s;
252
+ transition: background 0.3s;
253
+ display: inline-block;
254
+ border: 1px solid #DDD;
255
+ border-radius: 30px;
256
+ width: 60px;
257
+ height: 15px;
258
+ line-height: 15px;
259
+ text-align: center;
260
+ font-size: 8pt;
261
+ margin-left: 10px;
262
+ }
263
+ #services-page #operators li:hover:not(.selected) {
264
+ color: rgba(23, 51, 88, 1.0);
265
+ background: rgba(255, 255, 255, 1.0);
266
+ }
267
+ #services-page #attributes li {
268
+ cursor: pointer;
269
+ border-bottom: 1px solid #ddd;
270
+ padding: 0 10px;
271
+ position: relative;
272
+ color: rgba(23, 51, 88, 0.85);
273
+ -moz-transition: background 0.3s;
274
+ -o-transition: background 0.3s;
275
+ -webkit-transition: background 0.3s;
276
+ transition: background 0.3s;
277
+ }
278
+ #services-page #attributes li:hover:not(.selected) {
279
+ color: rgba(23, 51, 88, 1.0);
280
+ background: rgba(255, 255, 255, 1.0);
281
+ }
282
+ #services-page #services .count {
283
+ display: block;
284
+ font-size: 11px;
285
+ font-weight: normal;
286
+ line-height: 11px;
287
+ }
288
+ #services-page #charlie-controls {
289
+ text-align: right;
290
+ }
291
+ #services-page #search-services-form {
292
+ background: #f8f8f8;
293
+ }
294
+ #services-page #syntax {
295
+ height: 45px;
296
+ }
297
+ #services-page #syntax-status {
298
+ font-size: 8pt;
299
+ height: 12px;
300
+ line-height: 1;
301
+ margin: -5px 0 10px 0;
302
+ width: 93%;
303
+ }
304
+ #services-page #service-preview {
305
+ margin-top: -15px;
306
+ }
307
+ #services-page #members {
308
+ height: 200px;
309
+ margin-bottom: 20px;
310
+ }
311
+ #services-page #members li {
312
+ display: inline-block;
313
+ background-color: #fff;
314
+ font-size: 8pt;
315
+ width: 150px;
316
+ max-width: 150px;
317
+ height: 25px;
318
+ max-height: 25px;
319
+ text-overflow: ellipsis;
320
+ overflow: hidden;
321
+ white-space:nowrap;
322
+ float: left;
323
+ margin-bottom: 10px;
324
+ margin-right: 10px;
325
+ -webkit-border-radius: 3px;
326
+ -moz-border-radius: 3px;
327
+ border-radius: 3px;
328
+ border: 1px solid #ccc;
329
+ }
330
+ #services-page #members li span.text {
331
+ margin-left: 5px;
332
+ }
333
+ #services-page #members li span.icon {
334
+ width: 15px;
335
+ height: 15px;
336
+ display: inline-block;
337
+ position: relative;
338
+ top: 2px;
339
+ left: 3px;
340
+ }
341
+ #services-page #members li:hover:not(.selected) {
342
+ background-color: #ededed;
343
+ background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e0e0e0));
344
+ background: -moz-linear-gradient(#ededed, #e0e0e0);
345
+ cursor: pointer;
346
+ }
347
+ #services-page #members li.selected {
348
+ background: #4693FF;
349
+ background: -moz-linear-gradient(#4693FF, #015de6);
350
+ background: -o-linear-gradient(#4693FF, #015de6);
351
+ background: -webkit-gradient(linear, left top, left bottom, from(#4693FF), to(#015de6));
352
+ border-bottom: 1px solid #fff;
353
+ color: #fff;
354
+ text-shadow: 0 -1px 1px #1b3a65;
355
+ }
356
+ #services-page #users {
357
+ max-height: 140px;
358
+ list-style: none;
359
+ }
360
+ #services-page #users label {
361
+ color: inherit;
362
+ display: inline;
363
+ font-size: inherit;
364
+ font-weight: normal;
365
+ margin-left: 2px;
366
+ }
367
+ #services-page #blank-slate {
368
+ margin-top: -65px;
369
+ margin-left: -215px;
370
+ text-align: center;
371
+ width: 430px;
372
+ position: absolute;
373
+ top: 50%;
374
+ left: 50%;
375
+ }
376
+ #services-page #blank-slate p {
377
+ color: rgba(0, 0, 0, 0.3);
378
+ font-size: 12pt;
379
+ margin-bottom: 20px;
380
+ }
381
+ #files-page #container {
382
+ height: 100%;
383
+ }
384
+ #files-page #files-title {
385
+ background: #f8f8f8;
386
+ }
387
+ #files-page #files {
388
+ background: #fff;
389
+ height: 100%;
390
+ list-style: none;
391
+ width: 100%;
392
+ }
393
+ #files-page #files li {
394
+ border-bottom: 1px solid #f0f0f0;
395
+ padding: 10px;
396
+ position: relative;
397
+ }
398
+ #files-page #files li .file-icon {
399
+ float: left;
400
+ }
401
+ #files-page #files li .file-icon > svg {
402
+ height: 30px;
403
+ width: 30px;
404
+ }
405
+ #files-page #files li .file-icon .size {
406
+ color: rgba(0, 0, 0, 0.7);
407
+ display: block;
408
+ font-size: 9pt;
409
+ line-height: 1;
410
+ }
411
+ #files-page #files li h2 {
412
+ border: none;
413
+ line-height: 1;
414
+ padding: 0 0 0 50px;
415
+ }
416
+ #files-page #files li:hover {
417
+ background: #fdfdfd;
418
+ }
419
+ #files-page #files li .file-form {
420
+ opacity: 0;
421
+ position: absolute;
422
+ right: 10px;
423
+ top: 22px;
424
+ -moz-transition: opacity 0.3s;
425
+ -o-transition: opacity 0.3s;
426
+ -webkit-transition: opacity 0.3s;
427
+ transition: opacity 0.3s;
428
+ }
429
+ #files-page #files li:hover .file-form {
430
+ opacity: 1.0;
431
+ }
432
+ #files-page #files li:hover footer {
433
+ color: rgba(0, 0, 0, 0.7);
434
+ }
435
+ #files-page #files li footer {
436
+ color: rgba(0, 0, 0, 0.3);
437
+ font-size: 9pt;
438
+ padding-left: 50px;
439
+ -moz-transition: color 0.3s;
440
+ -o-transition: color 0.3s;
441
+ -webkit-transition: color 0.3s;
442
+ transition: color 0.3s;
443
+ }
444
+ #files-page #files li .time {
445
+ display: block;
446
+ }
447
+ #files-page #files li .labels {
448
+ line-height: 1;
449
+ min-height: 10px;
450
+ width: 80%;
451
+ }
452
+ #files-page #files li .labels li {
453
+ border: none;
454
+ display: inline-block;
455
+ line-height: 1;
456
+ margin-right: 10px;
457
+ margin-bottom: 7px;
458
+ padding: 0 12px 0 0;
459
+ position: relative;
460
+ text-transform: capitalize;
461
+ }
462
+ #files-page #files li .labels li .remove {
463
+ cursor: pointer;
464
+ position: absolute;
465
+ right: 0;
466
+ top: -2px;
467
+ width: 14px;
468
+ }
469
+ #files-page #files li .labels li .remove svg {
470
+ height: 12px;
471
+ width: 12px;
472
+ }
473
+ #files-page #files .add-label-button {
474
+ cursor: pointer;
475
+ display: inline-block;
476
+ margin-right: 3px;
477
+ }
478
+ #files-page #files .add-label-button svg {
479
+ height: 14px;
480
+ width: 14px;
481
+ }
482
+ #files-page #files form.add-label input[type="text"] {
483
+ display: inline-block;
484
+ font-size: 8pt;
485
+ padding: 2px;
486
+ position: relative;
487
+ top: -4px;
488
+ width: 100px;
489
+ }
490
+ #files-page #file-chooser {
491
+ height: 30px;
492
+ opacity: 0;
493
+ position: absolute;
494
+ top: 10px;
495
+ left: 10px;
496
+ }
497
+ #files-page #open-file-chooser {
498
+ height: 30px;
499
+ margin: 0;
500
+ position: absolute;
501
+ top: 10px;
502
+ left: 10px;
503
+ width: 240px;
504
+ }
505
+ #files-page #upload-dnd {
506
+ color: #ababab;
507
+ font-weight: bold;
508
+ font-size: 14px;
509
+ position: absolute;
510
+ top: 27px;
511
+ text-align: center;
512
+ text-shadow: 0 1px 1px #fff;
513
+ width: 260px;
514
+ }
515
+ #files-page #uploads .progress {
516
+ background: #fff;
517
+ border: 1px solid #448ccd;
518
+ border-top: 1px solid #5da8db;
519
+ border-radius: 3px;
520
+ -webkit-box-shadow: 0 1px 1px #fff, inset 0 1px 1px rgba(255, 255, 255, 0.5);
521
+ box-shadow: 0 1px 1px #fff, inset 0 1px 1px rgba(255, 255, 255, 0.5);
522
+ color: #0d4078;
523
+ font-size: 11px;
524
+ font-weight: bold;
525
+ height: 15px;
526
+ line-height: 15px;
527
+ margin: 0 10px 10px 10px;
528
+ position: relative;
529
+ text-align: center;
530
+ text-shadow: 0 1px 1px #a2d8f8;
531
+ }
532
+ #files-page #uploads .progress .text {
533
+ position: absolute;
534
+ left: 0;
535
+ width: 100%;
536
+ }
537
+ #files-page #uploads .progress .meter {
538
+ background: #8dd2f7;
539
+ background: -moz-linear-gradient(#8dd2f7, #58b8f4);
540
+ background: -o-linear-gradient(#8dd2f7, #58b8f4);
541
+ background: -webkit-gradient(linear, left top, left bottom, from(#8dd2f7), to(#58b8f4));
542
+ height: 15px;
543
+ position: absolute;
544
+ top: 0;
545
+ }
546
+ #files-page #uploads .progress .cancel {
547
+ height: 100%;
548
+ width: 16px;
549
+ position: absolute;
550
+ right: 0;
551
+ }
552
+ #files-page #labels,
553
+ #files-page #uploads {
554
+ height: 100%;
555
+ list-style: none;
556
+ text-shadow: 0 1px 1px #fff;
557
+ width: 260px;
558
+ }
559
+ #files-page #labels li .text {
560
+ text-transform: capitalize;
561
+ }
562
+ #files-page #labels li,
563
+ #files-page #uploads li {
564
+ cursor: pointer;
565
+ border-bottom: 1px solid #ddd;
566
+ font-weight: bold;
567
+ min-height: 42px;
568
+ padding: 0 10px;
569
+ position: relative;
570
+ -moz-transition: background 0.3s;
571
+ -o-transition: background 0.3s;
572
+ -webkit-transition: background 0.3s;
573
+ transition: background 0.3s;
574
+ }
575
+ #files-page #uploads li {
576
+ font-weight: normal;
577
+ padding: 10px 0 0 0;
578
+ background: #f8f8f8;
579
+ }
580
+ #files-page #labels li:hover:not(.selected),
581
+ #files-page #uploads li:hover {
582
+ background: rgba(255, 255, 255, 1.0);
583
+ }
584
+ #files-page #labels li.selected .count {
585
+ color: rgba(255, 255, 255, 0.85);
586
+ }
587
+ #files-page #labels .count {
588
+ display: block;
589
+ font-size: 11px;
590
+ font-weight: normal;
591
+ line-height: 11px;
592
+ }
593
+ #files-page #charlie-controls {
594
+ text-align: right;
595
+ }
596
+ #files-page #search-files-form {
597
+ background: #f8f8f8;
598
+ }
599
+ #setup-page #container {
600
+ height: 100%;
601
+ }
602
+ #setup-page #alpha {
603
+ width: 200px;
604
+ }
605
+ #setup-page #beta {
606
+ background: #fff;
607
+ border-left: 1px solid #ddd;
608
+ left: 200px;
609
+ }
610
+ #setup-page #charlie {
611
+ background: #fff;
612
+ }
613
+ #setup-page #setup-title {
614
+ background: #f8f8f8;
615
+ }
616
+ #services-page #search-users-form {
617
+ background: #f8f8f8;
618
+ }
619
+ #setup-page #setup {
620
+ height: 100%;
621
+ list-style: none;
622
+ text-shadow: 0 1px 1px #fff;
623
+ width: 200px;
624
+ }
625
+ #setup-page #setup li {
626
+ cursor: pointer;
627
+ font-weight: bold;
628
+ min-height: 22px;
629
+ padding: 0 10px;
630
+ position: relative;
631
+ }
632
+ #setup-page #users {
633
+ height: 100%;
634
+ list-style: none;
635
+ text-shadow: 0 1px 1px #fff;
636
+ width: 260px;
637
+ }
638
+ #setup-page #users li {
639
+ cursor: pointer;
640
+ border-bottom: 1px solid #ddd;
641
+ font-weight: bold;
642
+ min-height: 42px;
643
+ padding: 0 10px;
644
+ position: relative;
645
+ -moz-transition: background 0.3s;
646
+ -o-transition: background 0.3s;
647
+ -webkit-transition: background 0.3s;
648
+ transition: background 0.3s;
649
+ }
650
+ #setup-page #users li:hover:not(.selected) {
651
+ background: rgba(255, 255, 255, 1.0);
652
+ }
653
+ #setup-page #users li.selected .jid {
654
+ color: rgba(255, 255, 255, 0.85);
655
+ }
656
+ #setup-page #users .jid {
657
+ display: block;
658
+ font-size: 11px;
659
+ font-weight: normal;
660
+ line-height: 11px;
661
+ }
662
+ #setup-page #search-users-form {
663
+ background: #f8f8f8;
664
+ }
665
+ #setup-page #blank-slate {
666
+ margin-top: -65px;
667
+ margin-left: -225px;
668
+ text-align: center;
669
+ width: 450px;
670
+ position: absolute;
671
+ top: 50%;
672
+ left: 50%;
673
+ }
674
+ #setup-page #blank-slate p {
675
+ color: rgba(0, 0, 0, 0.3);
676
+ font-size: 12pt;
677
+ margin-bottom: 20px;
678
+ }
679
+ #setup-page #permissions {
680
+ list-style: none;
681
+ }
682
+ #setup-page #services {
683
+ max-height: 140px;
684
+ list-style: none;
685
+ }
686
+ #setup-page #services label,
687
+ #setup-page #permissions label {
688
+ color: inherit;
689
+ display: inline;
690
+ font-size: inherit;
691
+ font-weight: normal;
692
+ margin-left: 2px;
693
+ }
694
+ #setup-page #token-container {
695
+ position: relative;
696
+ width: 92%;
697
+ }
698
+ #setup-page #token-container #password1 {
699
+ width: inherit;
700
+ }
701
+ #setup-page #new-token {
702
+ display: inline;
703
+ height: 27px;
704
+ margin: 0;
705
+ padding: 0 10px;
706
+ position: absolute;
707
+ right: 0;
708
+ top: 0;
709
+ border-top-left-radius: 0;
710
+ border-bottom-left-radius: 0;
711
+ }
712
+ #setup-page #info p {
713
+ line-height: 1;
714
+ }