File size: 3,611 Bytes
fdda9c6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
92a6755
fdda9c6
 
 
 
 
 
92a6755
fdda9c6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
:root {
  --border-color: black;
  --window-color: white;
  --background-move-on-cursor: false;
  --background-color: white;
  --background-cursor-width: 400;
  --background-cursor-height: 200;
  --background-show-if-wider-than: 500;
  --background-speed: 0.001;
  --energy-decay: 0.3;
}
body {
  width: 100%;
  margin: 0 auto;
  background-color: var(--background-color);
}
#container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#container canvas, #overlay {
  width: 100%;
  margin: 0 auto;
  position: absolute;
}
canvas {
  background-color: var(--background-color);
  width: 0px; /* will be changed on init */
  overflow: hidden;
}
#main_window {
  width: 80%;
  min-width: 320px;
  margin: 0 auto;
  text-align: center;
}
.faded {
  margin: 0 auto;
  background: var(--window-color);
  box-shadow: 0 0 5px 5px var(--window-color);
  font-family: cursive;
  font-family: "Gill Sans", sans-serif;
  display: inline-block
}
.padded {
    width: 100%;
    max-width: 800px;
    text-align: left;
}
.title {
   font-size: 32px;
   box-shadow: 0 0 5px 5px var(--window-color);
   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,
                sans-serif,Apple Color Emoji,Segoe UI Emoji;
}
.text {
   font-size: 16px;
   box-shadow: 0 0 5px 5px var(--window-color);
   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,
                sans-serif,Apple Color Emoji,Segoe UI Emoji;
}
.scrollbar {
  overflow-y: scroll;
}
.arxiv_button {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 28px;
  background-image: linear-gradient(180deg, #fafbfc, #eff3f6 90%);
  color: #24292e;
  border: 1px solid rgba(27,31,35,.2);
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  padding-right: 0px;
  padding-top: 2.5px;
  font-size: 12px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
  font-weight: 600;
}
.arxiv_button:before {
  content: "";
  vertical-align:middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: none;
  margin-left: -16px;
  margin-right: 4px;
  margin-top: -2px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon s-ion-icon" viewBox="0 0 512 512"><path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4z"></path><path d="M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z"></path></svg>') right center no-repeat;
  background-size: 18px 16px;
}
.arxiv_button:hover {
    background-color:#e6ebf1;
    background-position:-0.5em;
    border-color: #9fa4a9;
    border-color:rgba(27,31,35,.35);
    background-image:linear-gradient(180deg, #f0f3f6, #e6ebf1 90%)
}
/* a:link {
    color: #00194a;
    text-decoration: none;
}
a:visited {
    color: #3f004a;
    text-decoration: none;
} */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}