-
Notifications
You must be signed in to change notification settings - Fork 13
/
popup.html
46 lines (46 loc) · 29.6 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>What Hacker News Says (Web Extension)</title>
<style>
/*! montale-base.css | (c) Pino Ceniccola | MIT License */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{margin:0}.body-font,body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-size:1.5rem;font-weight:400;color:#484848;background-color:#fff}img{max-width:100%;height:auto}svg:not(:root){overflow:hidden}svg{max-height:100%}a{color:#0074d9;text-decoration:none}a:not(.btn):focus,a:not(.btn):hover{color:#0f8fff;text-decoration:underline}.h,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.3;margin-top:0;margin-bottom:1.5rem;color:inherit}h1{font-size:4.116rem}h2{font-size:2.94rem}h3{font-size:2.1rem}h4{font-size:1.5rem}h5{font-size:1.07143rem}h6{font-size:.76531rem}.block-margin,address,dl,figure,hr,ol,p,pre,table,ul{margin-top:0;margin-bottom:1.5rem}figure{margin-left:0;margin-right:0;max-width:100%}li>ol,li>ul{margin-bottom:0}b,strong{font-weight:700}code,kbd,pre{color:#484848;font-family:SF Mono,Menlo,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:inherit;background-color:#ededed}code,kbd,mark,pre{border-radius:3px}code,kbd,mark{padding:.5ex .5em}pre{padding:1ex 1em;overflow-x:scroll}pre code{background:transparent;padding:0}address{font-style:normal;line-height:inherit}dt{font-weight:700}hr{border:0;border-bottom:1px inset #ededed}small{font-size:1.5ex}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.5ex}sup{top:-1ex}::-moz-selection{color:#fff;background:#ff6600;text-shadow:none}::selection{color:#fff;background:#ff6600;text-shadow:none}table{border-collapse:separate;border-spacing:0;max-width:100%;width:100%}th{text-align:left;font-weight:700;border-bottom:1px solid rgba(0,0,0,.03)}td,th{padding:.5rem 0;line-height:inherit}th{vertical-align:bottom}td{vertical-align:top;border-top:1px solid rgba(0,0,0,.03)}input{margin:0;vertical-align:middle;font-family:inherit}input,select,textarea{border:1px solid #ededed;border-radius:3px;display:inline-block;font-size:inherit;max-width:100%;padding:.5rem;width:100%;font-family:inherit;background-color:hsla(0,0%,100%,.0625);color:#484848}input:focus,select:focus,textarea:focus{border-color:#ff6600}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}input[type=range]{display:block;margin:0 0 1.5rem;max-width:100%;width:100%;padding:1.5rem;border:0;background-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none}input[type=color]{border:1px solid rgba(0,0,0,.03);border-radius:3px;margin:0;padding:0;font-size:inherit}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:0 0 .2rem;vertical-align:middle;border:0;width:auto;padding:0}input[type=reset],input[type=submit]{width:auto}input:disabled{opacity:.5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQyTDI0IDI1LjU5bDkuMTctOS4xN0wzNiAxOS4yNWwtMTIgMTItMTItMTJ6Ii8+PHBhdGggZD0iTTAtLjc1aDQ4djQ4SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+");background-position:99%;background-size:auto 50%;background-repeat:no-repeat}option{margin:.5rem}optgroup,option{font-family:inherit}optgroup{padding:.2rem;font-style:normal}optgroup option{margin:0}label{color:#484848}fieldset{border:0;margin:0;padding:0}legend{width:100%;max-width:100%;margin-bottom:1.5rem}.btn{font-family:inherit;font-size:1.5rem;font-weight:700;cursor:pointer;display:inline-block;line-height:1.125rem;padding:.7rem 1.5rem;margin:0;height:auto;border:1px solid transparent;vertical-align:middle;-webkit-appearance:none;color:inherit;background-color:transparent}.btn,.btn:hover{text-decoration:none}.btn:focus{border-color:rgba(0,0,0,.1);box-shadow:0 0 0 3px rgba(0,0,0,.25)}::-moz-focus-inner{border:0;padding:0}.btn-small{padding:.3rem 1.5rem}.btn-big{padding:1.5rem}.btn-narrow{padding-left:3rem;padding-right:3rem}.btn-primary{color:#fff;background-color:#ff6600;border-radius:3px}.btn-primary:hover{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.03)}.btn-primary:active{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.1),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.1)}.btn-primary.is-disabled,.btn-primary:disabled{opacity:.5}.btn-outline,.btn-outline:hover{border-color:currentcolor}.btn-outline{border-radius:3px}.btn-outline:hover{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.03)}.btn-outline:active{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.1),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.1)}.btn-outline.is-disabled,.btn-outline:disabled{opacity:.5}
/*! Basscss | http://basscss.com | MIT License */.h00{font-size:8.06736rem}.h0{font-size:5.7624rem}.h1{font-size:4.116rem}.h2{font-size:2.94rem}.h3{font-size:2.1rem}.h4{font-size:1.5rem}.h5{font-size:1.07143rem}.h6{font-size:.76531rem}.font-family-inherit{font-family:inherit}.font-size-inherit{font-size:inherit}.text-decoration-none{text-decoration:none}.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.1em}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.line-height-1{line-height:1}.line-height-2{line-height:1.125}.line-height-3{line-height:1.25}.line-height-4{line-height:1.5}.list-style-none{list-style:none}.underline{text-decoration:underline}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-reset{list-style:none;padding-left:0}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.max-width-1{max-width:24rem}.max-width-2{max-width:32rem}.max-width-3{max-width:48rem}.max-width-4{max-width:74rem}.border-box{box-sizing:border-box}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0,.mx0{margin-left:0}.mx0{margin-right:0}.my0{margin-top:0;margin-bottom:0}.m1{margin:.75rem}.mt1{margin-top:.75rem}.mr1{margin-right:.75rem}.mb1{margin-bottom:.75rem}.ml1,.mx1{margin-left:.75rem}.mx1{margin-right:.75rem}.my1{margin-top:.75rem;margin-bottom:.75rem}.m2{margin:1.5rem}.mt2{margin-top:1.5rem}.mr2{margin-right:1.5rem}.mb2{margin-bottom:1.5rem}.ml2,.mx2{margin-left:1.5rem}.mx2{margin-right:1.5rem}.my2{margin-top:1.5rem;margin-bottom:1.5rem}.m3{margin:3rem}.mt3{margin-top:3rem}.mr3{margin-right:3rem}.mb3{margin-bottom:3rem}.ml3,.mx3{margin-left:3rem}.mx3{margin-right:3rem}.my3{margin-top:3rem;margin-bottom:3rem}.m4{margin:6rem}.mt4{margin-top:6rem}.mr4{margin-right:6rem}.mb4{margin-bottom:6rem}.ml4,.mx4{margin-left:6rem}.mx4{margin-right:6rem}.my4{margin-top:6rem;margin-bottom:6rem}.mxn1{margin-left:-.75rem;margin-right:-.75rem}.mxn2{margin-left:-1.5rem;margin-right:-1.5rem}.mxn3{margin-left:-3rem;margin-right:-3rem}.mxn4{margin-left:-6rem;margin-right:-6rem}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0,.px0{padding-left:0}.px0{padding-right:0}.py0{padding-top:0;padding-bottom:0}.p1{padding:.75rem}.pt1{padding-top:.75rem}.pr1{padding-right:.75rem}.pb1{padding-bottom:.75rem}.pl1{padding-left:.75rem}.py1{padding-top:.75rem;padding-bottom:.75rem}.px1{padding-left:.75rem;padding-right:.75rem}.p2{padding:1.5rem}.pt2{padding-top:1.5rem}.pr2{padding-right:1.5rem}.pb2{padding-bottom:1.5rem}.pl2{padding-left:1.5rem}.py2{padding-top:1.5rem;padding-bottom:1.5rem}.px2{padding-left:1.5rem;padding-right:1.5rem}.p3{padding:3rem}.pt3{padding-top:3rem}.pr3{padding-right:3rem}.pb3{padding-bottom:3rem}.pl3{padding-left:3rem}.py3{padding-top:3rem;padding-bottom:3rem}.px3{padding-left:3rem;padding-right:3rem}.p4{padding:6rem}.pt4{padding-top:6rem}.pr4{padding-right:6rem}.pb4{padding-bottom:6rem}.pl4{padding-left:6rem}.py4{padding-top:6rem;padding-bottom:6rem}.px4{padding-left:6rem;padding-right:6rem}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width:40em){.sm-col{float:left;box-sizing:border-box}.sm-col-right{float:right;box-sizing:border-box}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}}@media (min-width:50.625em){.md-col{float:left;box-sizing:border-box}.md-col-right{float:right;box-sizing:border-box}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}}@media (min-width:64em){.lg-col{float:left;box-sizing:border-box}.lg-col-right{float:right;box-sizing:border-box}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}}.flex{display:flex}@media (min-width:40em){.sm-flex{display:flex}}@media (min-width:50.625em){.md-flex{display:flex}}@media (min-width:64em){.lg-flex{display:flex}}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-last{order:99999}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.border{border-style:solid;border-width:1px}.border-top{border-top-style:solid;border-top-width:1px}.border-right{border-right-style:solid;border-right-width:1px}.border-bottom{border-bottom-style:solid;border-bottom-width:1px}.border-left{border-left-style:solid;border-left-width:1px}.border-none{border:0}.rounded{border-radius:3px}.circle{border-radius:50%}.rounded-top{border-radius:3px 3px 0 0}.rounded-right{border-radius:0 3px 3px 0}.rounded-bottom{border-radius:0 0 3px 3px}.rounded-left{border-radius:3px 0 0 3px}.not-rounded{border-radius:0}.hide{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media (max-width:40em){.xs-hide{display:none!important}}@media (min-width:40em) and (max-width:50.624em){.sm-hide{display:none!important}}@media (min-width:50.625em) and (max-width:64em){.md-hide{display:none!important}}@media (min-width:64em){.lg-hide{display:none!important}}.display-none{display:none!important}@media (min-width:40em){.sm-m0{margin:0}.sm-mt0{margin-top:0}.sm-mr0{margin-right:0}.sm-mb0{margin-bottom:0}.sm-ml0,.sm-mx0{margin-left:0}.sm-mx0{margin-right:0}.sm-my0{margin-top:0;margin-bottom:0}.sm-m1{margin:.75rem}.sm-mt1{margin-top:.75rem}.sm-mr1{margin-right:.75rem}.sm-mb1{margin-bottom:.75rem}.sm-ml1,.sm-mx1{margin-left:.75rem}.sm-mx1{margin-right:.75rem}.sm-my1{margin-top:.75rem;margin-bottom:.75rem}.sm-m2{margin:1.5rem}.sm-mt2{margin-top:1.5rem}.sm-mr2{margin-right:1.5rem}.sm-mb2{margin-bottom:1.5rem}.sm-ml2,.sm-mx2{margin-left:1.5rem}.sm-mx2{margin-right:1.5rem}.sm-my2{margin-top:1.5rem;margin-bottom:1.5rem}.sm-m3{margin:3rem}.sm-mt3{margin-top:3rem}.sm-mr3{margin-right:3rem}.sm-mb3{margin-bottom:3rem}.sm-ml3,.sm-mx3{margin-left:3rem}.sm-mx3{margin-right:3rem}.sm-my3{margin-top:3rem;margin-bottom:3rem}.sm-m4{margin:6rem}.sm-mt4{margin-top:6rem}.sm-mr4{margin-right:6rem}.sm-mb4{margin-bottom:6rem}.sm-ml4,.sm-mx4{margin-left:6rem}.sm-mx4{margin-right:6rem}.sm-my4{margin-top:6rem;margin-bottom:6rem}.sm-mxn1{margin-left:-var(--space-1);margin-right:-var(--space-1)}.sm-mxn2{margin-left:-var(--space-2);margin-right:-var(--space-2)}.sm-mxn3{margin-left:-var(--space-3);margin-right:-var(--space-3)}.sm-mxn4{margin-left:-var(--space-4);margin-right:-var(--space-4)}.sm-ml-auto{margin-left:auto}.sm-mr-auto,.sm-mx-auto{margin-right:auto}.sm-mx-auto{margin-left:auto}}@media (min-width:50.625em){.md-m0{margin:0}.md-mt0{margin-top:0}.md-mr0{margin-right:0}.md-mb0{margin-bottom:0}.md-ml0,.md-mx0{margin-left:0}.md-mx0{margin-right:0}.md-my0{margin-top:0;margin-bottom:0}.md-m1{margin:.75rem}.md-mt1{margin-top:.75rem}.md-mr1{margin-right:.75rem}.md-mb1{margin-bottom:.75rem}.md-ml1,.md-mx1{margin-left:.75rem}.md-mx1{margin-right:.75rem}.md-my1{margin-top:.75rem;margin-bottom:.75rem}.md-m2{margin:1.5rem}.md-mt2{margin-top:1.5rem}.md-mr2{margin-right:1.5rem}.md-mb2{margin-bottom:1.5rem}.md-ml2,.md-mx2{margin-left:1.5rem}.md-mx2{margin-right:1.5rem}.md-my2{margin-top:1.5rem;margin-bottom:1.5rem}.md-m3{margin:3rem}.md-mt3{margin-top:3rem}.md-mr3{margin-right:3rem}.md-mb3{margin-bottom:3rem}.md-ml3,.md-mx3{margin-left:3rem}.md-mx3{margin-right:3rem}.md-my3{margin-top:3rem;margin-bottom:3rem}.md-m4{margin:6rem}.md-mt4{margin-top:6rem}.md-mr4{margin-right:6rem}.md-mb4{margin-bottom:6rem}.md-ml4,.md-mx4{margin-left:6rem}.md-mx4{margin-right:6rem}.md-my4{margin-top:6rem;margin-bottom:6rem}.md-mxn1{margin-left:-var(--space-1);margin-right:-var(--space-1)}.md-mxn2{margin-left:-var(--space-2);margin-right:-var(--space-2)}.md-mxn3{margin-left:-var(--space-3);margin-right:-var(--space-3)}.md-mxn4{margin-left:-var(--space-4);margin-right:-var(--space-4)}.md-ml-auto{margin-left:auto}.md-mr-auto,.md-mx-auto{margin-right:auto}.md-mx-auto{margin-left:auto}}@media (min-width:64em){.lg-m0{margin:0}.lg-mt0{margin-top:0}.lg-mr0{margin-right:0}.lg-mb0{margin-bottom:0}.lg-ml0,.lg-mx0{margin-left:0}.lg-mx0{margin-right:0}.lg-my0{margin-top:0;margin-bottom:0}.lg-m1{margin:.75rem}.lg-mt1{margin-top:.75rem}.lg-mr1{margin-right:.75rem}.lg-mb1{margin-bottom:.75rem}.lg-ml1,.lg-mx1{margin-left:.75rem}.lg-mx1{margin-right:.75rem}.lg-my1{margin-top:.75rem;margin-bottom:.75rem}.lg-m2{margin:1.5rem}.lg-mt2{margin-top:1.5rem}.lg-mr2{margin-right:1.5rem}.lg-mb2{margin-bottom:1.5rem}.lg-ml2,.lg-mx2{margin-left:1.5rem}.lg-mx2{margin-right:1.5rem}.lg-my2{margin-top:1.5rem;margin-bottom:1.5rem}.lg-m3{margin:3rem}.lg-mt3{margin-top:3rem}.lg-mr3{margin-right:3rem}.lg-mb3{margin-bottom:3rem}.lg-ml3,.lg-mx3{margin-left:3rem}.lg-mx3{margin-right:3rem}.lg-my3{margin-top:3rem;margin-bottom:3rem}.lg-m4{margin:6rem}.lg-mt4{margin-top:6rem}.lg-mr4{margin-right:6rem}.lg-mb4{margin-bottom:6rem}.lg-ml4,.lg-mx4{margin-left:6rem}.lg-mx4{margin-right:6rem}.lg-my4{margin-top:6rem;margin-bottom:6rem}.lg-mxn1{margin-left:-var(--space-1);margin-right:-var(--space-1)}.lg-mxn2{margin-left:-var(--space-2);margin-right:-var(--space-2)}.lg-mxn3{margin-left:-var(--space-3);margin-right:-var(--space-3)}.lg-mxn4{margin-left:-var(--space-4);margin-right:-var(--space-4)}.lg-ml-auto{margin-left:auto}.lg-mr-auto,.lg-mx-auto{margin-right:auto}.lg-mx-auto{margin-left:auto}}@media (min-width:40em){.sm-p0{padding:0}.sm-pt0{padding-top:0}.sm-pr0{padding-right:0}.sm-pb0{padding-bottom:0}.sm-pl0,.sm-px0{padding-left:0}.sm-px0{padding-right:0}.sm-py0{padding-top:0;padding-bottom:0}.sm-p1{padding:.75rem}.sm-pt1{padding-top:.75rem}.sm-pr1{padding-right:.75rem}.sm-pb1{padding-bottom:.75rem}.sm-pl1,.sm-px1{padding-left:.75rem}.sm-px1{padding-right:.75rem}.sm-py1{padding-top:.75rem;padding-bottom:.75rem}.sm-p2{padding:1.5rem}.sm-pt2{padding-top:1.5rem}.sm-pr2{padding-right:1.5rem}.sm-pb2{padding-bottom:1.5rem}.sm-pl2,.sm-px2{padding-left:1.5rem}.sm-px2{padding-right:1.5rem}.sm-py2{padding-top:1.5rem;padding-bottom:1.5rem}.sm-p3{padding:3rem}.sm-pt3{padding-top:3rem}.sm-pr3{padding-right:3rem}.sm-pb3{padding-bottom:3rem}.sm-pl3,.sm-px3{padding-left:3rem}.sm-px3{padding-right:3rem}.sm-py3{padding-top:3rem;padding-bottom:3rem}.sm-p4{padding:6rem}.sm-pt4{padding-top:6rem}.sm-pr4{padding-right:6rem}.sm-pb4{padding-bottom:6rem}.sm-pl4,.sm-px4{padding-left:6rem}.sm-px4{padding-right:6rem}.sm-py4{padding-top:6rem;padding-bottom:6rem}}@media (min-width:50.625em){.md-p0{padding:0}.md-pt0{padding-top:0}.md-pr0{padding-right:0}.md-pb0{padding-bottom:0}.md-pl0,.md-px0{padding-left:0}.md-px0{padding-right:0}.md-py0{padding-top:0;padding-bottom:0}.md-p1{padding:.75rem}.md-pt1{padding-top:.75rem}.md-pr1{padding-right:.75rem}.md-pb1{padding-bottom:.75rem}.md-pl1,.md-px1{padding-left:.75rem}.md-px1{padding-right:.75rem}.md-py1{padding-top:.75rem;padding-bottom:.75rem}.md-p2{padding:1.5rem}.md-pt2{padding-top:1.5rem}.md-pr2{padding-right:1.5rem}.md-pb2{padding-bottom:1.5rem}.md-pl2,.md-px2{padding-left:1.5rem}.md-px2{padding-right:1.5rem}.md-py2{padding-top:1.5rem;padding-bottom:1.5rem}.md-p3{padding:3rem}.md-pt3{padding-top:3rem}.md-pr3{padding-right:3rem}.md-pb3{padding-bottom:3rem}.md-pl3,.md-px3{padding-left:3rem}.md-px3{padding-right:3rem}.md-py3{padding-top:3rem;padding-bottom:3rem}.md-p4{padding:6rem}.md-pt4{padding-top:6rem}.md-pr4{padding-right:6rem}.md-pb4{padding-bottom:6rem}.md-pl4,.md-px4{padding-left:6rem}.md-px4{padding-right:6rem}.md-py4{padding-top:6rem;padding-bottom:6rem}}@media (min-width:64em){.lg-p0{padding:0}.lg-pt0{padding-top:0}.lg-pr0{padding-right:0}.lg-pb0{padding-bottom:0}.lg-pl0,.lg-px0{padding-left:0}.lg-px0{padding-right:0}.lg-py0{padding-top:0;padding-bottom:0}.lg-p1{padding:.75rem}.lg-pt1{padding-top:.75rem}.lg-pr1{padding-right:.75rem}.lg-pb1{padding-bottom:.75rem}.lg-pl1,.lg-px1{padding-left:.75rem}.lg-px1{padding-right:.75rem}.lg-py1{padding-top:.75rem;padding-bottom:.75rem}.lg-p2{padding:1.5rem}.lg-pt2{padding-top:1.5rem}.lg-pr2{padding-right:1.5rem}.lg-pb2{padding-bottom:1.5rem}.lg-pl2,.lg-px2{padding-left:1.5rem}.lg-px2{padding-right:1.5rem}.lg-py2{padding-top:1.5rem;padding-bottom:1.5rem}.lg-p3{padding:3rem}.lg-pt3{padding-top:3rem}.lg-pr3{padding-right:3rem}.lg-pb3{padding-bottom:3rem}.lg-pl3,.lg-px3{padding-left:3rem}.lg-px3{padding-right:3rem}.lg-py3{padding-top:3rem;padding-bottom:3rem}.lg-p4{padding:6rem}.lg-pt4{padding-top:6rem}.lg-pr4{padding-right:6rem}.lg-pb4{padding-bottom:6rem}.lg-pl4,.lg-px4{padding-left:6rem}.lg-px4{padding-right:6rem}.lg-py4{padding-top:6rem;padding-bottom:6rem}}@media (min-width:40em){.sm-inline{display:inline}.sm-block{display:block}.sm-inline-block{display:inline-block}.sm-table{display:table}.sm-table-cell{display:table-cell}.sm-overflow-hidden{overflow:hidden}.sm-overflow-scroll{overflow:scroll}.sm-overflow-auto{overflow:auto}.sm-left{float:left}.sm-right{float:right}}@media (min-width:50.625em){.md-inline{display:inline}.md-block{display:block}.md-inline-block{display:inline-block}.md-table{display:table}.md-table-cell{display:table-cell}.md-overflow-hidden{overflow:hidden}.md-overflow-scroll{overflow:scroll}.md-overflow-auto{overflow:auto}.md-left{float:left}.md-right{float:right}}@media (min-width:64em){.lg-inline{display:inline}.lg-block{display:block}.lg-inline-block{display:inline-block}.lg-table{display:table}.lg-table-cell{display:table-cell}.lg-overflow-hidden{overflow:hidden}.lg-overflow-scroll{overflow:scroll}.lg-overflow-auto{overflow:auto}.lg-left{float:left}.lg-right{float:right}}@media (min-width:40em){.sm-relative{position:relative}.sm-absolute{position:absolute}.sm-fixed{position:fixed}.sm-top-0{top:0}.sm-right-0{right:0}.sm-bottom-0{bottom:0}.sm-left-0{left:0}}@media (min-width:50.625em){.md-relative{position:relative}.md-absolute{position:absolute}.md-fixed{position:fixed}.md-top-0{top:0}.md-right-0{right:0}.md-bottom-0{bottom:0}.md-left-0{left:0}}@media (min-width:64em){.lg-relative{position:relative}.lg-absolute{position:absolute}.lg-fixed{position:fixed}.lg-top-0{top:0}.lg-right-0{right:0}.lg-bottom-0{bottom:0}.lg-left-0{left:0}}@media (min-width:40em){.sm-left-align{text-align:left}.sm-center{text-align:center}.sm-right-align{text-align:right}.sm-justify{text-align:justify}}@media (min-width:50.625em){.md-left-align{text-align:left}.md-center{text-align:center}.md-right-align{text-align:right}.md-justify{text-align:justify}}@media (min-width:64em){.lg-left-align{text-align:left}.lg-center{text-align:center}.lg-right-align{text-align:right}.lg-justify{text-align:justify}}@media (min-width:40em){.sm-h00{font-size:8.06736rem}.sm-h0{font-size:5.7624rem}.sm-h1{font-size:4.116rem}.sm-h2{font-size:2.94rem}.sm-h3{font-size:2.1rem}.sm-h4{font-size:1.5rem}.sm-h5{font-size:1.07143rem}.sm-h6{font-size:.76531rem}}@media (min-width:50.625em){.md-h00{font-size:8.06736rem}.md-h0{font-size:5.7624rem}.md-h1{font-size:4.116rem}.md-h2{font-size:2.94rem}.md-h3{font-size:2.1rem}.md-h4{font-size:1.5rem}.md-h5{font-size:1.07143rem}.md-h6{font-size:.76531rem}}@media (min-width:64em){.lg-h00{font-size:8.06736rem}.lg-h0{font-size:5.7624rem}.lg-h1{font-size:4.116rem}.lg-h2{font-size:2.94rem}.lg-h3{font-size:2.1rem}.lg-h4{font-size:1.5rem}.lg-h5{font-size:1.07143rem}.lg-h6{font-size:.76531rem}}.gray{color:#ededed}.silver{color:#ddd}.aqua{color:#7fdbff}.blue{color:#0074d9}.navy{color:#001f3f}.teal{color:#39cccc}.green{color:#2ecc40}.olive{color:#3d9970}.lime{color:#01ff70}.yellow{color:#ffec00}.red{color:#ff6600}.fuchsia{color:#f012be}.purple{color:#b10dc9}.maroon{color:#af2d26}.muted{opacity:.5}.bg-gray{background-color:#ededed}.bg-silver{background-color:#ddd}.bg-aqua{background-color:#7fdbff}.bg-blue{background-color:#0074d9}.bg-navy{background-color:#001f3f}.bg-teal{background-color:#39cccc}.bg-green{background-color:#2ecc40}.bg-olive{background-color:#3d9970}.bg-lime{background-color:#01ff70}.bg-yellow{background-color:#ffec00}.bg-red{background-color:#ff6600}.bg-fuchsia{background-color:#f012be}.bg-purple{background-color:#b10dc9}.bg-maroon{background-color:#af2d26}.border-gray{border-color:#ededed}.border-silver{border-color:#ddd}.border-aqua{border-color:#7fdbff}.border-blue{border-color:#0074d9}.border-navy{border-color:#001f3f}.border-teal{border-color:#39cccc}.border-green{border-color:#2ecc40}.border-olive{border-color:#3d9970}.border-lime{border-color:#01ff70}.border-yellow{border-color:#ffec00}.border-red{border-color:#ff6600}.border-fuchsia{border-color:#f012be}.border-purple{border-color:#b10dc9}.border-maroon{border-color:#af2d26}.bg-darken-1{background-color:rgba(0,0,0,.03)}.bg-darken-2{background-color:rgba(0,0,0,.1)}.bg-darken-3{background-color:rgba(0,0,0,.25)}.bg-darken-4{background-color:rgba(0,0,0,.5)}.bg-lighten-1{background-color:hsla(0,0%,100%,.0625)}.bg-lighten-2{background-color:hsla(0,0%,100%,.125)}.bg-lighten-3{background-color:hsla(0,0%,100%,.25)}.bg-lighten-4{background-color:hsla(0,0%,100%,.5)}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom{background-position:bottom}.bg-left{background-position:0}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}@media (min-width:40em){.sm-mxn1{margin-left:-.75rem;margin-right:-.75rem}.sm-mxn2{margin-left:-1.5rem;margin-right:-1.5rem}.sm-mxn3{margin-left:-3rem;margin-right:-3rem}.sm-mxn4{margin-left:-6rem;margin-right:-6rem}}@media (min-width:50.625em){.md-mxn1{margin-left:-.75rem;margin-right:-.75rem}.md-mxn2{margin-left:-1.5rem;margin-right:-1.5rem}.md-mxn3{margin-left:-3rem;margin-right:-3rem}.md-mxn4{margin-left:-6rem;margin-right:-6rem}}@media (min-width:64em){.lg-mxn1{margin-left:-.75rem;margin-right:-.75rem}.lg-mxn2{margin-left:-1.5rem;margin-right:-1.5rem}.lg-mxn3{margin-left:-3rem;margin-right:-3rem}.lg-mxn4{margin-left:-6rem;margin-right:-6rem}}
/*! montale-extra.css | (c) Pino Ceniccola | MIT License */.transition{transition:all .25s cubic-bezier(.455,.03,.515,.955)}.transition-fast{transition:all .1s cubic-bezier(.455,.03,.515,.955)}.transition-slow{transition:all .5s cubic-bezier(.455,.03,.515,.955)}body,html,table{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}abbr{text-transform:uppercase;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"smcp" 1,"c2sc" 1}.weight-100{font-weight:100}.weight-200{font-weight:200}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-600{font-weight:600}.weight-700{font-weight:700}.weight-800{font-weight:800}.weight-900{font-weight:900}.uppercase{text-transform:uppercase}.serif{font-family:serif}.monospace{font-family:SF Mono,Menlo,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace}.primary{color:var(--primary)}.bg-primary{background-color:var(--primary)}.border-primary{border-color:var(--primary)}.orange{color:#ff4500}.white{color:#fff}.black{color:#111}.bg-orange{background-color:#ff4500}.bg-white{background-color:#fff}.bg-black{background-color:#484848}.border-orange{border-color:#ff4500}.border-white{border-color:#fff}.border-black{border-color:#484848}.gray-1{color:#f6f7f8}.gray-2{color:#f0f0f0}.gray-3{color:#aaa}.gray-4{color:#7e7e7e}.bg-gray-1{background-color:#f6f7f8}.bg-gray-2{background-color:#f0f0f0}.bg-gray-3{background-color:#aaa}.bg-gray-4{background-color:#7e7e7e}.border-gray-1{border-color:#f6f7f8}.border-gray-2{border-color:#f0f0f0}.border-gray-3{border-color:#aaa}.border-gray-4{border-color:#7e7e7e}.color-inherit{color:inherit}.current-color{color:currentColor}.sticky{position:-webkit-sticky;position:sticky}
.hover-gray:hover{background-color:rgba(255,102,0,0.05);background:linear-gradient(90deg, rgba(249,250,251,1) 0%, rgba(255,102,0,0.01) 100%);cursor:pointer;}
</style>
</head>
<body>
<div id="app" class="h6 black" style="min-width:400px;max-width:600px">
<h1 class="h6 bg-gray-1 p2 m0 border-bottom border-gray flex -justify-around items-center">
<img alt="Hacker News Says (Logo)" style="width:32px;height:32px;margin-right:5px" src="data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath d='M150.45 7.207c67.568 0 122.523 54.955 122.523 122.523 0 76.576-54.955 133.333-121.622 163.063v-40.541h-.901c-68.468 0-123.423-54.955-123.423-122.522 0-67.568 54.955-122.523 123.423-122.523z' fill='rgb(255,102,0)'/%3E%3Cpath d='M150.006 134.071l-28.181-57.443h-18.15l38.531 76.306v43.256h15.682v-43.256l38.443-76.306h-17.025l-29.3 57.443z' fill='white' fill-rule='nonzero'/%3E%3C/svg%3E">
<span class="block overflow-hidden">What <span class="bold -red">Hacker News</span> says <span id="url-label" class="block monospace red h6 truncate"></span></span>
</h1>
<div>
<ul class="list-reset p0 m0" id="content">
<li class="loading my2 center">
<svg width="60" height="15" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#ff6600">
<circle cx="15" cy="15" r="15">
<animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"/>
<animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="60" cy="15" r="9" fill-opacity="0.3">
<animate attributeName="r" from="9" to="9" begin="0s" dur="0.8s" values="9;15;9" calcMode="linear" repeatCount="indefinite"/>
<animate attributeName="fill-opacity" from="0.5" to="0.5" begin="0s" dur="0.8s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="105" cy="15" r="15">
<animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"/>
<animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
</svg>
</li>
</ul>
</div>
<footer class="h6 bg-gray-1 border-top border-gray px2 py1 flex items-center justify-between">
<span id="about-link" class="btn p0 h6 weight-400 gray-4">About</span>
<span id="version-label" class="gray-3"></span>
</footer>
</div>
<script src="popup.js"></script>
</body>
</html>