/******************************* Activity Feed *******************************/ /* Who */ .ui.feed .event { overflow: hidden; border-top: 1px solid #D9D9D9; padding: 11px 9px; } .ui.feed .event:first-child { border-top: none; } .ui.feed .event .who { float: left; width: 35px; height: 35px; background: #efefef url(../images/placeholder-tiny.png) no-repeat center center; -webkit-box-shadow: -1px -1px 0 #f0f0f0 inset; -moz-box-shadow: -1px -1px 0 #f0f0f0 inset; box-shadow: -1px -1px 0 #f0f0f0 inset; } .ui.feed .event .who img { display: block; width: 35px; } /* What */ .ui.feed .event .what { margin-left: 50px; font-size: 12px; line-height: 1.33; color: #555555; } .ui.feed .event .what p { margin: 0px; padding: 0px; } .ui.feed .event .what a { font-weight: bold; } .ui.feed .event .what img { max-width: 100%; } .ui.feed .event .what .summary { display: block; overflow: hidden; margin: 8px 0px; background-color: #F6FAFC; border: 1px solid #E8F2F7; line-height: 1.6; padding: 6px 9px; color: #666666; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); } .ui.feed .event .what .summary.grey { background-color: #FAFAFA; border: 1px solid #EAEAEA; font-weight: bold; } .ui.feed .event .summary img { float: left; width: 75px; margin-right: 20px; } .ui.feed .event .what .summary p { margin: 0px 0px 10px; } .ui.feed .event .what .attached { overflow: hidden; margin: 8px 0px 0px; } .ui.feed .event .what .attached img { float: left; margin: 0px 5px 0px 0px; } .ui.feed .event .what .attached a img { border: 1px solid #B2B2B2; } .ui.feed .event .what .attached a:hover img { border: 1px solid #999999; } /* When */ .ui.feed .event .when { float: right; font-size: 11px; text-align: right; color: #A1A1A1; } /* Expanded Style */ .ui.large.feed .who { width: auto; height: auto; } .ui.large.feed .who img { width: auto; } .ui.large.feed .what { margin-left: 70px; font-size: 14px; line-height: 1.33; } .ui.large.feed .what .summary { color: #555555; } .ui.large.feed .what img { display: block; width: auto; } .ui.large.feed .when { font-size: 12px; }