robertodr/totaltrash.xyz
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
html
  line-height: 1.5
  color: #424242
  font-family: 'Alegreya', serif
  font-size: large
  padding:  2rem

h1, h2, h3, h4, h5
  font-family: Nunito, sans-serif
  margin-top: 0

a
  color: black
  text-decoration-style: dashed
  text-underline-position: under

figure
  margin: 0

figcaption
  text-align: center
  color: #555
  font-family: sans-serif
  font-size: small

img
  max-width: 100%

.blog-date
  color: #666
  font-size: small
  padding-right: 0.5rem
  font-family: Nunito, sans-serif
  vertical-align:baseline

.abstract-head
  font-family: Nunito, sans-serif
  padding-right: 0.8rem

.abstract
  padding-bottom: 1rem

.blog-list
  list-style-type: none

main
  aside
    display: none

  article
    width: 100%

    nav
      padding-bottom: 1rem

    p
      margin-top: 0

  h1
    font-size: 1.8rem

@media (min-width: 1280px)
  main
    display:  flex

    article
      width:  750px
      margin-right: 1rem

      p, ul, ol
        padding-right: 2.5rem
        padding-left:  2.5rem

      ul
        list-style-type: circle

      h1
        display: none

    aside
      display: block
      width:  450px
      margin-left: 1rem

td.hljs-ln-numbers
    -webkit-touch-callout: none
    -webkit-user-select:   none
    -khtml-user-select:    none
    -moz-user-select:      none
    -ms-user-select:       none
    user-select:           none

    text-align:            right
    color:                 #ccc
    width:                 1rem
    border-right:          1px solid #ccc
    vertical-align:        middle
    padding-right:         0.5rem
    font-size: small

td.hljs-ln-code
    padding-left: 0.5rem

td.hljs-ln-code
    padding-left: 0.5rem

pre, code
  background:     #f8f8f8
  font-family:    'Fira Code', monospace
  font-size:      medium

code
  padding-top:    0.1rem
  padding-bottom: 0.1rem
  padding-right:  0.5rem
  padding-left:   0.5rem
  color:          rgb(66, 66, 66)

.hljs
  display:        block
  overflow-x:     auto
  padding:        0.5rem
  color:          rgb(66, 66, 66)
  background:     #f8f8f8

.hljs-meta
  font-weight:    bold

.hljs-comment,
.hljs-meta,
.hljs-quote,
  color:          #8959a8

.hljs-strong,
.hljs-string
  font-weight:    bold

.hljs-emphasis
  font-style:     italic

.hljs-deletion
  color:          #BF616A

.hljs-addition
  color:          #A3BE8C

footer
  font-size: medium

hr
  overflow: visible /* For IE */
  padding: 0
  border: none
  border-top: medium double #999
  color: #999
  text-align: center

.footnotes
  p
    padding: 0

.footnote-back
  margin-left: 0.3rem

/* A hack to improve forkawesome lists... */
.fa-li
  top: .3em