ryan/sermon-notes
1
0
Fork 0
Code Issues 11 Pull Requests Packages Releases 3 Wiki Activity

upd: main

Browse Source 
Updates , this css will be remove din future versions
This commit is contained in:
Ryan Prather
2026-06-13 12:20:02 -04:00
parent a1a9a57048
commit 77b900acc3
3 changed files with 157 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+107 -3
View File
@@ -6,7 +6,8 @@
html5up.net | @ajlkn html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/ */
html,
/*html,
body, body,
div, div,
span, span,
@@ -420,8 +421,111 @@ hr.major {
text-align: right; text-align: right;
} }
/* =========================================
Base & Mobile First (Phones)
========================================= */
body {
margin: 0;
height: 100vh;
overflow: hidden;
}
.inner {
display: flex;
flex-direction: column;
height: 100vh;
width: 100%;
padding-left: 0; /* from your original CSS */
}
.ref-tab {
display: none;
}
.ref {
flex: 1;
display: flex;
flex-direction: column;
padding: 10px;
overflow-y: auto;
}
.notes {
flex: 1;
display: flex;
flex-direction: column;
padding: 10px;
}
#note-header-left,
#note-header-right {
/* display: none !important; */
}
/* =========================================
Mobile "Typing Mode" (Keyboard Active)
========================================= */
body.typing-mode .ref {
display: none;
}
body.typing-mode .notes {
flex: 1 1 100%;
}
/* =========================================
Tablet & Desktop (Pixel Tablet Layout)
========================================= */
@media (min-width: 768px) {
.inner {
flex-direction: row;
max-width: 1060px; /* Kept your original width preference */
margin: 0 auto;
}
.ref-tab {
display: block;
flex: 0 0 60px;
padding-top: 60px !important;
}
.ref {
flex: 0 0 36%;
padding: 20px;
}
.notes {
flex: 1;
padding: 20px;
}
#note-header-left {
display: inline-flex;
flex-direction: row;
width: 25%;
}
#note-header-right {
display: inline-flex;
flex-direction: row-reverse;
width: 74%;
}
}
/* =========================================
App Specific Styles (DO NOT DELETE BELOW THIS LINE)
========================================= */
textarea#notes {
width: 100%;
height: 100%;
font-size: 14pt;
flex-grow: 1;
resize: none;
}
/* ... the rest of your original style.css continues here (#notePreview, #save-check, modals, etc.) ... */
/* Row */ /* Row */
.row { /* .row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
box-sizing: border-box; box-sizing: border-box;
@@ -1876,7 +1980,7 @@ hr.major {
padding-top: 3em; padding-top: 3em;
} }
} }
*/
/* Section/Article */ /* Section/Article */
section.special, section.special,
article.special { article.special {
assets/sass/main.css
+49 -36
View File
@@ -1,4 +1,4 @@
@import '../css/fontawesome-all.min.css'; @import 'fontawesome-all.min.css';
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
/* /*
Editorial by HTML5 UP Editorial by HTML5 UP
@@ -1507,14 +1507,6 @@ input[type=radio] {
input[type=checkbox] + label, input[type=checkbox] + label,
input[type=radio] + label { input[type=radio] + label {
text-decoration: none; text-decoration: none;
color: #7f888f;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 400;
padding-left: 2.4em;
padding-right: 0.75em;
position: relative;
} }
input[type=checkbox] + label:before, input[type=checkbox] + label:before,
input[type=radio] + label:before { input[type=radio] + label:before {
@@ -1529,6 +1521,17 @@ input[type=radio] + label:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-weight: 900; font-weight: 900;
} }
input[type=checkbox] + label,
input[type=radio] + label {
color: #7f888f;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 400;
padding-left: 2.4em;
padding-right: 0.75em;
position: relative;
}
input[type=checkbox] + label:before, input[type=checkbox] + label:before,
input[type=radio] + label:before { input[type=radio] + label:before {
background: #ffffff; background: #ffffff;
@@ -1607,8 +1610,6 @@ input[type=radio] + label:before {
/* Icon */ /* Icon */
.icon { .icon {
text-decoration: none; text-decoration: none;
border-bottom: none;
position: relative;
} }
.icon:before { .icon:before {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@@ -1622,6 +1623,10 @@ input[type=radio] + label:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-weight: 400; font-weight: 400;
} }
.icon {
border-bottom: none;
position: relative;
}
.icon > .label { .icon > .label {
display: none; display: none;
} }
@@ -1812,10 +1817,6 @@ ul.contact {
} }
ul.contact li { ul.contact li {
text-decoration: none; text-decoration: none;
border-top: solid 1px rgba(210, 215, 217, 0.75);
margin: 1.5em 0 0 0;
padding: 1.5em 0 0 3em;
position: relative;
} }
ul.contact li:before { ul.contact li:before {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@@ -1829,6 +1830,12 @@ ul.contact li:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-weight: 400; font-weight: 400;
} }
ul.contact li {
border-top: solid 1px rgba(210, 215, 217, 0.75);
margin: 1.5em 0 0 0;
padding: 1.5em 0 0 3em;
position: relative;
}
ul.contact li:before { ul.contact li:before {
color: #f56a6a; color: #f56a6a;
display: inline-block; display: inline-block;
@@ -1883,10 +1890,10 @@ ul.pagination li > .page.active {
color: #ffffff !important; color: #ffffff !important;
} }
ul.pagination li > .page.active:hover { ul.pagination li > .page.active:hover {
background-color: #f67878; background-color: rgb(245.9622641509, 120.3377358491, 120.3377358491);
} }
ul.pagination li > .page.active:active { ul.pagination li > .page.active:active {
background-color: #f45c5c; background-color: rgb(244.0377358491, 91.6622641509, 91.6622641509);
} }
ul.pagination li:first-child { ul.pagination li:first-child {
padding-right: 0.75em; padding-right: 0.75em;
@@ -2045,14 +2052,14 @@ input[type=reset].primary:hover,
input[type=button].primary:hover, input[type=button].primary:hover,
button.primary:hover, button.primary:hover,
.button.primary:hover { .button.primary:hover {
background-color: #f67878; background-color: rgb(245.9622641509, 120.3377358491, 120.3377358491);
} }
input[type=submit].primary:active, input[type=submit].primary:active,
input[type=reset].primary:active, input[type=reset].primary:active,
input[type=button].primary:active, input[type=button].primary:active,
button.primary:active, button.primary:active,
.button.primary:active { .button.primary:active {
background-color: #f45c5c; background-color: rgb(244.0377358491, 91.6622641509, 91.6622641509);
} }
input[type=submit].disabled, input[type=submit]:disabled, input[type=submit].disabled, input[type=submit]:disabled,
input[type=reset].disabled, input[type=reset].disabled,
@@ -2418,7 +2425,6 @@ button:disabled,
/* Sidebar */ /* Sidebar */
#search form { #search form {
text-decoration: none; text-decoration: none;
position: relative;
} }
#search form:before { #search form:before {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@@ -2432,6 +2438,9 @@ button:disabled,
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-weight: 900; font-weight: 900;
} }
#search form {
position: relative;
}
#search form:before { #search form:before {
transform: scaleX(-1); transform: scaleX(-1);
color: #7f888f; color: #7f888f;
@@ -2486,7 +2495,7 @@ button:disabled,
padding-bottom: 0; padding-bottom: 0;
} }
#sidebar > .inner > .alt { #sidebar > .inner > .alt {
background-color: #eff1f2; background-color: rgb(239.3333333333, 240.9, 242.4666666667);
border-bottom: 0; border-bottom: 0;
margin: -2.2222222222em 0 4.4444444444em -2.2222222222em; margin: -2.2222222222em 0 4.4444444444em -2.2222222222em;
padding: 2.2222222222em; padding: 2.2222222222em;
@@ -2494,6 +2503,20 @@ button:disabled,
} }
#sidebar .toggle { #sidebar .toggle {
text-decoration: none; text-decoration: none;
}
#sidebar .toggle:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
#sidebar .toggle {
transition: left 0.5s ease; transition: left 0.5s ease;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
border: 0; border: 0;
@@ -2511,18 +2534,6 @@ button:disabled,
width: 6em; width: 6em;
z-index: 10000; z-index: 10000;
} }
#sidebar .toggle:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
#sidebar .toggle:before { #sidebar .toggle:before {
content: "\f0c9"; content: "\f0c9";
font-size: 2rem; font-size: 2rem;
@@ -2616,7 +2627,7 @@ button:disabled,
z-index: 1; z-index: 1;
} }
#sidebar .toggle:after { #sidebar .toggle:after {
background: rgba(222, 225, 226, 0.75); background: rgba(222.2, 224.50625, 226.3, 0.75);
border-radius: 0.375em; border-radius: 0.375em;
content: ""; content: "";
height: 3.5em; height: 3.5em;
@@ -2786,8 +2797,6 @@ button:disabled,
#menu ul a.opener, #menu ul span.opener { #menu ul a.opener, #menu ul span.opener {
transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;
text-decoration: none; text-decoration: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
position: relative;
} }
#menu ul a.opener:before, #menu ul span.opener:before { #menu ul a.opener:before, #menu ul span.opener:before {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@@ -2801,6 +2810,10 @@ button:disabled,
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-weight: 900; font-weight: 900;
} }
#menu ul a.opener, #menu ul span.opener {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
position: relative;
}
#menu ul a.opener:before, #menu ul span.opener:before { #menu ul a.opener:before, #menu ul span.opener:before {
transition: color 0.2s ease-in-out, transform 0.2s ease-in-out; transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
color: #9fa3a6; color: #9fa3a6;
assets/sass/main.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long