Added new widgets and text styles and fonts to the system; Moved the logo into the project proper so nothing should be in the root Public folder any more (other than generated content).

This commit is contained in:
2021-01-16 15:30:06 -08:00
parent db2a612e2a
commit 6823384b20
19 changed files with 207 additions and 89 deletions

View File

@@ -13,8 +13,5 @@ module.exports = {
scripts: [
{name: 'bootstrap'},
{name: 'site'}
],
images: [
{name: 'AvLogo.png'}
]
};

View File

@@ -1,9 +1,54 @@
@font-face {
font-family: "Merriweather";
src: url("/modules/theme/fonts/Merriweather-Regular.ttf") format("truetype");
}
@font-face {
font-family: "MerriweatherSans";
src: url("/modules/theme/fonts/MerriweatherSans-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: "LibreFranklin";
src: url("/modules/theme/fonts/LibreFranklin[wght].ttf") format("truetype");
}
@font-face {
font-family: "PottaOne";
src: url("/modules/theme/fonts/PottaOne-Regular.ttf") format("truetype");
}
p {
margin-top: 0.3rem;
margin-bottom: 0.7rem;
text-indent: 0;
margin: 0.3rem 0 0.7rem 0 !important;
padding: 0 !important;
font-family: "Merriweather", "serif";
font-size: 1.1rem;
line-height: 1.4rem;
}
p.indent {
text-indent: 1rem;
}
div[data-apos-widget=apostrophe-files] a, .apos-rich-text a {
margin: 0.3rem 0 0.7rem 0 !important;
font-family: "MerriweatherSans", "sans-serif";
font-size: 1.4rem;
line-height: 1.6rem;
color: #1c1cc4;
text-shadow: 0 0 0.6rem #9ef371;
transition: text-shadow 0.5s, color 0.5s;
}
div[data-apos-widget=apostrophe-files] a:hover, .apos-rich-text a:hover {
color: #3d1cd0;
text-shadow: 0 0 0.6rem #7beeee;
}
div[data-apos-widget=apostrophe-files] a:active, .apos-rich-text a:active {
color: #7a29ec;
}
.apos-rich-text a {
font-size: 1.2rem;
line-height: 1.5rem;
}
h5 {
font-size: 1.2rem;
font-weight: 900;
@@ -16,11 +61,24 @@ h5 {
}
.apos-area-widget a {
display: block;
display: inline;
padding-bottom: 0.8rem;
}
.apos-rich-text ul {
list-style-type: disc;
list-style-position: inside;
margin: 0.3rem 0 0.7rem 2rem;
text-indent: -1.5rem;
padding: 0;
font-family: "Merriweather", "serif";
font-size: 1.1rem;
line-height: 1.4rem;
}
.apos-rich-text ul ul {
margin-left: 2.5rem;
text-indent: -1.7rem;
list-style-type: circle;
list-style-position: inside;
}
@@ -45,12 +103,6 @@ h5 {
color: Green;
}
ul.bulletLevel2 {
text-indent: 1rem;
list-style-type: circle;
list-style-position: inside;
}
.apos-login-logo {
margin-bottom: 0;
}

View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["main.sass"],"names":[],"mappings":"AACA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAOD;EACC;;;AACD;EACC;EACA;;;AACD;EACC,kBAPU;;;AASV;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC,kBAnBQ;;AAoBT;EACC;;;AACF;EACC,kBAvBS;;;AAwBV;EACC;IACC;IACA;IACA;;;AAKF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}
{"version":3,"sourceRoot":"","sources":["main.sass"],"names":[],"mappings":"AAAA;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AAED;EACC;EAGA;EACA;EACA;EACA;EACA;;;AACD;EACC;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;AACD;EACC;;;AAGD;EACC;EACA;;;AAEF;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQD;EACC;;;AACD;EACC;EACA;;;AACD;EACC,kBAPU;;;AASV;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC,kBAnBQ;;AAoBT;EACC;;;AACF;EACC,kBAvBS;;;AAwBV;EACC;IACC;IACA;IACA;;;AAKF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}

View File

@@ -1,8 +1,48 @@
@font-face
font-family: 'Merriweather'
src: url('/modules/theme/fonts/Merriweather-Regular.ttf') format("truetype")
@font-face
font-family: 'MerriweatherSans'
src: url('/modules/theme/fonts/MerriweatherSans-VariableFont_wght.ttf') format("truetype")
@font-face
font-family: "LibreFranklin"
src: url('/modules/theme/fonts/LibreFranklin[wght].ttf') format("truetype")
@font-face
font-family: "PottaOne"
src: url('/modules/theme/fonts/PottaOne-Regular.ttf') format('truetype')
p
margin-top: 0.3rem
margin-bottom: 0.7rem
text-indent: 0
// The important is necessary here because for some reason CKEditor outputs style="padding: 0; margin: 0" for every <p></p> tag.
// Remove !important if we can figure out how to remove the style CKEditor outputs.
margin: 0.3rem 0 0.7rem 0 !important
padding: 0 !important
font-family: "Merriweather", "serif"
font-size: 1.1rem
line-height: 1.4rem
p.indent
text-indent: 1rem
//Links using Apostrophe Files or Rich Text Widgets
div[data-apos-widget='apostrophe-files'], .apos-rich-text
a
margin: 0.3rem 0 0.7rem 0 !important
font-family: "MerriweatherSans", 'sans-serif'
font-size: 1.4rem
line-height: 1.6rem
color: #1c1cc4
text-shadow: 0 0 0.6rem rgb(158, 243, 113)
transition: text-shadow 0.5s, color 0.5s
a:hover
color: #3d1cd0
text-shadow: 0 0 0.6rem rgb(123, 238, 238)
a:active
color: #7a29ec
//Links embedded in a rich text widget.
.apos-rich-text
a
font-size: 1.2rem
line-height: 1.5rem
h5
font-size: 1.2rem
@@ -14,10 +54,21 @@ h5
display: none
.apos-area-widget a
display: block
display: inline
padding-bottom: 0.8rem
.apos-rich-text ul
list-style-type: disc
list-style-position: inside
margin: 0.3rem 0 0.7rem 2rem
text-indent: -1.5rem
padding: 0
font-family: "Merriweather", "serif"
font-size: 1.1rem
line-height: 1.4rem
.apos-rich-text ul ul
margin-left: 2.5rem
text-indent: -1.7rem
list-style-type: circle
list-style-position: inside
@@ -39,10 +90,6 @@ h5
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
color: Green
ul.bulletLevel2
text-indent: 1rem
list-style-type: circle
list-style-position: inside
//
// Redefine some of the Apostrophe administrative UI.