You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123 lines
1.8 KiB

  1. .ui.feed a {
  2. cursor: pointer;
  3. }
  4. .ui.feed,
  5. .ui.feed .event,
  6. .ui.feed .label,
  7. .ui.feed .content,
  8. .ui.feed .extra {
  9. -webkit-box-sizing: border-box;
  10. -moz-box-sizing: border-box;
  11. -ms-box-sizing: border-box;
  12. box-sizing: border-box;
  13. }
  14. .ui.feed .event {
  15. width: 100%;
  16. display: table;
  17. padding: 1em;
  18. }
  19. .ui.feed .event:first-child {
  20. border-top: 0;
  21. }
  22. .ui.feed .event:last-child {
  23. margin-bottom: 1em;
  24. }
  25. .ui.feed .label {
  26. width: 3em;
  27. display: table-cell;
  28. vertical-align: top;
  29. text-align: left;
  30. }
  31. .ui.feed .label .icon {
  32. font-size: 1.5em;
  33. padding: .5em;
  34. margin: 0;
  35. }
  36. .ui.feed .label img {
  37. width: 3em;
  38. margin: 0;
  39. border-radius: 50em;
  40. }
  41. .ui.feed .label+.content {
  42. padding: .75em 1em 0;
  43. }
  44. .ui.feed .content {
  45. display: table-cell;
  46. vertical-align: top;
  47. text-align: left;
  48. word-wrap: break-word;
  49. }
  50. .ui.feed .content .date {
  51. float: right;
  52. padding-left: 1em;
  53. color: rgba(0,0,0,.4);
  54. }
  55. .ui.feed .content .summary {
  56. color: rgba(0,0,0,.75);
  57. }
  58. .ui.feed .content .summary img {
  59. display: inline-block;
  60. margin-right: .25em;
  61. width: 4em;
  62. border-radius: 500px;
  63. }
  64. .ui.feed .content .extra {
  65. margin: 1em 0 0;
  66. padding: .5em 0 0;
  67. color: rgba(0,0,0,.5);
  68. }
  69. .ui.feed .content .extra.images img {
  70. display: inline-block;
  71. margin-right: .25em;
  72. width: 6em;
  73. }
  74. .ui.feed .content .extra.text {
  75. padding: .5em 1em;
  76. border-left: .2em solid rgba(0,0,0,.1);
  77. }
  78. .ui.small.feed {
  79. font-size: .875em;
  80. }
  81. .ui.small.feed .label img {
  82. width: 2.5em;
  83. }
  84. .ui.small.feed .label .icon {
  85. font-size: 1.25em;
  86. }
  87. .ui.feed .event {
  88. padding: .75em 0;
  89. }
  90. .ui.small.feed .label+.content {
  91. padding: .5em .5em 0;
  92. }
  93. .ui.small.feed .content .extra.images img {
  94. width: 5em;
  95. }
  96. .ui.small.feed .content .extra {
  97. margin: .5em 0 0;
  98. }
  99. .ui.small.feed .content .extra.text {
  100. padding: .25em .5em;
  101. }