2020-04-13 00:21:36 +02:00
|
|
|
|
/*$breakpoint argument choices:
|
|
|
|
|
- phone
|
|
|
|
|
- tab-port
|
|
|
|
|
- tab-land
|
|
|
|
|
- desk
|
|
|
|
|
- big-desktop
|
|
|
|
|
*/
|
|
|
|
|
#blazor-error-ui {
|
|
|
|
|
background: lightyellow;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
|
|
|
|
|
display: none;
|
|
|
|
|
left: 0;
|
|
|
|
|
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
|
|
|
|
|
position: fixed;
|
|
|
|
|
width: 100%;
|
|
|
|
|
z-index: 1000; }
|
|
|
|
|
#blazor-error-ui .dismiss {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0.75rem;
|
|
|
|
|
top: 0.5rem; }
|
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
button::-moz-focus-inner, input::-moz-focus-inner {
|
|
|
|
|
border: 0; }
|
|
|
|
|
|
|
|
|
|
html {
|
2020-07-03 00:37:23 +02:00
|
|
|
|
scrollbar-color: #f1b941 transparent;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
scrollbar-width: thin;
|
|
|
|
|
scrollbar-arrow-color: #fbeed0;
|
|
|
|
|
scrollbar-base-color: #f6d287;
|
2020-07-03 00:37:23 +02:00
|
|
|
|
scrollbar-darkshadow-color: #f1b941;
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
overflow-y: auto; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
scrollbar-width: inherit; }
|
|
|
|
|
|
2020-04-13 00:21:36 +02:00
|
|
|
|
.isHidden {
|
|
|
|
|
display: none; }
|
|
|
|
|
@media only screen and (max-width: 37.5em) {
|
|
|
|
|
.isHiddenMobile {
|
|
|
|
|
display: none; } }
|
|
|
|
|
|
2020-04-13 18:17:59 +02:00
|
|
|
|
.petiteCaps {
|
|
|
|
|
font-variant: petite-caps; }
|
|
|
|
|
|
2020-04-14 04:42:03 +02:00
|
|
|
|
.flexCenter {
|
|
|
|
|
display: flex;
|
2020-04-17 00:50:23 +02:00
|
|
|
|
align-content: center;
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.noBottomMargin {
|
|
|
|
|
margin-bottom: 0 !important; }
|
|
|
|
|
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.isNoWrap {
|
|
|
|
|
white-space: nowrap; }
|
|
|
|
|
|
|
|
|
|
.isFinger {
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
|
2020-07-29 01:31:32 +02:00
|
|
|
|
.isNoFinger {
|
|
|
|
|
cursor: none; }
|
|
|
|
|
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.neomorph {
|
|
|
|
|
/*box-shadow: 0px 0px 4px 4px rgba($background, 1), -8px -8px 16px rgba($light-shadow, 1), 8px 8px 16px rgba($dark-shadow, 1);*/
|
|
|
|
|
box-shadow: -8px -8px 16px rgba(251, 238, 208, 0.5), 8px 8px 16px rgba(241, 185, 65, 0.5); }
|
|
|
|
|
.neomorphSmall {
|
|
|
|
|
/*box-shadow: 0px 0px 3px 3px rgba($background, 1), -6px -6px 12px rgba($light-shadow, 1), 6px 6px 12px rgba($dark-shadow, 1);*/
|
|
|
|
|
box-shadow: -6px -6px 12px rgba(251, 238, 208, 0.5), 6px 6px 12px rgba(241, 185, 65, 0.5); }
|
2020-04-27 22:29:45 +02:00
|
|
|
|
.neomorphXSmall {
|
|
|
|
|
/*box-shadow: 0px 0px 3px 3px rgba($background, 1), -6px -6px 12px rgba($light-shadow, 1), 6px 6px 12px rgba($dark-shadow, 1);*/
|
|
|
|
|
box-shadow: -3px -3px 6px rgba(251, 238, 208, 0.5), 3px 3px 6px rgba(241, 185, 65, 0.5); }
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.neomorphBottom {
|
|
|
|
|
filter: drop-shadow(8px 8px 14px #f1b941); }
|
2020-04-20 00:52:36 +02:00
|
|
|
|
.neomorphInset {
|
|
|
|
|
box-shadow: inset 8px 8px 16px rgba(241, 185, 65, 0.5), inset -8px -8px 16px rgba(251, 238, 208, 0.5); }
|
|
|
|
|
.neomorphInsetSmall {
|
|
|
|
|
box-shadow: inset 6px 6px 12px rgba(241, 185, 65, 0.5), inset -6px -6px 12px rgba(251, 238, 208, 0.5); }
|
2020-04-27 22:29:45 +02:00
|
|
|
|
.neomorphInsetXSmall {
|
|
|
|
|
/*box-shadow: 0px 0px 3px 3px rgba($background, 1), -6px -6px 12px rgba($light-shadow, 1), 6px 6px 12px rgba($dark-shadow, 1);*/
|
|
|
|
|
box-shadow: inset 3px 3px 6px rgba(241, 185, 65, 0.5), inset -3px -3px 6px rgba(251, 238, 208, 0.5); }
|
2020-04-17 00:50:23 +02:00
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.neoBtn {
|
|
|
|
|
box-shadow: -3px -3px 6px rgba(251, 238, 208, 0.5), 3px 3px 6px rgba(241, 185, 65, 0.5);
|
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important;
|
|
|
|
|
transition: all .2s linear;
|
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
|
backface-visibility: hidden; }
|
|
|
|
|
.neoBtn:focus {
|
|
|
|
|
box-shadow: -3px -3px 6px rgba(251, 238, 208, 0.5), 3px 3px 6px rgba(241, 185, 65, 0.5) !important; }
|
|
|
|
|
.neoBtn:hover {
|
|
|
|
|
box-shadow: -6px -6px 12px rgba(251, 238, 208, 0.5), 6px 6px 12px rgba(241, 185, 65, 0.5);
|
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important;
|
|
|
|
|
transform: scale(1.1); }
|
2020-05-02 18:57:42 +02:00
|
|
|
|
.neoBtnSmall {
|
|
|
|
|
box-shadow: -2px -2px 4px rgba(251, 238, 208, 0.5), 2px 2px 4px rgba(241, 185, 65, 0.5);
|
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important;
|
|
|
|
|
transition: all .2s linear;
|
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
|
backface-visibility: hidden; }
|
|
|
|
|
.neoBtnSmall:focus {
|
|
|
|
|
box-shadow: -2px -2px 4px rgba(251, 238, 208, 0.5), 2px 2px 4px rgba(241, 185, 65, 0.5) !important; }
|
|
|
|
|
.neoBtnSmall:hover {
|
|
|
|
|
box-shadow: -4px -4px 8px rgba(251, 238, 208, 0.5), 4px 4px 8px rgba(241, 185, 65, 0.5);
|
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important;
|
|
|
|
|
transform: scale(1.1); }
|
2020-07-29 01:31:32 +02:00
|
|
|
|
.neoBtnSmallInsetPlain {
|
|
|
|
|
box-shadow: inset 3px 3px 6px rgba(241, 185, 65, 0.5), inset -3px -3px 6px rgba(251, 238, 208, 0.5);
|
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important; }
|
2020-07-06 18:01:01 +02:00
|
|
|
|
.neoBtnSmallPlain {
|
2020-07-28 00:28:17 +02:00
|
|
|
|
box-shadow: -3px -3px 6px rgba(251, 238, 208, 0.5), 3px 3px 6px rgba(241, 185, 65, 0.5);
|
2020-07-06 18:01:01 +02:00
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
|
|
|
|
|
.neoFile {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
box-shadow: 0px 0px 0px rgba(251, 238, 208, 0.5), 0px 0px 0px rgba(241, 185, 65, 0.5) !important;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
transition: all .2s linear;
|
2020-04-23 01:32:20 +02:00
|
|
|
|
-webkit-backface-visibility: hidden !important;
|
|
|
|
|
backface-visibility: hidden !important;
|
|
|
|
|
background: #f6d287 !important; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.neoFile:hover {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
box-shadow: -3px -3px 6px rgba(251, 238, 208, 0.5), 3px 3px 6px rgba(241, 185, 65, 0.5) !important; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.neoFile.isSelected {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
box-shadow: inset 3px 3px 6px rgba(241, 185, 65, 0.5), inset -3px -3px 6px rgba(251, 238, 208, 0.5) !important; }
|
|
|
|
|
.neoFile.is-active, .neoFile.active {
|
|
|
|
|
box-shadow: inset 3px 3px 6px rgba(241, 185, 65, 0.5), inset -3px -3px 6px rgba(251, 238, 208, 0.5) !important;
|
|
|
|
|
color: #181515 !important; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
|
2020-04-25 00:13:52 +02:00
|
|
|
|
.neoInput {
|
|
|
|
|
box-shadow: inset 2px 2px 4px rgba(241, 185, 65, 0.5), inset -2px -2px 4px rgba(251, 238, 208, 0.5) !important;
|
|
|
|
|
background: #f6d287 !important;
|
|
|
|
|
border: none !important; }
|
|
|
|
|
.neoInput:focus {
|
|
|
|
|
border: none !important; }
|
|
|
|
|
|
2020-07-01 19:36:22 +02:00
|
|
|
|
.neoSelect > select {
|
|
|
|
|
box-shadow: inset 2px 2px 4px rgba(241, 185, 65, 0.5), inset -2px -2px 4px rgba(251, 238, 208, 0.5) !important;
|
|
|
|
|
background: #f6d287 !important;
|
|
|
|
|
border: none !important; }
|
|
|
|
|
.neoSelect > select:focus {
|
|
|
|
|
border: none !important; }
|
|
|
|
|
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.gradientBackground {
|
|
|
|
|
background: linear-gradient(to right bottom, #f7d794, #f5cd79); }
|
|
|
|
|
|
|
|
|
|
.borderR {
|
|
|
|
|
border-radius: 14px; }
|
|
|
|
|
.borderRSmall {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
border-radius: 7px !important; }
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.borderRBig {
|
|
|
|
|
border-radius: 28px; }
|
|
|
|
|
|
|
|
|
|
.bg {
|
|
|
|
|
background: #f6d287; }
|
|
|
|
|
|
|
|
|
|
.sameMarginBottom {
|
|
|
|
|
margin-bottom: 1rem !important; }
|
2020-04-13 00:21:36 +02:00
|
|
|
|
|
2020-04-27 22:29:45 +02:00
|
|
|
|
.ellipsis {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis; }
|
|
|
|
|
|
2020-07-01 19:36:22 +02:00
|
|
|
|
.fullwidth {
|
|
|
|
|
width: 100%; }
|
|
|
|
|
|
2020-04-13 18:17:59 +02:00
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Ubuntu';
|
|
|
|
|
src: url(/fonts/ubuntu-light-webfont.woff2) format("woff2");
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-style: normal; }
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Ubuntu-Mono';
|
|
|
|
|
src: url(/fonts/ubuntumono-regular-webfont.woff2) format("woff2");
|
|
|
|
|
/*font-weight: 300;*/
|
|
|
|
|
font-style: normal; }
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
font-family: Ubuntu, sans-serif; }
|
|
|
|
|
|
2020-04-14 04:42:03 +02:00
|
|
|
|
.menu-list li a {
|
2020-04-13 18:17:59 +02:00
|
|
|
|
font-family: Ubuntu-Mono,'Noto Mono'; }
|
2020-04-17 00:50:23 +02:00
|
|
|
|
|
2020-04-24 00:18:16 +02:00
|
|
|
|
#editor {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
2020-04-27 22:29:45 +02:00
|
|
|
|
left: 0; }
|
2020-04-25 00:13:52 +02:00
|
|
|
|
|
|
|
|
|
.select:not(.is-multiple):not(.is-loading)::after {
|
|
|
|
|
border-color: #f1b941; }
|
|
|
|
|
|
|
|
|
|
.select:not(.is-multiple):not(.is-loading):hover::after {
|
|
|
|
|
border-color: #be860e; }
|
|
|
|
|
|
|
|
|
|
.ace-solarized-light {
|
2020-04-27 22:29:45 +02:00
|
|
|
|
background: #f6d287; }
|
2020-04-25 00:13:52 +02:00
|
|
|
|
.ace-solarized-light .ace_gutter {
|
|
|
|
|
background: #f5cd79; }
|
2020-04-27 22:29:45 +02:00
|
|
|
|
.ace-solarized-light .ace_gutter-active-line {
|
|
|
|
|
border-radius: 50px 0 0 50px; }
|
|
|
|
|
.ace-solarized-light .ace_marker-layer .ace_active-line {
|
|
|
|
|
border-radius: 0 50px 50px 0; }
|
2020-04-25 00:13:52 +02:00
|
|
|
|
|
2020-07-01 19:36:22 +02:00
|
|
|
|
.modal-content {
|
|
|
|
|
border-radius: 28px; }
|
|
|
|
|
|
|
|
|
|
.modal-card-head, .modal-card-foot {
|
|
|
|
|
background: #f6d287; }
|
|
|
|
|
|
|
|
|
|
.modal-card-head {
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 0; }
|
|
|
|
|
|
|
|
|
|
.modal-card-body {
|
|
|
|
|
background: #f6d287; }
|
|
|
|
|
|
|
|
|
|
.modal-card-foot {
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 0; }
|
|
|
|
|
|
2020-07-02 19:39:14 +02:00
|
|
|
|
.blazored-modal {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
border: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
box-shadow: none; }
|
|
|
|
|
.blazored-modal-container {
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0; }
|
|
|
|
|
.blazored-modal-overlay {
|
|
|
|
|
background: #f6d287; }
|
|
|
|
|
|
2020-07-28 00:28:17 +02:00
|
|
|
|
.switch[type="checkbox"] + label {
|
|
|
|
|
font-size: inherit; }
|
|
|
|
|
|
2020-07-29 01:31:32 +02:00
|
|
|
|
.switch[type="checkbox"].is-rounded + label::before,
|
|
|
|
|
.switch[type="checkbox"].is-rounded + label::before {
|
|
|
|
|
box-shadow: inset -3px -3px 6px rgba(251, 238, 208, 0.5), inset 3px 3px 6px rgba(241, 185, 65, 0.5);
|
|
|
|
|
border: none; }
|
|
|
|
|
|
|
|
|
|
.button.noStyle {
|
|
|
|
|
border: none;
|
|
|
|
|
background: transparent; }
|
|
|
|
|
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.main {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
align-items: start;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
padding: 2.5%; }
|
|
|
|
|
.mainNav {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
padding: 14px;
|
|
|
|
|
width: 17%;
|
|
|
|
|
margin-right: 40px; }
|
|
|
|
|
.mainPage {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
padding: 28px;
|
|
|
|
|
width: calc(83% - 40px);
|
|
|
|
|
align-self: stretch; }
|
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.filesWithEditor {
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-areas: "filterFiles fileTitle" "files codeEditor" "filesActions editorActions";
|
2020-04-27 22:29:45 +02:00
|
|
|
|
grid-gap: 25px;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
height: 100%;
|
2020-04-22 19:53:41 +02:00
|
|
|
|
max-height: 100%;
|
|
|
|
|
min-height: 10%;
|
|
|
|
|
grid-template-rows: 30px auto 30px;
|
2020-07-05 18:04:54 +02:00
|
|
|
|
grid-template-columns: 28% auto;
|
2020-04-23 16:23:56 +02:00
|
|
|
|
width: 100%; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.filesWithEditor .filterFiles {
|
|
|
|
|
grid-area: filterFiles; }
|
|
|
|
|
.filesWithEditor .fileTitle {
|
|
|
|
|
grid-area: fileTitle; }
|
2020-04-27 22:29:45 +02:00
|
|
|
|
.filesWithEditor .fileTitle .field, .filesWithEditor .fileTitle .control {
|
|
|
|
|
height: 100%; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.filesWithEditor .files {
|
|
|
|
|
grid-area: files;
|
2020-04-22 19:53:41 +02:00
|
|
|
|
display: block;
|
2020-04-23 01:32:20 +02:00
|
|
|
|
min-height: 10%;
|
|
|
|
|
padding: 4% 0; }
|
|
|
|
|
.filesWithEditor .filesList {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
height: 100%;
|
|
|
|
|
min-height: 10%;
|
2020-07-05 18:04:54 +02:00
|
|
|
|
width: auto;
|
|
|
|
|
padding: 4% 7% 4% 8%;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
margin-right: 4%; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.filesWithEditor .codeEditor {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
grid-area: codeEditor;
|
|
|
|
|
min-height: 0;
|
2020-04-23 16:23:56 +02:00
|
|
|
|
height: 100%;
|
2020-04-24 00:18:16 +02:00
|
|
|
|
/*overflow-x: auto;*/
|
2020-04-25 00:13:52 +02:00
|
|
|
|
position: relative;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center; }
|
2020-04-23 01:32:20 +02:00
|
|
|
|
.filesWithEditor .codeEditor .editor {
|
|
|
|
|
height: 100%;
|
2020-04-23 16:23:56 +02:00
|
|
|
|
margin: 0;
|
|
|
|
|
width: 100%; }
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.filesWithEditor .filesActions {
|
|
|
|
|
grid-area: filesActions; }
|
|
|
|
|
.filesWithEditor .editorActions {
|
|
|
|
|
grid-area: editorActions; }
|
|
|
|
|
|
2020-04-23 01:32:20 +02:00
|
|
|
|
.menu-list > li > .neoFile {
|
|
|
|
|
margin-bottom: 4%; }
|
2020-07-01 19:36:22 +02:00
|
|
|
|
|
|
|
|
|
.confFile {
|
|
|
|
|
padding: 4% 6%;
|
|
|
|
|
margin-bottom: 3%; }
|
2020-07-05 18:04:54 +02:00
|
|
|
|
.confFile:last-child {
|
|
|
|
|
margin-bottom: 0; }
|
2020-07-03 00:37:23 +02:00
|
|
|
|
|
|
|
|
|
.stripe {
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: 300%;
|
|
|
|
|
background: radial-gradient(90% 90%, #f7d794, #f5cd79); }
|