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.
257 lines
4.0 KiB
257 lines
4.0 KiB
#container h2 { |
|
margin-left: 24px; |
|
margin-bottom: 16px; |
|
} |
|
|
|
.activitysubject { |
|
display: inline-block; |
|
vertical-align: text-bottom; |
|
width: 85%; |
|
margin-bottom: 5px; |
|
margin-left: 5px; |
|
text-overflow: ellipsis; |
|
} |
|
.activitymessage { |
|
margin-left: 25px; |
|
color: var(--color-text-maxcontrast); |
|
text-overflow: ellipsis; |
|
} |
|
.activity-previews { |
|
margin-left: 24px; |
|
} |
|
|
|
#no_more_activities { |
|
position: relative; |
|
top: 50px; |
|
width: 100%; |
|
text-align: center; |
|
padding: 50px 0; |
|
|
|
z-index: 100; |
|
margin: 40px auto; |
|
bottom: 20px; |
|
color: var(--color-text-maxcontrast); |
|
} |
|
|
|
#loading_activities { |
|
height: 50px; |
|
margin: 0 auto; |
|
padding: 20px; |
|
} |
|
|
|
#container { |
|
margin-bottom: 20px; |
|
clear: both; |
|
border-radius: 5px; |
|
} |
|
|
|
.activity-section .group { |
|
clear: both; |
|
padding-bottom: 10px; |
|
} |
|
|
|
.activity.box { |
|
width: 100%; |
|
display: block; |
|
margin-bottom: 10px; |
|
|
|
.header{ |
|
height: 32px; |
|
margin-bottom: 10px; |
|
} |
|
|
|
.messagecontainer{ |
|
width: 100%; |
|
display: block; |
|
margin-bottom: 20px; |
|
} |
|
|
|
.preview{ |
|
width: 50px; |
|
height: 50px; |
|
margin-right: 12px; |
|
} |
|
|
|
.preview-dir-icon, |
|
.preview-mimetype-icon { |
|
width: 50px; |
|
height: 50px; |
|
} |
|
|
|
.user{ |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
float: left; |
|
display: inline-block; |
|
width: 180px; |
|
font-weight: bold; |
|
} |
|
|
|
.activitytime { |
|
float: right; |
|
color: var(--color-text-maxcontrast); |
|
font-size: 0.8em; |
|
padding: 20px; |
|
margin: -20px; |
|
} |
|
|
|
.appname { |
|
float: right; |
|
color: #333; |
|
font-size: 0.8em; |
|
} |
|
|
|
.grouped{ |
|
list-style: none; |
|
} |
|
|
|
.grouped .more{ |
|
cursor: default; |
|
color: var(--color-text-maxcontrast); |
|
} |
|
} |
|
|
|
|
|
|
|
/* Navigation icons */ |
|
#app-navigation img { |
|
margin-bottom: -3px; |
|
margin-right: 6px; |
|
width: 16px; |
|
} |
|
#app-navigation li span.no-icon { |
|
padding-left: 25px; |
|
} |
|
|
|
/* Style for in event parameters */ |
|
.activity-section a.filename, |
|
.activity-section a.email, |
|
.activity-section strong { |
|
font-weight: bold; |
|
} |
|
|
|
.activity-section a:focus, |
|
.activity-previews a:hover, |
|
.activity-previews a:focus { |
|
opacity: .5; |
|
} |
|
|
|
.activity-section a:hover { |
|
opacity: .7; |
|
} |
|
|
|
.activitysubject strong.systemtag { |
|
display: inline-block; |
|
padding: 2px 5px; |
|
border-radius: 3px; |
|
background-color: var(--color-background-darker); |
|
font-weight: normal; |
|
} |
|
|
|
.activitysubject span.icon-home { |
|
display: inline-block; |
|
margin-bottom: -2px; |
|
} |
|
|
|
.activity-section .avatar { |
|
vertical-align: middle; |
|
display: inline-block; |
|
margin: 0 5px 2px 3px; |
|
} |
|
|
|
.activityTabView .activity.box { |
|
position: relative; |
|
} |
|
.activityTabView .activity-icon { |
|
position: absolute; |
|
margin-top: 3px; |
|
} |
|
.activityTabView .activitysubject { |
|
width: 90%; |
|
margin-left: 24px; |
|
display: block; |
|
min-height: 28px; |
|
} |
|
.activityTabView .box .activitytime { |
|
padding: 0; |
|
margin: -15px 0 0; |
|
} |
|
|
|
.icon-activity { |
|
@include icon-color('activity-dark', 'activity', $color-black); |
|
} |
|
/* colored icons, in addition to core ones */ |
|
.activity-icon { |
|
min-width: 16px; |
|
min-height: 16px; |
|
display: inline-block; |
|
vertical-align: top; |
|
margin-top: 2px; |
|
background-size: contain; |
|
opacity: .5; |
|
} |
|
.activity-icon img { |
|
max-width: 16px; |
|
max-height: 16px; |
|
} |
|
|
|
#rssurl > input.feed-link { |
|
width: 80%; |
|
} |
|
|
|
#rssurl .icon-clippy { |
|
background-size: 16px 16px; |
|
display: inline-block; |
|
position: relative; |
|
top: 3px; |
|
margin-left: 5px; |
|
} |
|
|
|
.activitymessage .avatar-name-wrapper, |
|
.activitysubject .avatar-name-wrapper { |
|
position: relative; |
|
cursor: pointer; |
|
} |
|
|
|
.opengraph { |
|
margin: 10px; |
|
max-width: 700px; |
|
height: 125px; |
|
position: relative; |
|
border: 1px solid var(--color-border-dark); |
|
padding-right: 15px; |
|
} |
|
|
|
.opengraph-name { |
|
font-size: 15px; |
|
padding-left: 5px; |
|
font-weight: bold; |
|
margin: 10px 5px 5px 5px; |
|
} |
|
|
|
.opengraph-description { |
|
padding-left: 10px; |
|
} |
|
|
|
.opengraph-thumb { |
|
width: 160px; |
|
height: 119px; |
|
margin: 3px 15px 5px 3px; |
|
position: absolute; |
|
background: var(--color-border) center no-repeat; |
|
background-size: 220px; |
|
} |
|
|
|
.opengraph-with-thumb { |
|
margin-left: 175px; |
|
} |
|
|
|
.opengraph-website { |
|
position: absolute; |
|
right: 10px; |
|
bottom: 0; |
|
font-size: 10px; |
|
text-transform: uppercase; |
|
color: var(--color-text-maxcontrast); |
|
}
|
|
|