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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* New stylesheet */
#Feed,
#Feed * {
box-sizing: border-box;
font-family: Helvetica, Arial, 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 > .FeedTabsContainer > .FeedTabs > .FeedTab > .FeedTabLink {
border-bottom: 4px solid;
display: inline-block;
padding: 0.5em;
}
#FeedHeader > .FeedOptions > .FeedDropdownContent {
display: none;
}
#FeedContentWrapper > * {
display: inline-block;
}
#FeedContentWrapper > #FeedContent {
width: 70%;
float: left;
clear: left;
}
#FeedContentWrapper > #FeedRail {
width: 25%;
float: right;
clear: right;
}
#FeedRail > .FeedModule {
margin: 4px;
padding: 8px 12px;
}
#FeedRail > .FeedModule.hasBackground {
background-color: #dfdfdf;
color: black;
}
#FeedRail > .FeedModule > .FeedModuleTitle {
padding: 2px;
margin: 0;
border: none;
text-transform: uppercase;
font-weight: bold;
}
#FeedRail > .FeedModule > .FeedModuleContent {
padding: 2px;
}
#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"] > .feed-icon__wrapper,
#FeedEntries > .FeedEntry[data-type="edited-section"] > .feed-icon__wrapper {
color: var(--wa-edit);
}
#FeedEntries > .FeedEntry[data-type="new"] > .feed-icon__wrapper {
color: var(--wa-new);
}
#FeedEntries > .FeedEntry[data-type="categorize"] > .feed-icon__wrapper {
color: var(--wa-categorize);
}
#FeedEntries > .FeedEntry[data-type="comment"] > .feed-icon__wrapper {
color: var(--wa-comment);
}
#FeedEntries > .FeedEntry > .feed-icon__container {
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;
position: relative;
}
#FeedEntries > .FeedEntry .feed-edited > * {
display: inline-block;
}
#FeedEntries > .FeedEntry .feed-edited .feed-edited__username {
margin: 4px;
font-weight: bold;
font-style: normal;
}
#FeedEntries > .FeedEntry .feed-edited .feed-edited__avatar {
display: inline-block;
height: 20px;
margin: 0 0.3em;
width: 20px;
}
#FeedEntries > .FeedEntry .feed-edited .feed-history__button {
display: inline-block;
height: 15px;
width: 15px;
position: absolute;
top: 2px;
}
#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-transform: uppercase;
width: 25%;
text-align: left;
vertical-align: top;
}
#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 {
max-height: 300px;
max-width: 300px;
}
#FeedEntries > .FeedEntry .FeedActions {
position: absolute;
top: 1.5em;
right: 1em;
}