cd3f5f95 |
(:import "url(https://fonts.googleapis.com/css?family=Lato:400,100,300,400italic,300italic,700,700italic,900&subset=latin,latin-ext)")
(:import "url(https://fonts.googleapis.com/css?family=Caudex)")
|
7e6ea8df |
((:or .feed main)
|
22c5d1a5 |
:-webkit-backface-visibility hidden;
:-webkit-transform "translateZ(0)")
|
cd3f5f95 |
(*
:box-sizing "border-box"
:margin "0px"
|
22c5d1a5 |
:padding "0px")
(body
|
cd3f5f95 |
:font-family "Lato")
|
22c5d1a5 |
(((:or main "#sidebar" .feed) > (:or ul ol))
:list-style "none"
:margin "0px")
(ul
:margin "1em"
)
|
cd3f5f95 |
((:or h1 h2)
:font-size "153.9%")
(:h3
:font-size "146.5%")
((:or h4 h5 h6)
:font-size "138.5%")
(((:or ul) + (:or h1 h2 h3 h4 h5 h6))
:width "initial")
(header
:color "white"
(h1
:font-family "Caudex"
:font-size inherit
:margin-top "0em"
|
7e6ea8df |
:padding-left "10vw"
|
cd3f5f95 |
:font-weight 200))
|
22c5d1a5 |
((:or "#sidebar" main)
:border-top none)
|
cd3f5f95 |
(section#sidebar
|
22c5d1a5 |
:width "38vw"
|
cd3f5f95 |
:height "90vh"
:position "fixed"
:overflow "auto"
(ul.menu
:text-align right
|
22c5d1a5 |
:font-variant small-caps
|
89bed873 |
:opacity 0
|
cd3f5f95 |
(li
|
89bed873 |
:transition "all 0.25s ease"
|
cd3f5f95 |
(a
|
e09b98ca |
:color inherit
|
cd3f5f95 |
:display block
|
e09b98ca |
:font-size "125%"
:font-weight 700
|
22c5d1a5 |
:padding "0.5em"
|
cd3f5f95 |
:text-decoration none
|
e09b98ca |
:width "100%"
|
89bed873 |
)))
(ul.menu.open
:opacity 1))
|
cd3f5f95 |
(main
|
22c5d1a5 |
:width "62vw"
|
cd3f5f95 |
:float "right"
:clear "right"
|
22c5d1a5 |
:overflow-x "hidden"
|
89bed873 |
:overflow-y "scroll"
:position "relative")
(img.spinner
:position "absolute"
:top "50%"
:left "50%"
:transform "translate(-50%,-50%)"
)
(.hide
:display none
)
|
cd3f5f95 |
(.feed-header
|
22c5d1a5 |
((:or h2 h3) :padding "0.62em")
(h2 :padding-bottom "0.38em")
(h3 :padding-top "0.38em")
|
e09b98ca |
:transition "background-color 0.25s ease"
|
cd3f5f95 |
:padding-bottom "0em")
((.link.closed .link-content)
:max-height "0px"
:padding "0em")
|
22c5d1a5 |
(.link.closed
:padding-bottom "0em")
|
cd3f5f95 |
(.link
:text-decoration none
:display block
:overflow hidden
:font-size "0.8em"
|
22c5d1a5 |
(.link-header
:padding "1em"
:padding-bottom "0em"
|
cd3f5f95 |
:cursor pointer
|
e09b98ca |
:transition "background-color 0.25s ease"
|
cd3f5f95 |
(h4
:margin-bottom "0.5em"
:display "inline-block"))
(.link-info
:margin-left "-1em"
:margin-right "-1em"
:padding-left "1em"
:padding-right "1em"
|
22c5d1a5 |
:padding-bottom "0.32em"
|
cd3f5f95 |
(.link-url
|
22c5d1a5 |
:float "left")
|
cd3f5f95 |
(.link-date
:float "right"
:display block))
((:and .link-info :after)
:content "\" \""
:display block
:clear both)
(.link-content
|
89bed873 |
:overflow hidden
(img
:margin "1em" "0%" "1em" "10%"
:max-width "80%"
:max-height "70vh"
)
|
22c5d1a5 |
((> div)
|
89bed873 |
:padding "1em"
:font-size "12pt")
|
22c5d1a5 |
:transition "max-height 0.5s ease"))
(.feed.closed
|
89bed873 |
:border-bottom-width thin
|
22c5d1a5 |
(.post-list
:max-height "0px"
|
89bed873 |
:padding "0em")
(h3
:display none))
|
22c5d1a5 |
((:and .feed :first-child)
:border-top none)
|
cd3f5f95 |
(.feed
:overflow "hidden"
|
22c5d1a5 |
(.post-list
:transition "max-height 0.5s ease"))
|
cd3f5f95 |
|
89bed873 |
("#add-form"
:font-size "1em"
:height "1.8em"
:display block
:overflow hidden
:width "100%"
(input
:border "none"
:width "95%"
:height "100%"
:font-size "0.8em"
:line-height "1.8em"
:padding "1em" "0.5em"
)
(button
:border none
:border-radius 0px
:font-size inherit
:width "5%"
:height "100%"
))
(.flip-button
:position absolute
:right "0em"
:top "0em"
:z-index 1000
:width "3em"
:height "3em"
:padding-left "1em"
:padding-bottom "1em"
:border-bottom-left-radius "100%"
:border none
:transition "all 2s cubic-bezier(0.175, 0.885, 0.32, 1.275)"
:background-image none
)
|