synshop.info/s/css/main.sass
2020-09-14 04:40:50 -07:00

153 lines
2.6 KiB
Sass

---
---
//$mainfont: "Computer Modern Serif"
$defaultfont: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Hel", Helvetica, Arial, "Lucida Grande", sans-serif
$ultralight: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', 'Hel', Arial, Helvetica, sans-serif
body
color: #222
font:
family: $defaultfont
size: 14pt
#page
font:
family: $defaultfont
size: 16pt
// when the name header appears on a blog post
// it is linked to / but shouldn't blue/underline on mouseover
#nameheader a, #nameheader a:hover
color: inherit
text-decoration: none
#blogpagearticlecontent small
font:
size: 12pt
#bodyfooter
background: #f6f6f6
margin:
top: 80px
box:
shadow: inset 0px 11px 15px -10px #CCC
padding:
top: 30px
left: 10px
bottom: 10px
// for some reason this is getting moved in
#blogpagearticlecontent
font:
size: 16pt
line-height: 2em
padding:
left: 0
right: 30px
#blogpagearticlecontent > p
padding:
top: 1em
margin-block-start: 0.5em
#ytface
padding:
top: 2.5em
h1,h2,h3,h4
padding:
top: 0.5em
#blogpagearticlecontent h1,h2,h3,h4
padding:
top: 0.5em
//#blogpagecontainerrow > h1 > small
// padding-left: 40px
h1,h2,h3,h4
padding:
bottom: 15pt
font:
family: $ultralight
weight: 100
.btn
font:
family: $ultralight
section.indexpage
font:
size: 16pt
family: $defaultfont
#indexhero
padding:
top: 50px
bottom: 50px
#indexhero ul
list-style-type: none
padding-left: 0px
margin-left: 0px
#indexhero ul li
padding:
top: 0.8em
div.footnotes
padding:
top: 7em
#nameheader
font:
size: 48pt
style: italic
padding:
bottom: 10pt
#blogpagearticlecontent
text:
align: justify
#blogpageata
padding:
left: 1em
right: 1em
margin:
left: 2em
right: 1em
#blogpageata > h1
margin:
top: 5px
bottom: 5px
font:
size: 18pt
#blogpageata > p
text:
align: justify
font:
size: 12pt
line-height: 1.5em
#utcTimeDisplay
background: #000
padding:
left: 50px
right: 50px
box-shadow: 0 0 30px black
width: 45em
height: 20em
#blogpagearticlecontent > blockquote > p
padding:
top: 0em
margin-block-start: 0em
blockquote
color: #666
font:
size: 18pt