mirror of
https://github.com/bunkerity/bunkerized-nginx
synced 2023-12-13 21:30:18 +01:00
f57b6dad13
*ace editor cursor gap is calculate on monoscape font, override previous sans-serif to fix gap between cursor and real position
144 lines
8.1 KiB
CSS
144 lines
8.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@font-face {
|
|
font-family: "Open Sans";
|
|
src: url("../webfonts/OpenSans.ttf");
|
|
}
|
|
|
|
* {
|
|
font-family: "Open Sans", sans-serif !important;
|
|
}
|
|
|
|
.ace_editor,
|
|
.ace_editor div,
|
|
.ace_content {
|
|
font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro",
|
|
monospace !important;
|
|
font-size: 16px !important;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.close-btn {
|
|
@apply dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-red-500 border border-red-500 uppercase align-middle transition-all rounded-lg cursor-pointer dark:bg-gray-200 dark:hover:brightness-75 bg-white hover:bg-white/80 focus:bg-white/80 leading-normal ease-in tracking-tight-rem shadow-xs hover:-translate-y-px active:opacity-85 hover:shadow-md;
|
|
}
|
|
|
|
.valid-btn {
|
|
@apply tracking-wide dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-green-500 hover:bg-green-500/80 focus:bg-green-500/80 leading-normal ease-in shadow-xs hover:-translate-y-px active:opacity-85 hover:shadow-md;
|
|
}
|
|
|
|
.delete-btn {
|
|
@apply tracking-wide dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-red-500 hover:bg-red-500/80 focus:bg-red-500/80 leading-normal ease-in shadow-xs hover:-translate-y-px active:opacity-85 hover:shadow-md;
|
|
}
|
|
|
|
.edit-btn {
|
|
@apply tracking-wide dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-yellow-500 hover:bg-yellow-500/80 focus:bg-yellow-500/80 leading-normal ease-in shadow-xs hover:-translate-y-px active:opacity-85 hover:shadow-md;
|
|
}
|
|
|
|
.info-btn {
|
|
@apply tracking-wide dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-sky-500 hover:bg-sky-500/80 focus:bg-sky-500/80 leading-normal ease-in shadow-xs hover:-translate-y-px active:opacity-85 hover:shadow-md;
|
|
}
|
|
|
|
/*----------------------------------------------*/
|
|
/*---------------SETTINGS_PLUGINS---------------*/
|
|
/*----------------------------------------------*/
|
|
|
|
.checkbox {
|
|
@apply cursor-pointer disabled:cursor-default
|
|
relative dark:border-slate-600 dark:bg-slate-700 z-10 aria-checked:z-0 w-5 h-5
|
|
text-base rounded-1.4 aria-checked:bg-primary aria-checked:border-primary
|
|
dark:aria-checked:bg-primary dark:aria-checked:border-primary duration-250 float-left
|
|
mt-1 appearance-none border border-gray-300 bg-white bg-contain bg-center
|
|
bg-no-repeat align-top transition-all disabled:bg-gray-400
|
|
disabled:border-gray-400 dark:disabled:bg-gray-800
|
|
dark:disabled:border-gray-800 disabled:text-gray-700
|
|
dark:disabled:text-gray-300
|
|
aria-checked:disabled:bg-gray-400
|
|
aria-checked:disabled:border-gray-400 dark:aria-checked:disabled:bg-gray-800
|
|
dark:aria-checked:disabled:border-gray-800 aria-checked:disabled:text-gray-700
|
|
dark:aria-checked:disabled:text-gray-300;
|
|
}
|
|
|
|
.custom-select-btn {
|
|
@apply disabled:opacity-75 dark:disabled:text-gray-300 disabled:text-gray-700 disabled:bg-gray-400 disabled:border-gray-400 dark:disabled:bg-gray-800 dark:disabled:border-gray-800 duration-300 ease-in-out dark:opacity-90 dark:border-slate-600 dark:bg-slate-700 dark:text-gray-300 focus:border-primary flex justify-between align-middle items-center text-left text-sm leading-5.6 w-full rounded-lg border border-solid border-gray-300 bg-white bg-clip-padding px-1.5 py-1 md:px-3 md:py-2 font-normal text-gray-700 transition-all placeholder:text-gray-500;
|
|
}
|
|
|
|
.custom-dropdown-btn {
|
|
@apply min-h-[38px] border-b border-l border-r border-gray-300 hover:brightness-90 bg-white text-gray-700 my-0 relative px-6 py-2 text-center align-middle transition-all rounded-none cursor-pointer leading-normal text-sm ease-in tracking-tight-rem dark:border-slate-600 dark:bg-slate-700 dark:text-gray-300;
|
|
}
|
|
|
|
.active.custom-dropdown-btn {
|
|
@apply min-h-[38px] border-b border-l border-r border-gray-300 hover:brightness-90 bg-primary my-0 relative px-6 py-2 text-center align-middle transition-all rounded-none cursor-pointer leading-normal text-sm ease-in tracking-tight-rem dark:border-slate-600 dark:bg-primary text-gray-300 dark:text-gray-300;
|
|
}
|
|
|
|
.regular-input {
|
|
@apply outline-none dark:opacity-90 dark:border-slate-600 dark:bg-slate-700 dark:text-gray-300 disabled:opacity-75 focus:border-gray-300/0 focus:ring-1 focus:valid:ring-green-500 focus:invalid:ring-red-500 text-sm leading-5.6 ease-in block w-full appearance-none rounded-lg border border-solid border-gray-300 bg-white bg-clip-padding px-1.5 py-1 md:px-3 md:py-2 font-normal text-gray-700 transition-all placeholder:text-gray-500 disabled:bg-gray-400 dark:disabled:bg-gray-800 dark:disabled:border-gray-800 dark:disabled:text-gray-300 disabled:text-gray-700;
|
|
}
|
|
|
|
.input-title {
|
|
@apply transition duration-300 ease-in-out dark:opacity-90 text-sm font-bold m-0 dark:text-gray-300;
|
|
}
|
|
|
|
.popover-settings-container {
|
|
@apply dark:brightness-90 transition z-50 rounded-md p-3 left-0 -translate-y-7 bottom-0 absolute bg-blue-500;
|
|
}
|
|
|
|
.popover-settings-text {
|
|
@apply transition duration-300 ease-in-out dark:opacity-90 font-bold text-sm text-white dark:text-gray-100 m-0;
|
|
}
|
|
|
|
.popover-settings-svg {
|
|
@apply cursor-pointer fill-blue-500 h-5 w-5 ml-2 hover:brightness-75;
|
|
}
|
|
/*--------------------------------------------*/
|
|
/*---------------END SETTINGS_PLUGINS---------*/
|
|
/*---------------------------------------------*/
|
|
|
|
/*---------------------------------------------*/
|
|
/*---------------SETTINGS_TABS-----------------*/
|
|
/*---------------------------------------------*/
|
|
|
|
.active.settings-tabs-tab-btn {
|
|
@apply border-primary dark:hover:bg-slate-800 dark:border-slate-600 dark:bg-slate-700 border my-1 relative px-3 py-3 font-bold text-center uppercase align-middle transition-all rounded-none cursor-pointer bg-white hover:bg-gray-100 leading-normal text-sm ease-in tracking-tight-rem shadow-xs hover:shadow-md brightness-90 z-10;
|
|
}
|
|
|
|
.settings-tabs-tab-btn {
|
|
@apply border-primary dark:hover:bg-slate-800 dark:border-slate-600 dark:bg-slate-700 border my-1 relative px-3 py-3 font-bold text-center uppercase align-middle transition-all rounded-none cursor-pointer bg-white hover:bg-gray-100 leading-normal text-sm ease-in tracking-tight-rem shadow-xs hover:shadow-md;
|
|
}
|
|
|
|
.settings-tabs-name {
|
|
@apply text-primary transition duration-300 ease-in-out dark:opacity-90 pl-3 pr-2 dark:text-gray-300;
|
|
}
|
|
|
|
.settings-tabs-popover-container {
|
|
@apply top-[60px] min-w-[150px] dark:brightness-90 bg-blue-500 transition z-50 rounded-md p-3 left-0 absolute;
|
|
}
|
|
|
|
.settings-tabs-popover-text {
|
|
@apply font-bold text-sm text-white m-0;
|
|
}
|
|
|
|
.settings-tabs-mobile-btn {
|
|
@apply dark:hover:brightness-95 dark:border-slate-600 dark:bg-slate-700 border-primary border w-full flex items-center justify-between rounded-lg hover:-translate-y-px my-1 px-6 py-3 font-bold text-center uppercase align-middle transition-all cursor-pointer bg-white hover:bg-gray-50 leading-normal text-sm ease-in tracking-tight-rem shadow-xs hover:shadow-md;
|
|
}
|
|
|
|
.settings-tabs-mobile-btn-text {
|
|
@apply transition duration-300 ease-in-out dark:opacity-90 dark:text-gray-300 text-primary;
|
|
}
|
|
|
|
.active.settings-tabs-mobile-dropdown-btn {
|
|
@apply border-gray-300 dark:hover:brightness-90 hover:brightness-90 my-0 relative px-6 py-2 text-center align-middle transition-all rounded-none cursor-pointer leading-normal text-sm ease-in tracking-tight-rem dark:border-slate-600 dark:text-gray-300 z-[1000] dark:bg-primary bg-primary text-gray-300;
|
|
}
|
|
|
|
.first.settings-tabs-mobile-dropdown-btn {
|
|
@apply border-t rounded-t border-b border-l border-r;
|
|
}
|
|
|
|
.settings-tabs-mobile-dropdown-btn {
|
|
@apply flex justify-between border-b border-l border-r border-gray-300 dark:hover:brightness-90 hover:brightness-90 bg-white text-gray-700 my-0 relative px-6 py-2 text-center align-middle transition-all rounded-none cursor-pointer leading-normal text-sm ease-in tracking-tight-rem dark:border-slate-600 dark:bg-slate-700 dark:text-gray-300;
|
|
}
|
|
|
|
/*---------------------------------------------*/
|
|
/*---------------END SETTINGS_TABS-------------*/
|
|
/*---------------------------------------------*/
|