application.sass 47.6 KB
Newer Older
Raphael's avatar
Raphael committed
1
//   licensed under the Affero General Public License version 3 or later.  See
Raphael's avatar
Raphael committed
2
//   the COPYRIGHT file.
3

4
@import 'mixins'
5

danielvincent's avatar
danielvincent committed
6
body
danielvincent's avatar
danielvincent committed
7 8
  :padding 2em
  :margin 0
9
    :top 33px
10
  :background-color $background
11 12 13 14 15

  :font
    :family "Helvetica Neue",Helvetica,Arial,sans-serif
    :size 13px

16
a
17
  :color $blue
danielvincent's avatar
danielvincent committed
18 19
  :text
    :decoration none
20
  &:hover
21 22 23
    :color $blue
    :text
      :decoration underline
24 25 26

p
  :word-wrap break-word
27

28
h1
danielgrippi's avatar
danielgrippi committed
29
  :color #333
30
  :position relative
danielvincent's avatar
danielvincent committed
31 32
  :font
    :weight bold
danielgrippi's avatar
danielgrippi committed
33 34
  :letter
    :spacing -1px
35

36
h1, h2, h3, h4
37 38 39
  :margin
    :bottom 5px

40 41 42 43
  small
    :font-size small
    :color #999

44 45 46 47
h1
  :color #111

ul > li
maxwell's avatar
maxwell committed
48 49
  :list-style none

50 51 52
.content ul li
  :list-style disc

53 54 55
form
  :position relative

56 57 58 59
.rtl
  :direction rtl
  :text-align right

60 61
.hidden
  :display none
62

Raphael's avatar
Raphael committed
63
.avatar
danielvincent's avatar
danielvincent committed
64 65
  :width 50px
  :height 50px
Raphael's avatar
Raphael committed
66

danielgrippi's avatar
danielgrippi committed
67 68 69 70 71 72
#content
  :background
    :color #fff
  :border 1px solid #ccc
  :height 100%

73 74 75
#flash_notice,
#flash_error,
#flash_alert
76
  @include box-shadow(0, 1px, 2px, #333)
77
  :z-index 100
danielvincent's avatar
danielvincent committed
78 79 80
  :position fixed
  :color #fff

danielvincent's avatar
danielvincent committed
81
  :top -100px
danielvincent's avatar
danielvincent committed
82 83 84 85
  :left 0

  :width 100%
  :padding 1em
86

danielvincent's avatar
danielvincent committed
87 88
  :font
    :weight bold
89

90
#flash_notice
danielvincent's avatar
danielvincent committed
91
  :background
92 93
    :color rgb(126,240,77)
    :color rgba(126,240,77,0.98)
danielvincent's avatar
danielvincent committed
94 95
  :text
    :shadow 0 1px #6C6
96 97 98

#flash_error,
#flash_alert
danielvincent's avatar
danielvincent committed
99
  :background
100 101
    :color rgb(208,49,43)
    :color rgba(208,49,43,0.98)
danielvincent's avatar
danielvincent committed
102 103 104 105
  :border
    :bottom solid 1px #C66
  :text
    :shadow 0 1px #C66
106

107 108
.login_error,
.login_alert
109
  :color rgb(208,49,43)
110
  :text-shadow 1px 1px 20px rgb(208,49,43)
111

112 113 114 115
.login_notice
  :color rgb(10,150,10)
  :text-shadow 1px 1px 20px rgb(126,240,77)

116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139
.fieldWithErrors
  :display inline

.error_messages
  :width 400px
  :border 2px solid #CF0000
  :padding 0
  :padding-bottom 12px
  :margin-bottom 20px
  :background-color #f0f0f0
  :font
    :size 12px
  h2
    :text-align left
    :padding 5px 5px 5px 15px
    :margin 0
    :font
      :weight bold
      :size 12px
    :background-color #c00
  p
    :margin 8px 10px
  ul
    :margin 0
danielvincent's avatar
danielvincent committed
140

danielvincent's avatar
danielvincent committed
141
header
danielgrippi's avatar
danielgrippi committed
142
  @include box-shadow(0,1px,2px,rgba(0,0,0,0.5))
143
  @include linear-gradient(rgba(35,30,30,0.95),rgba(35,30,30,1))
144

145
  :z-index 1001
146
  :padding 6px 0
147
  :color #CCC
148
  :height 26px
danielvincent's avatar
danielvincent committed
149

150
  :position fixed
danielgrippi's avatar
danielgrippi committed
151

152 153 154
  :width 100%
  :top 0
  :left 0
155

danielgrippi's avatar
danielgrippi committed
156 157 158
  :border
    :bottom 1px solid rgb(4,0,0)

danielgrippi's avatar
danielgrippi committed
159 160 161
  &.fixit
    :position fixed
    :top -30px
162

163
  a
164
    :color #CCC
danielgrippi's avatar
danielgrippi committed
165
    :color rgb(147,147,147)
166 167 168 169 170

    &:hover
      :background none
      :color #eee

danielvincent's avatar
danielvincent committed
171 172 173
  &.landing
    .right
      :top 10px
174
    :height 40px
danielvincent's avatar
danielvincent committed
175

danielvincent's avatar
danielvincent committed
176
  ul#user_menu
177 178 179 180
    :overflow hidden
    :white-space nowrap
    :text-overflow ellipsis
    :text-shadow 0 1px 0 #000
danielgrippi's avatar
danielgrippi committed
181
    :color rgb(147,147,147)
182

183
    :min-width 100px
184 185

    :cursor pointer
186

danielvincent's avatar
danielvincent committed
187
    :z-index 10
188
    :padding 5px 0
danielgrippi's avatar
danielgrippi committed
189 190
      :left 32px
      :right 7px
danielvincent's avatar
danielvincent committed
191 192 193 194
    :margin 0
      :top -2px
      :right -5px

195
    :background
danielgrippi's avatar
danielgrippi committed
196 197 198 199 200
      :color rgba(24,20,20,0.5)

    :border
      :left 1px solid #333
      :right 1px solid #333
201

202
    :position absolute
203
    :display inline
204

danielgrippi's avatar
danielgrippi committed
205
    :top -4px
206
    :right 0
207

208 209 210 211
    &:hover
      :background
        :color #222

danielvincent's avatar
danielvincent committed
212 213
    li
      a
214 215
        :padding 4px
        :height 100%
216
        :color #939393
MrZYX's avatar
MrZYX committed
217 218 219 220
        &:hover
          :background
            :color $blue
          :color #fff
221 222
          :text
            :decoration none
MrZYX's avatar
MrZYX committed
223 224

      &:first-child
danielgrippi's avatar
danielgrippi committed
225
        :padding 5px 0
MrZYX's avatar
MrZYX committed
226 227 228 229 230 231 232 233
        a
          :padding
            :right 15px
          &:hover
            :background
              :color #222
            :text
              :decoration none
234 235
          &:focus
            :outline none
MrZYX's avatar
MrZYX committed
236 237
        .right
          :right 5px
danielvincent's avatar
danielvincent committed
238

239
    &.active
danielgrippi's avatar
danielgrippi committed
240
      @include dropdown-shadow
241

danielvincent's avatar
danielvincent committed
242 243
      :margin
        :top -3px
danielgrippi's avatar
danielgrippi committed
244
        :right -5px
danielvincent's avatar
danielvincent committed
245
      :background
danielgrippi's avatar
danielgrippi committed
246
        :color rgb(34,30,30)
danielvincent's avatar
danielvincent committed
247 248 249 250 251 252
      :border 1px solid #999

    .avatar
      :height 20px
      :width 20px
      :position absolute
danielgrippi's avatar
danielgrippi committed
253 254
      :left 4px
      :top 5px
danielvincent's avatar
danielvincent committed
255 256
      :display block

257
//////////////////////////////////
258
ul.dropdown
259 260
  :padding 0

261 262 263 264
  li
    :display none
    a
      :display block
265

266
    &:first-child
267
      :display block
268 269 270 271 272
      a
        :height auto
        :display inline

  &.active
273
    :z-index 30
274 275 276
    li
      :display block

277
//////////////////////////////////
278
//hacks for tagging plugin...
Pistos's avatar
Pistos committed
279
ul.as-selections
280 281
  :width 100% !important
//////////////////////////////////
282

maxwell's avatar
maxwell committed
283
.unread
284
  :background-color #E6E6E6
285 286 287
  :color #333 !important
  time
    :color #333 !important
maxwell's avatar
maxwell committed
288

289 290
.diaspora_header_logo
  :position relative
danielgrippi's avatar
danielgrippi committed
291
  :top 4px
292
  :margin
danielgrippi's avatar
danielgrippi committed
293
    :right 26px
294 295
  &:active
    :top 5px
296

Raphael's avatar
Raphael committed
297
.stream
298 299 300 301
  audio
    :display block
    :margin 5px 0

302
  .stream_element
303
    :padding 15px
danielvincent's avatar
danielvincent committed
304
    :min-height 50px
danielvincent's avatar
danielvincent committed
305
    :border
306
      :bottom 1px solid #ddd
danielvincent's avatar
danielvincent committed
307

308 309 310
    &:first-child
      :border
        :top none
311

312

313
    .youtube-player, .vimeo-player
Hexagon's avatar
Hexagon committed
314
      :border none
315 316
      :height 304px
      :width 410px
317

danielgrippi's avatar
danielgrippi committed
318 319 320 321
    .comment
      .comment_info
        :font
          :size smaller
322

323 324 325 326 327
.from
  a
    :font
      :weight bold

328 329 330 331 332
.arrow
  :color #ccc
  :font
    :weight lighter

333 334 335 336 337 338 339 340 341
.show_photo_attachments
  :border
    :bottom 1px solid #eee
  :padding
    :top 6px
    :bottom 16px
  :margin
    :bottom 2em
  img
maxwell's avatar
maxwell committed
342 343
    :position relative
    :display inline
344 345 346 347
    :margin
      :right 1px
      :bottom -1px

348 349 350
#author_info
  :position relative

351
  .avatar img
danielvincent's avatar
danielvincent committed
352
    :position relative
353
    :top 0px
354
    :display inline-block
355 356 357
    :height 30px
    :width 30px

358 359
  .from
    :display inline-block
360

danielvincent's avatar
danielvincent committed
361 362 363 364
  &.profile
    .from
      :padding 0

365
  h2,
366
  h3,
367 368
  h4,
  h5
369
    :display inline-block
danielgrippi's avatar
danielgrippi committed
370 371
    :margin
      :bottom 10px
372
      :right 10px
373 374 375
  h2
    :margin
      :bottom 0
376

377 378 379 380
  &.show
    a
      :margin
        :right 1em
381 382 383 384
      :font
        :weight normal
    h4,
    h5
385 386 387
      :margin 0
      :padding 0

388 389 390
  .right
    :top 10px

391 392 393 394
  .description
    :margin
      :bottom 10px

danielgrippi's avatar
danielgrippi committed
395 396 397 398 399
#conversation_inbox a
  &:hover
    :text
      :decoration none

400
.stream_element
danielvincent's avatar
danielvincent committed
401
  :position relative
402
  :word-wrap break-word
403
  :color #555
404

405
  :font
406
    :size 13px
407 408 409 410 411

  a.author
    :font
      :weight bold
    :color #444
412

Raphael's avatar
Raphael committed
413
  .content
danielvincent's avatar
danielvincent committed
414
    :margin
415
      :top 0
Daniel Vincent Grippi's avatar
Daniel Vincent Grippi committed
416
    :padding
417
      :left 60px
danielvincent's avatar
danielvincent committed
418

danielvincent's avatar
danielvincent committed
419 420 421
    :font
      :weight normal

422 423
    p
      :margin
424
        :top 0
425
        :bottom 10px
426
      :font
427
        :size 12px
428
      :line
429
        :height 18px
430 431 432 433 434

    .photo_attachments
      :margin
        :top 7px

435 436 437 438
    img
      :margin
        :right 0
      :max-width 100%
439

440 441
    .stream_photo
      :float left
442
      :margin
443 444 445
        :top 6px

    .photo_description
446
      :margin
447 448 449 450 451 452 453 454 455 456
        :top 6px
      :padding
        :left 220px
      :min-height 185px
      :color #888
      :font
        :style italic

    .small_text
      :font
457
        :size smaller
458

459 460 461
    .info
      :margin
        :top 2px
462
      :color #999
463
      :font-size 11px
464

465 466 467 468
    .comments
      .info
        :margin
          :top -1px
maxwell's avatar
maxwell committed
469

470
  .delete
471
    @include opacity(0.3)
472 473 474
    :padding 5px

    &:hover
danielgrippi's avatar
danielgrippi committed
475
      @include opacity(1)
476

477 478 479 480 481
  .right
    :position absolute
    :right 12px

  .controls
482 483
    @include transition(opacity)
    @include opacity(0)
484 485 486 487 488 489 490 491 492
    :z-index 6
    :color #999
    a
      :color #999
      :font
        :weight normal

  &:hover, .comment:hover
    > .controls
493
      @include opacity(1)
494 495 496 497

    .from
      a
        :color $blue
498

499 500 501 502
.status_message_show
  .stream_element
    .content
      p
danielgrippi's avatar
danielgrippi committed
503 504
        :font
          :size 1em
505 506

  .comment_box
507
    :width 653px
508 509
    :margin
      :bottom 5px
510

danielgrippi's avatar
danielgrippi committed
511 512 513 514 515 516
.from
  .details,
  .details *
    :color #aaa
    :font
      :weight normal
517

danielgrippi's avatar
danielgrippi committed
518 519
.post_scope
  :cursor default
520

521
.time,
danielgrippi's avatar
danielgrippi committed
522 523
.timeago,
.via
524
  :color #aaa
maxwell's avatar
maxwell committed
525
  a
danielgrippi's avatar
danielgrippi committed
526
    :color #999
527 528 529
  :text
    :decoration none
  :border none
530

danielvincent's avatar
danielvincent committed
531
#user_name
danielvincent's avatar
danielvincent committed
532
  :margin
ilya's avatar
ilya committed
533
    :bottom 20px
534

ilya's avatar
ilya committed
535 536 537 538 539 540 541 542 543 544 545 546 547 548
  img
    :margin
      :right 10px
    :display inline-block
    :float left
    :height 40px

  h1
    :margin
      :bottom 7px
    :line-height 18px
    a
      :color #000

549
  span
550
    :size small
maxwell's avatar
maxwell committed
551
    :font
ilya's avatar
ilya committed
552 553
      :weight normal
    :color #999
554 555
  #latest_message_time
    :font-style italic
ilya's avatar
ilya committed
556 557 558 559 560 561 562 563 564
  ul
    :display inline
    :margin 0
    :padding 0

    > li
      :display inline
      :margin
        :right 1em
565

Raphael's avatar
Raphael committed
566
.stream.show
567 568 569 570
  &:hover
    > li
      :background none
      :border none
danielvincent's avatar
danielvincent committed
571

572 573 574
.submit_button
  :text
    :align right
575

danielvincent's avatar
danielvincent committed
576
ul.comments,
577
ul.show_comments,
578 579
.likes_container,
.stream_element .reshare
Raphael Sofaer's avatar
Raphael Sofaer committed
580 581 582 583 584

  .avatar
    :width 30px
    :height 30px

585 586
  :margin 0
  :padding 0
587

588 589 590 591 592
  :font
    :size 12px
  :line
    :height 18px

593
  :position relative
594

danielvincent's avatar
danielvincent committed
595
  li
596 597
    :list
      :style none
598 599
    :padding 8px 5px

600
    :border
601
      :bottom 1px dotted #aaa
maxwell's avatar
maxwell committed
602

603 604 605 606 607
    .from
      :font
        :size 1em
      :margin
        :bottom 0px
608

609
    .youtube-player, .vimeo-player
610
      :border none
Hexagon's avatar
Hexagon committed
611 612
      :height 250px
      :width 400px
613

Pistos's avatar
Pistos committed
614

615 616 617 618 619 620 621
  .content
    :margin
      :top 0px
      :bottom -2px
    :padding
      :left 36px
      :right 10px
Raphael Sofaer's avatar
Raphael Sofaer committed
622

623 624 625 626
    p
      :margin
        :bottom 0
        :top 0
627 628 629 630
    p + p
      :margin
        :top 1em
    .ltr
631 632
      ol, ul
        padding-left: 2em
633 634 635
        li
          :padding 0px
          :border none
636
          :list-style inherit
637

638

639 640 641
    .right
      :right 4px

Raphael Sofaer's avatar
Raphael Sofaer committed
642 643 644 645
    .avatar
      :position absolute
      :display inline

646
.stream_element .reshare
danielgrippi's avatar
danielgrippi committed
647 648 649 650 651 652
  :padding
    :left 10px
  :border-left 2px solid #ddd
  :margin
    :top 5px
    :bottom 10px
653

Raphael Sofaer's avatar
Raphael Sofaer committed
654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680
ul.show_comments
  :padding
    :bottom 6px
  :margin
    :top 6px

form.new_comment
  :padding 8px 5px
  .avatar
    :position absolute
    :display inline
    :width 30px
    :height 30px

  :min-height 35px

  input
    :display none

  :margin
    :bottom -4px

  :font
    :size 1em

  .submit_button
    input
681
      :margin
Raphael Sofaer's avatar
Raphael Sofaer committed
682
        :right 0
683

Raphael Sofaer's avatar
Raphael Sofaer committed
684 685 686
  textarea
    :width 365px
    :height 21px
687

Raphael Sofaer's avatar
Raphael Sofaer committed
688 689 690 691 692
    :font
      :size 1em
    :margin
      :top 0
      :bottom -3px
693

Raphael Sofaer's avatar
Raphael Sofaer committed
694 695 696 697 698 699
  p
    :margin
      :bottom 0
      :top -10px
    :position relative
    :left 35px
700

Raphael Sofaer's avatar
Raphael Sofaer committed
701 702 703 704 705 706 707 708 709 710
  &.open
    .submit_button
      :display block
      :margin
        :top 5px
        :bottom 2px
        :right 2px

    input
      :display inline-block
711 712


713
.comment
714 715 716 717 718 719 720 721 722 723 724
  .like_action
    @include transition(opacity)
    @include opacity(0)

    &:before
      :content " · "

  &:hover
    .like_action
      @include opacity(1)

725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740
  .likes,
  .likes_container
    :display inline
    :padding 0
    :margin 0
    :font
      :size 10px
    a
      :font
        :weight normal

    img
      :margin 0
      :height 9px
      :width 9px
      :top 1px
741

742 743 744 745 746
  .likes
    :margin
      :left 5px


747 748 749 750 751 752 753 754
.stream.show
  ul.comments
    li
      :padding
        :right 135px

      textarea
        :margin
755
          :bottom 5px
756

maxwell's avatar
maxwell committed
757
.profile_photo
Daniel Vincent Grippi's avatar
Daniel Vincent Grippi committed
758
  img
759
    :height auto
760
    :width 200px
Daniel Vincent Grippi's avatar
Daniel Vincent Grippi committed
761

maxwell's avatar
maxwell committed
762
#profile
danielvincent's avatar
danielvincent committed
763 764 765
  h3
    :margin
      :bottom 0
maxwell's avatar
maxwell committed
766
  ul
Daniel Vincent Grippi's avatar
Daniel Vincent Grippi committed
767 768
    :margin 0
    :padding 0
769

770
  ul#profile_information
771
    :margin 1em 0
772
    > li
maxwell's avatar
maxwell committed
773
      :margin
danielvincent's avatar
danielvincent committed
774
        :bottom 2em
775 776
      h4
        :font-weight bold
777

778
a.paginate, #infscr-loading
Dan Hansen's avatar
Dan Hansen committed
779
  :display block
780

Dan Hansen's avatar
Dan Hansen committed
781 782
  :margin
    :top 10px
783 784

  :padding 8px 0
Dan Hansen's avatar
Dan Hansen committed
785 786 787 788 789 790
  :text-align center
  :width 100%

  &:hover
    :border 1px solid #1C6D99

791 792 793 794 795 796
#main_stream
  :position relative
  :z-index 0

  .pagination
    :display none
797

798 799 800 801 802 803 804 805 806 807 808 809
.request_buttons
  :position absolute
  :right 0
  :display inline
  :margin 0
  :padding 0

  > li
    :display inline
    &:first-child
      :margin-right 1em

810 811 812 813
#photo_container
  :text
    :align center

814
#show_photo
815
  :z-index 11
816
  :position relative
danielvincent's avatar
danielvincent committed
817
  :display inline-block
818
  :max-width 100%
819

820 821 822
  img
    :max-width 100%

823
  #photo_spinner
824
    :z-index 1
825 826 827 828 829
    :position absolute
    :height 100px
    :width 100px

  #caption
830 831 832 833
    :min-height 20px
    :padding 0 10px
    :font
      :size 16px
danielvincent's avatar
danielvincent committed
834
    :color #333
835

836
input:not([type='submit']):not([type='reset']):not([type='hidden']):not(.as-input),
837
textarea
838
  @include border-radius(2px)
839

840
  :font
danielvincent's avatar
danielvincent committed
841
    :family 'Arial', 'Helvetica', sans-serif
842
    :size 14px
843

844
  :padding 0.3em
845
  :display block
danielgrippi's avatar
danielgrippi committed
846
  :width 100%
847
  :border 1px solid #ccc
848 849
  :height auto

850
input[type='checkbox']
MrZYX's avatar
MrZYX committed
851
  :width auto !important
852

853
.submit_block
854 855
  :text
    :align right
danielvincent's avatar
danielvincent committed
856 857 858 859 860 861

form p
  :position relative
  :padding 0
  :margin 0

862
form p.checkbox_select
maxwell's avatar
maxwell committed
863
  :width 75%
864
  label
865
    :left 25px
866
    :top 3px
867 868
  img
    :position relative
869
    :top 6px
870

871
label:not(.bootstrapped)
danielvincent's avatar
danielvincent committed
872 873
  :font
    :weight normal
danielvincent's avatar
danielvincent committed
874 875 876 877
  :color #999
  :position absolute
  :top 3px
  :left 0.48em
danielvincent's avatar
danielvincent committed
878 879
  :text
    :shadow 0 1px 1px #eee
880