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.

124 lines
2.2 KiB

  1. /*******************************
  2. Activity Feed
  3. *******************************/
  4. /* Who */
  5. .ui.feed .event {
  6. overflow: hidden;
  7. border-top: 1px solid #D9D9D9;
  8. padding: 11px 9px;
  9. }
  10. .ui.feed .event:first-child {
  11. border-top: none;
  12. }
  13. .ui.feed .event .who {
  14. float: left;
  15. width: 35px;
  16. height: 35px;
  17. background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
  18. -webkit-box-shadow: -1px -1px 0 #F0F0F0 inset;
  19. -moz-box-shadow: -1px -1px 0 #F0F0F0 inset;
  20. box-shadow: -1px -1px 0 #F0F0F0 inset;
  21. }
  22. .ui.feed .event .who img {
  23. display: block;
  24. width: 35px;
  25. }
  26. /* What */
  27. .ui.feed .event .what {
  28. margin-left: 50px;
  29. font-size: 12px;
  30. line-height: 1.33;
  31. color: #555555;
  32. }
  33. .ui.feed .event .what p {
  34. margin: 0px;
  35. padding: 0px;
  36. }
  37. .ui.feed .event .what a {
  38. font-weight: bold;
  39. }
  40. .ui.feed .event .what img {
  41. max-width: 100%;
  42. }
  43. .ui.feed .event .what blockquote {
  44. display: block;
  45. overflow: hidden;
  46. margin: 8px 0px;
  47. background-color: #F6FAFC;
  48. border: 1px solid #E8F2F7;
  49. line-height: 1.6;
  50. padding: 6px 9px;
  51. color: #666666;
  52. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  53. }
  54. .ui.feed .event .what blockquote.grey {
  55. background-color: #FAFAFA;
  56. border: 1px solid #EAEAEA;
  57. font-weight: bold;
  58. }
  59. .ui.feed .event blockquote img {
  60. float: left;
  61. width: 75px;
  62. margin-right: 20px;
  63. }
  64. .ui.feed .event .what blockquote p {
  65. margin: 0px 0px 10px;
  66. }
  67. .ui.feed .event .what .attached {
  68. overflow: hidden;
  69. margin: 8px 0px 0px;
  70. }
  71. .ui.feed .event .what .attached img {
  72. float: left;
  73. margin: 0px 5px 0px 0px;
  74. }
  75. .ui.feed .event .what .attached a img {
  76. border: 1px solid #B2B2B2;
  77. }
  78. .ui.feed .event .what .attached a:hover img {
  79. border: 1px solid #999999;
  80. }
  81. /* When */
  82. .ui.feed .event .when {
  83. float: right;
  84. font-size: 11px;
  85. text-align: right;
  86. color: #A1A1A1;
  87. }
  88. /* Expanded Style */
  89. .ui.large.feed .who {
  90. width: auto;
  91. height: auto;
  92. }
  93. .ui.large.feed .who img {
  94. width: auto;
  95. }
  96. .ui.large.feed .what {
  97. margin-left: 70px;
  98. font-size: 14px;
  99. line-height: 1.33;
  100. }
  101. .ui.large.feed .what blockquote {
  102. color: #555555;
  103. }
  104. .ui.large.feed .what img {
  105. display: block;
  106. width: auto;
  107. }
  108. .ui.large.feed .when {
  109. font-size: 12px;
  110. }