1
0
DavidZhang73.github.io/css/theme.css

49 lines
2.6 KiB
CSS

:root {
--font-color: #000;
--night-font-color: #ddd;
--primary: #b2fefa;
--secondary: #0ed2f7;
--dark: #0052d4;
--gradient-light: #5d9eea;
--gradient-middle: #0f27b5;
--gradient-dark: #100e17;
--code-gradient-light: #cff0ff;
--code-gradient-dark: #afcafd;
--maxwidth: 1284px;
}
/* roboto-mono-regular */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: regular;
src: url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.eot"); /* IE9 Compat Modes */
src: local('Roboto Mono'), local('RobotoMono-Normal'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.eot?#iefix") format('embedded-opentype'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.woff2") format('woff2'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.woff") format('woff'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.ttf") format('truetype'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.svg#RobotoMono") format('svg'); /* Legacy iOS */
}
/* rubik-regular */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: regular;
src: url("//lib.baomitu.com/fonts/rubik/rubik-regular.eot"); /* IE9 Compat Modes */
src: local('Rubik'), local('Rubik-Normal'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.eot?#iefix") format('embedded-opentype'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.woff2") format('woff2'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.woff") format('woff'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.ttf") format('truetype'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.svg#Rubik") format('svg'); /* Legacy iOS */
}
.gradient-text {
background: var(--primary) !important;
background: -webkit-linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
background: linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
}
.gradient-bg {
background: var(--primary) !important;
background: -webkit-linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
background: linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
}
.gradient-bg-rev {
background: var(--primary) !important;
background: -webkit-linear-gradient(to right, var(--dark), var(--secondary), var(--primary)) !important;
background: linear-gradient(to right, var(--dark), var(--secondary), var(--primary)) !important;
}