wishthis/node_modules/fomantic-ui/dist/components/site.css

230 lines
4.4 KiB
CSS
Raw Normal View History

2022-01-13 13:00:31 +00:00
/*!
2022-04-08 10:55:35 +00:00
* # Fomantic-UI 2.9.0-beta.275+3f2aae7 - Site
2022-01-13 13:00:31 +00:00
* http://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
Page
*******************************/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400%3B0,700%3B1,400%3B1,700&subset=latin&display=swap');
html,
body {
height: 100%;
}
html {
font-size: 14px;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
min-width: 320px;
background: #FFFFFF;
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.4285em;
color: rgba(0, 0, 0, 0.87);
}
/*******************************
Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
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;
}
/*-------------------
Links
--------------------*/
a {
color: #4183C4;
text-decoration: none;
}
a:hover {
color: #1e70bf;
text-decoration: none;
}
/*******************************
Scrollbars
*******************************/
/* 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);
}
2022-04-07 07:06:43 +00:00
body .ui {
/* IE11 */
scrollbar-face-color: #bfbfbf;
scrollbar-shadow-color: #bfbfbf;
scrollbar-track-color: #e6e6e6;
scrollbar-arrow-color: #e6e6e6;
/* firefox : first color thumb, second track*/
scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
scrollbar-width: thin;
}
2022-01-13 13:00:31 +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);
}
2022-04-07 07:06:43 +00:00
body .ui.inverted:not(.dimmer) {
/* IE11 */
scrollbar-face-color: #656565;
scrollbar-shadow-color: #656565;
scrollbar-track-color: #323232;
scrollbar-arrow-color: #323232;
/* firefox : first color thumb, second track */
scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
}
/*******************************
Highlighting
*******************************/
/* Site */
::-webkit-selection {
background-color: #CCE2FF;
color: rgba(0, 0, 0, 0.87);
}
::-moz-selection {
background-color: #CCE2FF;
color: rgba(0, 0, 0, 0.87);
}
::selection {
background-color: #CCE2FF;
color: rgba(0, 0, 0, 0.87);
}
/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(0, 0, 0, 0.87);
}
textarea::-moz-selection,
input::-moz-selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(0, 0, 0, 0.87);
}
textarea::-moz-selection, input::-moz-selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(0, 0, 0, 0.87);
}
textarea::selection,
input::selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(0, 0, 0, 0.87);
}
2022-01-13 13:00:31 +00:00
/*******************************
Global Overrides
*******************************/
/*******************************
Site Overrides
*******************************/