Added an Alert text style; Updated rich text editor to reorganize buttons and add text alignment options.

lib/modules/apostrophe-assets/public/css/main.css

@@ -1,3 +1,25 @@
+.clearfix {
+  zoom: 1;
+}
+.clearfix:before {
+  content: "";
+  display: block;
+}
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.noselect {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
 @font-face {
   font-family: "Merriweather";
   src: url("/modules/theme/fonts/Merriweather-Regular.ttf") format("truetype");
@@ -23,6 +45,60 @@ p.indent {
   text-indent: 1rem;
 }
 
+.apos-rich-text td, .apos-rich-text th {
+  text-indent: 0;
+  margin: 0.3rem 0 0.7rem 0;
+  padding: 0.25rem 0;
+  font-family: "Merriweather", "serif";
+  font-size: 1.1rem;
+  line-height: 1.4rem;
+}
+.apos-rich-text td p, .apos-rich-text th p {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+.apos-rich-text td + td, .apos-rich-text th + th {
+  padding-left: 1rem;
+}
+.apos-rich-text th {
+  font-family: "MerriweatherSans", "sans-serif";
+  font-weight: 700;
+}
+
+h2.h2, h3.h3, h4.h4 {
+  font-family: "MerriweatherSans", "sans-serif";
+  margin-bottom: 1rem;
+}
+
+h2.h2 + p, h3.h3 + p, h4.h4 + p {
+  margin-top: 0 !important;
+}
+
+p + h2.h2, p + h3.h3, p + h4.h4, ul + h2.h2, ul + h3.h3, ul + h4.h4, ol + h2.h2, ol + h3.h3, ol + h4.h4, table + h2.h2, table + h3.h3, table + h4.h4 {
+  margin-top: 1.7rem;
+}
+
+h2.h2 {
+  font-size: 2.2rem;
+  line-height: 2.8rem;
+  font-family: "MerriweatherSans", "sans-serif";
+  font-weight: 700;
+}
+
+h3.h3 {
+  font-size: 1.5rem;
+  line-height: 2rem;
+  font-family: "MerriweatherSans", "sans-serif";
+  font-weight: 700;
+}
+
+h4.h4 {
+  font-size: 1.2rem;
+  line-height: 1.5rem;
+  font-family: "MerriweatherSans", "sans-serif";
+  font-weight: 900;
+}
+
 div[data-apos-widget=apostrophe-files] a, .apos-rich-text a {
   margin: 0.3rem 0 0.7rem 0 !important;
   font-family: "MerriweatherSans", "sans-serif";
@@ -40,6 +116,17 @@ div[data-apos-widget=apostrophe-files] a:active, .apos-rich-text a:active {
   color: #7a29ec;
 }
 
+div[data-apos-widget=apostrophe-files] {
+  margin: 1rem 0 1.5rem 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
+  border: 1px solid #5b5b5b;
+}
+div[data-apos-widget=apostrophe-files] a {
+  display: block;
+  padding: 0;
+  font-size: 1.2rem;
+}
+
 .apos-rich-text a {
   font-size: 1.2rem;
   line-height: 1.5rem;
@@ -52,6 +139,12 @@ h5 {
   margin-bottom: 0.3rem;
 }
 
+.navbar sup {
+  font-weight: 700;
+  font-size: 0.7rem;
+  bottom: 0.25rem;
+}
+
 .apos-slideshow h4 {
   display: none;
 }
@@ -88,15 +181,27 @@ h5 {
 }
 
 .highlighted {
-  background: rgba(170, 122, 82, 0.3);
-  margin: 1rem 6rem;
-  padding: 1rem 1rem;
-  font-size: 1.8rem;
+  background: rgba(215, 187, 161, 0.3);
+  margin: 0 0 0 0;
+  padding: 0.2rem 0 0.2rem 1rem;
+  font-size: 1.1rem;
+  font-weight: 700;
+  color: #006400;
+}
+.highlighted a {
+  font-size: 1rem;
+  line-height: 1.2rem;
+  text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
+}
+
+.date {
+  background: black;
+  color: white;
+  text-align: right;
+  padding: 1rem 1.5rem;
+  margin-bottom: 1rem;
+  margin-top: 2rem;
   font-weight: 700;
-  -webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
-  -moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
-  box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
-  color: Green;
 }
 
 .apos-login-logo {