1 line
15 KiB
CSS
1 line
15 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}html{scroll-behavior:smooth}body{--accent-color: #00a566;--light-shade: rgba(var(--text-color), 0.06);--text-color: 17, 17, 17;--text-color-light: 100, 100, 100;--foreground-color: 255, 255, 255;--background-color: #efefef;--error-color: red;color:rgba(var(--text-color), 1);height:calc(100%);font-size:clamp(1rem, 1.2vmax, 3rem);background:rgba(var(--foreground-color), 1)}body[data-theme=dark]{--accent-color:#00fa9a;--text-color: 240, 240, 240;--text-color-light: 170, 170, 170;--foreground-color: 20, 20, 20;--error-color: rgb(255, 106, 106)}button{position:relative;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:none;cursor:pointer;outline:none;color:inherit;font-weight:500;-webkit-tap-highlight-color:transparent}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color), 1)}.button--primary .icon{fill:rgba(var(--foreground-color), 1)}button:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input,sm-textarea{--border-radius: 0.2rem;--background: rgba(var(--text-color), 0.06)}sm-button{--border-radius: 0.2rem}ul{list-style:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.flow-column{grid-auto-flow:column}.gap-1r{gap:1rem}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-right{margin-left:auto}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.full-width{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-1-5{margin-bottom:1.5rem}.margin-left-0-5{margin-left:.5rem}.margin-right-0-5{margin-right:.5rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.no-transformations{-webkit-transform:none !important;transform:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(var(--text-color), 0.16);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-0.5rem}.option__icon{height:1.2rem;width:1.2rem;margin-right:.8rem}.option__label{font-size:1rem}#confirmation_popup,#prompt_popup{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.popup__header__close{padding:.5rem;cursor:pointer}h1,h2,h3,h4,h5{font-family:"Roboto Slab",sans-serif}p{line-height:1.6}button:focus{outline:none}button:focus-visible{outline:auto}button:first-of-type{margin-left:auto}button[disabled]{opacity:.5 !important;cursor:default;color:rgba(var(--text-color), 1)}textarea{background:var(--light-shade);color:rgba(var(--text-color), 1);padding:1.5rem;max-width:100%;font-size:1rem}.checkbox__label{margin-left:1rem}.spacer{-webkit-box-flex:1;-ms-flex:1;flex:1}.solid-background{background:var(--background-color)}#context_menu{display:none}.article__header{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:2rem}#article__title{font-size:1.2rem}#articles_list__button{width:3rem;height:3rem;margin-left:-0.8rem;margin-right:.5rem;fill:rgba(var(--text-color), 1);cursor:pointer}#articles_list__button .icon-only{height:4rem;width:4rem}.gallery-name{padding:.2rem 0;margin:1rem 0;font-size:1.1rem;color:rgba(var(--text-color), 1);font-weight:500;line-height:1.5}.edit-article{margin-left:auto}#edit_article_popup label{font-size:.9rem}#edit_article_popup input:not([type=checkbox]){margin-bottom:2rem;margin-top:.5rem;width:100%}#edit_section_container{gap:1.5rem;padding:1rem 0}.gallery-container{position:relative;overflow:hidden}.navigation-arrows{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;cursor:pointer;padding:1rem;height:4rem;width:4rem;z-index:2;position:absolute;top:50%;fill:rgba(var(--text-color), 1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;background:rgba(var(--foreground-color), 0.9);-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.16);box-shadow:0 .5rem 1rem rgba(0,0,0,.16)}.navigation-arrows:nth-of-type(1){border-radius:0 50% 50% 0;-webkit-transform:translate(-1rem, -50%);transform:translate(-1rem, -50%)}.navigation-arrows:nth-of-type(1):hover{-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.navigation-arrows:nth-of-type(2){right:0;border-radius:50% 0 0 50%;-webkit-transform:translate(1rem, -50%);transform:translate(1rem, -50%)}.navigation-arrows:nth-of-type(2):hover{-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.gallery{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;margin-bottom:4rem !important}.article-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;scroll-snap-align:start;min-width:30%;background-color:rgba(var(--text-color), 0.06);color:rgba(var(--text-color), 1);margin:0 1rem 1rem 0;border-radius:.2rem}.article-body .article-header{padding:1.5rem;word-break:break-all}.article__author{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:normal;font-size:.8rem;color:#a7c5eb}.article-body .card-body{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.article-body .card-body .content-div{padding:0 1.5rem 4rem 1.5rem;min-height:16rem;line-height:1.7;max-height:50vh;overflow-y:auto;font-weight:400;overflow-wrap:break-word}.article-body .card-body .content-div *{overflow-wrap:break-word}.article-body .card-body button{position:absolute;bottom:0;right:0;margin-right:1rem}.article-body .card-body .submit-btn{background:var(--light-shade)}.article-body .card-footer{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 1.5rem}.article-body .card-footer h5{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--accent-color);cursor:pointer}.article-body .card-footer h5:nth-of-type(2){margin-left:auto}.article-body .card-footer h5:nth-of-type(2):hover svg{fill:var(--accent-color)}.article-body .card-footer h5 svg{stroke:var(--accent-color);width:1.2rem;margin-right:.5rem}.show{opacity:1;pointer-events:all}.hide{opacity:0;pointer-events:none}#article_container{padding:1rem 2rem;width:100%}.select-for-export{padding:.2rem .4rem;border-radius:.1rem}.snippet-selected{-webkit-box-shadow:0 0 0 .1rem var(--accent-color);box-shadow:0 0 0 .1rem var(--accent-color)}.no-transformations{-webkit-transform:none !important;transform:none !important}:-webkit-any-link{color:var(--accent-color);text-decoration:none}:-moz-any-link{color:var(--accent-color);text-decoration:none}:any-link{color:var(--accent-color);text-decoration:none}#sign_in{--backdrop: rgba(var(--foreground-color), 1)}#sign_in h2{margin-bottom:1rem;z-index:3}#sign_in p:first-of-type{margin-bottom:4rem;z-index:3;color:rgba(var(--text-color), 0.8)}#sign_in .back-btn{margin-bottom:2rem;padding-left:0;color:rgba(var(--text-color), 1)}.sign-in-mode__button{height:8rem;width:8rem}.big-icon{fill:none;stroke:rgba(var(--text-color), 1)}#sign_in div:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:4rem;z-index:3}#sign_in div:first-of-type .icon{height:3rem;width:3rem;stroke-width:4;margin-bottom:1rem;margin-right:0}#sign_in div:first-of-type button{margin:initial;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:.5rem;width:8rem;color:rgba(var(--text-color), 1);background:rgba(var(--foreground), 1)}#sign_in div:first-of-type button:hover{color:var(--accent-color)}#sign_in div:first-of-type button:hover .icon{stroke:var(--accent-color)}#sign_in #priv_key_sign_in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;z-index:3}#sign_in_button{margin:1rem 0 2rem 0;width:100%;background:rgba(var(--text-color), 0.06);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#navbar{position:-webkit-sticky;position:sticky;top:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(var(--text-color), 1);background:rgba(var(--foreground-color), 1);padding:1rem;z-index:5}#navbar h5{font-size:.8rem;font-weight:normal;margin-bottom:.2rem}.app-name{font-size:1rem;font-weight:700}#icon{width:2rem;height:2rem;margin:0 .5rem}#export_option_list{gap:1rem;grid-auto-flow:column;margin-right:1rem}.floating-btn{display:none}#loader_container{position:fixed;height:100vh;width:100vw;top:0;background:rgba(var(--foreground-color), 1);-webkit-transition:opacity .6s ease;transition:opacity .6s ease;display:-ms-grid;display:grid;place-content:center;z-index:8;text-align:center}#loader_container #spinner{position:relative;height:2rem;fill:teal;overflow:visible;-ms-grid-column-align:center;justify-self:center;margin-bottom:2rem}#loader_container h4{font-weight:normal;color:rgba(var(--text-color), 1)}#loader_container button{margin:1rem auto auto auto}.pulse .first-orb{-webkit-animation:pulse 1s infinite ease;animation:pulse 1s infinite ease}.pulse .second-orb{-webkit-animation:pulse 1s .1s infinite ease;animation:pulse 1s .1s infinite ease}.pulse .third-orb{-webkit-animation:pulse 1s .2s infinite ease;animation:pulse 1s .2s infinite ease}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.spin svg{-webkit-animation:spin .6s ease infinite;animation:spin .6s ease infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#section_plot_popup p{margin:1rem 0;font-weight:400}#section_plot_popup details{margin-bottom:1rem;cursor:pointer}#section_plot_popup summary{outline:none}#inc_section{gap:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#article_list_popup{--height: 80vh;--min-height: 80vh;--body-padding: 0}#article_list__header{grid-template-columns:auto 1fr}#article_list{display:grid;margin-bottom:1.5rem;list-style:none;grid-template-columns:repeat(auto-fill, minmax(30ch, 1fr))}.article-list__item{width:100%;height:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:1rem;text-transform:none;text-align:left;font-weight:400;border-radius:.3rem;line-height:1.6;letter-spacing:normal;word-spacing:normal;padding:1rem 1.5rem;color:rgba(var(--text-color), 0.9)}.search__icon{height:1.2rem;width:1.2rem}#article_list__empty-state{width:100%;padding:3rem 0;font-size:1.2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 640px){sm-popup{--width: 24rem}#sign_in{width:24rem;height:auto;border-radius:.4rem}#edit_article_popup{--width: 32rem}#article__title{width:100%;text-align:center;font-size:2rem}.gallery-name{max-width:40rem}#section_plot_popup{--width: 42rem}#article_list__header{grid-template-columns:auto 1fr auto;padding:1rem 1.5rem}#article_list_popup{--width: 80vw}}@media screen and (min-width: 1920px){.article-body{min-width:20%}}.label{margin-bottom:.4rem;font-weight:500}@media only screen and (max-width: 640px){.hide-on-mobile{display:none}.article-body{min-width:calc(100% - 2em) !important}#export_option_list{position:absolute;top:0;left:0;width:100%;height:100%;padding:.5rem;z-index:2;background:rgba(var(--foreground-color), 1);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.floating-btn{display:-webkit-box;display:-ms-flexbox;display:flex;margin:2rem;background:rgba(var(--foreground-color), 1);position:fixed;-webkit-box-shadow:.2rem .4rem .6rem rgba(0,0,0,.24),-0.1rem -0.2rem .4rem rgba(0,0,0,.16);box-shadow:.2rem .4rem .6rem rgba(0,0,0,.24),-0.1rem -0.2rem .4rem rgba(0,0,0,.16);z-index:3}.floating-btn button{width:100%}.floating-btn{background:#282828;bottom:0;right:0;border-radius:5rem;overflow:hidden}.floating-btn button{padding:1rem}.floating-btn button .icon{margin-right:0}#article_container{padding:1.5rem 1.5rem 6rem 1.5rem}.navigation-arrows{opacity:0;pointer-events:none}#article_list__header{padding-bottom:1rem}#article_list__search{width:100%;grid-column:1/3}}@media only screen and (max-width: 1280px){.article-body{min-width:50%}.hide-on-medium{display:none}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.gallery{overflow-x:hidden}} |