Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
#Feed,
#Feed * {
box-sizing: border-box;
font-family: Rubik, Arial, Helvetica, sans-serif !important;
}
#FeedHeader {
display: block;
padding: 5px 0;
text-align: center;
}
#FeedHeader > * {
display: inline-block;
}
#FeedHeader > .FeedHeaderSection {
padding: 5px;
vertical-align: middle;
}
#FeedHeader > .FeedTabsContainer > .FeedTabs > .FeedTab {
display: inline-block;
font-size: 9pt;
font-weight: bold;
margin: 0 8px;
text-transform: uppercase;
}
#FeedHeader > .FeedOptions {
position: relative;
}
#FeedHeader > .FeedOptions > .FeedDropdownContent {
display: none;
}
#FeedHeader > .FeedOptions.active > .FeedDropdownContent {
display: block;
background-color: #cfcfcf;
border: 1px solid black;
border-radius: 5px;
padding: 9px 15px;
position: relative;
bottom: 100%;
right: 0;
}
#FeedEntries {
list-style: none;
margin: 0;
padding: 0;
}
#FeedEntries > .FeedEntry {
margin: 6px 0;
padding: 1.25em 1.5em 1.25em 3.75em;
border-left-width: 5px;
border-left-style: solid;
position: relative;
}
#FeedEntries > .FeedEntry[data-type="edit"],
#FeedEntries > .FeedEntry[data-type="edited-section"] {
border-left-color: var(--wa-edit);
}
#FeedEntries > .FeedEntry[data-type="new"] {
border-left-color: var(--wa-new);
}
#FeedEntries > .FeedEntry[data-type="categorize"] {
border-left-color: var(--wa-categorize);
}
#FeedEntries > .FeedEntry[data-type="comment"] {
border-left-color: var(--wa-comment);
}
#FeedEntries > .FeedEntry[data-type="edit"] > .FeedIconContainer,
#FeedEntries > .FeedEntry[data-type="edited-section"] > .FeedIconContainer {
color: var(--wa-edit);
}
#FeedEntries > .FeedEntry[data-type="new"] > .FeedIconContainer {
color: var(--wa-new);
}
#FeedEntries > .FeedEntry[data-type="categorize"] > .FeedIconContainer {
color: var(--wa-categorize);
}
#FeedEntries > .FeedEntry[data-type="comment"] > .FeedIconContainer {
color: var(--wa-comment);
}
#FeedEntries > .FeedEntry > .FeedIconContainer {
height: 18px;
width: 18px;
left: 1em;
top: 1.5em;
position: absolute;
}
#FeedEntries > .FeedEntry .feed-title {
font-weight: bold;
}
#FeedEntries > .FeedEntry .feed-details {
margin-left: 0.2em;
}
#FeedEntries > .FeedEntry .feed-edited {
font-size: 9pt;
display: flex;
align-items: center;
}
#FeedEntries > .FeedEntry .feed-edited > * {
margin-right: 0.3em;
display: inline-flex;
align-items: center;
}
#FeedEntries > .FeedEntry .feed-edited .feed-edited__username {
font-weight: bold;
font-style: normal;
vertical-align: middle;
}
#FeedEntries > .FeedEntry .feed-edited .feed-edited__avatar {
margin-right: 0.3em;
}
#FeedEntries > .FeedEntry .feed-edited .feed-history__button {
width: 15px;
height: 15px;
}
#FeedEntries > .FeedEntry .feed-edited .feed-history__button > svg {
height: inherit;
width: inherit;
}
#FeedEntries > .FeedEntry .feed-section {
padding: 8px 0;
}
#FeedEntries > .FeedEntry .feed-section * {
display: inline-block;
}
#FeedEntries > .FeedEntry .feed-section > .feed-section__title {
font-weight: bold;
margin-right: 5px;
text-align: left;
text-transform: uppercase;
vertical-align: top;
width: 25%;
}
#FeedEntries > .FeedEntry .feed-section > .feed-section__field {
width: 70%;
}
#FeedEntries > .FeedEntry .feed-section__summary > .feed-section__field {
font-style: italic;
}
#FeedEntries > .FeedEntry .feed-section__images .feed-image__wrapper {
display: inline-block;
padding: 4px;
}
#FeedEntries > .FeedEntry .feed-section__images .feed-image__link img {
min-height: 30px;
max-height: 300px;
min-width: 30px;
max-width: 300px;
}
#FeedEntries > .FeedEntry .feed-section__images .feed-image__link img {
display: block;
font-size: 9pt;
text-align: center;
}
#FeedEntries > .FeedEntry .FeedActions {
position: absolute;
right: 1em;
top: 1.5em;
}