220 lines
8.3 KiB
CSS
220 lines
8.3 KiB
CSS
@import './markdown.css';
|
|
|
|
html,
|
|
body,
|
|
#app {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html{
|
|
@apply bg-gray-100;
|
|
}
|
|
|
|
html.dark {
|
|
background: #121212;
|
|
}
|
|
|
|
#nprogress {
|
|
pointer-events: none;
|
|
}
|
|
|
|
#nprogress .bar {
|
|
@apply bg-fly-500 opacity-75;
|
|
|
|
position: fixed;
|
|
z-index: 1031;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
height: 2px;
|
|
}
|
|
|
|
.btn {
|
|
@apply px-4 py-1 rounded inline-block
|
|
bg-fly-600 text-white cursor-pointer
|
|
hover:bg-fly-700
|
|
disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50;
|
|
}
|
|
|
|
.icon-btn {
|
|
@apply inline-block cursor-pointer select-none
|
|
opacity-75 transition duration-200 ease-in-out
|
|
hover:opacity-100 hover:text-fly-600;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.fade-enter-active, .fade-leave-active {
|
|
transition: opacity .5s;
|
|
}
|
|
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
|
|
opacity: 0;
|
|
}
|
|
|
|
.list-enter-active,
|
|
.list-leave-active {
|
|
transition: all 1s ease;
|
|
}
|
|
.list-enter-from,
|
|
.list-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(30px);
|
|
}
|
|
|
|
/* titillium-web-200 - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: normal;
|
|
font-weight: 200;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-200.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-200.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-200italic - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: italic;
|
|
font-weight: 200;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-200italic.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-200italic.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-300 - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-300.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-300.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-300italic - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-300italic.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-regular - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-regular.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-italic - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-italic.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-600 - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-600.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-600.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-600italic - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-600italic.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-700 - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-700.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-700.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-700italic - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-700italic.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|
|
/* titillium-web-900 - latin */
|
|
@font-face {
|
|
font-family: 'Titillium Web';
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
src: url('/assets/fonts/titillium-web-v10-latin-900.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('/assets/fonts/titillium-web-v10-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-900.woff') format('woff'), /* Modern Browsers */
|
|
url('/assets/fonts/titillium-web-v10-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('/assets/fonts/titillium-web-v10-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
|
|
font-display: swap;
|
|
}
|
|
|