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

@@ -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.