From 3f4c0720e1e3421431e7baa20882a4a4512a7fab Mon Sep 17 00:00:00 2001 From: ivar Date: Sun, 19 Oct 2025 23:41:23 +0200 Subject: Initial --- .../fomantic/dist/components/statistic.css | 627 +++++++++++++++++++++ 1 file changed, 627 insertions(+) create mode 100644 src/wwwroot/libraries/fomantic/dist/components/statistic.css (limited to 'src/wwwroot/libraries/fomantic/dist/components/statistic.css') diff --git a/src/wwwroot/libraries/fomantic/dist/components/statistic.css b/src/wwwroot/libraries/fomantic/dist/components/statistic.css new file mode 100644 index 0000000..babc1f8 --- /dev/null +++ b/src/wwwroot/libraries/fomantic/dist/components/statistic.css @@ -0,0 +1,627 @@ +/*! + * # Fomantic-UI - Statistic + * http://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + + +/******************************* + Statistic +*******************************/ + + +/* Standalone */ +.ui.statistic { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin: 1em 0; + max-width: none; +} +.ui.statistic + .ui.statistic { + margin: 0 0 0 1.5em; +} +.ui.statistic:first-child { + margin-top: 0; +} +.ui.statistic:last-child { + margin-bottom: 0; +} + + +/******************************* + Group +*******************************/ + + +/* Grouped */ +.ui.statistics { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.ui.statistics > .statistic { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 1.5em 1em; + max-width: none; +} +.ui.statistics { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 1em -1.5em -1em; +} + +/* Clearing */ +.ui.statistics:after { + display: block; + content: ' '; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden; +} +.ui.statistics:first-child { + margin-top: 0; +} + + +/******************************* + Content +*******************************/ + + +/*-------------- + Value +---------------*/ + +.ui.statistics .statistic > .value, +.ui.statistic > .value { + font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 4rem; + font-weight: normal; + line-height: 1em; + color: #1B1C1D; + text-transform: uppercase; + text-align: center; +} + +/*-------------- + Label +---------------*/ + +.ui.statistics .statistic > .label, +.ui.statistic > .label { + font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 1em; + font-weight: bold; + color: rgba(0, 0, 0, 0.87); + text-transform: uppercase; + text-align: center; +} + +/* Top Label */ +.ui.statistics .statistic > .label ~ .value, +.ui.statistic > .label ~ .value { + margin-top: 0; +} + +/* Bottom Label */ +.ui.statistics .statistic > .value ~ .label, +.ui.statistic > .value ~ .label { + margin-top: 0; +} + + +/******************************* + Types +*******************************/ + + +/*-------------- + Icon Value +---------------*/ + +.ui.statistics .statistic > .value .icon, +.ui.statistic > .value .icon { + opacity: 1; + width: auto; + margin: 0; +} + +/*-------------- + Text Value +---------------*/ + +.ui.statistics .statistic > .text.value, +.ui.statistic > .text.value { + line-height: 1em; + min-height: 2em; + font-weight: bold; + text-align: center; +} +.ui.statistics .statistic > .text.value + .label, +.ui.statistic > .text.value + .label { + text-align: center; +} + +/*-------------- + Image Value +---------------*/ + +.ui.statistics .statistic > .value img, +.ui.statistic > .value img { + max-height: 3rem; + vertical-align: baseline; +} + + +/******************************* + Variations +*******************************/ + + +/*-------------- + Count +---------------*/ + +.ui.ten.statistics { + margin: 0 0 -1em; +} +.ui.ten.statistics .statistic { + min-width: 10%; + margin: 0 0 1em; +} +.ui.nine.statistics { + margin: 0 0 -1em; +} +.ui.nine.statistics .statistic { + min-width: 11.11111111%; + margin: 0 0 1em; +} +.ui.eight.statistics { + margin: 0 0 -1em; +} +.ui.eight.statistics .statistic { + min-width: 12.5%; + margin: 0 0 1em; +} +.ui.seven.statistics { + margin: 0 0 -1em; +} +.ui.seven.statistics .statistic { + min-width: 14.28571429%; + margin: 0 0 1em; +} +.ui.six.statistics { + margin: 0 0 -1em; +} +.ui.six.statistics .statistic { + min-width: 16.66666667%; + margin: 0 0 1em; +} +.ui.five.statistics { + margin: 0 0 -1em; +} +.ui.five.statistics .statistic { + min-width: 20%; + margin: 0 0 1em; +} +.ui.four.statistics { + margin: 0 0 -1em; +} +.ui.four.statistics .statistic { + min-width: 25%; + margin: 0 0 1em; +} +.ui.three.statistics { + margin: 0 0 -1em; +} +.ui.three.statistics .statistic { + min-width: 33.33333333%; + margin: 0 0 1em; +} +.ui.two.statistics { + margin: 0 0 -1em; +} +.ui.two.statistics .statistic { + min-width: 50%; + margin: 0 0 1em; +} +.ui.one.statistics { + margin: 0 0 -1em; +} +.ui.one.statistics .statistic { + min-width: 100%; + margin: 0 0 1em; +} + +/*-------------- + Horizontal + ---------------*/ + +.ui.horizontal.statistic { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.ui.horizontal.statistics { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin: 0; + max-width: none; +} +.ui.horizontal.statistics .statistic { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: none; + margin: 1em 0; +} +.ui.horizontal.statistic > .text.value, +.ui.horizontal.statistics > .statistic > .text.value { + min-height: 0 !important; +} +.ui.horizontal.statistics .statistic > .value .icon, +.ui.horizontal.statistic > .value .icon { + width: 1.18em; +} +.ui.horizontal.statistics .statistic > .value, +.ui.horizontal.statistic > .value { + display: inline-block; + vertical-align: middle; +} +.ui.horizontal.statistics .statistic > .label, +.ui.horizontal.statistic > .label { + display: inline-block; + vertical-align: middle; + margin: 0 0 0 0.75em; +} + +/*-------------- + Inverted + ---------------*/ + +.ui.inverted.statistics .statistic > .value, +.ui.inverted.statistic .value { + color: #FFFFFF; +} +.ui.inverted.statistics .statistic > .label, +.ui.inverted.statistic .label { + color: rgba(255, 255, 255, 0.9); +} + +/*-------------- + Colors +---------------*/ + +.ui.primary.statistics .statistic > .value, +.ui.statistics .primary.statistic > .value, +.ui.primary.statistic > .value { + color: #2185D0; +} +.ui.inverted.primary.statistics .statistic > .value, +.ui.statistics .inverted.primary.statistic > .value, +.ui.inverted.primary.statistic > .value { + color: #54C8FF; +} +.ui.secondary.statistics .statistic > .value, +.ui.statistics .secondary.statistic > .value, +.ui.secondary.statistic > .value { + color: #1B1C1D; +} +.ui.inverted.secondary.statistics .statistic > .value, +.ui.statistics .inverted.secondary.statistic > .value, +.ui.inverted.secondary.statistic > .value { + color: #545454; +} +.ui.red.statistics .statistic > .value, +.ui.statistics .red.statistic > .value, +.ui.red.statistic > .value { + color: #DB2828; +} +.ui.inverted.red.statistics .statistic > .value, +.ui.statistics .inverted.red.statistic > .value, +.ui.inverted.red.statistic > .value { + color: #FF695E; +} +.ui.orange.statistics .statistic > .value, +.ui.statistics .orange.statistic > .value, +.ui.orange.statistic > .value { + color: #F2711C; +} +.ui.inverted.orange.statistics .statistic > .value, +.ui.statistics .inverted.orange.statistic > .value, +.ui.inverted.orange.statistic > .value { + color: #FF851B; +} +.ui.yellow.statistics .statistic > .value, +.ui.statistics .yellow.statistic > .value, +.ui.yellow.statistic > .value { + color: #FBBD08; +} +.ui.inverted.yellow.statistics .statistic > .value, +.ui.statistics .inverted.yellow.statistic > .value, +.ui.inverted.yellow.statistic > .value { + color: #FFE21F; +} +.ui.olive.statistics .statistic > .value, +.ui.statistics .olive.statistic > .value, +.ui.olive.statistic > .value { + color: #B5CC18; +} +.ui.inverted.olive.statistics .statistic > .value, +.ui.statistics .inverted.olive.statistic > .value, +.ui.inverted.olive.statistic > .value { + color: #D9E778; +} +.ui.green.statistics .statistic > .value, +.ui.statistics .green.statistic > .value, +.ui.green.statistic > .value { + color: #21BA45; +} +.ui.inverted.green.statistics .statistic > .value, +.ui.statistics .inverted.green.statistic > .value, +.ui.inverted.green.statistic > .value { + color: #2ECC40; +} +.ui.teal.statistics .statistic > .value, +.ui.statistics .teal.statistic > .value, +.ui.teal.statistic > .value { + color: #00B5AD; +} +.ui.inverted.teal.statistics .statistic > .value, +.ui.statistics .inverted.teal.statistic > .value, +.ui.inverted.teal.statistic > .value { + color: #6DFFFF; +} +.ui.blue.statistics .statistic > .value, +.ui.statistics .blue.statistic > .value, +.ui.blue.statistic > .value { + color: #2185D0; +} +.ui.inverted.blue.statistics .statistic > .value, +.ui.statistics .inverted.blue.statistic > .value, +.ui.inverted.blue.statistic > .value { + color: #54C8FF; +} +.ui.violet.statistics .statistic > .value, +.ui.statistics .violet.statistic > .value, +.ui.violet.statistic > .value { + color: #6435C9; +} +.ui.inverted.violet.statistics .statistic > .value, +.ui.statistics .inverted.violet.statistic > .value, +.ui.inverted.violet.statistic > .value { + color: #A291FB; +} +.ui.purple.statistics .statistic > .value, +.ui.statistics .purple.statistic > .value, +.ui.purple.statistic > .value { + color: #A333C8; +} +.ui.inverted.purple.statistics .statistic > .value, +.ui.statistics .inverted.purple.statistic > .value, +.ui.inverted.purple.statistic > .value { + color: #DC73FF; +} +.ui.pink.statistics .statistic > .value, +.ui.statistics .pink.statistic > .value, +.ui.pink.statistic > .value { + color: #E03997; +} +.ui.inverted.pink.statistics .statistic > .value, +.ui.statistics .inverted.pink.statistic > .value, +.ui.inverted.pink.statistic > .value { + color: #FF8EDF; +} +.ui.brown.statistics .statistic > .value, +.ui.statistics .brown.statistic > .value, +.ui.brown.statistic > .value { + color: #A5673F; +} +.ui.inverted.brown.statistics .statistic > .value, +.ui.statistics .inverted.brown.statistic > .value, +.ui.inverted.brown.statistic > .value { + color: #D67C1C; +} +.ui.grey.statistics .statistic > .value, +.ui.statistics .grey.statistic > .value, +.ui.grey.statistic > .value { + color: #767676; +} +.ui.inverted.grey.statistics .statistic > .value, +.ui.statistics .inverted.grey.statistic > .value, +.ui.inverted.grey.statistic > .value { + color: #DCDDDE; +} +.ui.black.statistics .statistic > .value, +.ui.statistics .black.statistic > .value, +.ui.black.statistic > .value { + color: #1B1C1D; +} +.ui.inverted.black.statistics .statistic > .value, +.ui.statistics .inverted.black.statistic > .value, +.ui.inverted.black.statistic > .value { + color: #545454; +} + +/*-------------- + Floated + ---------------*/ + +.ui[class*="left floated"].statistic { + float: left; + margin: 0 2em 1em 0; +} +.ui[class*="right floated"].statistic { + float: right; + margin: 0 0 1em 2em; +} +.ui.floated.statistic:last-child { + margin-bottom: 0; +} + +/*-------------- + Stackable + ---------------*/ + +@media only screen and (max-width: 767.98px) { + .ui.stackable.statistics { + width: auto; + margin-left: 0 !important; + margin-right: 0 !important; + } + .ui.stackable.statistics > .statistic { + width: 100% !important; + margin: 0 0 !important; + padding: 1rem 1rem !important; + } +} + +/*-------------- + Sizes +---------------*/ + + +/* Medium */ +.ui.statistics .statistic > .value, +.ui.statistic > .value { + font-size: 4rem; +} +.ui.horizontal.statistics .statistic > .value, +.ui.horizontal.statistic > .value { + font-size: 3rem; +} +.ui.statistics .statistic > .text.value, +.ui.statistic > .text.value { + font-size: 2rem; +} +.ui.mini.statistics .statistic > .value, +.ui.mini.statistic > .value { + font-size: 1.5rem; +} +.ui.mini.horizontal.statistics .statistic > .value, +.ui.mini.horizontal.statistic > .value { + font-size: 1.5rem; +} +.ui.mini.statistics .statistic > .text.value, +.ui.mini.statistic > .text.value { + font-size: 1rem; +} +.ui.tiny.statistics .statistic > .value, +.ui.tiny.statistic > .value { + font-size: 2rem; +} +.ui.tiny.horizontal.statistics .statistic > .value, +.ui.tiny.horizontal.statistic > .value { + font-size: 2rem; +} +.ui.tiny.statistics .statistic > .text.value, +.ui.tiny.statistic > .text.value { + font-size: 1rem; +} +.ui.small.statistics .statistic > .value, +.ui.small.statistic > .value { + font-size: 3rem; +} +.ui.small.horizontal.statistics .statistic > .value, +.ui.small.horizontal.statistic > .value { + font-size: 2rem; +} +.ui.small.statistics .statistic > .text.value, +.ui.small.statistic > .text.value { + font-size: 1rem; +} +.ui.large.statistics .statistic > .value, +.ui.large.statistic > .value { + font-size: 5rem; +} +.ui.large.horizontal.statistics .statistic > .value, +.ui.large.horizontal.statistic > .value { + font-size: 4rem; +} +.ui.large.statistics .statistic > .text.value, +.ui.large.statistic > .text.value { + font-size: 2.5rem; +} +.ui.big.statistics .statistic > .value, +.ui.big.statistic > .value { + font-size: 5.5rem; +} +.ui.big.horizontal.statistics .statistic > .value, +.ui.big.horizontal.statistic > .value { + font-size: 4.5rem; +} +.ui.big.statistics .statistic > .text.value, +.ui.big.statistic > .text.value { + font-size: 2.5rem; +} +.ui.huge.statistics .statistic > .value, +.ui.huge.statistic > .value { + font-size: 6rem; +} +.ui.huge.horizontal.statistics .statistic > .value, +.ui.huge.horizontal.statistic > .value { + font-size: 5rem; +} +.ui.huge.statistics .statistic > .text.value, +.ui.huge.statistic > .text.value { + font-size: 2.5rem; +} +.ui.massive.statistics .statistic > .value, +.ui.massive.statistic > .value { + font-size: 7rem; +} +.ui.massive.horizontal.statistics .statistic > .value, +.ui.massive.horizontal.statistic > .value { + font-size: 6rem; +} +.ui.massive.statistics .statistic > .text.value, +.ui.massive.statistic > .text.value { + font-size: 3rem; +} + + +/******************************* + Theme Overrides +*******************************/ + + + +/******************************* + User Variable Overrides +*******************************/ + -- cgit v1.3