summaryrefslogtreecommitdiff
path: root/site/assets
diff options
context:
space:
mode:
Diffstat (limited to 'site/assets')
-rw-r--r--site/assets/css/applets.css10
-rw-r--r--site/assets/css/css.css130
-rw-r--r--site/assets/css/splash.css9
-rw-r--r--site/assets/img/megapixels_logo.svg14
-rwxr-xr-x[-rw-r--r--]site/assets/img/megapixels_logo_white.svg10
5 files changed, 112 insertions, 61 deletions
diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css
index e84fcfc2..d3ca75c0 100644
--- a/site/assets/css/applets.css
+++ b/site/assets/css/applets.css
@@ -134,6 +134,8 @@
max-width: 40px;
}
+/* map */
+
.map, .map .applet {
height: 500px;
}
@@ -162,6 +164,14 @@
.desktop .map_cover:hover {
opacity: 1;
}
+.leaflet-popup-content a {
+ color: #0078A8;
+ border-bottom: 1px solid rgba(0, 128, 160, 0.4);
+}
+.desktop .leaflet-popup-content a:hover {
+ color: #0078A8;
+ border-bottom: 1px solid rgba(0, 128, 160, 0.9);
+}
/* tabulator */
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index b8798cd9..e019e819 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -11,10 +11,11 @@ html, body {
html {
background: #181818;
}
-
+a {outline : none;}
+img {border : 0;}
.content {
opacity: 0;
- transition: opacity 0.2s cubic-bezier(0,1,1,1);
+ transition: opacity 0.1s cubic-bezier(0,1,1,1);
}
html.desktop .content,
html.mobile .content {
@@ -48,16 +49,28 @@ header .logo {
background-image: url(../img/megapixels_logo_white.svg);
background-size: contain;
background-repeat: no-repeat;
- margin-top: 7px;
- margin-right: 10px;
- width: 39px;
- height: 30px;
+ margin-top: 0px;
+ margin-right: 8px;
+ width: 20px;
+ height: 20px;
}
header .site_name {
font-family: 'Roboto', sans-serif;
- font-weight: bold;
+ font-weight: 600;
+ text-transform: uppercase;;
color: #fff;
- font-size: 14px;
+ font-size: 12px;
+ line-height: 12px;
+ letter-spacing: 4px;
+}
+header .site_name.splash{
+ font-size: 20px;
+ line-height: 20px;
+ font-weight: 400;
+}
+header .links{
+ font-size: 18px;
+ line-height: 18px;
}
header .sub {
margin-left: 4px;
@@ -82,25 +95,30 @@ header .links {
header .links span,
header .links a {
display: block;
- color: #777;
+ color: #d7ba5a;
text-decoration: none;
text-transform: uppercase;
margin-right: 32px;
- transition: color 0.1s cubic-bezier(0,0,1,1), border-color 0.1s cubic-bezier(0,0,1,1);
+ transition: color 0.1s cubic-bezier(0,0,1,1), border-color 0.05s cubic-bezier(0,0,1,1);
border-bottom: 1px solid rgba(255,255,255,0);
padding: 3px;
- font-weight: 500;
+ font-weight: 400;
}
header .links a.active {
- color: #bbb;
+ color: #f3c266;
+ border-bottom: 1px solid rgba(240,200,150,255);
}
.desktop header .links a:hover {
- color: #fff;
- border-bottom: 1px solid rgba(255,255,255,255);
+ color: #e9bb5f;
+ border-bottom: 1px solid rgba(240,200,150,255);
}
.desktop header .links a.active:hover {
- color: #fff;
- border-bottom: 1px solid rgba(255,255,255,255);
+ color: #e9bb5f;
+ border-bottom: 1px solid rgba(240,200,150,255);
+}
+header .links.splash{
+ font-size:22px;
+ font-weight: 400;
}
/* footer */
@@ -129,7 +147,7 @@ footer > div:nth-child(2) {
footer a {
display: inline-block;
color: #888;
- transition: color 0.2s cubic-bezier(0,0,1,1);
+ transition: color 0.1s cubic-bezier(0,0,1,1);
margin-right: 5px;
}
footer a:hover {
@@ -144,7 +162,7 @@ h1 {
font-size: 28pt;
margin: 75px 0 10px;
padding: 0;
- transition: color 0.2s cubic-bezier(0,0,1,1);
+ transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto';
}
h2 {
@@ -153,15 +171,15 @@ h2 {
font-size: 28pt;
margin: 20px 0 10px;
padding: 0;
- transition: color 0.2s cubic-bezier(0,0,1,1);
+ transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto';
}
h3 {
margin: 0 0 20px 0;
padding: 20px 0 0 0;
- font-size: 16pt;
+ font-size: 18pt;
font-weight: 500;
- transition: color 0.2s cubic-bezier(0,0,1,1);
+ transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto';
}
h4 {
@@ -169,7 +187,7 @@ h4 {
padding: 0;
font-size: 11pt;
font-weight: 500;
- transition: color 0.2s cubic-bezier(0,0,1,1);
+ transition: color 0.1s cubic-bezier(0,0,1,1);
font-family: 'Roboto';
}
.content h3 a {
@@ -206,7 +224,7 @@ th, .gray {
/* content */
.content {
- padding-top: 70px;
+ padding-top: 28px;
padding-bottom: 100px;
min-height: calc(100vh - 55px);
line-height: 1.5;
@@ -227,7 +245,7 @@ section {
line-height: 36px;
}
p {
- margin: 0 0 20px 0;
+ margin: 0 10px 20px 0;
line-height: 2;
font-size: 16px;
font-weight: 300;
@@ -236,7 +254,7 @@ p {
color: #fff;
text-decoration: none;
border-bottom: 1px dashed;
- transition: color 0.2s cubic-bezier(0,0,1,1);
+ transition: color 0.1s cubic-bezier(0,0,1,1);
}
.desktop .content a:hover {
color: #fff;
@@ -278,7 +296,7 @@ p {
padding-top: 10px;
padding-right: 20px;
margin-right: 20px;
- margin-bottom: 10px;
+ margin-bottom: 30px;
/*border-right: 1px solid #444;*/
font-family: 'Roboto';
font-size: 14px;
@@ -386,7 +404,7 @@ section img {
margin: 0 auto;
}
section .image {
- margin-bottom: 40px;
+ margin-bottom: 20px;
}
section.images {
display: flex;
@@ -440,12 +458,20 @@ section.fullwidth .image {
}
.caption {
text-align: left;
- font-size: 9pt;
+ font-size: 10pt;
color: #999;
max-width: 960px;
margin: 10px auto 10px auto;
font-family: 'Roboto';
}
+.caption a{
+ color:#ccc;
+ border: 0;
+}
+.caption a:hover{
+ color:#fff;
+ border: 0;
+}
.sideimage {
margin: 0px 0 40px 0;
display: flex;
@@ -595,8 +621,8 @@ section.fullwidth .image {
height: 140px;
padding: 10px;
color: white;
- font-weight: 300;
- font-family: 'Roboto Mono'
+ font-weight: 400;
+ font-family: 'Roboto'
}
.desktop .content .dataset-list a{
border:none;
@@ -632,6 +658,7 @@ section.intro_section {
justify-content: center;
align-items: center;
background-color: #111111;
+ margin-bottom: 30px;
}
.intro_section .inner {
max-width: 960px;
@@ -648,13 +675,19 @@ section.intro_section {
font-size: 17px;
line-height: 36px;
max-width: 680px;
- font-weight: 400;
+ font-weight: 300;
color: #ddd;
}
-.intro_section div > span {
- box-shadow: -10px -10px #181818, 10px -10px #181818, 10px 10px #181818, -10px 10px #181818;
+.intro_section .hero_desc .bgpad {
+ box-shadow: -7px -7px #181818, 7px -7px #181818, 7px 7px #181818, -7px 7px #181818;
background: #181818;
}
+.intro_section .hero_subdesc .bgpad {
+ box-shadow: -8px -8px #181818, 8px -8px #181818, 8px 8px #181818, -8px 8px #181818;
+ background: #181818;
+}
+
+
.firefox .intro_section div > span {
box-decoration-break: clone;
}
@@ -669,6 +702,29 @@ page-specific formatting
margin-bottom: 10px
}
+.hr-wave-holder {
+ /* Clip edges, as some of the lines don't terminate nicely. */
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+ height: 50px;
+ margin-top:100px;
+}
+
+.hr-wave-line1 {
+ background: linear-gradient(45deg, transparent, transparent 49%, #fff 49%, transparent 51%);
+}
+.hr-wave-line2 {
+ background: linear-gradient(-45deg, transparent, transparent 49%, #fff 49%, transparent 51%);
+}
+.hr-wave-line {
+ background-size: 20px 20px;
+ position: absolute;
+ width: 100%;
+ height: 10px;
+}
+
+
/* map */
.map-legend-item{
@@ -692,14 +748,16 @@ page-specific formatting
}
.content-about .about-menu ul li{
display:inline-block;
- font-size: 12px;
+ font-size: 14px;
font-weight: 400;
- margin-right: 5px;
+ margin-right: 8px;
text-transform: uppercase;
- margin-right: 10px
+ margin-right: 15px;
+ font-family: 'Roboto';
}
.content-about .about-menu ul li a{
border-bottom: 0;
+ color: #aaa;
}
diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css
index 9dd5afba..8b07918b 100644
--- a/site/assets/css/splash.css
+++ b/site/assets/css/splash.css
@@ -18,14 +18,15 @@ footer {
footer div {
z-index: 2;
}
-header, footer {
- text-shadow: 0 0 5px #191919, 0 0 5px #191919, 0 0 5px #191919;
+footer {
+ /*text-shadow: 0 0 5px #191919, 0 0 5px #191919, 0 0 5px #191919;*/
+ background: #111;
}
header > div a,
footer > div {
- background: rgba(25, 25, 25, 0.8);
+ /*background: rgba(25, 25, 25, 0.8);
padding: 3px;
- border-radius: 2px;
+ border-radius: 2px;*/
}
header .links a.activeLink {
color: white;
diff --git a/site/assets/img/megapixels_logo.svg b/site/assets/img/megapixels_logo.svg
deleted file mode 100644
index a9b7eff2..00000000
--- a/site/assets/img/megapixels_logo.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="92.718px" height="58.333px" viewBox="0 0 92.718 58.333" enable-background="new 0 0 92.718 58.333" xml:space="preserve">
-<g>
- <polygon fill="#000001" points="66.937,28.509 71.575,23.871 76.214,28.509 78.942,25.78 74.304,21.142 78.942,16.503
- 76.214,13.774 71.575,18.413 66.937,13.774 64.208,16.503 68.847,21.142 64.208,25.78 "/>
- <polygon fill="#000001" points="34.288,0 27.144,0 17.144,0 10,0 0.144,0 0,0 0,44 10,44 10,10 17.144,10 17.144,44 27.144,44
- 27.144,10 34.288,10 34.288,44 44.288,44 44.288,0 44.144,0 "/>
- <path fill="#000001" d="M92.717,0h-10H60.432h-9.999h-0.001v16.049v26.235v16.049h10V42.284h22.286h10h0L92.717,0L92.717,0z
- M82.718,32.284H60.432V16.049V10h22.286V32.284z"/>
-</g>
-</svg>
diff --git a/site/assets/img/megapixels_logo_white.svg b/site/assets/img/megapixels_logo_white.svg
index 061e30ab..00aa430f 100644..100755
--- a/site/assets/img/megapixels_logo_white.svg
+++ b/site/assets/img/megapixels_logo_white.svg
@@ -2,13 +2,9 @@
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="92.718px" height="58.333px" viewBox="0 0 92.718 58.333" enable-background="new 0 0 92.718 58.333" xml:space="preserve">
+ width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
<g>
- <polygon fill="#ffffff" points="66.937,28.509 71.575,23.871 76.214,28.509 78.942,25.78 74.304,21.142 78.942,16.503
- 76.214,13.774 71.575,18.413 66.937,13.774 64.208,16.503 68.847,21.142 64.208,25.78 "/>
- <polygon fill="#ffffff" points="34.288,0 27.144,0 17.144,0 10,0 0.144,0 0,0 0,44 10,44 10,10 17.144,10 17.144,44 27.144,44
- 27.144,10 34.288,10 34.288,44 44.288,44 44.288,0 44.144,0 "/>
- <path fill="#ffffff" d="M92.717,0h-10H60.432h-9.999h-0.001v16.049v26.235v16.049h10V42.284h22.286h10h0L92.717,0L92.717,0z
- M82.718,32.284H60.432V16.049V10h22.286V32.284z"/>
+ <rect x="9.833" y="9.833" fill="#FFFFFF" width="10.334" height="10.333"/>
+ <path fill="#FFFFFF" d="M0,0v30h30V0H0z M25,25.002H5V4.999h20V25.002z"/>
</g>
</svg>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 22:17:47 +0000