153 lines
2.6 KiB
Sass
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
|