Added blockquote styling, numbered list styling, and cleaned up the alert styling.

This commit is contained in:
2021-03-16 16:07:38 -07:00
parent bf9d000994
commit 22426a6f7f
6 changed files with 148 additions and 4 deletions

View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
.clearfix {
zoom: 1;
}
@@ -32,6 +33,14 @@
font-family: "LibreFranklin";
src: url("/modules/theme/fonts/LibreFranklin[wght].ttf") format("truetype");
}
@font-face {
font-family: "Montserrat-ExtraBold";
src: url("/modules/theme/fonts/Montserrat-ExtraBold.ttf") format("truetype");
}
@font-face {
font-family: "AlexBrush";
src: url("/modules/theme/fonts/AlexBrush-Regular.ttf") format("truetype");
}
p {
text-indent: 0;
margin: 0.3rem 0 0.7rem 0 !important;
@@ -172,6 +181,50 @@ h5 {
list-style-position: inside;
}
.apos-rich-text ol {
list-style-type: decimal;
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 ol ol {
margin-left: 2.5rem;
text-indent: -1.7rem;
list-style-type: lower-alpha;
list-style-position: inside;
}
blockquote {
font-family: AlexBrush, Serif;
font-size: 1.2rem;
line-height: 1.3rem;
margin: 0.2rem 0;
}
blockquote:before {
content: "“";
}
blockquote:after {
content: "”";
}
blockquote:after, blockquote:before {
font-size: 4rem;
line-height: 0;
position: relative;
top: 0.5rem;
color: #666666;
}
blockquote p {
font-family: AlexBrush, Serif;
font-size: 2rem;
line-height: 2rem;
display: inline;
}
.apos-indent1 {
margin-left: 1rem;
}
@@ -194,6 +247,30 @@ h5 {
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.alert {
margin: 0;
padding: 0.4rem 0 0.4rem 1rem;
font-size: 1.3rem;
font-family: "Montserrat-ExtraBold", "sans-serif";
line-height: 1.4rem;
font-weight: 700;
color: #000;
}
.alert:before {
content: "Alert:";
border-radius: 0.5rem/1rem;
padding: 0.5rem;
letter-spacing: 0.2rem;
margin-right: 1rem;
color: #98025c;
border: 1px black solid;
}
.alert a {
font-size: 1.2rem;
line-height: 1.3rem;
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.date {
background: black;
color: white;

View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["common.sass","main.sass"],"names":[],"mappings":"AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AAED;EACC;EAGA;EACA;EACA;EACA;EACA;;;AACD;EACC;;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;;AACD;EACC;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;AACD;EACC;;;AACF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAEF;EACC;EACA;EACA;EACA;;;AAED;EACC;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;;AACA;EACC;EACA;EACA;;;AAEF;EACC;EACA;EACA;EACA;EACA;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":["common.sass","main.sass"],"names":[],"mappings":";AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AAED;EACC;EAGA;EACA;EACA;EACA;EACA;;;AACD;EACC;;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;;AACD;EACC;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;AACD;EACC;;;AACF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAEF;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAEF;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAIA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;EACA;;;AAEF;EACC;EACA;EACA;EACA;EACA;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"}

View File

@@ -9,6 +9,12 @@
@font-face
font-family: "LibreFranklin"
src: url('/modules/theme/fonts/LibreFranklin[wght].ttf') format("truetype")
@font-face
font-family: "Montserrat-ExtraBold"
src: url('/modules/theme/fonts/Montserrat-ExtraBold.ttf') format("truetype")
@font-face
font-family: "AlexBrush"
src: url('/modules/theme/fonts/AlexBrush-Regular.ttf') format("truetype")
p
text-indent: 0
@@ -126,6 +132,42 @@ h5
list-style-type: circle
list-style-position: inside
.apos-rich-text ol
list-style-type: decimal
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 ol ol
margin-left: 2.5rem
text-indent: -1.7rem
list-style-type: lower-alpha
list-style-position: inside
blockquote
font-family: AlexBrush, Serif
font-size: 1.2rem
line-height: 1.3rem
margin: .2rem 0
&:before
content: '\201C'
&:after
content: '\201D'
&:after, &:before
font-size: 4rem
line-height: 0
position: relative
top: 0.5rem
color: lighten(#000, 40%)
p
font-family: AlexBrush, Serif
font-size: 2rem
line-height: 2rem
display: inline
.apos-indent1
margin-left: 1rem
@@ -145,6 +187,31 @@ h5
line-height: 1.2rem
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3)
.alert
//background: #581d17
margin: 0
padding: 0.4rem 0 0.4rem 1rem
font-size: 1.3rem
font-family: "Montserrat-ExtraBold", "sans-serif"
line-height: 1.4rem
font-weight: 700
color: #000
&:before
content: "Alert:"
//color: #FFF
//background: #98025c
//background-image: linear-gradient(45deg, #3023AE 0%, #98025C 100%)
border-radius: .5rem/1rem
padding: 0.5rem
letter-spacing: 0.2rem
margin-right: 1rem
color: #98025c
border: 1px black solid
a
font-size: 1.2rem
line-height: 1.3rem
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3)
.date
background: black
color: white