« back to all changes in this revision
Viewing changes to static/css/all.css
- browse files at revision 7
- compare with another revision
- download diff
- download tarball
- view history from revision 7
- Committer: Bazaar Package Importer
- Author(s): Loic Dachary (OuoU)
- Date: 2011-08-28 00:22:32 UTC
- mfrom: (1.1.5 upstream)
- Revision ID: james.westby@ubuntu.com-20110828002232-m882t5uwjmsmaq0j
Tags: 1.0.6-1
upstream release
added
removed
static/css/all.css
1
1
html, body {
2
background-image: url('images/background_surroundings.jpg');
2
background: url('images/background_surroundings.png');
3
3
height: 100%;
4
4
margin: 0px;
5
5
min-height: 768px; /* for ie7*/
35
35
}
36
36
37
37
.cardstories .cardstories_logo {
38
background-repeat: no-repeat;
39
background-image: url('images/logo.png');
38
background: url('images/logo.png');
40
39
position: absolute;
41
40
left: 419px;
42
41
top: 15px;
45
44
}
46
45
47
46
.cardstories_game, .cardstories_lobby {
48
background: transparent url('images/background.png') repeat-x left top;
47
background: url('images/background.png');
49
48
}
50
49
51
50
.cardstories_extras {
52
background: transparent url('images/background_plain.png') repeat-x left top;
51
background: url('images/background_plain.png');
53
52
}
54
53
55
54
.cardstories .cardstories_progress_owner {
77
76
left: 650px;
78
77
top: 10px;
79
78
z-index: 4;
80
background: transparent url('images/lobby.png') no-repeat left top;
81
background-position: 0px 0px;
79
background: url('images/lobby_off.png');
82
80
}
83
81
84
82
.cardstories .cardstories_go_lobby:hover {
85
background: transparent url('images/lobby.png') no-repeat left top;
86
background-position: -118px 0px;
83
background: url('images/lobby_over.png');
87
84
}
88
85
89
86
/* Change cursor to treat buttons as links */
103
100
height: 374px;
104
101
top: 55px;
105
102
left: 175px;
106
background: transparent url('images/logo_welcome.png') no-repeat left top;
103
background: url('images/logo_welcome.png');
107
104
}
108
105
109
106
.cardstories .cardstories_extras .cardstories_subscribe .cardstories_logo_farsides {
112
109
height: 39px;
113
110
top: 430px;
114
111
left: 455px;
115
background: transparent url('images/logo_farsides.png') no-repeat left top;
112
background: url('images/logo_farsides.png');
116
113
}
117
114
118
115
.cardstories .cardstories_extras .cardstories_subscribe .cardstories_bubble {
121
118
height: 131px;
122
119
top: 530px;
123
120
left: 240px;
124
background: transparent url('images/subscribe_bubble.png') no-repeat left top;
121
background: url('images/subscribe_bubble.png');
125
122
}
126
123
127
124
.cardstories .cardstories_extras .cardstories_subscribe label.error {
156
153
157
154
.cardstories .cardstories_extras .cardstories_subscribe .cardstories_submit {
158
155
position: absolute;
159
background: transparent url('images/next.png') no-repeat left top;
160
background-position: -212px 0px;
156
background: url('images/next.png');
161
157
top: 593px;
162
158
left: 673px;
163
159
border: 0px;
166
162
z-index: 1;
167
163
}
168
164
.cardstories .cardstories_extras .cardstories_subscribe .cardstories_submit:hover {
169
background-image: url('images/next.png');
170
background-position: -106px 0px;
171
}
172
173
/* displaying a deck of cards */
174
175
.cardstories_cards_hand .cardstories_card_foreground,
176
.cardstories_cards_hand .cardstories_card_background {
177
position:absolute;
178
top:0;
179
left:0;
180
border: 0px;
181
height:100%;
182
}
183
184
.cardstories_cards_hand .cardstories_card_label {
185
position:absolute;
186
top:-25px;
187
font-weight: bold;
188
font-size: 20px;
189
white-space: nowrap;
190
color: #000000;
191
text-decoration: none;
192
}
193
194
.cardstories_cards_hand .cardstories_card_template {
195
display: none;
196
}
165
background: url('images/next_over.png');
166
}
167
168
/* display cards */
169
170
.cardstories .cardstories_cards_hand > div > div {
171
float: left;
172
margin: 10px 30px;
173
}
174
175
.cardstories .cardstories_cards_hand .cardstories_card_bg {
176
background: url('images/small_card_bg.png');
177
width: 134px;
178
height: 177px;
179
}
180
181
.cardstories .cardstories_cards_hand .cardstories_card {
182
background-repeat: no-repeat;
183
background-color: transparent;
184
width: 100%;
185
height: 100%;
186
}
187
188
.cardstories .cardstories_card_selecting .cardstories_cards_hand .cardstories_card_bg:hover,
189
.cardstories .cardstories_cards_hand .cardstories_card_bg.cardstories_card_selected {
190
background: url('images/small_card_bg_winner.png');
191
}
192
193
/* displaying confirmation dialog for selecting cards */
197
194
198
195
.cardstories_card_confirm {
199
196
position: absolute;
200
top: 290px;
197
top: 450px;
201
198
right: 20px;
202
199
height: 148px;
203
200
width: 236px;
204
201
z-index: 5;
202
display: block;
203
background: url('images/select_continue.png');
204
}
205
206
.cardstories_card_selecting .cardstories_card_confirm {
205
207
display: none;
206
background: transparent url('images/select_continue.png') no-repeat left top;
207
208
}
208
209
209
.cardstories_card_confirm_right .cardstories_card_confirm {
210
left: 50px;
211
}
212
213
210
.cardstories_card_confirm_ok {
214
211
position: absolute;
215
212
top: 60px;
216
213
right: 15px;
217
214
height: 50px;
218
215
width: 109px;
219
background: transparent url('images/select_ok.png') no-repeat left top;
220
background-position: 0px 0px;
216
background: url('images/select_ok.png');
221
217
}
222
218
223
219
.cardstories_card_confirm_ok:hover {
224
background: transparent url('images/select_ok.png') no-repeat left top;
225
background-position: -109px 0px;
220
background: url('images/select_ok_off.png');
226
221
}
227
222
228
223
.cardstories_card_confirm_cancel {
231
226
left: 20px;
232
227
width: 91px;
233
228
height: 38px;
234
background: transparent url('images/select_cancel.png') no-repeat left top;
235
background-position: 0px 0px;
229
background: url('images/select_cancel.png');
236
230
}
237
231
238
232
.cardstories_card_confirm_cancel:hover {
239
background: transparent url('images/select_cancel.png') no-repeat left top;
240
background-position: -91px 0px;
233
background: url('images/select_cancel_on.png');
241
234
}
242
235
243
236
/* state create : pick a card */
244
237
238
.cardstories .cardstories_create .cardstories_pick_card .cardstories_cards_hand {
239
position: absolute;
240
bottom: 130px;
241
left: 150px;
242
}
243
245
244
.cardstories .cardstories_create .cardstories_pick_card .cardstories_cards {
246
245
position: absolute;
247
246
left: 30px;
254
253
z-index: 1;
255
254
left: 0px;
256
255
top: 159px;
257
background: transparent url('images/pick_a_card.png') no-repeat left top;
256
background: url('images/pick_a_card.png');
258
257
height: 99px;
259
258
width: 388px;
260
259
}
261
260
262
261
.cardstories .cardstories_create .cardstories_pick_card .cardstories_progress_owner {
263
background: transparent url('images/progress_1.png') no-repeat left top;
262
background: url('images/progress_1.png');
264
263
}
265
264
266
265
/* state create : write a sentence */
267
266
268
267
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_progress_owner {
269
background: transparent url('images/progress_2.png') no-repeat left top;
270
271
}
272
273
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_card_background {
274
position: absolute;
275
right: 30px;
276
top: 255px;
277
width: 363px;
278
height: 481px;
279
background: transparent url('images/card_bg.png') no-repeat left top;
268
background: url('images/progress_2.png');
269
280
270
}
281
271
282
272
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_card {
283
273
background-repeat: no-repeat;
284
274
background-color: transparent;
285
background-position: top left;
286
275
width: 100%;
287
276
height: 100%;
288
277
}
297
286
298
287
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_write_title {
299
288
position: absolute;
300
background: transparent url('images/write_title.png') no-repeat left top;
301
top: 21px;
289
background: url('images/write_title.png');
290
top: 20px;
302
291
left: 7%;
303
292
height: 72px;
304
293
width: 538px;
308
297
309
298
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_write_hint {
310
299
position: absolute;
311
background: transparent url('images/write_hint.png') no-repeat left top;
312
top: 222px;
300
background: url('images/write_hint.png');
301
top: 232px;
313
302
left: 7%;
314
303
height: 135px;
315
304
width: 441px;
341
330
}
342
331
343
332
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_write_top_box {
344
background: transparent url('images/write_top_box.png') no-repeat left top;
345
height: 15px;
333
background: url('images/write_top_box.png');
334
height: 24px;
346
335
width: 420px;
347
336
border: 0px;
348
337
}
349
338
350
339
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_write_middle_box {
351
background: transparent url('images/write_middle_box.png') left top;
352
border: 0px;
353
height: 95px;
354
width: 420px;
340
padding: 5px 10px;
341
height: 85px;
342
width: 400px;
343
background-color: #fff;
355
344
}
356
345
346
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_write_middle_box textarea {
347
height: 85px;
348
width: 400px;
349
margin: 0px;
350
}
357
351
358
352
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_write_bottom_box {
359
background: transparent url('images/write_bottom_box.png') no-repeat left top;
353
background: url('images/write_bottom_box.png');
360
354
border: 0px;
361
355
height: 22px;
362
356
width: 420px;
365
359
366
360
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_submit {
367
361
position: absolute;
368
background: transparent url('images/next.png') no-repeat left top;
369
background-position: -212px 0px;
362
background: url('images/next.png');
370
363
border: 0px;
371
top: 64px;
364
top: 74px;
372
365
right: 58px;
373
366
height: 73px;
374
367
width: 106px;
376
369
}
377
370
378
371
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_submit:hover {
379
background-image: url('images/next.png');
380
background-position: -106px 0px;
372
background: url('images/next_over.png');
381
373
}
382
374
383
375
/* lobby */
402
394
}
403
395
404
396
.cardstories .cardstories_lobby .cardstories_lobby_owner {
405
background: transparent url('images/lobby_owner.png') no-repeat left top;
397
background: url('images/lobby_owner.png');
406
398
width: 117px;
407
399
height: 42px;
408
400
margin: 10px 15px;
409
401
}
410
402
411
403
.cardstories .cardstories_lobby .cardstories_lobby_player {
412
background: transparent url('images/lobby_player.png') no-repeat left top;
404
background: url('images/lobby_player.png');
413
405
width: 105px;
414
406
height: 42px;
415
407
margin: 10px 15px;
421
413
422
414
.cardstories .cardstories_lobby .cardstories_start_story {
423
415
position: absolute;
424
background: transparent url('images/start_story_off.png') no-repeat left top;
416
background: url('images/start_story_off.png') no-repeat;
425
417
top: 266px;
426
418
right: 180px;
427
419
height: 184px;
429
421
}
430
422
431
423
.cardstories .cardstories_lobby .cardstories_start_story:hover {
432
background-image: url('images/start_story_on.png');
424
background: url('images/start_story_on.png') no-repeat;
433
425
}
434
426
435
427
.cardstories .cardstories_lobby .cardstories_solo {
436
428
position: absolute;
437
background: transparent url('images/solo_story_off.png') no-repeat left top;
438
background-position: 0px 0px;
429
background: url('images/solo_story_off.png') no-repeat;
439
430
top: 266px;
440
431
right: 40px;
441
432
height: 85px;
443
434
}
444
435
445
436
.cardstories .cardstories_lobby .cardstories_solo:hover {
446
background-image: url('images/solo_story_on.png');
437
background: url('images/solo_story_on.png') no-repeat;
447
438
}
448
439
449
440
.cardstories .cardstories_lobby .cardstories_pager {
461
452
}
462
453
463
454
.cardstories .cardstories_lobby .cardstories_pager .first {
464
background: transparent url('images/lobby_first.png') no-repeat left top;
465
background-position: 0px 0px;
455
background: url('images/lobby_first_on.png');
466
456
}
467
457
468
458
.cardstories .cardstories_lobby .cardstories_pager .first:hover {
469
background: transparent url('images/lobby_first.png') no-repeat left top;
470
background-position: -83px 0px;
459
background: url('images/lobby_first_over.png');
471
460
}
472
461
473
462
.cardstories .cardstories_lobby .cardstories_pager .prev {
474
463
margin-left: 30px;
475
background: transparent url('images/lobby_previous.png') no-repeat left top;
476
background-position: 0px 0px;
464
background: url('images/lobby_previous_on.png');
477
465
}
478
466
479
467
.cardstories .cardstories_lobby .cardstories_pager .prev:hover {
480
background: transparent url('images/lobby_previous.png') no-repeat left top;
481
background-position: -83px 0px;
468
background: url('images/lobby_previous_over.png');
482
469
}
483
470
484
471
.cardstories .cardstories_lobby .cardstories_pager .next {
485
472
margin-right: 30px;
486
background: transparent url('images/lobby_next.png') no-repeat left top;
487
background-position: 0px 0px;
473
background: url('images/lobby_next_on.png');
488
474
}
489
475
490
476
.cardstories .cardstories_lobby .cardstories_pager .next:hover {
491
background: transparent url('images/lobby_next.png') no-repeat left top;
492
background-position: -83px 0px;
477
background: url('images/lobby_next_over.png');
493
478
}
494
479
495
480
.cardstories .cardstories_lobby .cardstories_pager .last {
496
background: transparent url('images/lobby_last.png') no-repeat left top;
497
background-position: 0px 0px;
481
background: url('images/lobby_last_on.png');
498
482
}
499
483
500
484
.cardstories .cardstories_lobby .cardstories_pager .last:hover {
501
background: transparent url('images/lobby_last.png') no-repeat left top;
502
background-position: -83px 0px;
485
background: url('images/lobby_last_over.png');
503
486
}
504
487
505
.cardstories .cardstories_lobby .cardstories_finished,
506
.cardstories .cardstories_lobby .cardstories_in_progress {
507
background: transparent url('images/lobby_background.png') no-repeat 35px 350px;
488
.cardstories .cardstories_lobby .cardstories_games_display_background {
489
background: url('images/lobby_background.png');
490
position: absolute;
491
left: 35px;
492
top: 350px;
493
width: 955px;
494
height: 381px;
508
495
}
509
496
510
497
.cardstories .cardstories_lobby .cardstories_games_display {
511
498
position: relative;
499
margin: 0px 15px;
512
500
width: 925px;
513
501
height: 380px;
514
left: 50px;
515
top: 350px;
516
502
}
517
503
518
504
.cardstories .cardstories_lobby .cardstories_games {
519
505
border-collapse: collapse;
520
background: transparent url('images/transparent42.png') repeat-x left top;
506
background: url('images/transparent42.png');
521
507
}
522
508
523
509
.cardstories .cardstories_lobby .cardstories_games .cardstories_lobby_vote {
532
518
/* lobby for in progress games */
533
519
534
520
.cardstories .cardstories_lobby .cardstories_in_progress .cardstories_tab_in_progress {
535
background: transparent url('images/tab_in_progress_current.png') no-repeat left top;
521
background: url('images/tab_in_progress_current.png');
536
522
}
537
523
538
524
.cardstories .cardstories_lobby .cardstories_in_progress .cardstories_tab_finished {
539
background: transparent url('images/tab_finished.png') no-repeat left top;
525
background: url('images/tab_finished.png');
540
526
}
541
527
542
528
.cardstories .cardstories_lobby .cardstories_in_progress .cardstories_tab_finished:hover {
543
background: transparent url('images/tab_finished_over.png') no-repeat left top;
529
background: url('images/tab_finished_over.png');
544
530
}
545
531
546
532
.cardstories .cardstories_lobby .cardstories_in_progress .cardstories_stories_you_are_playing {
547
533
position: absolute;
548
background: transparent url('images/stories_you_are_playing.png') no-repeat left top;
534
background: url('images/stories_you_are_playing.png');
549
535
top: 260px;
550
536
left: 336px;
551
537
height: 83px;
555
541
/* lobby for finished games */
556
542
557
543
.cardstories .cardstories_lobby .cardstories_finished .cardstories_tab_in_progress {
558
background: transparent url('images/tab_in_progress.png') no-repeat left top;
544
background: url('images/tab_in_progress.png');
559
545
}
560
546
561
547
.cardstories .cardstories_lobby .cardstories_finished .cardstories_tab_in_progress:hover {
562
background: transparent url('images/tab_in_progress_over.png') no-repeat left top;
548
background: url('images/tab_in_progress_over.png');
563
549
}
564
550
565
551
.cardstories .cardstories_lobby .cardstories_finished .cardstories_tab_finished {
566
background: transparent url('images/tab_finished_current.png') no-repeat left top;
552
background: url('images/tab_finished_current.png');
567
553
}
568
554
569
555
/* advertise the game and invite players */
570
556
571
557
.cardstories .cardstories_advertise .cardstories_hint {
572
558
position: absolute;
573
background: transparent url('images/hint.png') no-repeat left top;
559
background: url('images/hint.png');
574
560
top: 45%;
575
561
right: 30px;
576
562
height: 211px;
579
565
580
566
.cardstories .cardstories_advertise .cardstories_invitegirl {
581
567
position: absolute;
582
background: transparent url('images/inviteyourfriendsgirl.png') no-repeat left top;
568
background: url('images/inviteyourfriendsgirl.png');
583
569
top: 274px;
584
570
left: 10%;
585
571
height: 72px;
588
574
589
575
.cardstories .cardstories_advertise .cardstories_invitegirlshadow {
590
576
position: absolute;
591
background: transparent url('images/shadow_girl.png') no-repeat left top;
577
background: url('images/shadow_girl.png');
592
578
top: 344px;
593
579
left: 155px;
594
580
height: 11px;
598
584
599
585
.cardstories .cardstories_advertise .cardstories_frame {
600
586
position: absolute;
601
background: transparent url('images/purple_bkg.png');
587
background: url('images/purple_bkg.png');
602
588
top: 45%;
603
589
left: 10%;
604
590
width: 605px;
606
592
}
607
593
608
594
.cardstories .cardstories_advertise .cardstories_frame .cardstories_frame_bordertop {
609
background: transparent url('images/bkg_white_border1.png');
595
background: url('images/bkg_white_border1.png') no-repeat;
610
596
height: 33px;
611
597
width: 100%;
612
598
}
613
599
614
600
.cardstories .cardstories_advertise .cardstories_frame .cardstories_frame_borderbottom {
615
background: transparent url('images/bkg_white_border2.png');
601
background: url('images/bkg_white_border2.png');
616
602
height: 33px;
617
603
width: 100%;
618
604
margin-top: -1px;
642
628
margin: 0 2px 0 1px;
643
629
padding: 0 25px 0 27px;
644
630
width: 550px;
645
background: #fff;
631
background-color: #fff;
646
632
}
647
633
648
634
.cardstories .cardstories_advertise .cardstories_frame .cardstories_text_frame .cardstories_text_container {
656
642
background-color: #725760;
657
643
font-size: 12pt;
658
644
color: #E3D4CB;
659
height: 200px;
660
width: 400px;
661
padding: 0px 10px 0px 10px;
645
height: 190px;
646
width: 90%;
647
padding: 0px 10px 20px 10px;
662
648
border: 0px;
663
649
outline: none;
664
650
}
668
654
}
669
655
670
656
.cardstories .cardstories_advertise .cardstories_text_bordertop {
671
background: transparent url('images/bkg_purple2_border1.png') no-repeat left top;
657
background: url('images/bkg_purple2_border1.png');
672
658
width: 551px;
673
659
height: 20px;
674
660
}
675
661
676
662
.cardstories .cardstories_advertise .cardstories_text_borderbottom {
677
background: transparent url('images/bkg_purple2_border2.png') no-repeat left top;
663
background: url('images/bkg_purple2_border2.png');
678
664
width: 551px;
679
665
height: 20px;
680
666
}
681
667
682
668
.cardstories .cardstories_advertise .cardstories_progress_owner {
683
background: transparent url('images/progress_3.png') no-repeat left top;
669
background: url('images/progress_3.png');
684
670
}
685
671
686
672
.cardstories .cardstories_advertise .cardstories_submit {
687
673
position: absolute;
688
background: transparent url('images/binvite.png') no-repeat;
689
background-position: -106px 0px;
674
background: url('images/binvite.png');
690
675
margin-bottom: -10px;
691
676
bottom: 0px;
692
677
right: 0px;
696
681
}
697
682
698
683
.cardstories .cardstories_advertise .cardstories_submit_ready {
699
background-position: 0px 0px;
684
background: url('images/binvite_ready.png');
700
685
}
701
686
702
687
.cardstories .cardstories_advertise .cardstories_submit:hover {
703
background: transparent url('images/binvite.png') no-repeat left top;
704
background-position: -212px 0px;
688
background: url('images/binvite_hover.png');
705
689
}
706
690
707
691
.cardstories .cardstories_advertise .cardstories_back {
708
692
position: absolute;
709
background: transparent url('images/bback.png') no-repeat;
710
background-position: -113px 0px;
693
background: url('images/bback.png');
711
694
margin-bottom: -10px;
712
695
margin-right: -150px;
713
696
bottom: 0px;
718
701
}
719
702
720
703
.cardstories .cardstories_advertise .cardstories_back:hover {
721
background: transparent url('images/bback.png') no-repeat;
722
background-position: 0px 0px;
704
background: url('images/bback_over.png');
723
705
}
724
706
725
707
726
708
/* state invitation : owner */
727
709
710
.cardstories .cardstories_invitation .cardstories_owner .cardstories_cards_hand {
711
position: absolute;
712
bottom: 30px;
713
left: 350px;
714
}
715
716
.cardstories .cardstories_invitation .cardstories_owner .cardstories_cards_hand .cardstories_player_name {
717
font-family: "helvetica";
718
font-weight: bold;
719
color: black;
720
font-size: 12pt;
721
height: 23px;
722
}
723
728
724
.cardstories .cardstories_invitation .cardstories_owner .cardstories_progress_owner {
729
background: transparent url('images/progress_4.png') no-repeat left top;
725
background: url('images/progress_4.png');
730
726
}
731
727
732
728
.cardstories .cardstories_invitation .cardstories_owner .cardstories_bubble_owner_pick_a_card {
733
729
position: absolute;
734
730
left: 10px;
735
731
top: 10px;
736
background: transparent url('images/owner_pick_a_card.png') no-repeat left top;
732
background: url('images/owner_pick_a_card.png');
737
733
height: 566px;
738
734
width: 248px;
739
735
z-index: 10;
742
738
743
739
.cardstories .cardstories_invitation .cardstories_owner .cardstories_sentence {
744
740
position: absolute;
745
background: transparent url('images/invitations_owner_sentence.png') no-repeat left top;
741
background: url('images/invitations_owner_sentence.png');
746
742
top: 204px;
747
743
right: 10px;
748
744
height: 85px;
750
746
text-align: center;
751
747
line-height: 80px;
752
748
color: white;
753
font-size: 13px;
749
font-size: 12pt;
754
750
color: #F8E8D8;
755
751
}
756
752
757
753
.cardstories .cardstories_invitation .cardstories_owner .cardstories_invite_friends {
758
754
position: absolute;
759
background: transparent url('images/invite_friends_button.png') no-repeat left top;
760
background-position: 0px 0px;
755
background: url('images/invite_friends_button.png');
761
756
top: 275px;
762
757
left: 23px;
763
758
height: 137px;
767
762
768
763
.cardstories .cardstories_invitation .cardstories_owner .cardstories_invite_friends:hover {
769
764
left: 30px;
770
background: transparent url('images/invite_friends_button.png') no-repeat left top;
771
background-position: -146px 0px;
765
background: url('images/invite_friends_button_over.png');
772
766
}
773
767
774
768
.cardstories .cardstories_invitation .cardstories_owner .cardstories_voting {
775
769
display: none;
776
770
position: absolute;
777
background-repeat: no-repeat;
778
771
background-color: transparent;
779
background-position: top left;
780
772
bottom: 190px;
781
773
left: 20px;
782
774
height: 90px;
787
779
.cardstories .cardstories_invitation .cardstories_owner .cardstories_voting.cardstories_ready {
788
780
display: block;
789
781
background: url('images/to_vote.png');
790
background-position: 0px 0px;
791
782
}
792
783
793
784
.cardstories .cardstories_invitation .cardstories_owner .cardstories_voting.cardstories_ready:hover {
794
background: url('images/to_vote.png');
795
background-position: -135px 0px;
785
background: url('images/to_vote_over.png');
796
786
}
797
787
798
788
.cardstories .cardstories_invitation .cardstories_owner .cardstories_cards {
804
794
805
795
/* state invitation, player point of view : pick a card */
806
796
797
.cardstories .cardstories_invitation .cardstories_pick .cardstories_cards_hand {
798
position: absolute;
799
bottom: 30px;
800
left: 350px;
801
}
802
807
803
.cardstories .cardstories_invitation .cardstories_pick .cardstories_progress_player {
808
background: transparent url('images/player_progress1.png') no-repeat left top;
804
background: url('images/player_progress1.png');
809
805
}
810
806
811
807
.cardstories .cardstories_invitation .cardstories_pick .cardstories_bubble_player_pick_a_card {
812
808
position: absolute;
813
809
left: 10px;
814
810
top: 10px;
815
background: transparent url('images/player_pick_a_card.png') no-repeat left top;
811
background: url('images/player_pick_a_card.png');
816
812
height: 347px;
817
813
width: 1001px;
818
814
}
823
819
left: 380px;
824
820
top: 314px;
825
821
width: 600px;
826
font-size: 13px;
822
font-size: 12pt;
827
823
color: #7A6A59;
828
824
}
829
825
831
827
position: absolute;
832
828
bottom: 85px;
833
829
left: 10px;
834
background: transparent url('images/pick_mask_chose_a_card.png') no-repeat left top;
830
background: url('images/pick_mask_chose_a_card.png');
835
831
height: 331px;
836
832
width: 327px;
837
833
}
841
837
}
842
838
843
839
.cardstories .cardstories_invitation .cardstories_pick .cardstories_card_confirm {
844
top: 350px;
840
top: 550px;
841
left: 120px;
845
842
}
846
843
847
844
/* state invitation, anonymous view : wait for others */
861
858
z-index: 1;
862
859
left: 10px;
863
860
top: 10px;
864
background: transparent url('images/player_pick_a_card_wait.png') no-repeat left top;
861
background: url('images/player_pick_a_card_wait.png');
865
862
height: 340px;
866
863
width: 962px;
867
864
}
868
865
869
866
.cardstories .cardstories_invitation .cardstories_invitation_anonymous .cardstories_progress_player {
870
/*background: transparent url('images/player_progress2.png') no-repeat left top;*/
871
867
}
872
868
873
869
/* state invitation, player point of view : wait for other players to pick a card */
874
870
875
871
.cardstories .cardstories_invitation .cardstories_pick_wait .cardstories_progress_player {
876
background: transparent url('images/player_progress2.png') no-repeat left top;
872
background: url('images/player_progress2.png');
877
873
}
878
874
879
875
.cardstories .cardstories_invitation .cardstories_pick_wait .cardstories_bubble_player_pick_a_card_wait {
881
877
z-index: 1;
882
878
left: 10px;
883
879
top: 10px;
884
background: transparent url('images/player_pick_a_card_wait.png') no-repeat left top;
880
background: url('images/player_pick_a_card_wait.png');
885
881
height: 340px;
886
882
width: 962px;
887
883
}
891
887
z-index: 1;
892
888
left: 10px;
893
889
bottom: 100px;
894
background: transparent url('images/pick_thanks.png') no-repeat left top;
890
background: url('images/pick_thanks.png');
895
891
height: 267px;
896
892
width: 648px;
897
893
}
910
906
911
907
/* state vote, player point of view : vote for a card */
912
908
909
.cardstories .cardstories_vote .cardstories_voter .cardstories_cards_hand {
910
position: absolute;
911
top: 350px;
912
left: 50px;
913
}
914
913
915
.cardstories .cardstories_vote .cardstories_voter .cardstories_progress_player {
914
background: transparent url('images/player_progress3.png') no-repeat left top;
916
background: url('images/player_progress3.png');
915
917
}
916
918
917
919
.cardstories .cardstories_vote .cardstories_voter .cardstories_bubble_player_vote_for_a_card {
918
920
position: absolute;
919
921
left: 10px;
920
922
top: 10px;
921
background: transparent url('images/player_vote_for_a_card.png') no-repeat left top;
923
background: url('images/player_vote_for_a_card.png');
922
924
height: 342px;
923
925
width: 980px;
924
926
}
929
931
left: 330px;
930
932
top: 305px;
931
933
width: 600px;
932
font-size: 13px;
934
font-size: 12pt;
933
935
color: #7A6A59;
934
936
}
935
937
937
939
position: absolute;
938
940
bottom: 80px;
939
941
left: 10px;
940
background: transparent url('images/vote_mask_chose_a_card.png') no-repeat left top;
942
background: url('images/vote_mask_chose_a_card.png');
941
943
height: 339px;
942
944
width: 278px;
943
945
}
954
956
height: 16px;
955
957
width: 60px;
956
958
z-index: 100;
957
background: transparent url('images/yourcard.png') no-repeat left top;
959
background: url('images/yourcard.png');
958
960
}
959
961
960
962
.cardstories .cardstories_vote .cardstories_voter .cardstories_card_confirm {
961
top: 350px;
963
right: 360px;
964
top: 550px;
962
965
}
963
966
964
967
/* state invitation and vote, player point of view : chose a card */
979
982
z-index: 1;
980
983
left: 10px;
981
984
top: 10px;
982
background: transparent url('images/player_vote_wait.png') no-repeat left top;
985
background: url('images/player_vote_wait.png');
983
986
height: 340px;
984
987
width: 962px;
985
988
}
987
990
/* state vote, player point of view : wait for other players to vote for a card */
988
991
989
992
.cardstories .cardstories_vote .cardstories_voter_wait .cardstories_progress_player {
990
background: transparent url('images/player_progress4.png') no-repeat left top;
993
background: url('images/player_progress4.png');
991
994
}
992
995
993
996
.cardstories .cardstories_vote .cardstories_voter_wait .cardstories_bubble_player_vote_wait {
995
998
z-index: 1;
996
999
left: 10px;
997
1000
top: 10px;
998
background: transparent url('images/player_vote_wait.png') no-repeat left top;
999
height: 340px;
1000
width: 962px;
1001
background: url('images/player_vote_wait.png');
1002
height: 342px;
1003
width: 946px;
1001
1004
}
1002
1005
1003
1006
.cardstories .cardstories_vote .cardstories_voter_wait .cardstories_vote_thanks {
1005
1008
z-index: 1;
1006
1009
left: 10px;
1007
1010
bottom: 100px;
1008
background: transparent url('images/vote_thanks.png') no-repeat left top;
1011
background: url('images/vote_thanks.png');
1009
1012
height: 267px;
1010
1013
width: 648px;
1011
1014
}
1028
1031
top: 310px;
1029
1032
z-index: 1;
1030
1033
width: 600px;
1031
font-size: 13px;
1034
font-size: 12pt;
1032
1035
color: #7A6A59;
1033
1036
}
1034
1037
1038
1041
z-index: 1;
1039
1042
right: 380px;
1040
1043
bottom: 118px;
1041
background: transparent url('images/change.png') no-repeat left top;
1044
background: url('images/change_off.png');
1042
1045
width: 206px;
1043
1046
height: 86px;
1044
background-position: 0px 0px;
1045
1047
}
1046
1048
1047
1049
.cardstories .cardstories_invitation .cardstories_pick_wait .cardstories_card_change:hover,
1048
1050
.cardstories .cardstories_vote .cardstories_voter_wait .cardstories_card_change:hover {
1049
background: transparent url('images/change.png') no-repeat left top;
1050
background-position: -206px 0px;
1051
background: url('images/change_over.png');
1051
1052
}
1052
1053
1053
1054
.cardstories .cardstories_invitation .cardstories_pick_wait .cardstories_card_bg,
1054
.cardstories .cardstories_vote .cardstories_voter_wait .cardstories_card_bg {
1055
.cardstories .cardstories_vote .cardstories_voter .cardstories_self_card .cardstories_card_bg,
1056
.cardstories .cardstories_vote .cardstories_voter_wait .cardstories_card_bg,
1057
.cardstories .cardstories_create .cardstories_write_sentence .cardstories_card_background {
1055
1058
position: absolute;
1056
1059
right: 50px;
1057
1060
bottom: 30px;
1058
1061
width: 298px;
1059
1062
height: 395px;
1060
background: transparent url('medium/card_bg.png') no-repeat left top;
1063
background: url('images/medium_card_bg.png');
1061
1064
}
1062
1065
1063
1066
.cardstories .cardstories_invitation .cardstories_pick_wait .cardstories_card_bg .cardstories_card,
1067
.cardstories .cardstories_vote .cardstories_voter .cardstories_self_card .cardstories_card_bg .cardstories_card,
1064
1068
.cardstories .cardstories_vote .cardstories_voter_wait .cardstories_card_bg .cardstories_card {
1065
1069
background-repeat: no-repeat;
1066
1070
background-color: transparent;
1067
background-position: top left;
1068
1071
width: 100%;
1069
1072
height: 100%;
1070
1073
}
1072
1075
/* state vote, owner view */
1073
1076
1074
1077
.cardstories .cardstories_vote .cardstories_owner .cardstories_progress_owner {
1075
background: transparent url('images/progress_5.png') no-repeat left top;
1078
background: url('images/progress_5.png');
1076
1079
}
1077
1080
1078
.cardstories .cardstories_vote .cardstories_owner {
1079
background: transparent url('images/vote_wall.png') no-repeat 13px bottom;
1081
.cardstories .cardstories_vote .cardstories_owner .cardstories_wall {
1082
background: url('images/vote_wall.png');
1083
position: absolute;
1084
bottom: 9px;
1085
left: 13px;
1086
width: 999px;
1087
height: 219px;
1080
1088
}
1081
1089
1082
1090
.cardstories .cardstories_vote .cardstories_owner .cardstories_monster {
1083
1091
position: absolute;
1084
background: transparent url('images/vote_monster.png') no-repeat left top;
1092
background: url('images/vote_monster.png');
1085
1093
top: 130px;
1086
1094
left: 12px;
1087
1095
height: 293px;
1098
1106
.cardstories .cardstories_vote .cardstories_owner .cardstories_sentence {
1099
1107
position: absolute;
1100
1108
z-index: 2;
1101
background: transparent url('images/vote_owner_sentence.png') no-repeat left top;
1109
background: url('images/vote_owner_sentence.png');
1102
1110
top: 230px;
1103
1111
right: 20px;
1104
1112
height: 85px;
1114
1122
position: absolute;
1115
1123
bottom: 30px;
1116
1124
right: 30px;
1117
background: transparent url('images/next.png') no-repeat left top;
1118
background-position: 0px 0px;
1125
background: url('images/next.png');
1119
1126
height: 73px;
1120
1127
width: 106px;
1121
1128
}
1122
1129
1123
1130
.cardstories .cardstories_vote .cardstories_owner .cardstories_finish.cardstories_ready {
1124
background-image: url('images/next.png');
1125
background-position: -212px 0px;
1131
background: url('images/next.png');
1126
1132
}
1127
1133
1128
1134
.cardstories .cardstories_vote .cardstories_owner .cardstories_finish.cardstories_ready:hover {
1129
background-image: url('images/next.png');
1130
background-position: -106px 0px;
1135
background: url('images/next_over.png');
1131
1136
}
1132
1137
1133
1138
/* state confirm results publication */
1134
1139
1135
1140
.cardstories .cardstories_confirm_results_publication {
1136
1141
display: none;
1137
background: transparent url('images/vote_wall.png') no-repeat 13px bottom;
1142
background: url('images/vote_wall.png');
1138
1143
}
1139
1144
1140
1145
.cardstories .cardstories_confirm_results_publication .cardstories_owner .cardstories_progress_owner {
1141
background: transparent url('images/progress_5.png') no-repeat left top;
1146
background: url('images/progress_5.png');
1142
1147
}
1143
1148
1144
1149
1148
1153
left: 200px;
1149
1154
height: 53px;
1150
1155
width: 619px;
1151
background: transparent url('images/announce_results_question.png') no-repeat 13px bottom;
1156
background: url('images/announce_results_question.png');
1152
1157
}
1153
1158
1154
1159
.cardstories .cardstories_confirm_results_publication .cardstories_notyet_announce_results {
1158
1163
height: 258px;
1159
1164
width: 328px;
1160
1165
cursor: pointer;
1161
background: transparent url('images/confirmation_no_off.png') no-repeat 13px bottom;
1166
background: url('images/confirmation_no_off.png');
1162
1167
}
1163
1168
1164
1169
.cardstories .cardstories_confirm_results_publication .cardstories_notyet_announce_results:hover {
1165
background: transparent url('images/confirmation_no_over.png') no-repeat 13px bottom;
1170
background: url('images/confirmation_no_over.png');
1166
1171
}
1167
1172
1168
1173
.cardstories .cardstories_confirm_results_publication .cardstories_announce_results {
1172
1177
height: 258px;
1173
1178
width: 328px;
1174
1179
cursor: pointer;
1175
background: transparent url('images/confirmation_yes_off.png') no-repeat 13px bottom;
1180
background: url('images/confirmation_yes_off.png');
1176
1181
}
1177
1182
1178
1183
.cardstories .cardstories_confirm_results_publication .cardstories_announce_results:hover {
1179
background: transparent url('images/confirmation_yes_over.png') no-repeat 13px bottom;
1184
background: url('images/confirmation_yes_over.png');
1180
1185
}
1181
1186
1182
1187
/* state complete */
1186
1191
display: none;
1187
1192
}
1188
1193
1189
.cardstories .cardstories_complete {
1190
background: transparent url('images/vote_wall.png') no-repeat 13px bottom;
1194
.cardstories .cardstories_complete .cardstories_wall {
1195
background: url('images/vote_wall.png');
1196
position: absolute;
1197
bottom: 9px;
1198
left: 13px;
1199
width: 999px;
1200
height: 219px;
1191
1201
}
1192
1202
1193
1203
.cardstories .cardstories_complete .cardstories_monster {
1194
1204
position: absolute;
1195
background: transparent url('images/complete_monster.png') no-repeat left top;
1205
background: url('images/complete_monster.png');
1196
1206
top: 130px;
1197
1207
left: 12px;
1198
1208
height: 293px;
1211
1221
width: 450px;
1212
1222
text-align: center;
1213
1223
line-height: 20px;
1214
color: #F8E8D8;
1215
font-size: 13px;
1224
color: black;
1225
font-size: 12pt;
1216
1226
}
1217
1227
1218
1228
.cardstories .cardstories_complete.cardstories_why .cardstories_winners {
1228
1238
width: 500px;
1229
1239
text-align: center;
1230
1240
color: #F8E8D8;
1231
font-size: 13px;
1241
font-size: 12pt;
1232
1242
}
1233
1243
1234
1244
.cardstories .cardstories_complete.cardstories_why .cardstories_sentence {
1267
1277
/* state complete, owner point of view */
1268
1278
1269
1279
.cardstories .cardstories_complete.cardstories_owner .cardstories_progress_owner {
1270
background: transparent url('images/progress_6.png') no-repeat left top;
1280
background: url('images/progress_6.png');
1271
1281
display: block;
1272
1282
}
1273
1283
1274
1284
.cardstories .cardstories_complete.cardstories_owner .cardstories_complete_explain {
1275
1285
position: absolute;
1276
background: transparent url('images/complete_owner_explain.png') no-repeat left top;
1286
background: url('images/complete_owner_explain.png');
1277
1287
top: 195px;
1278
1288
right: 30px;
1279
1289
height: 152px;
1282
1292
1283
1293
.cardstories .cardstories_complete.cardstories_owner.cardstories_why .cardstories_complete_explain {
1284
1294
position: absolute;
1285
background: transparent url('images/complete_owner_why.png') no-repeat left top;
1295
background: url('images/complete_owner_why.png');
1286
1296
top: 195px;
1287
1297
left: 12px;
1288
1298
height: 150px;
1292
1302
/* state complete, player point of view */
1293
1303
1294
1304
.cardstories .cardstories_complete.cardstories_player .cardstories_progress_player {
1295
background: transparent url('images/player_progress5.png') no-repeat left top;
1305
background: url('images/player_progress5.png');
1296
1306
display: block;
1297
1307
}
1298
1308
1299
1309
.cardstories .cardstories_complete.cardstories_player .cardstories_complete_explain {
1300
1310
position: absolute;
1301
background: transparent url('images/complete_player_explain.png') no-repeat left top;
1311
background: url('images/complete_player_explain.png');
1302
1312
top: 195px;
1303
1313
right: 30px;
1304
1314
height: 152px;
1307
1317
1308
1318
.cardstories .cardstories_complete.cardstories_player.cardstories_why .cardstories_complete_explain {
1309
1319
position: absolute;
1310
background: transparent url('images/complete_player_why.png') no-repeat left top;
1320
background: url('images/complete_player_why.png');
1311
1321
top: 195px;
1312
1322
left: 12px;
1313
1323
height: 150px;
1320
1330
position: absolute;
1321
1331
bottom: 0px;
1322
1332
width: 100%;
1323
height: 395px;
1333
height: 405px;
1324
1334
}
1325
1335
1326
1336
.cardstories .cardstories_votes .cardstories_column {
1330
1340
}
1331
1341
1332
1342
.cardstories .cardstories_votes .cardstories_column .cardstories_card_bg {
1333
background: transparent url('small/card_bg.png') no-repeat left top;
1343
background: url('images/small_card_bg.png');
1334
1344
width: 135px;
1335
1345
height: 175px;
1336
1346
}
1337
1347
1338
1348
.cardstories .cardstories_votes .cardstories_column.cardstories_winner_card .cardstories_card_bg {
1339
background: transparent url('small/card_bg_winner.png') no-repeat left top;
1349
background: url('images/small_card_bg_winner.png');
1340
1350
}
1341
1351
1342
1352
.cardstories .cardstories_votes .cardstories_column .cardstories_card {
1343
1353
background-repeat: no-repeat;
1344
1354
background-color: transparent;
1345
background-position: center center;
1346
1355
width: 135px;
1347
1356
height: 175px;
1348
1357
}
1349
1358
1350
1359
.cardstories .cardstories_votes .cardstories_column .cardstories_player_name {
1351
background: transparent url('images/complete_player_name.png') no-repeat center center;
1360
background: url('images/complete_player_name.png');
1352
1361
height: 13px;
1353
1362
line-height: 13px;
1354
width: 125px;
1355
padding: 0px 5px;
1363
width: 112px;
1364
margin: 0px 12px;
1356
1365
overflow: hidden;
1357
1366
margin-top: -20px;
1358
1367
margin-bottom: 20px;
1359
1368
text-align: center;
1360
1369
color: #5C463B;
1361
font-size: 8px;
1370
font-size: 8pt;
1362
1371
}
1363
1372
1364
1373
.cardstories .cardstories_votes .cardstories_column .cardstories_voter_name {
1365
background: transparent url('images/complete_player_vote.png') no-repeat center center;
1374
background: url('images/complete_player_vote.png');
1366
1375
height: 23px;
1367
1376
line-height: 23px;
1368
width: 100%;
1369
margin-top: 5px;
1377
margin: 5px 16px 0px 15px;
1370
1378
color: #000;
1371
font-size: 8px;
1379
font-size: 8pt;
1372
1380
text-align: center;
1373
1381
}
1374
1382
1420
1428
}
1421
1429
1422
1430
.cardstories_credits_short_middle {
1423
background: transparent url('images/credits_short_middle.png') repeat-x left top;
1424
/* color: #9D9070; */
1425
color: #000;
1431
background: url('images/credits_short_middle.png');
1426
1432
font-size: 12px;
1427
1433
}
1428
1434
1435
.cardstories_credits_link {
1436
text-decoration: underline;
1437
}
1438
1429
1439
.cardstories_credits_short_middle a {
1430
/* color: #9D9070; */
1431
1440
color: #000;
1432
1441
}
1433
1442
1434
1443
.cardstories_credits_short_left {
1435
background: transparent url('images/credits_short_left.png') no-repeat left top;
1444
background: url('images/credits_short_left.png');
1436
1445
}
1437
1446
1438
1447
.cardstories_credits_short_right {
1439
background: transparent url('images/credits_short_right.png') no-repeat left top;
1448
background: url('images/credits_short_right.png');
1440
1449
}
1441
1450
1442
1451
.cardstories_credits_long {
1443
1452
width: 100%;
1444
1453
height: 100%;
1445
background: transparent url('images/background_plain.png') repeat-x left top;
1454
background: url('images/background_plain.png');
1446
1455
display: none;
1447
1456
position: absolute;
1448
1457
top: 0px;
1458
1467
top: 30px;
1459
1468
position: absolute;
1460
1469
z-index: 10;
1461
background: transparent url('images/credits_close.png') no-repeat left top;
1462
background-position: 0px 0px;
1470
background: url('images/credits_close.png');
1463
1471
}
1464
1472
1465
1473
.cardstories_credits_close:hover {
1466
background: transparent url('images/credits_close.png') no-repeat left top;
1467
background-position: -26px 0px;
1474
background: url('images/credits_close_hover.png');
1468
1475
}
1469
1476
1470
1477
.cardstories_credits_long_bg_inner {
1473
1480
margin-left: -355px;
1474
1481
height: 711px;
1475
1482
top: 30px;
1476
background: transparent url('images/credits_background.png') no-repeat left top;
1483
background: url('images/credits_background.png');
1477
1484
position: absolute;
1478
1485
}
1479
1486
1489
1496
width: 580px;
1490
1497
overflow: auto;
1491
1498
}
1499
1500
.cardstories_no_small_card { background:url('images/small_card-back.png'); }
1501
.cardstories_small_card1 { background:url('images/small_card01.png'); }
1502
.cardstories_small_card2 { background:url('images/small_card02.png'); }
1503
.cardstories_small_card3 { background:url('images/small_card03.png'); }
1504
.cardstories_small_card4 { background:url('images/small_card04.png'); }
1505
.cardstories_small_card5 { background:url('images/small_card05.png'); }
1506
.cardstories_small_card6 { background:url('images/small_card06.png'); }
1507
.cardstories_small_card7 { background:url('images/small_card07.png'); }
1508
.cardstories_small_card8 { background:url('images/small_card08.png'); }
1509
.cardstories_small_card9 { background:url('images/small_card09.png'); }
1510
.cardstories_small_card10 { background:url('images/small_card010.png'); }
1511
.cardstories_small_card11 { background:url('images/small_card011.png'); }
1512
.cardstories_small_card12 { background:url('images/small_card012.png'); }
1513
.cardstories_small_card13 { background:url('images/small_card013.png'); }
1514
.cardstories_small_card14 { background:url('images/small_card014.png'); }
1515
.cardstories_small_card15 { background:url('images/small_card015.png'); }
1516
.cardstories_small_card16 { background:url('images/small_card016.png'); }
1517
.cardstories_small_card17 { background:url('images/small_card017.png'); }
1518
.cardstories_small_card18 { background:url('images/small_card018.png'); }
1519
.cardstories_small_card19 { background:url('images/small_card019.png'); }
1520
.cardstories_small_card20 { background:url('images/small_card020.png'); }
1521
.cardstories_small_card21 { background:url('images/small_card021.png'); }
1522
.cardstories_small_card22 { background:url('images/small_card022.png'); }
1523
.cardstories_small_card23 { background:url('images/small_card023.png'); }
1524
.cardstories_small_card24 { background:url('images/small_card024.png'); }
1525
.cardstories_small_card25 { background:url('images/small_card025.png'); }
1526
.cardstories_small_card26 { background:url('images/small_card026.png'); }
1527
.cardstories_small_card27 { background:url('images/small_card027.png'); }
1528
.cardstories_small_card28 { background:url('images/small_card028.png'); }
1529
.cardstories_small_card29 { background:url('images/small_card029.png'); }
1530
.cardstories_small_card30 { background:url('images/small_card030.png'); }
1531
.cardstories_small_card31 { background:url('images/small_card031.png'); }
1532
.cardstories_small_card32 { background:url('images/small_card032.png'); }
1533
.cardstories_small_card33 { background:url('images/small_card033.png'); }
1534
.cardstories_small_card34 { background:url('images/small_card034.png'); }
1535
.cardstories_small_card35 { background:url('images/small_card035.png'); }
1536
.cardstories_small_card36 { background:url('images/small_card036.png'); }
1537
1538
.cardstories_no_complete_card { background:url('images/small_card-back.png'); }
1539
.cardstories_complete_card1 { background:url('images/small_card01.png'); }
1540
.cardstories_complete_card2 { background:url('images/small_card02.png'); }
1541
.cardstories_complete_card3 { background:url('images/small_card03.png'); }
1542
.cardstories_complete_card4 { background:url('images/small_card04.png'); }
1543
.cardstories_complete_card5 { background:url('images/small_card05.png'); }
1544
.cardstories_complete_card6 { background:url('images/small_card06.png'); }
1545
.cardstories_complete_card7 { background:url('images/small_card07.png'); }
1546
.cardstories_complete_card8 { background:url('images/small_card08.png'); }
1547
.cardstories_complete_card9 { background:url('images/small_card09.png'); }
1548
.cardstories_complete_card10 { background:url('images/small_card010.png'); }
1549
.cardstories_complete_card11 { background:url('images/small_card011.png'); }
1550
.cardstories_complete_card12 { background:url('images/small_card012.png'); }
1551
.cardstories_complete_card13 { background:url('images/small_card013.png'); }
1552
.cardstories_complete_card14 { background:url('images/small_card014.png'); }
1553
.cardstories_complete_card15 { background:url('images/small_card015.png'); }
1554
.cardstories_complete_card16 { background:url('images/small_card016.png'); }
1555
.cardstories_complete_card17 { background:url('images/small_card017.png'); }
1556
.cardstories_complete_card18 { background:url('images/small_card018.png'); }
1557
.cardstories_complete_card19 { background:url('images/small_card019.png'); }
1558
.cardstories_complete_card20 { background:url('images/small_card020.png'); }
1559
.cardstories_complete_card21 { background:url('images/small_card021.png'); }
1560
.cardstories_complete_card22 { background:url('images/small_card022.png'); }
1561
.cardstories_complete_card23 { background:url('images/small_card023.png'); }
1562
.cardstories_complete_card24 { background:url('images/small_card024.png'); }
1563
.cardstories_complete_card25 { background:url('images/small_card025.png'); }
1564
.cardstories_complete_card26 { background:url('images/small_card026.png'); }
1565
.cardstories_complete_card27 { background:url('images/small_card027.png'); }
1566
.cardstories_complete_card28 { background:url('images/small_card028.png'); }
1567
.cardstories_complete_card29 { background:url('images/small_card029.png'); }
1568
.cardstories_complete_card30 { background:url('images/small_card030.png'); }
1569
.cardstories_complete_card31 { background:url('images/small_card031.png'); }
1570
.cardstories_complete_card32 { background:url('images/small_card032.png'); }
1571
.cardstories_complete_card33 { background:url('images/small_card033.png'); }
1572
.cardstories_complete_card34 { background:url('images/small_card034.png'); }
1573
.cardstories_complete_card35 { background:url('images/small_card035.png'); }
1574
.cardstories_complete_card36 { background:url('images/small_card036.png'); }
1575
1576
.cardstories_wait_card1 { background:url('images/medium_card01.png'); }
1577
.cardstories_wait_card2 { background:url('images/medium_card02.png'); }
1578
.cardstories_wait_card3 { background:url('images/medium_card03.png'); }
1579
.cardstories_wait_card4 { background:url('images/medium_card04.png'); }
1580
.cardstories_wait_card5 { background:url('images/medium_card05.png'); }
1581
.cardstories_wait_card6 { background:url('images/medium_card06.png'); }
1582
.cardstories_wait_card7 { background:url('images/medium_card07.png'); }
1583
.cardstories_wait_card8 { background:url('images/medium_card08.png'); }
1584
.cardstories_wait_card9 { background:url('images/medium_card09.png'); }
1585
.cardstories_wait_card10 { background:url('images/medium_card010.png'); }
1586
.cardstories_wait_card11 { background:url('images/medium_card011.png'); }
1587
.cardstories_wait_card12 { background:url('images/medium_card012.png'); }
1588
.cardstories_wait_card13 { background:url('images/medium_card013.png'); }
1589
.cardstories_wait_card14 { background:url('images/medium_card014.png'); }
1590
.cardstories_wait_card15 { background:url('images/medium_card015.png'); }
1591
.cardstories_wait_card16 { background:url('images/medium_card016.png'); }
1592
.cardstories_wait_card17 { background:url('images/medium_card017.png'); }
1593
.cardstories_wait_card18 { background:url('images/medium_card018.png'); }
1594
.cardstories_wait_card19 { background:url('images/medium_card019.png'); }
1595
.cardstories_wait_card20 { background:url('images/medium_card020.png'); }
1596
.cardstories_wait_card21 { background:url('images/medium_card021.png'); }
1597
.cardstories_wait_card22 { background:url('images/medium_card022.png'); }
1598
.cardstories_wait_card23 { background:url('images/medium_card023.png'); }
1599
.cardstories_wait_card24 { background:url('images/medium_card024.png'); }
1600
.cardstories_wait_card25 { background:url('images/medium_card025.png'); }
1601
.cardstories_wait_card26 { background:url('images/medium_card026.png'); }
1602
.cardstories_wait_card27 { background:url('images/medium_card027.png'); }
1603
.cardstories_wait_card28 { background:url('images/medium_card028.png'); }
1604
.cardstories_wait_card29 { background:url('images/medium_card029.png'); }
1605
.cardstories_wait_card30 { background:url('images/medium_card030.png'); }
1606
.cardstories_wait_card31 { background:url('images/medium_card031.png'); }
1607
.cardstories_wait_card32 { background:url('images/medium_card032.png'); }
1608
.cardstories_wait_card33 { background:url('images/medium_card033.png'); }
1609
.cardstories_wait_card34 { background:url('images/medium_card034.png'); }
1610
.cardstories_wait_card35 { background:url('images/medium_card035.png'); }
1611
.cardstories_wait_card36 { background:url('images/medium_card036.png'); }
1612
Loggerhead is a web-based interface for Breezy
Version: 2.0.1