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.
110 lines
2.1 KiB
110 lines
2.1 KiB
/*******************************
|
|
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;
|
|
}
|