From 3f4c0720e1e3421431e7baa20882a4a4512a7fab Mon Sep 17 00:00:00 2001 From: ivar Date: Sun, 19 Oct 2025 23:41:23 +0200 Subject: Initial --- .../libraries/fomantic/dist/components/feed.css | 329 +++++++++++++++++++++ 1 file changed, 329 insertions(+) create mode 100644 src/wwwroot/libraries/fomantic/dist/components/feed.css (limited to 'src/wwwroot/libraries/fomantic/dist/components/feed.css') diff --git a/src/wwwroot/libraries/fomantic/dist/components/feed.css b/src/wwwroot/libraries/fomantic/dist/components/feed.css new file mode 100644 index 0000000..21da84d --- /dev/null +++ b/src/wwwroot/libraries/fomantic/dist/components/feed.css @@ -0,0 +1,329 @@ +/*! + * # Fomantic-UI - Feed + * http://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + + +/******************************* + Activity Feed +*******************************/ + +.ui.feed { + margin: 1em 0; +} +.ui.feed:first-child { + margin-top: 0; +} +.ui.feed:last-child { + margin-bottom: 0; +} + + +/******************************* + Content +*******************************/ + + +/* Event */ +.ui.feed > .event { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + width: 100%; + padding: 0.21428571rem 0; + margin: 0; + background: none; + border-top: none; +} +.ui.feed > .event:first-child { + border-top: 0; + padding-top: 0; +} +.ui.feed > .event:last-child { + padding-bottom: 0; +} + +/* Event Label */ +.ui.feed > .event > .label { + display: block; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 2.5em; + height: auto; + -ms-flex-item-align: stretch; + align-self: stretch; + text-align: left; +} +.ui.feed > .event > .label .icon { + opacity: 1; + font-size: 1.5em; + width: 100%; + padding: 0.25em; + background: none; + border: none; + border-radius: none; + color: rgba(0, 0, 0, 0.6); +} +.ui.feed > .event > .label img { + width: 100%; + height: auto; + border-radius: 500rem; +} +.ui.feed > .event > .label + .content { + margin: 0.5em 0 0.35714286em 1.14285714em; +} + +/*-------------- + Content +---------------*/ + + +/* Content */ +.ui.feed > .event > .content { + display: block; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -ms-flex-item-align: stretch; + align-self: stretch; + text-align: left; + word-wrap: break-word; +} +.ui.feed > .event:last-child > .content { + padding-bottom: 0; +} + +/* Link */ +.ui.feed > .event > .content a { + cursor: pointer; +} + +/*-------------- + Date +---------------*/ + +.ui.feed > .event > .content .date { + margin: -0.5rem 0 0; + padding: 0; + color: rgba(0, 0, 0, 0.4); + font-weight: normal; + font-size: 1em; + font-style: normal; +} + +/*-------------- + Summary +---------------*/ + +.ui.feed > .event > .content .summary { + margin: 0; + font-size: 1em; + font-weight: bold; + color: rgba(0, 0, 0, 0.87); +} + +/* Summary Image */ +.ui.feed > .event > .content .summary img { + display: inline-block; + width: auto; + height: 10em; + margin: -0.25em 0.25em 0 0; + border-radius: 0.25em; + vertical-align: middle; +} + +/*-------------- + User +---------------*/ + +.ui.feed > .event > .content .user { + display: inline-block; + font-weight: bold; + margin-right: 0; + vertical-align: baseline; +} +.ui.feed > .event > .content .user img { + margin: -0.25em 0.25em 0 0; + width: auto; + height: 10em; + vertical-align: middle; +} + +/*-------------- + Inline Date +---------------*/ + + +/* Date inside Summary */ +.ui.feed > .event > .content .summary > .date { + display: inline-block; + float: none; + font-weight: normal; + font-size: 0.85714286em; + font-style: normal; + margin: 0 0 0 0.5em; + padding: 0; + color: rgba(0, 0, 0, 0.4); +} + +/*-------------- + Extra Summary +---------------*/ + +.ui.feed > .event > .content .extra { + margin: 0.5em 0 0; + background: none; + padding: 0; + color: rgba(0, 0, 0, 0.87); +} + +/* Images */ +.ui.feed > .event > .content .extra.images img { + display: inline-block; + margin: 0 0.25em 0 0; + width: 6em; +} + +/* Text */ +.ui.feed > .event > .content .extra.text { + padding: 0; + border-left: none; + font-size: 1em; + max-width: 500px; + line-height: 1.4285em; +} + +/*-------------- + Meta +---------------*/ + +.ui.feed > .event > .content .meta { + display: inline-block; + font-size: 0.85714286em; + margin: 0.5em 0 0; + background: none; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + padding: 0; + color: rgba(0, 0, 0, 0.6); +} +.ui.feed > .event > .content .meta > * { + position: relative; + margin-left: 0.75em; +} +.ui.feed > .event > .content .meta > *:after { + content: ''; + color: rgba(0, 0, 0, 0.2); + top: 0; + left: -1em; + opacity: 1; + position: absolute; + vertical-align: top; +} +.ui.feed > .event > .content .meta .like { + color: ''; + -webkit-transition: 0.2s color ease; + transition: 0.2s color ease; +} +.ui.feed > .event > .content .meta .like:hover .icon { + color: #FF2733; +} +.ui.feed > .event > .content .meta .active.like .icon { + color: #EF404A; +} + +/* First element */ +.ui.feed > .event > .content .meta > :first-child { + margin-left: 0; +} +.ui.feed > .event > .content .meta > :first-child::after { + display: none; +} + +/* Action */ +.ui.feed > .event > .content .meta a, +.ui.feed > .event > .content .meta > .icon { + cursor: pointer; + opacity: 1; + color: rgba(0, 0, 0, 0.5); + -webkit-transition: color 0.1s ease; + transition: color 0.1s ease; +} +.ui.feed > .event > .content .meta a:hover, +.ui.feed > .event > .content .meta a:hover .icon, +.ui.feed > .event > .content .meta > .icon:hover { + color: rgba(0, 0, 0, 0.95); +} + + +/******************************* + Variations +*******************************/ + +.ui.feed { + font-size: 1rem; +} +.ui.mini.feed { + font-size: 0.78571429rem; +} +.ui.tiny.feed { + font-size: 0.85714286rem; +} +.ui.small.feed { + font-size: 0.92857143rem; +} +.ui.large.feed { + font-size: 1.14285714rem; +} +.ui.big.feed { + font-size: 1.28571429rem; +} +.ui.huge.feed { + font-size: 1.42857143rem; +} +.ui.massive.feed { + font-size: 1.71428571rem; +} + +/*------------------ + Inverted + -------------------*/ + +.ui.inverted.feed > .event { + background: #1B1C1D; +} +.ui.inverted.feed > .event > .content .date, +.ui.inverted.feed > .event > .content .meta .like { + color: rgba(255, 255, 255, 0.7); +} +.ui.inverted.feed > .event > .content .summary, +.ui.inverted.feed > .event > .content .extra.text { + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.feed > .event > .content .meta .like:hover { + color: #ffffff; +} + + +/******************************* + Theme Overrides +*******************************/ + + + +/******************************* + User Variable Overrides +*******************************/ + -- cgit v1.3