diff --git a/Seenginx/Components/FilesWithEditor.razor b/Seenginx/Components/FilesWithEditor.razor index 3e4ccd9..5c45392 100644 --- a/Seenginx/Components/FilesWithEditor.razor +++ b/Seenginx/Components/FilesWithEditor.razor @@ -3,26 +3,13 @@
-
+
-
-
- -
- - - -
@@ -48,7 +35,7 @@ else {
-
...
+
···
}
@@ -69,7 +56,7 @@
-
Select a file
+
Select a configuration
diff --git a/Seenginx/Components/FilesWithEditor.razor.cs b/Seenginx/Components/FilesWithEditor.razor.cs index 1c2e7e3..8a0f313 100644 --- a/Seenginx/Components/FilesWithEditor.razor.cs +++ b/Seenginx/Components/FilesWithEditor.razor.cs @@ -18,21 +18,16 @@ namespace Seenginx.Components [Parameter] public List Files { get; set; } = new List(); - [Parameter] public List Filters { get; set; } = new List(); - [Parameter] public Dictionary FilterFolder { get; set; } = new Dictionary(); - [Parameter] public EventCallback UpdateFile { get; set; } [Parameter] public RenderFragment Editor { get; set; } = null; [Parameter] public EventCallback TestConfiguration { get; set; } - [Parameter] public Result TestResult { get; set; } [Parameter] public EventCallback ShowAddFileModal { get; set; } [Parameter] public EventCallback DeleteFileCallback { get; set; } [Parameter] public EventCallback SelectedFileChanged { get; set; } [Parameter] public CFile SelectedFile { get; set; } = default; - protected string SelectedFilter { get; set; } protected string SearchInput { get; set; } protected bool IsAnyFileSelected => SelectedFile != default; @@ -47,19 +42,6 @@ namespace Seenginx.Components } } - protected override async Task OnParametersSetAsync() - { - try - { - SelectedFilter = Filters.FirstOrDefault(); - await base.OnParametersSetAsync(); - } - catch (Exception ex) - { - throw ex; - } - } - protected async override Task OnAfterRenderAsync(bool firstRender) { try @@ -73,12 +55,6 @@ namespace Seenginx.Components } } - protected void OnFilterClick(string filter) - { - SelectedFilter = filter; - SearchFile(); - } - protected void SearchInputChanged(string searchInput) { SearchInput = searchInput; @@ -87,55 +63,13 @@ namespace Seenginx.Components private void SearchFile() { - if (string.IsNullOrEmpty(SearchInput)) + Files.ForEach(f => { - if (SelectedFilter == "All") - Files.ForEach(f => f.Unhide()); - else if (SelectedFilter == "Root") - { - Files.ForEach(f => - { - if (f.Folder == FilterFolder[SelectedFilter]) - f.Unhide(); - else - f.Hide(); - }); - } + if (f.Name.ToLower().Contains(SearchInput.ToLower())) + f.Unhide(); else - Files.ForEach(f => - { - if (f.Folder.Contains(FilterFolder[SelectedFilter])) - f.Unhide(); - else - f.Hide(); - }); - } - else - { - if (SelectedFilter == "All") - Files.ForEach(f => { if (f.Name.ToLower().Contains(SearchInput)) f.Unhide(); else f.Hide(); }); - else - Files.ForEach(f => - { - if (SelectedFilter == "Root") - { - if (f.Folder == FilterFolder[SelectedFilter] && f.Name.ToLower().Contains(SearchInput.ToLower())) - f.Unhide(); - else - f.Hide(); - } - else - { - Files.ForEach(f => - { - if (f.Folder.Contains(FilterFolder[SelectedFilter]) && f.Name.ToLower().Contains(SearchInput.ToLower())) - f.Unhide(); - else - f.Hide(); - }); - } - }); - } + f.Hide(); + }); } protected async Task OnFileClick(MouseEventArgs e, CFile file) @@ -183,7 +117,6 @@ namespace Seenginx.Components if (SelectedFile != null) { await JsRuntime.InvokeVoidAsync("UpdateEditor", SelectedFile.Body); - SelectedFilter = "All"; SearchInput = string.Empty; SearchFile(); } @@ -193,7 +126,6 @@ namespace Seenginx.Components { await DeleteFileCallback.InvokeAsync(null); await JsRuntime.InvokeVoidAsync("ClearEditor"); - SelectedFilter = "All"; SearchInput = string.Empty; SearchFile(); } diff --git a/Seenginx/Pages/Nginx.razor b/Seenginx/Pages/Nginx.razor index c97d9f7..bce57d5 100644 --- a/Seenginx/Pages/Nginx.razor +++ b/Seenginx/Pages/Nginx.razor @@ -1,8 +1,6 @@ @inherits NginxBase @page "/nginx" - + diff --git a/Seenginx/SCSS/base.scss b/Seenginx/SCSS/base.scss index 3283fc6..cb27042 100644 --- a/Seenginx/SCSS/base.scss +++ b/Seenginx/SCSS/base.scss @@ -22,11 +22,13 @@ button::-moz-focus-inner, input::-moz-focus-inner { } html { - scrollbar-color: $dark-shadow $light-shadow; + scrollbar-color: $dark-shadow transparent; scrollbar-width: thin; scrollbar-arrow-color: $light-shadow; scrollbar-base-color: $background; scrollbar-darkshadow-color: $dark-shadow; + overflow-x: auto; + overflow-y: auto; } * { diff --git a/Seenginx/SCSS/main.scss b/Seenginx/SCSS/main.scss index 27a897a..ca1d700 100644 --- a/Seenginx/SCSS/main.scss +++ b/Seenginx/SCSS/main.scss @@ -3,5 +3,4 @@ @import "base.scss"; @import "utility.scss"; @import "override-framework.scss"; -@import "stripeAnimation.scss"; @import "template.scss"; \ No newline at end of file diff --git a/Seenginx/SCSS/stripeAnimation.scss b/Seenginx/SCSS/stripeAnimation.scss deleted file mode 100644 index c77b26e..0000000 --- a/Seenginx/SCSS/stripeAnimation.scss +++ /dev/null @@ -1,73 +0,0 @@ -:root { - --stripe-size: 200px; - --color1: $background; - --color2: $dark-shadow; - --duration: 10s; -} - -.stripe { - position: relative; - display: flex; - justify-content: center; - align-items: center; - justify-items: center; - width: 100%; - height: 100%; - overflow: hidden; - - &_inner { - position: relative; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - font-size: 8rem; - text-align: center; - font-family: 'Anton', sans-serif; - color: rgba(#fff, 0); - background: repeating-linear-gradient( 45deg, var(--color1) 25%, var(--color1) 50%, var(--color2) 50%, var(--color2) 75% ); - background-size: var(--stripe-size) var(--stripe-size); - background-clip: text; - animation: stripeBackgroundPosition var(--duration) linear infinite; - } - - &::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: calc(100% + var(--stripe-size)); - height: 100%; - background: repeating-linear-gradient( 45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75% ); - background-size: var(--stripe-size) var(--stripe-size); - animation: stripeTransform var(--duration) linear infinite; - } - - &::after { - content: ''; - position: absolute; - width: 100%; - height: 100%; - } -} - -@keyframes stripeTransform { - 0% { - transform: translateX(0); - } - - 100% { - transform: translateX(calc(var(--stripe-size) * -1)); - } -} - -@keyframes stripeBackgroundPosition { - 0% { - background-position: 0 0; - } - - 100% { - background-position: calc(var(--stripe-size) * -1) 0; - } -} diff --git a/Seenginx/SCSS/template.scss b/Seenginx/SCSS/template.scss index d05887c..2e3d492 100644 --- a/Seenginx/SCSS/template.scss +++ b/Seenginx/SCSS/template.scss @@ -96,6 +96,14 @@ .confFile { padding: 4% 6%; margin-bottom: 3%; +} - -} \ No newline at end of file +.stripe { + display: flex; + width: 100%; + height: 100%; + align-items: center; + justify-content: center; + font-size: 300%; + background: radial-gradient(90% 90%, $background-light, $background-dark) +} diff --git a/Seenginx/SCSS/utility.scss b/Seenginx/SCSS/utility.scss index df4b929..b39a030 100644 --- a/Seenginx/SCSS/utility.scss +++ b/Seenginx/SCSS/utility.scss @@ -149,16 +149,6 @@ } } -.field.has-addons { - & > .control.is-expanded > .neoInput { - box-shadow: inset 2px 2px 4px rgba($dark-shadow, .5),inset 2px -2px 4px rgba($light-shadow, .5) !important; - } - - & > .control > .neoSelect > select { - box-shadow: inset -2px 2px 4px rgba($dark-shadow, .5),inset -2px -2px 4px rgba($light-shadow, .5) !important; - } -} - .gradientBackground { background: linear-gradient(to right bottom,$background-light,$background-dark) } diff --git a/Seenginx/wwwroot/css/main.css b/Seenginx/wwwroot/css/main.css index cc3153d..22b0c75 100644 --- a/Seenginx/wwwroot/css/main.css +++ b/Seenginx/wwwroot/css/main.css @@ -25,11 +25,13 @@ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } html { - scrollbar-color: #f1b941 #fbeed0; + scrollbar-color: #f1b941 transparent; scrollbar-width: thin; scrollbar-arrow-color: #fbeed0; scrollbar-base-color: #f6d287; - scrollbar-darkshadow-color: #f1b941; } + scrollbar-darkshadow-color: #f1b941; + overflow-x: auto; + overflow-y: auto; } * { scrollbar-width: inherit; } @@ -133,12 +135,6 @@ html { .neoSelect > select:focus { border: none !important; } -.field.has-addons > .control.is-expanded > .neoInput { - box-shadow: inset 2px 2px 4px rgba(241, 185, 65, 0.5), inset 2px -2px 4px rgba(251, 238, 208, 0.5) !important; } - -.field.has-addons > .control > .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; } - .gradientBackground { background: linear-gradient(to right bottom, #f7d794, #f5cd79); } @@ -232,64 +228,6 @@ html { .blazored-modal-overlay { background: #f6d287; } -:root { - --stripe-size: 200px; - --color1: #f6d287; - --color2: #f1b941; - --duration: 10s; } - -.stripe { - position: relative; - display: flex; - justify-content: center; - align-items: center; - justify-items: center; - width: 100%; - height: 100%; - overflow: hidden; } - .stripe_inner { - position: relative; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - font-size: 8rem; - text-align: center; - font-family: 'Anton', sans-serif; - color: rgba(255, 255, 255, 0); - background: repeating-linear-gradient(45deg, var(--color1) 25%, var(--color1) 50%, var(--color2) 50%, var(--color2) 75%); - background-size: var(--stripe-size) var(--stripe-size); - background-clip: text; - animation: stripeBackgroundPosition var(--duration) linear infinite; } - .stripe::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: calc(100% + var(--stripe-size)); - height: 100%; - background: repeating-linear-gradient(45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%); - background-size: var(--stripe-size) var(--stripe-size); - animation: stripeTransform var(--duration) linear infinite; } - .stripe::after { - content: ''; - position: absolute; - width: 100%; - height: 100%; } - -@keyframes stripeTransform { - 0% { - transform: translateX(0); } - 100% { - transform: translateX(calc(var(--stripe-size) * -1)); } } - -@keyframes stripeBackgroundPosition { - 0% { - background-position: 0 0; } - 100% { - background-position: calc(var(--stripe-size) * -1) 0; } } - .main { display: flex; flex-wrap: nowrap; @@ -362,3 +300,12 @@ html { .confFile { padding: 4% 6%; margin-bottom: 3%; } + +.stripe { + display: flex; + width: 100%; + height: 100%; + align-items: center; + justify-content: center; + font-size: 300%; + background: radial-gradient(90% 90%, #f7d794, #f5cd79); } diff --git a/Seenginx/wwwroot/css/main.min.css b/Seenginx/wwwroot/css/main.min.css index 478048a..483798e 100644 --- a/Seenginx/wwwroot/css/main.min.css +++ b/Seenginx/wwwroot/css/main.min.css @@ -1 +1 @@ -#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}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;}.isHidden{display:none;}@media only screen and (max-width:37.5em){.isHiddenMobile{display:none;}}.petiteCaps{font-variant:petite-caps;}.flexCenter{display:flex;align-content:center;align-items:center;}.noBottomMargin{margin-bottom:0 !important;}.isNoWrap{white-space:nowrap;}.isFinger{cursor:pointer;}.neomorph{box-shadow:-8px -8px 16px rgba(251,238,208,.5),8px 8px 16px rgba(241,185,65,.5);}.neomorphSmall{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);}.neomorphXSmall{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5);}.neomorphBottom{filter:drop-shadow(8px 8px 14px #f1b941);}.neomorphInset{box-shadow:inset 8px 8px 16px rgba(241,185,65,.5),inset -8px -8px 16px rgba(251,238,208,.5);}.neomorphInsetSmall{box-shadow:inset 6px 6px 12px rgba(241,185,65,.5),inset -6px -6px 12px rgba(251,238,208,.5);}.neomorphInsetXSmall{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5);}.neoBtn{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.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,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoBtn:hover{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoBtnSmall{box-shadow:-2px -2px 4px rgba(251,238,208,.5),2px 2px 4px rgba(241,185,65,.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,.5),2px 2px 4px rgba(241,185,65,.5) !important;}.neoBtnSmall:hover{box-shadow:-4px -4px 8px rgba(251,238,208,.5),4px 4px 8px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoFile{box-shadow:0 0 0 rgba(251,238,208,.5),0 0 0 rgba(241,185,65,.5) !important;transition:all .2s linear;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;background:#f6d287 !important;}.neoFile:hover{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoFile.isSelected{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;}.neoFile.is-active,.neoFile.active{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;color:#181515 !important;}.neoInput{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoInput:focus{border:none !important;}.neoSelect>select{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoSelect>select:focus{border:none !important;}.field.has-addons>.control.is-expanded>.neoInput{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset 2px -2px 4px rgba(251,238,208,.5) !important;}.field.has-addons>.control>.neoSelect>select{box-shadow:inset -2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;}.gradientBackground{background:linear-gradient(to right bottom,#f7d794,#f5cd79);}.borderR{border-radius:14px;}.borderRSmall{border-radius:7px !important;}.borderRBig{border-radius:28px;}.bg{background:#f6d287;}.sameMarginBottom{margin-bottom:1rem !important;}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.fullwidth{width:100%;}@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-style:normal;}html{font-family:Ubuntu,sans-serif;}.menu-list li a{font-family:Ubuntu-Mono,'Noto Mono';}#editor{position:absolute;top:0;right:0;bottom:0;left:0;}.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{background:#f6d287;}.ace-solarized-light .ace_gutter{background:#f5cd79;}.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;}.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;}.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;}:root{--stripe-size:200px;--color1:#f6d287;--color2:#f1b941;--duration:10s;}.stripe{position:relative;display:flex;justify-content:center;align-items:center;justify-items:center;width:100%;height:100%;overflow:hidden;}.stripe_inner{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;text-align:center;font-family:'Anton',sans-serif;color:rgba(255,255,255,0);background:repeating-linear-gradient(45deg,var(--color1) 25%,var(--color1) 50%,var(--color2) 50%,var(--color2) 75%);background-size:var(--stripe-size) var(--stripe-size);background-clip:text;animation:stripeBackgroundPosition var(--duration) linear infinite;}.stripe::before{content:'';position:absolute;top:0;left:0;width:calc(100% + var(--stripe-size));height:100%;background:repeating-linear-gradient(45deg,var(--color2) 25%,var(--color2) 50%,var(--color1) 50%,var(--color1) 75%);background-size:var(--stripe-size) var(--stripe-size);animation:stripeTransform var(--duration) linear infinite;}.stripe::after{content:'';position:absolute;width:100%;height:100%;}@keyframes stripeTransform{0%{transform:translateX(0);}100%{transform:translateX(calc(var(--stripe-size)*-1));}}@keyframes stripeBackgroundPosition{0%{background-position:0 0;}100%{background-position:calc(var(--stripe-size)*-1) 0;}}.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;}.filesWithEditor{display:grid;grid-template-areas:"filterFiles fileTitle" "files codeEditor" "filesActions editorActions";grid-gap:25px;height:100%;max-height:100%;min-height:10%;grid-template-rows:30px auto 30px;grid-template-columns:30% auto;width:100%;}.filesWithEditor .filterFiles{grid-area:filterFiles;}.filesWithEditor .fileTitle{grid-area:fileTitle;}.filesWithEditor .fileTitle .field,.filesWithEditor .fileTitle .control{height:100%;}.filesWithEditor .files{grid-area:files;display:block;min-height:10%;padding:4% 0;}.filesWithEditor .filesList{display:flex;flex-direction:column;align-items:stretch;height:100%;min-height:10%;width:100%;padding:4% 8%;overflow-y:auto;}.filesWithEditor .codeEditor{grid-area:codeEditor;min-height:0;height:100%;position:relative;display:flex;justify-content:center;align-items:center;}.filesWithEditor .codeEditor .editor{height:100%;margin:0;width:100%;}.filesWithEditor .filesActions{grid-area:filesActions;}.filesWithEditor .editorActions{grid-area:editorActions;}.menu-list>li>.neoFile{margin-bottom:4%;}.confFile{padding:4% 6%;margin-bottom:3%;} \ No newline at end of file +#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;}html{scrollbar-color:#f1b941 transparent;scrollbar-width:thin;scrollbar-arrow-color:#fbeed0;scrollbar-base-color:#f6d287;scrollbar-darkshadow-color:#f1b941;overflow-x:auto;overflow-y:auto;}*{scrollbar-width:inherit;}.isHidden{display:none;}@media only screen and (max-width:37.5em){.isHiddenMobile{display:none;}}.petiteCaps{font-variant:petite-caps;}.flexCenter{display:flex;align-content:center;align-items:center;}.noBottomMargin{margin-bottom:0 !important;}.isNoWrap{white-space:nowrap;}.isFinger{cursor:pointer;}.neomorph{box-shadow:-8px -8px 16px rgba(251,238,208,.5),8px 8px 16px rgba(241,185,65,.5);}.neomorphSmall{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);}.neomorphXSmall{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5);}.neomorphBottom{filter:drop-shadow(8px 8px 14px #f1b941);}.neomorphInset{box-shadow:inset 8px 8px 16px rgba(241,185,65,.5),inset -8px -8px 16px rgba(251,238,208,.5);}.neomorphInsetSmall{box-shadow:inset 6px 6px 12px rgba(241,185,65,.5),inset -6px -6px 12px rgba(251,238,208,.5);}.neomorphInsetXSmall{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5);}.neoBtn{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.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,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoBtn:hover{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoBtnSmall{box-shadow:-2px -2px 4px rgba(251,238,208,.5),2px 2px 4px rgba(241,185,65,.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,.5),2px 2px 4px rgba(241,185,65,.5) !important;}.neoBtnSmall:hover{box-shadow:-4px -4px 8px rgba(251,238,208,.5),4px 4px 8px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoFile{box-shadow:0 0 0 rgba(251,238,208,.5),0 0 0 rgba(241,185,65,.5) !important;transition:all .2s linear;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;background:#f6d287 !important;}.neoFile:hover{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoFile.isSelected{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;}.neoFile.is-active,.neoFile.active{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;color:#181515 !important;}.neoInput{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoInput:focus{border:none !important;}.neoSelect>select{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoSelect>select:focus{border:none !important;}.gradientBackground{background:linear-gradient(to right bottom,#f7d794,#f5cd79);}.borderR{border-radius:14px;}.borderRSmall{border-radius:7px !important;}.borderRBig{border-radius:28px;}.bg{background:#f6d287;}.sameMarginBottom{margin-bottom:1rem !important;}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.fullwidth{width:100%;}@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-style:normal;}html{font-family:Ubuntu,sans-serif;}.menu-list li a{font-family:Ubuntu-Mono,'Noto Mono';}#editor{position:absolute;top:0;right:0;bottom:0;left:0;}.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{background:#f6d287;}.ace-solarized-light .ace_gutter{background:#f5cd79;}.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;}.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;}.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;}.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;}.filesWithEditor{display:grid;grid-template-areas:"filterFiles fileTitle" "files codeEditor" "filesActions editorActions";grid-gap:25px;height:100%;max-height:100%;min-height:10%;grid-template-rows:30px auto 30px;grid-template-columns:30% auto;width:100%;}.filesWithEditor .filterFiles{grid-area:filterFiles;}.filesWithEditor .fileTitle{grid-area:fileTitle;}.filesWithEditor .fileTitle .field,.filesWithEditor .fileTitle .control{height:100%;}.filesWithEditor .files{grid-area:files;display:block;min-height:10%;padding:4% 0;}.filesWithEditor .filesList{display:flex;flex-direction:column;align-items:stretch;height:100%;min-height:10%;width:100%;padding:4% 8%;overflow-y:auto;}.filesWithEditor .codeEditor{grid-area:codeEditor;min-height:0;height:100%;position:relative;display:flex;justify-content:center;align-items:center;}.filesWithEditor .codeEditor .editor{height:100%;margin:0;width:100%;}.filesWithEditor .filesActions{grid-area:filesActions;}.filesWithEditor .editorActions{grid-area:editorActions;}.menu-list>li>.neoFile{margin-bottom:4%;}.confFile{padding:4% 6%;margin-bottom:3%;}.stripe{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:300%;background:radial-gradient(90% 90%,#f7d794,#f5cd79);} \ No newline at end of file diff --git a/Seenginx/wwwroot/images/1041.png b/Seenginx/wwwroot/images/1041.png new file mode 100644 index 0000000..6630d7c Binary files /dev/null and b/Seenginx/wwwroot/images/1041.png differ