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

349 lines
6.7 KiB
CSS

@charset "UTF-8";
.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");
}
@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: "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;
padding: 0 !important;
font-family: "Merriweather", "serif";
font-size: 1.1rem;
line-height: 1.4rem;
}
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";
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;
}
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;
}
h5 {
font-size: 1.2rem;
font-weight: 900;
margin-top: 0.8rem;
margin-bottom: 0.3rem;
}
.navbar sup {
font-weight: 700;
font-size: 0.7rem;
bottom: 0.25rem;
}
.apos-slideshow h4 {
display: none;
}
.apos-area-widget a {
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;
}
.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;
}
.apos-indent2 {
margin-left: 2rem;
}
.highlighted {
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);
}
.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;
text-align: right;
padding: 1rem 1.5rem;
margin-bottom: 1rem;
margin-top: 2rem;
font-weight: 700;
}
.apos-login-logo {
margin-bottom: 0;
}
.apos-login-logo svg {
width: 200px;
height: 200px;
}
.apos-login.apos-ui {
background-color: #d29a6b;
}
.apos-ui .apos-field {
margin-bottom: 1rem;
}
.apos-ui .apos-field-input {
padding: 0.5rem;
}
.apos-ui .apos-login-submit {
margin-top: 3rem;
}
.apos-ui .apos-button--major {
background-color: saddlebrown;
}
.apos-ui .apos-button--global {
background-color: #4F3A28;
}
.apos-ui .apos-field-input:focus {
box-shadow: 0 0 15px 0 #4F3A28;
}
.apos-login-wrapper, .apos-login-content, .apos-ui .apos-admin-bar {
background-color: #4F3A28;
}
@media only screen and (min-width: 1450px) {
.apos-ui .apos-admin-bar-logo, .apos-ui .apos-admin-bar-logo svg {
max-height: 40px;
max-width: 40px;
margin-right: 30px;
}
}
@media only screen and (max-width: 1100px) {
html {
font-size: 14px !important;
}
}
@media only screen and (max-width: 950px) {
html {
font-size: 12px !important;
}
}
@media only screen and (max-width: 760px) {
html {
font-size: 10px !important;
}
}
@media only screen and (max-width: 500px) {
html {
font-size: 8.5px !important;
}
}
/*# sourceMappingURL=main.css.map */