Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update ggis styling
Browse files Browse the repository at this point in the history
meomancer committed May 15, 2024
1 parent 0e0f52e commit 31f41fb
Showing 14 changed files with 232 additions and 76 deletions.
2 changes: 1 addition & 1 deletion deployment/.env
Original file line number Diff line number Diff line change
@@ -248,7 +248,7 @@ PYTHONPATH=/home/web/django_project:/geonode
USE_DEFAULT_GEOSERVER_STYLE=False
INITIAL_FIXTURES=True

VERSION=4.5.1
VERSION=4.6.0
ISTSOS_VERSION=2.4.1-4

# ------ GEOSERVER ------
151 changes: 109 additions & 42 deletions django_project/igrac/static/css/base-igrac.css
Original file line number Diff line number Diff line change
@@ -1,16 +1,23 @@
@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');
@import url('https://fonts.cdnfonts.com/css/baskerville');
html {
height: 100%;
}

:root {
--white: #fff;
--primary: #2c689c;
--secondary: #ff6b0d;
--primaryBold: #005198
--white-font: #F8F0DF;
--primary: #08384F;
--bg-hover-color: #00A5B6;
--secondary: #00777D;
--primary-bold: #08384F;
--gn-font-family-base: "Montserrat", sans-serif;
--font-medium: 500;
--font-semi-bold: 600;
}

body {
font-family: nimbus-sans, sans-serif;
font-family: var(--gn-font-family-base) !important;
}

body.igrac-home {
@@ -82,6 +89,11 @@ body.igrac-home {
padding: 5px 0;
}

header #logo-branding {
padding: 2px 0;
margin-top: -10px;
}

.navbar-nav > li > a {
padding-top: 14px !important;
padding-bottom: 14px !important;
@@ -134,13 +146,19 @@ h1, h2, h5 {
.banner-text h2 {
font-size: 36px;
margin-bottom: 20px;
font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
text-transform: uppercase;
}

.banner-text a {
color: #fff;
text-decoration: underline;
}

.banner-text p {
font-family: 'Baskerville', sans-serif;
}

.banner-text a:hover {
color: #f18903;
text-decoration: underline;
@@ -168,27 +186,32 @@ h1, h2, h5 {
justify-content: space-between;
}

.btn.btn-orange {
color: #fff;
border: 1px solid #ff6b0d;
background: #ff6b0d;
.msgapi .btn-primary {
background: var(--white);
color: var(--primary-bold);
border: var(--white);
}

.btn.btn-orange:hover, .btn.btn-orange:focus {
color: #ff6b0d;
background: white;
box-shadow: inset 12em 0 0 0 #fff;
.msgapi form .btn-primary,
.btn.btn-orange {
font-weight: var(--font-medium);
color: var(--white-font);
border: 1px solid var(--secondary);
background: var(--secondary);
}

.btn.btn-blue {
color: #fff;
border: 1px solid #005198;
background: #005198;
color: var(--white-font);
border: 1px solid var(--primary);
background: var(--primary);
}

form .btn-primary:hover, form .btn-primary:focus,
.btn.btn-orange:hover, .btn.btn-orange:focus,
.btn.btn-blue:hover, .btn.btn-blue:focus {
color: #005198;
background-color: white;
color: white !important;
border: 1px solid var(--bg-hover-color) !important;;
background: var(--bg-hover-color) !important;;
}

.btn.btn-white {
@@ -376,23 +399,6 @@ h1, h2, h5 {
margin-right: 20px;
}

.msgapi .btn-primary {
background: var(--white);
color: var(--primaryBold);
border: var(--white);
}

form .btn-primary {
color: #fff !important;
background-color: #2c689c !important;
border-color: #265a88 !important;
}

form .btn-primary:hover {
background-color: var(--secondary) !important;
box-shadow: unset !important;
}

form .row {
display: flex;
margin-left: 0 !important;
@@ -401,7 +407,12 @@ form .row {


.footer-item {
color: var(--primaryBold)
color: var(--primary-bold)
}

.footer-item[target] {
padding-top: 0 !important;
margin-top: 2px;
}

.msgapi .btn-primary:hover,
@@ -412,19 +423,20 @@ form .row {
.msgapi .open > .dropdown-toggle.btn-primary,
.msgapi .open > .dropdown-toggle.btn-primary:focus,
.dropdown-menu a:focus {
color: var(--white-font);
background-color: var(--secondary);
box-shadow: unset !important;
}


.msgapi .btn-primary:focus {
background-color: white;
color: var(--primaryBold);
color: var(--primary-bold);
}

.msgapi body,
[data-ms2-container] {
font-family: nimbus-sans, sans-serif !important;
font-family: var(--gn-font-family-base) !important;
-ms-text-size-adjust: 100% !important;;
-webkit-text-size-adjust: 100% !important;;
}
@@ -449,6 +461,27 @@ form .row {
background-color: #f2f0f0;
}

.msgapi .gn-resource-card .card-title a {
color: var(--primary);
font-weight: bold;
font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
}

.gn-home-section .gn-card-description {
white-space: initial !important;
font-family: 'Baskerville', sans-serif;
}

.map-abstract {
font-family: 'Baskerville', sans-serif;
font-size: .69rem;
}

.gn-home-section .map-abstract {
height: 100px !important;
overflow-y: auto !important;
}

.gn-search-bar-li {
padding-right: 1rem !important;
}
@@ -465,6 +498,7 @@ form .row {

.gn-user-menu-dropdown button:hover,
.gn-user-menu-dropdown button:focus {
color: var(--white-font);
background-color: var(--secondary) !important;
}

@@ -553,22 +587,23 @@ form .row {
}

.dropdown-menu {
background-color: #2c689c !important;
border-top: 1px solid #2c689c !important;
background-color: var(--secondary) !important;
border-top: 1px solid var(--secondary) !important;
border: unset !important;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
background-color: #ff6b0d !important;
color: white !important;
background-color: var(--bg-hover-color) !important;
}

.dropdown-menu a {
color: white !important;
color: var(--white-font) !important;
}

.dropdown-menu .divider {
background-color: #204d74 !important;
background-color: var(--primary) !important;
}

/*.dropdown-submenu>.dropdown-menu {*/
@@ -656,4 +691,36 @@ form .row {

#footer-attribution-container .ol-attribution {
padding: 4px 2px;
}

.msgapi a {
color: var(--primary)
}

.explore-viewer-title {
font-size: 30px !important;
font-weight: 700 !important;
margin: 25px 10px 15px !important;
color: var(--secondary) !important;
text-transform: uppercase;
font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
}

.msgapi .gn-action-navbar-title {
background-color: var(--primary);
color: var(--white-font);
}

.toc-group-title {
font-weight: var(--font-semi-bold);
}

.form-group strong,
.form-group label,
.gn-filter-form-group-title strong {
color: var(--secondary);
font-weight: var(--font-semi-bold);
}
.form-group ul label {
color: black;
}
24 changes: 2 additions & 22 deletions django_project/igrac/static/css/default.css
Original file line number Diff line number Diff line change
@@ -57,7 +57,7 @@ table {
/****** Main CSS *******/
body {
font-size: 16px;
font-family: nimbus-sans, sans-serif;
font-family: var(--gn-font-family-base);
font-weight: 300;
font-style: normal;
}
@@ -181,8 +181,8 @@ body {
}

#gn-topbar .dropdown-menu>li>a:focus, #gn-topbar .dropdown-menu>li>a:hover {
color: var(--white-font);
background-color: var(--secondary);
color: var(--white);
}

#branding, .branding {
@@ -305,26 +305,6 @@ body {
margin-top: 20px !important;
}

.msgapi .gn-resource-card .card-title a {
color: var(--primary);
}

.explore-viewer-title {
font-size: 30px !important;
font-weight: 700 !important;
margin: 25px 10px 15px !important;
color: var(--primaryBold) !important;
}

.gn-home-section .gn-card-description {
white-space: initial !important;
}

.gn-home-section .map-abstract {
height: 50px !important;
overflow-y: auto !important;
}

.gn-home-section .gn-resource-card .card-body {
pointer-events: unset;
}
2 changes: 1 addition & 1 deletion django_project/igrac/static/css/manual-page-style.css
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@ body {
body {
padding-top: 0;
width: 100%;
font-family: nimbus-sans, sans-serif;
font-family: var(--gn-font-family-base) !important;
}

#wrap {
Loading

0 comments on commit 31f41fb

Please sign in to comment.