wishthis/semantic/dist/components/site.css

267 lines
9.3 KiB
CSS
Raw Normal View History

2022-01-13 13:00:31 +00:00
/*!
2023-12-19 14:45:49 +00:00
* # Fomantic-UI 2.9.3 - Site
2023-08-17 09:47:40 +00:00
* https://github.com/fomantic/Fomantic-UI/
2022-01-13 13:00:31 +00:00
*
*
* Released under the MIT license
2023-08-17 09:47:40 +00:00
* https://opensource.org/licenses/MIT
2022-01-13 13:00:31 +00:00
*
*/
/*******************************
Page
*******************************/
2022-08-05 09:25:53 +00:00
@font-face {
font-family: 'Raleway';
src: local('Raleway'), url("../../../../node_modules/@fontsource/raleway/files/raleway-latin-400-normal.woff2") format('woff2');
2022-08-05 09:25:53 +00:00
font-style: normal;
font-weight: normal;
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
font-family: 'Raleway';
src: local('Raleway'), url("../../../../node_modules/@fontsource/raleway/files/raleway-latin-400-italic.woff2") format('woff2');
font-style: italic;
font-weight: normal;
2022-08-05 09:25:53 +00:00
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
font-family: 'Raleway';
src: local('Raleway'), url("../../../../node_modules/@fontsource/raleway/files/raleway-latin-700-normal.woff2") format('woff2');
font-style: normal;
font-weight: bold;
2022-08-05 09:25:53 +00:00
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
font-family: 'Raleway';
src: local('Raleway'), url("../../../../node_modules/@fontsource/raleway/files/raleway-latin-700-italic.woff2") format('woff2');
2022-08-05 09:25:53 +00:00
font-style: italic;
font-weight: bold;
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible'), url("../../../../node_modules/@fontsource/atkinson-hyperlegible/files/atkinson-hyperlegible-latin-400-normal.woff2") format('woff2');
2022-08-05 09:25:53 +00:00
font-style: normal;
font-weight: normal;
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
2022-08-05 09:25:53 +00:00
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible'), url("../../../../node_modules/@fontsource/atkinson-hyperlegible/files/atkinson-hyperlegible-latin-400-italic.woff2") format('woff2');
font-style: italic;
font-weight: normal;
2022-08-05 09:25:53 +00:00
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
2022-08-05 09:25:53 +00:00
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible'), url("../../../../node_modules/@fontsource/atkinson-hyperlegible/files/atkinson-hyperlegible-latin-700-normal.woff2") format('woff2');
font-style: normal;
font-weight: bold;
2022-08-05 09:25:53 +00:00
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
2022-08-05 09:25:53 +00:00
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible'), url("../../../../node_modules/@fontsource/atkinson-hyperlegible/files/atkinson-hyperlegible-latin-700-italic.woff2") format('woff2');
2022-08-05 09:25:53 +00:00
font-style: italic;
font-weight: bold;
font-display: swap;
text-rendering: optimizeLegibility;
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
2022-08-05 09:25:53 +00:00
}
2022-01-13 13:00:31 +00:00
html,
body {
height: 100%;
}
html {
2022-08-05 09:25:53 +00:00
font-size: 14pt;
2022-01-13 13:00:31 +00:00
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
min-width: 320px;
2023-08-17 09:47:40 +00:00
background: #fff;
2022-09-22 08:15:11 +00:00
font-family: 'Raleway', sans-serif;
2022-08-05 09:25:53 +00:00
font-size: 14pt;
2022-01-13 13:00:31 +00:00
line-height: 1.4285em;
color: rgba(0, 0, 0, 0.87);
}
/*******************************
Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
2022-01-13 13:27:51 +00:00
font-family: 'Raleway', sans-serif;
2022-01-13 13:00:31 +00:00
line-height: 1.28571429em;
margin: calc(2rem - 0.1428571428571429em) 0 1rem;
font-weight: bold;
padding: 0;
}
h1 {
min-height: 1rem;
font-size: 2rem;
}
h2 {
font-size: 1.71428571rem;
}
h3 {
font-size: 1.28571429rem;
}
h4 {
font-size: 1.07142857rem;
}
h5 {
font-size: 1rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
margin-bottom: 0;
}
/*******************************
Text
*******************************/
p {
margin: 0 0 1em;
line-height: 1.4285em;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
2023-08-17 09:47:40 +00:00
/* -------------------
2022-01-13 13:00:31 +00:00
Links
2023-08-17 09:47:40 +00:00
-------------------- */
2022-01-13 13:00:31 +00:00
a {
2023-08-17 09:47:40 +00:00
color: #6435c9;
2022-01-13 13:00:31 +00:00
text-decoration: none;
}
a:hover {
2022-08-08 07:43:24 +00:00
color: #4d17c0;
2022-01-13 13:00:31 +00:00
text-decoration: none;
}
/*******************************
Scrollbars
*******************************/
2022-08-05 09:25:53 +00:00
/* Force Simple Scrollbars */
body ::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 10px;
}
body ::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
border-radius: 0;
}
body ::-webkit-scrollbar-thumb {
cursor: pointer;
border-radius: 5px;
background: rgba(0, 0, 0, 0.25);
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
body ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 0, 0, 0.15);
}
body ::-webkit-scrollbar-thumb:hover {
background: rgba(128, 135, 139, 0.8);
}
body .ui {
2023-08-17 09:47:40 +00:00
/* firefox: first color thumb, second track */
2022-08-05 09:25:53 +00:00
scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
scrollbar-width: thin;
}
2023-08-17 09:47:40 +00:00
2022-08-05 09:25:53 +00:00
/* Inverted UI */
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.25);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.15);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.35);
}
body .ui.inverted:not(.dimmer) {
2023-08-17 09:47:40 +00:00
/* firefox: first color thumb, second track */
2022-08-05 09:25:53 +00:00
scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
}
2022-01-13 13:00:31 +00:00
/*******************************
Highlighting
*******************************/
/* Site */
::selection {
2023-08-17 09:47:40 +00:00
background-color: #cce2ff;
2022-01-13 13:00:31 +00:00
color: rgba(0, 0, 0, 0.87);
}
/* Form */
textarea::selection,
input::selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(0, 0, 0, 0.87);
}
/*******************************
Global Overrides
*******************************/
/*******************************
Site Overrides
*******************************/