summaryrefslogtreecommitdiff
path: root/site/assets
diff options
context:
space:
mode:
Diffstat (limited to 'site/assets')
-rw-r--r--site/assets/css/applets.css5
-rw-r--r--site/assets/css/css.css148
-rwxr-xr-xsite/assets/css/tabulator.css2
3 files changed, 99 insertions, 56 deletions
diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css
index daf36a19..70d8f51f 100644
--- a/site/assets/css/applets.css
+++ b/site/assets/css/applets.css
@@ -9,7 +9,7 @@
min-height: 0;
}
.applet {
- margin-bottom: 60px;
+ margin-bottom: 0px;
transition: opacity 0.2s cubic-bezier(0,0,1,1);
opacity: 0;
}
@@ -187,6 +187,7 @@
.tabulator {
font-family: 'Roboto', sans-serif;
+ font-size:10px;
}
.tabulator-row {
transition: background-color 100ms cubic-bezier(0,0,1,1);
@@ -247,7 +248,7 @@
stroke: rgba(64,64,64,0.3);
}
.chartCaption {
- color: #888;
+ color: #333;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 6b1f40cd..89ac8616 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -12,11 +12,11 @@ html, body {
min-height: 100%;
/*font-family: 'Roboto Mono', sans-serif;*/
font-family: 'Roboto', sans-serif;
- color: #eee;
+ color: #000;
overflow-x: hidden;
}
html {
- background: #181818;
+ background: #fff;
}
a { outline: none; }
img { border: 0; }
@@ -33,6 +33,7 @@ html.mobile .content{
}
/* header */
+/* header */
header {
position: fixed;
@@ -155,7 +156,7 @@ footer {
display: flex;
flex-direction: row;
justify-content: space-between;
- color: #666;
+ color: #ccc;
font-size: 13px;
/*line-height: 17px;*/
padding: 15px;
@@ -178,6 +179,9 @@ footer a {
padding-bottom: 1px;
text-decoration: none;
}
+.desktop footer a {
+ border-bottom:1px solid #999;
+}
.desktop footer a:hover {
color: #fff;
border-bottom:1px solid #999;
@@ -211,30 +215,35 @@ footer ul:last-child li {
/* headings */
h1 {
- color: #eee;
- font-weight: 400;
- font-size: 34pt;
+ color: #000;
+ font-weight: 500;
+ font-size: 28pt;
+ line-height: 38pt;
margin: 20px auto 10px auto;
padding: 0;
transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto Mono', monospace;
+ text-transform: uppercase;
}
h2 {
- color: #eee;
- font-weight: 400;
+ color: #111;
+ font-weight: 500;
font-size: 34px;
line-height: 43px;
margin: 20px auto 20px auto;
padding: 0;
transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto Mono', monospace;
+ text-transform: uppercase;
}
h3 {
+ color: #333;
margin: 20px auto 10px auto;
font-size: 28px;
font-weight: 400;
transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto Mono', monospace;
+ text-transform: uppercase;
}
h4 {
margin: 6px auto 10px auto;
@@ -243,6 +252,7 @@ h4 {
font-weight: 400;
transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto Mono', monospace;
+ text-transform: uppercase;
}
h5 {
margin: 6px auto 10px auto;
@@ -253,11 +263,11 @@ h5 {
font-family: 'Roboto Mono', monospace;
}
.content h3 a {
- color: #888;
+ color: #333;
text-decoration: none;
}
.desktop .content h3 a:hover {
- color: #fff;
+ color: #111;
text-decoration: underline;
}
.right-sidebar h3 {
@@ -272,12 +282,15 @@ h5 {
.right-sidebar ul li a {
border-bottom: 0;
}
+.right-sidebar ul li:last-child{
+ border-bottom: 0;
+}
th, .gray {
font-family: 'Roboto', monospace;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .15rem;
- color: #777;
+ color: #333;
}
th, .gray {
font-size: 9pt;
@@ -354,10 +367,10 @@ section {
}
section p {
margin: 10px auto 20px auto;
- line-height: 1.9rem;
- font-size: 17px;
+ line-height: 1.95rem;
+ font-size: 16px;
font-weight: 400;
- color: #cdcdcd;
+ color: #111;
}
section ul {
margin: 10px auto 20px auto;
@@ -367,22 +380,44 @@ section h1, section h2, section h3, section h4, section h5, section h6, section
max-width: 720px;
}
-.content-dataset section:nth-child(2) p:first-child{
- font-size:19px;
+.content-dataset-list section:nth-child(1) p:nth-child(2){
+ font-size:22px;
+ line-height:34px;
+}
+.content-dataset section:nth-child(4) p:nth-child(2){
+ font-size:18px;
+ line-height: 34px;
+ color:#000;
+}
+.content-dataset section:nth-child(3) p:nth-child(2) {
+ /* highlight news text */
+ /*font-style: italic;*/
+ font-weight: 400;
+ color:#f00;
+}
+.content-dataset section:nth-child(3) p:nth-child(2) a{
+ /* highlight news text */
+ color:#f00;
+ border-bottom: 1px solid #f00;
+}
+.content-dataset section:nth-child(3) p:nth-child(2) a:hover{
+ /* highlight news text */
+ color:#f00;
+ border-bottom: 1px solid #f00;
}
p.subp{
font-size: 14px;
}
.content a {
- color: #dedede;
+ color: #333;
text-decoration: none;
- border-bottom: 2px solid #666;
+ border-bottom: 1px solid #333;
padding-bottom: 1px;
transition: color 0.1s cubic-bezier(0,0,1,1);
}
.desktop .content a:hover {
- color: #fff;
- border-bottom: 2px solid #ccc;
+ color: #111;
+ border-bottom: 1px solid #111;
}
/* top of post metadata */
@@ -393,7 +428,7 @@ p.subp{
justify-content: flex-start;
align-items: flex-start;
font-size: 12px;
- color: #ccc;
+ color: #111;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
margin-right: 20px;
@@ -412,7 +447,6 @@ p.subp{
float: right;
width: 200px;
margin: 0px 20px 20px 20px;
- padding-top: 12px;
padding-left: 20px;
border-left: 1px solid #333;
font-family: 'Roboto';
@@ -442,7 +476,10 @@ p.subp{
border-bottom: 1px solid #333;
padding:10px 10px 10px 0;
margin: 0 4px 4px 0;
- color: #bbb;
+ color: #111;
+}
+.right-sidebar .meta:last-child{
+ border-bottom: 0;
}
.right-sidebar ul {
margin-bottom: 10px;
@@ -471,15 +508,14 @@ p.subp{
/* lists */
ul {
- list-style-type: none;
+ list-style-type: square;
margin: 0 0 30px 0;
padding: 0;
}
ul li {
margin-bottom: 8px;
- color: #dedede;
font-weight: 400;
- font-size: 14px;
+ font-size: 15px;
}
/* misc formatting */
@@ -497,8 +533,9 @@ pre {
border-radius: 2px;
padding: 10px;
display: block;
- background: #333;
+ background: #ddd;
overflow: auto
+ /*margin-bottom: 10px;*/
}
pre code {
display: block;
@@ -533,10 +570,10 @@ table tr td{
font-size:12px;
}
table tbody tr:nth-child(odd){
- background-color:#292929;
+ background-color:#ebebeb;
}
table tbody tr:nth-child(even){
- background-color:#333;
+ background-color:#ccc;
}
hr {
@@ -604,8 +641,8 @@ ul.footnotes p {
font-family: 'Roboto Mono', monospace;
font-weight: 400;
text-transform: uppercase;
- color: #666;
- font-size: 11pt;
+ color: #333;
+ font-size: 12pt;
}
/* images */
@@ -670,22 +707,24 @@ section.fullwidth .image {
}
.image .caption.intro-caption{
text-align: center;
+ color:#666;
}
.caption {
text-align: center;
font-size: 10pt;
- color: #999;
+ line-height: 14pt;
+ color: #333;
max-width: 960px;
margin: 10px auto 10px auto;
font-family: 'Roboto';
}
.caption a {
- color: #ccc;
- border: 0;
+ color: #333;
+ border-bottom: 1px solid #333;
}
.desktop .caption a:hover {
- color: #fff;
- border: 0;
+ color: #111;
+ border-bottom: 1px solid #111;
}
@@ -873,7 +912,7 @@ section.fullwidth .image {
.dataset-list .dataset {
width: 300px;
padding: 12px;
- color: white;
+ color: #000;
font-weight: 400;
font-family: 'Roboto';
position: relative;
@@ -884,21 +923,22 @@ section.fullwidth .image {
height: 178px;
}
.desktop .content .dataset-list a {
- border: 1px solid #333;
+ border: 1px solid #999;
}
.desktop .dataset-list a:hover {
- border: 1px solid #666;
+ border: 1px solid #000;
}
.dataset-list .fields {
font-size: 12px;
- color: #ccc;
+ line-height: 17px;
+ color: #333;
}
.dataset-list .dataset .title{
font-size: 16px;
line-height: 20px;
margin-bottom: 4px;
- font-weight: 400;
+ font-weight: 500;
display: block;
}
.dataset-list .fields div {
@@ -965,7 +1005,7 @@ section.intro_section {
justify-content: center;
align-items: center;
background-color: #111111;
- margin-bottom: 20px;
+ /*margin-bottom: 20px;*/
padding: 0;
}
.intro_section .inner {
@@ -1091,7 +1131,8 @@ ul.map-legend li:before {
}
ul.map-legend li.active {
text-decoration: underline;
- color: #fff;
+ color: #000;
+ font-weight: 500;
}
ul.map-legend li.edu:before {
background-color: #f2f293;
@@ -1118,7 +1159,7 @@ ul.map-legend li.source:before {
}
.content-about {
- color: #fff;
+ /*color: #fff;*/
}
.content-about p {
font-size: 16px;
@@ -1128,8 +1169,8 @@ ul.map-legend li.source:before {
font-weight: 300;
}
.content-about section:first-of-type > p:first-of-type {
- font-size: 22px;
- line-height: 40px;
+ font-size: 26px;
+ line-height: 42px;
}
.content-about .about-menu ul li {
display: inline-block;
@@ -1141,12 +1182,13 @@ ul.map-legend li.source:before {
}
.content-about .about-menu ul li a {
border-bottom: 0;
- color: #aaa;
+ color: #555;
}
.content-about .about-menu ul li a.current {
- border-bottom: 1px solid #ddd;
- color: #ddd;
+ border-bottom: 1px solid #000;
+ color: #000;
+ font-weight: 500;
}
/* columns */
@@ -1231,13 +1273,13 @@ ul.map-legend li.source:before {
/* footnotes */
a.footnote {
- font-size: 9px;
+ font-size: 10px;
line-height: 0px;
position: relative;
/*display: inline-block;*/
bottom: 7px;
text-decoration: none;
- color: #ff8;
+ color: #333;
border: 0;
left: -1px;
transition-duration: 0s;
@@ -1255,14 +1297,14 @@ a.footnote_shim {
}
.desktop a.footnote:hover {
/*background-color: #ff8;*/
- color: #fff;
+ color: #000;
border: 0;
}
.backlinks {
margin-right: 10px;
}
.content .backlinks a {
- color: #ff8;
+ color: #333;
font-size: 10px;
text-decoration: none;
border: 0;
diff --git a/site/assets/css/tabulator.css b/site/assets/css/tabulator.css
index d7a3fab3..baf44536 100755
--- a/site/assets/css/tabulator.css
+++ b/site/assets/css/tabulator.css
@@ -1,7 +1,7 @@
/* Tabulator v4.1.3 (c) Oliver Folkerd */
.tabulator {
position: relative;
- font-size: 13px;
+ font-size: 12px;
text-align: left;
overflow: hidden;
-ms-transform: translatez(0);
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 17:16:16 +0000