From cb849308cc6b885b7617ce7ea6bc77e1dd32b159 Mon Sep 17 00:00:00 2001 From: Ryan Prather Date: Mon, 18 Nov 2024 00:22:40 -0500 Subject: [PATCH] Style updates --- public/css/style.css | 2 +- public/css/style.min.css | 2 +- public/css/style.scss | 2 +- public/theme/assets/css/main.css | 30 +++++++++++++++++++++--------- 4 files changed, 24 insertions(+), 12 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index c781f67..782d913 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -18,7 +18,7 @@ body { .ref-tab { width: 60px; - padding-top: 55px !important; + padding-top: 60px !important; } .ref-tab ul { diff --git a/public/css/style.min.css b/public/css/style.min.css index 37af7b5..58e8d7f 100644 --- a/public/css/style.min.css +++ b/public/css/style.min.css @@ -1 +1 @@ -body{margin:0}.inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:stretch;align-content:flex-start;max-width:1060px;margin:0 auto}.ref-tab{width:60px;padding-top:55px !important}.ref-tab ul{margin:0;padding:0}.ref-tab ul li{list-style:none;list-style-type:none}.tab{margin-bottom:3px}.tab button{display:flex;justify-content:center;align-items:center;height:80px;width:100%;text-align:center;font-size:14px;margin-bottom:3px}.ref{width:36%}.ref>div#ref{vertical-align:top;justify-content:flex-start;align-content:flex-start;overflow-y:scroll;width:100%;height:100%;border:#000 solid 1px;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.3)}#ref{padding:3px 3px 3px 3px}#passage{width:100px}#newSpeaker{display:none;width:110px}#newSeries{display:none;width:110px}#fields-container{display:none}#fields-container.show{display:block}.notes{width:57%}textarea#notes{width:100%;height:100%;font-size:14pt}#notePreview{display:none;overflow-x:scroll;padding-left:10px}#notePreview ul,#notePreview ol{list-style-position:inside}#previewBtn.active,#show-hide-btn.active,.tab button.active,#openRefBtn.active{background-color:#f56a6a !important;color:#fff !important}#note-header-left{display:inline-flex;flex-direction:row;width:25%}#note-header-right{display:inline-flex;flex-direction:row-reverse;width:74%}#note-header-left h2.dirty{color:#ff8c00}#note-list{display:none;height:100%;overflow-y:scroll}#note-list ul{margin:0;padding:0;list-style-type:none;list-style:none}div#refQuery{display:none;position:absolute;z-index:100;background-color:rgba(0,0,0,.8);width:400px;height:200px}div#refQuery #referenceSearch{border:none;border-radius:5px;padding:10px 20px;font-size:16px;line-height:1.5;color:#333;background-color:#f4f4f4;width:150px;height:25px;cursor:pointer;display:none}#passage-popup{display:none;position:absolute;z-index:100;background-color:#fff;color:#000;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);width:300px;height:300px;overflow-x:scroll}#save-check{opacity:0;text-align:right;font-size:20pt;margin-left:15px;color:green}#save-check.saving{color:orange}#save-check.error{color:red}#fields-container input,#fields-container select{width:32.5%;display:inline-block}#old-notes article p:first-child{margin-bottom:0 !important;font-size:10pt}#old-notes article a{font-size:12pt}#old-notes article p:last-child{font-size:12pt}.inner{padding-left:0}.ref h2{display:inline-block}#ref{font-size:12pt}#ref ol,#ref ul{list-style-position:inside}#referenceBook{display:none}.recording-link{font-size:8pt;color:blue;text-decoration:none}.fas-trash-alt{color:red;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;z-index:1000}.modal-container{position:absolute;width:300px;margin:0 auto;padding:20px;border:1px solid #ddd;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1001}.modal-header{background-color:#f5f5f5;padding:10px;border-bottom:1px solid #ddd}.modal-body{padding:20px}.modal-footer{background-color:#f5f5f5;padding:10px;border-top:1px solid #ddd}.btn-secondary{color:#337ab7}/*# sourceMappingURL=style.min.css.map */ \ No newline at end of file +body{margin:0}.inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:stretch;align-content:flex-start;max-width:1060px;margin:0 auto}.ref-tab{width:60px;padding-top:60px !important}.ref-tab ul{margin:0;padding:0}.ref-tab ul li{list-style:none;list-style-type:none}.tab{margin-bottom:3px}.tab button{display:flex;justify-content:center;align-items:center;height:80px;width:100%;text-align:center;font-size:14px;margin-bottom:3px}.ref{width:36%}.ref>div#ref{vertical-align:top;justify-content:flex-start;align-content:flex-start;overflow-y:scroll;width:100%;height:100%;border:#000 solid 1px;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.3)}#ref{padding:3px 3px 3px 3px}#passage{width:100px}#newSpeaker{display:none;width:110px}#newSeries{display:none;width:110px}#fields-container{display:none}#fields-container.show{display:block}.notes{width:57%}textarea#notes{width:100%;height:100%;font-size:14pt}#notePreview{display:none;overflow-x:scroll;padding-left:10px}#notePreview ul,#notePreview ol{list-style-position:inside}#previewBtn.active,#show-hide-btn.active,.tab button.active,#openRefBtn.active{background-color:#f56a6a !important;color:#fff !important}#note-header-left{display:inline-flex;flex-direction:row;width:25%}#note-header-right{display:inline-flex;flex-direction:row-reverse;width:74%}#note-header-left h2.dirty{color:#ff8c00}#note-list{display:none;height:100%;overflow-y:scroll}#note-list ul{margin:0;padding:0;list-style-type:none;list-style:none}div#refQuery{display:none;position:absolute;z-index:100;background-color:rgba(0,0,0,.8);width:400px;height:200px}div#refQuery #referenceSearch{border:none;border-radius:5px;padding:10px 20px;font-size:16px;line-height:1.5;color:#333;background-color:#f4f4f4;width:150px;height:25px;cursor:pointer;display:none}#passage-popup{display:none;position:absolute;z-index:100;background-color:#fff;color:#000;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);width:300px;height:300px;overflow-x:scroll}#save-check{opacity:0;text-align:right;font-size:20pt;margin-left:15px;color:green}#save-check.saving{color:orange}#save-check.error{color:red}#fields-container input,#fields-container select{width:32.5%;display:inline-block}#old-notes article p:first-child{margin-bottom:0 !important;font-size:10pt}#old-notes article a{font-size:12pt}#old-notes article p:last-child{font-size:12pt}.inner{padding-left:0}.ref h2{display:inline-block}#ref{font-size:12pt}#ref ol,#ref ul{list-style-position:inside}#referenceBook{display:none}.recording-link{font-size:8pt;color:blue;text-decoration:none}.fas-trash-alt{color:red;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;z-index:1000}.modal-container{position:absolute;width:300px;margin:0 auto;padding:20px;border:1px solid #ddd;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1001}.modal-header{background-color:#f5f5f5;padding:10px;border-bottom:1px solid #ddd}.modal-body{padding:20px}.modal-footer{background-color:#f5f5f5;padding:10px;border-top:1px solid #ddd}.btn-secondary{color:#337ab7}/*# sourceMappingURL=style.min.css.map */ \ No newline at end of file diff --git a/public/css/style.scss b/public/css/style.scss index 19d91fe..994c820 100644 --- a/public/css/style.scss +++ b/public/css/style.scss @@ -19,7 +19,7 @@ body { .ref-tab { width: 60px; - padding-top: 55px !important; + padding-top: 60px !important; } .ref-tab ul { diff --git a/public/theme/assets/css/main.css b/public/theme/assets/css/main.css index 05302ef..b5f908b 100644 --- a/public/theme/assets/css/main.css +++ b/public/theme/assets/css/main.css @@ -106,6 +106,7 @@ menu, nav { display: block; width: 250px; + margin-bottom: 1em; } body { @@ -1891,10 +1892,11 @@ header p { text-transform: uppercase; } -header.major> :last-child { +header.major { + /*> :last-child {*/ border-bottom: solid 3px #f56a6a; display: inline-block; - margin: 0 0 2em 0; + margin: 0 0 10px 0; padding: 0 0.75em 0.5em 0; } @@ -2679,8 +2681,7 @@ button:disabled, /* Mini Posts */ .mini-posts article { border-top: solid 1px rgba(210, 215, 217, 0.75); - margin-top: 2em; - padding-top: 2em; + padding-top: 1em; } .mini-posts article .image { @@ -2695,7 +2696,7 @@ button:disabled, .mini-posts article:first-child { border-top: 0; - margin-top: 0; + margin-top: 1em; padding-top: 0; } @@ -3199,7 +3200,7 @@ button:disabled, #sidebar>.inner>* { border-bottom: solid 2px rgba(210, 215, 217, 0.75); margin: 0 0 3.5em 0; - padding: 0 0 3.5em 0; + /*padding: 0 0 3.5em 0;*/ } #sidebar>.inner>*> :last-child { @@ -3283,14 +3284,14 @@ button:disabled, } #sidebar>.inner>.alt { - margin: -1.66667em 0 3.33333em -1.66667em; + margin: 0; padding: 1.66667em; width: calc(100% + 3.33333em); } #sidebar .toggle { height: 4.5em; - left: 24em; + left: 23em; line-height: 4.5em; text-indent: 5em; width: 5em; @@ -3410,7 +3411,18 @@ button:disabled, } @media screen and (max-width: 1680px) { - #header {} + #header .logo { + font-size: 1.25em; + margin: 0; + } + + #header .icons { + height: 5em; + line-height: 5em; + position: absolute; + right: -0.5em; + top: 0; + } } @media screen and (max-width: 736px) {