98 lines
2.0 KiB
Sass
98 lines
2.0 KiB
Sass
|
|
p
|
|
margin-top: 0.3rem
|
|
margin-bottom: 0.7rem
|
|
line-height: 1.4rem
|
|
|
|
h5
|
|
font-size: 1.2rem
|
|
font-weight: 900
|
|
margin-top: 0.8rem
|
|
margin-bottom: 0.3rem
|
|
|
|
.apos-slideshow h4
|
|
display: none
|
|
|
|
.apos-area-widget a
|
|
display: block
|
|
padding-bottom: 0.8rem
|
|
|
|
.apos-rich-text ul
|
|
list-style-type: circle
|
|
list-style-position: inside
|
|
|
|
.apos-indent1
|
|
margin-left: 1rem
|
|
|
|
.apos-indent2
|
|
margin-left: 2rem
|
|
|
|
//.apos-rich-text > div //This was a work around to the rich text widget 'class' property not working in the style.
|
|
.highlighted
|
|
background: rgba(170, 122, 82, 0.3)
|
|
margin: 1rem 6rem
|
|
padding: 1rem 1rem
|
|
font-size: 1.8rem
|
|
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
|
|
|
|
ul.bulletLevel2
|
|
text-indent: 1rem
|
|
list-style-type: circle
|
|
list-style-position: inside
|
|
|
|
//
|
|
// Redefine some of the Apostrophe administrative UI.
|
|
//
|
|
$bg-dark: #4F3A28
|
|
$bg-light: #d29a6b
|
|
.apos-login-logo
|
|
margin-bottom: 0
|
|
.apos-login-logo svg
|
|
width: 200px
|
|
height: 200px
|
|
.apos-login.apos-ui
|
|
background-color: $bg-light
|
|
.apos-ui
|
|
.apos-field
|
|
margin-bottom: 1rem
|
|
.apos-field-input
|
|
padding: 0.5rem
|
|
.apos-login-submit
|
|
margin-top: 3rem
|
|
.apos-button--major
|
|
background-color: saddlebrown
|
|
.apos-button--global
|
|
background-color: $bg-dark
|
|
.apos-field-input:focus
|
|
box-shadow: 0 0 15px 0 $bg-dark
|
|
.apos-login-wrapper, .apos-login-content, .apos-ui .apos-admin-bar
|
|
background-color: $bg-dark
|
|
@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
|
|
//
|
|
// Everything scales off of the HTML tag font sizes since the whole site uses REM units.
|
|
//
|
|
|
|
@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
|