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 {
|
|
|
|
|
scrollbar-color: #f1b941 #fbeed0;
|
|
|
|
|
scrollbar-width: thin;
|
|
|
|
|
scrollbar-arrow-color: #fbeed0;
|
|
|
|
|
scrollbar-base-color: #f6d287;
|
|
|
|
|
scrollbar-darkshadow-color: #f1b941; }
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
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; }
|
|
|
|
|
|
|
|
|
|
.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); }
|
|
|
|
|
.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-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); }
|
|
|
|
|
|
|
|
|
|
.neoFile {
|
|
|
|
|
box-shadow: 0px 0px 0px rgba(251, 238, 208, 0.5), 0px 0px 0px rgba(241, 185, 65, 0.5);
|
|
|
|
|
transition: all .2s linear;
|
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
|
backface-visibility: hidden;
|
|
|
|
|
background: #f6d287; }
|
|
|
|
|
.neoFile:hover {
|
|
|
|
|
box-shadow: -3px -3px 6px rgba(251, 238, 208, 0.5), 3px 3px 6px rgba(241, 185, 65, 0.5); }
|
|
|
|
|
.neoFile.isSelected {
|
|
|
|
|
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
|
|
|
|
.gradientBackground {
|
|
|
|
|
background: linear-gradient(to right bottom, #f7d794, #f5cd79); }
|
|
|
|
|
|
|
|
|
|
.borderR {
|
|
|
|
|
border-radius: 14px; }
|
|
|
|
|
.borderRSmall {
|
|
|
|
|
border-radius: 7px; }
|
|
|
|
|
.borderRBig {
|
|
|
|
|
border-radius: 28px; }
|
|
|
|
|
|
|
|
|
|
.bg {
|
|
|
|
|
background: #f6d287; }
|
|
|
|
|
|
|
|
|
|
.sameMarginBottom {
|
|
|
|
|
margin-bottom: 1rem !important; }
|
2020-04-13 00:21:36 +02:00
|
|
|
|
|
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; }
|
|
|
|
|
|
|
|
|
|
.pure-menu-heading {
|
|
|
|
|
text-transform: none;
|
|
|
|
|
font-family: Ubuntu-Mono,'Noto Mono'; }
|
|
|
|
|
|
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-19 03:04:46 +02:00
|
|
|
|
.menu-list a.active {
|
|
|
|
|
background-color: #3273dc;
|
|
|
|
|
color: #fff; }
|
|
|
|
|
|
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";
|
|
|
|
|
grid-gap: 20px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
grid-template-rows: 30px calc(100% - 60px) 30px;
|
|
|
|
|
grid-template-columns: 30% auto; }
|
|
|
|
|
.filesWithEditor .filterFiles {
|
|
|
|
|
grid-area: filterFiles; }
|
|
|
|
|
.filesWithEditor .fileTitle {
|
|
|
|
|
grid-area: fileTitle; }
|
|
|
|
|
.filesWithEditor .files {
|
|
|
|
|
grid-area: files;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: row;
|
|
|
|
|
height: 100%; }
|
|
|
|
|
.filesWithEditor .files .confFile {
|
|
|
|
|
padding: 4% 6%;
|
|
|
|
|
margin-bottom: 2%; }
|
|
|
|
|
.filesWithEditor .codeEditor {
|
|
|
|
|
grid-area: codeEditor; }
|
|
|
|
|
.filesWithEditor .filesActions {
|
|
|
|
|
grid-area: filesActions; }
|
|
|
|
|
.filesWithEditor .editorActions {
|
|
|
|
|
grid-area: editorActions; }
|
|
|
|
|
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.files {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: stretch; }
|
|
|
|
|
.filesList {
|
|
|
|
|
height: 100%;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 8%;
|
2020-04-17 00:50:23 +02:00
|
|
|
|
overflow-y: auto; }
|