summaryrefslogtreecommitdiff
path: root/site/assets
diff options
context:
space:
mode:
Diffstat (limited to 'site/assets')
-rw-r--r--site/assets/css/applets.css17
-rw-r--r--site/assets/css/css.css197
-rwxr-xr-xsite/assets/css/tabulator.css17
3 files changed, 152 insertions, 79 deletions
diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css
index e5c427b2..7fac3e27 100644
--- a/site/assets/css/applets.css
+++ b/site/assets/css/applets.css
@@ -3,6 +3,7 @@
.applet_container {
min-height: 340px;
clear: left;
+ margin: 20px auto 40px auto;
}
.applet_container.autosize {
min-height: 0;
@@ -168,6 +169,10 @@
.desktop .map_cover:hover {
opacity: 1;
}
+.leaflet-popup-content-wrapper {
+ max-height: 230px;
+ overflow-y: auto;
+}
.leaflet-popup-content a {
color: #0078A8;
border-bottom: 1px solid rgba(0, 128, 160, 0.4);
@@ -218,6 +223,10 @@
}
.piechart .chart > div {
width: 50%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
}
.piechart .chart .c3-chart-arc text {
fill: #fff;
@@ -227,4 +236,10 @@
}
.piechart .c3 path, .piechart .c3 line {
stroke: rgba(64,64,64,0.3);
-} \ No newline at end of file
+}
+.piechart .chartCaption {
+ color: #888;
+ 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 47fc0652..0ee8a4f3 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -4,7 +4,8 @@ html, body {
padding: 0;
width: 100%;
min-height: 100%;
- font-family: 'Roboto Mono', sans-serif;
+ /*font-family: 'Roboto Mono', sans-serif;*/
+ font-family: 'Roboto', sans-serif;
color: #eee;
overflow-x: hidden;
}
@@ -163,33 +164,33 @@ h1 {
margin: 75px 0 10px;
padding: 0;
transition: color 0.1s cubic-bezier(0,0,1,1);
- font-family: 'Roboto';
+ font-family: 'Roboto Mono', monospace;
}
h2 {
color: #eee;
font-weight: 400;
- font-size: 32pt;
- line-height: 43pt;
- margin: 20px 0 10px;
+ font-size: 32px;
+ line-height: 43px;
+ margin: 20px 0 20px;
padding: 0;
transition: color 0.1s cubic-bezier(0,0,1,1);
- font-family: 'Roboto';
+ font-family: 'Roboto Mono', monospace;
}
h3 {
margin: 0 0 20px 0;
padding: 20px 0 0 0;
font-size: 22pt;
- font-weight: 500;
+ font-weight: 400;
transition: color 0.1s cubic-bezier(0,0,1,1);
- font-family: 'Roboto';
+ font-family: 'Roboto Mono', monospace;
}
h4 {
margin: 0 0 10px 0;
padding: 0;
font-size: 11pt;
- font-weight: 500;
+ font-weight: 400;
transition: color 0.1s cubic-bezier(0,0,1,1);
- font-family: 'Roboto';
+ font-family: 'Roboto Mono', monospace;
}
.content h3 a {
color: #888;
@@ -212,11 +213,11 @@ h4 {
border-bottom: 0;
}
th, .gray {
- font-family: 'Roboto Mono', monospace;
+ font-family: 'Roboto', monospace;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .15rem;
- color: #999;
+ color: #777;
}
th, .gray {
font-size: 9pt;
@@ -248,8 +249,9 @@ section {
p {
margin: 0 10px 20px 0;
line-height: 2;
- font-size: 16px;
+ font-size: 18px;
font-weight: 300;
+ color: #dedede;
}
p.subp{
font-size: 14px;
@@ -272,18 +274,19 @@ p.subp{
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
- font-size: 14px;
+ font-size: 12px;
+ color: #ccc;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
}
.meta > div {
margin-right: 20px;
- line-height: 19px
+ line-height: 17px
/*font-size:11px;*/
}
.meta .gray {
font-size: 9pt;
- padding-bottom: 4px;
+ padding-bottom: 5px;
line-height: 14px
}
.right-sidebar {
@@ -303,7 +306,7 @@ p.subp{
padding-top: 10px;
padding-right: 20px;
/*margin-right: 20px;*/
- margin-bottom: 30px;
+ margin-bottom: 10px;
/*border-right: 1px solid #444;*/
font-family: 'Roboto';
font-size: 14px;
@@ -464,10 +467,10 @@ section.fullwidth .image {
text-align: center;
}
.image .caption.intro-caption{
- text-align: left;
+ text-align: center;
}
.caption {
- text-align: left;
+ text-align: center;
font-size: 10pt;
color: #999;
max-width: 960px;
@@ -484,50 +487,6 @@ section.fullwidth .image {
}
-/* about page */
-
-
-.flex-container {
- padding: 0;
- margin: 0;
- list-style: none;
-
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
-
- -webkit-flex-flow: row wrap;
- justify-content: space-around;
-}
-
-.team-photos-container{
- margin-top:40px;
-}
-.team-member {
- height: auto;
- margin-top: 10px;
- color: white;
- width: 400px;
- font-weight: bold;
- flex-grow: 1;
- margin:0 40px 0 0;
- padding:20px;
- border-radius:6px;
- background: #202020;
-}
-.team-member&:last-child{
- margin:0 0 0 40px;
-}
-.team-member p{
- font-size:14px;
-}
-.team-member img{
- margin:0;
- display: block;
-}
-
.sideimage {
margin: 0px 0 40px 0;
@@ -771,7 +730,7 @@ section.intro_section {
background-size: cover;
background-position: center left;
padding: 50px 0;
- /*min-height: 40vh;*/
+ min-height: 40vh;
display: flex;
justify-content: center;
align-items: center;
@@ -829,7 +788,7 @@ page-specific formatting
position: relative;
width: 100%;
height: 50px;
- margin-top:100px;
+ margin-top:50px;
}
.hr-wave-line1 {
@@ -848,39 +807,58 @@ page-specific formatting
/* map */
-.map-legend-item{
+ul.map-legend{
display: inline-block;
+ margin:0;
+}
+ul.map-legend li{
margin-right: 10px;
padding-top:4px;
+ display: inline-block;
}
-.map-legend-item:before {
+ul.map-legend li:before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
- /*margin-bottom: 2px;*/
margin-right: 6px;
}
-.map-legend-item.edu:before {
+ul.map-legend li.edu:before {
background-color: #f2f293;
}
-.map-legend-item.com:before {
+ul.map-legend li.com:before {
background-color: #3264f6;
}
-.map-legend-item.gov:before {
+ul.map-legend li.gov:before {
background-color: #f30000;
}
+ul.map-legend li.source:before {
+ content: none;
+ display: inline-block;
+ width: 0px;
+ margin-right: 10px;
+}
/* about */
.content-about {
color: #fff;
}
+.content-about p {
+ font-size: 16px;
+}
+.content-about ul{
+ font-size: 14px;
+ font-weight: 300;
+}
+.content-about section:first-of-type > p:first-of-type {
+ font-size: 23px;
+ line-height: 39px;
+}
.content-about .about-menu ul li {
display: inline-block;
font-size: 14px;
font-weight: 400;
- margin-right: 8px;
text-transform: uppercase;
margin-right: 15px;
font-family: 'Roboto';
@@ -895,6 +873,81 @@ page-specific formatting
color: #ddd;
}
+/* columns */
+
+.columns {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+.columns .column {
+ font-family: Roboto, sans-serif;
+ font-weight: 400;
+ background: #202020;
+ padding: 20px;
+ margin: 10px;
+}
+.columns .column:first-of-type {
+ margin-left: 0;
+}
+.columns-2 .column {
+ width: 50%;
+}
+.columns-3 .column {
+ width: 33%;
+}
+.columns-4 .column {
+ width: 25%;
+}
+
+/* about page */
+
+
+.flex-container {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+
+ -webkit-flex-flow: row wrap;
+ justify-content: space-around;
+}
+
+.content-about .team-photos-container{
+ margin:40px 0;
+}
+.content-about .team-member {
+ height: auto;
+ margin-top: 10px;
+ color: white;
+ width: 400px;
+ font-weight: bold;
+ flex-grow: 1;
+ margin:0 40px 0 0;
+ padding:20px;
+ border-radius:6px;
+ background: #202020;
+}
+.content-about .team-member&:last-child{
+ margin:0 0 0 40px;
+}
+.content-about .team-member p{
+ font-size:16px;
+}
+.content-about .team-member img{
+ margin:0;
+ display: block;
+}
+.content-about .team-member h3{
+ font-size:18px;
+}
+
+
/* footnotes */
diff --git a/site/assets/css/tabulator.css b/site/assets/css/tabulator.css
index 41c7ffa4..d26b5cfc 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: 14px;
+ font-size: 13px;
text-align: left;
overflow: hidden;
-ms-transform: translatez(0);
@@ -23,7 +23,7 @@
position: relative;
box-sizing: border-box;
width: 100%;
- border-bottom: 1px solid #999;
+ border-bottom: 1px solid #333;
color: #ddd;
white-space: nowrap;
overflow: hidden;
@@ -41,6 +41,7 @@
text-align: left;
vertical-align: bottom;
overflow: hidden;
+ padding: 5px 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
@@ -63,6 +64,9 @@
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
+ /* AH */
+ font-weight: 500;
+ font-size:14px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
@@ -76,13 +80,13 @@
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
display: inline-block;
position: absolute;
- top: 9px;
+ top: 11px;
right: 8px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid #bbb;
+ border-bottom: 6px solid #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
@@ -129,6 +133,7 @@
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
padding-right: 25px;
+ padding-left: 6px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
@@ -137,7 +142,7 @@
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow {
border-top: none;
- border-bottom: 6px solid #bbb;
+ border-bottom: 6px solid #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-arrow {
@@ -723,7 +728,7 @@
max-height: 200px;
background: #fff;
border: 1px solid #333;
- font-size: 14px;
+ font-size: 13px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 10000;
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-12 05:15:27 +0000