diff --git a/src/App/App.css b/src/App/App.css index ce3b5f3e9dfdc9bd80c411e5a393c4aa45cfbd5a..66f993906c1dc3a8cea1d59d6fff6ec728228050 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -86,10 +86,7 @@ color: #493843; } - body.dark-mode { - background-color: var(--offblack); - color: white; - } + p { text-align: justify; @@ -145,9 +142,7 @@ color: var(--text-primary); } - .active-scroll-spy { - background-color: yellowgreen !important; - } + @@ -201,10 +196,10 @@ overflow-wrap: break-word; } - .fullsize { + /* .fullsize { max-height: 100% !important; max-width: 100% !important; - } + } */ .header-container { padding-top: 380px; @@ -217,13 +212,6 @@ margin: 0% !important; } - .v-align-m { - vertical-align: middle !important; - } - - .fit-cont { - max-width: fit-content; - } .center { display: flex !important; @@ -249,15 +237,6 @@ /* * * * * * * */ - .nav-link { - color: var(--text-primary) !important; - } - - .nav-link:hover { - color: white !important; - background-color: var(--text-primary) !important; - border-radius: 7px; - } .navbar { backdrop-filter: blur(5px); @@ -269,30 +248,16 @@ padding-bottom: 1rem; } - .dropdown-item { - color: var(--text-primary) !important; - } - - .dropdown-item:hover { - color: white !important; - background-color: var(--text-primary) !important; - } + - .nav-item.dropdown:hover .dropdown-menu { + .nav-item.dropdown:hover { display: block; background-color: white; border-color: var(--text-primary); border-radius: 7px; } - .navbar-brand { - color: var(--text-primary) !important; - } - - .dropdown-menu { - margin-top: 0 !important; - } - + /* TABLES */ @@ -344,10 +309,7 @@ background-color: var(--text-primary) !important; } - .bg-l { - background-color: var(--text-primary) !important; - color: white; - } + .bg-transp { background: transparent; @@ -478,42 +440,7 @@ background-color: var(--ourbeige); } - .bd-callout { - padding: 1.25rem; - margin-top: 1.25rem; - margin-bottom: 1.25rem; - border: 1px solid #e9ecef; - border-left-width: 0.25rem; - border-radius: 0.25rem; - } - - .bd-callout h4 { - margin-bottom: 0.25rem; - } - - .bd-callout p:last-child { - margin-bottom: 0; - } - - .bd-callout code { - border-radius: 0.25rem; - } - - .bd-callout + .bd-callout { - margin-top: -0.25rem; - } - - .bd-callout-info { - border-left-color: #ABD2FA; - } - - .bd-callout-warning { - border-left-color: #f0ad4e; - } - - .bd-callout-danger { - border-left-color: #d9534f; - } + @@ -667,11 +594,7 @@ max-width: 3vw; } - .hexagon { - clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); - } - - + /* * * * * * * */ @@ -734,7 +657,7 @@ - .dropdown:hover .dropdown-menu { + .dropdown:hover{ display: block; } } @@ -873,16 +796,9 @@ /* Headings */ - .revealUp { - opacity: 0; - visibility: hidden; - } - - .spacer { - height: 50vh; - background-color: #000; - } + + .hello:hover { position: absolute; top: 50%; @@ -1255,24 +1171,7 @@ font-weight: 500; font-size: .85rem; } - - .imageAtom { - object-fit: cover; - overflow: hidden; - width: 100%; - max-height: 400px; - } - - .imageCredit { - margin-top: 10px; - font-size: 0.85rem - } - - .imageText { - margin-bottom: 10px; - font-size: 1rem - } - + .events { padding: 10px } @@ -1281,14 +1180,6 @@ margin-bottom: 20px } - .date-col { - position: relative; - background-color: #fff; - padding: 10px; - width: 10%; - border-right: #000; - border-right-width: 2px; - } .card-col { width: 100%; @@ -1329,10 +1220,6 @@ /*PDF*/ - .container_document { - max-width: 40%; - } - .download-butt { background-color: var(--text-primary); padding: 0.5vw; @@ -1668,50 +1555,7 @@ margin: 15px auto 0; } - .wrapper .tabs_wrap { - padding: 20px; - border-bottom: 1px solid #ebedec; - } - - .wrapper .tabs_wrap ul { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - } - - .wrapper .tabs_wrap ul li { - list-style-type: none; - width: 135px; - text-align: center; - background: #e9ecf1; - border-right: 1px solid #c1c4c9; - padding: 13px 15px; - cursor: pointer; - -webkit-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; - } - - .wrapper .tabs_wrap ul li:first-child { - border-top-left-radius: 25px; - border-bottom-left-radius: 25px; - } - - .wrapper .tabs_wrap ul li:last-child { - border-right: 0px; - border-top-right-radius: 25px; - border-bottom-right-radius: 25px; - } - - .wrapper .tabs_wrap ul li:hover, - .wrapper .tabs_wrap ul li.active { - background: #7fc469; - color: #fff; - } - + .gall-a { --s: 200px; /* control the size */ @@ -1805,12 +1649,6 @@ font-size: xx-large; } - .team-container { - grid-template-columns: 100px 50px 100px; - grid-template-rows: 80px auto 80px; - column-gap: 10px; - row-gap: 15px; - } @@ -1855,17 +1693,7 @@ overflow: hidden; position: relative } - - .chart.vis-d3-maps-choropleth .label-buffer.svelte-u5v6p6, - .chart.vis-d3-maps-choropleth .label.svelte-u5v6p6 { - text-anchor: end - } - - .chart.vis-d3-maps-choropleth .rtl .label-buffer.svelte-u5v6p6, - .chart.vis-d3-maps-choropleth .rtl .label.svelte-u5v6p6 { - text-anchor: start - } - + .chart.vis-d3-maps-choropleth .inset-map-container svg { overflow: visible } @@ -1878,10 +1706,7 @@ stroke: none } - .chart.vis-d3-maps-choropleth .inset-map-container .graticule { - fill: none - } - + .chart.vis-d3-maps-choropleth .inset-map-container div.label { position: absolute; text-align: center @@ -1895,43 +1720,11 @@ text-shadow: none } - .chart.vis-d3-maps-choropleth .legend-container { - display: flex; - justify-content: start; - z-index: 1 - } - - .chart.vis-d3-maps-choropleth .legend-container.align-center { - justify-content: center - } - - .chart.vis-d3-maps-choropleth .legend-container[data-position*=inside] { - justify-content: start - } - - .chart.vis-d3-maps-choropleth .legend-container.align-center .legend-title { - text-align: center - } - - .chart.vis-d3-maps-choropleth .legend-container.align-center .category-legend.horizontal { - display: grid; - justify-items: center - } - - .chart.vis-d3-maps-choropleth .legend-container.align-center .size-legend[data-title-position=above], - .chart.vis-d3-maps-choropleth .legend-container.align-center .size-legend[data-title-position=below] { - align-items: center - } - + .chart.vis-d3-maps-choropleth .legend-combined { gap: 10px } - @media (max-width:449px) { - .chart.vis-d3-maps-choropleth .legend-container { - display: block - } - } .chart.vis-d3-maps-choropleth .map-key.mobile { background: #0000; @@ -2156,10 +1949,6 @@ pointer-events: none } - .chart.vis-d3-maps-choropleth .legend-container { - min-height: 10px - } - .chart.vis-d3-maps-choropleth .inset-map-container { opacity: 1; pointer-events: none;