imerss-bioinfo 1.0.0

package/docs/css/imerss-viz-wp-overrides.css

@@ -0,0 +1,70 @@
+#sidebar {
+    display: none;
+}
+
+.et_boxed_layout #page-container,
+.et_fixed_nav.et_boxed_layout #page-container #top-header,
+.et_fixed_nav.et_boxed_layout #page-container #main-header,
+.et_boxed_layout #page-container .container,
+.et_boxed_layout #page-container .et_pb_row {
+    max-width: 2600px;
+}
+
+#main-content .container::before {
+    content: none;
+}
+
+
+.fl-imerss-container {
+    line-height: 1.4em;
+    margin: 0 1rem 0 1rem;
+}
+
+
+.fld-imerss-dataset-controls {
+    font-size: 16px;
+}
+
+table {
+    border: none !important;
+}
+
+#main-content .entry-content table td {
+    padding: 0 5px;
+}
+
+.fl-imerss-container .fld-imerss-checklist ul {
+    padding-bottom: 0;
+}
+
+.fld-imerss-taxonDisplay {
+    background: white;
+    width: 35%;
+    display: block; /* Without this, contents overflow with our extra margins */
+}
+
+.fl-imerss-taxa {
+    width: 100%;
+}
+
+.fl-imerss-tabs-and-search {
+    width: 65%;
+    margin-right: 1rem;
+}
+
+.fl-imerss-left-column {
+    width: auto;
+}
+
+.fld-taxonDisplay-expandable-remainder.fl-taxonDisplay-runon-remainder {
+    width: auto;
+    padding-right: 0;
+}
+
+#fli-tab-sunburst {
+    max-width: 850px;
+}
+
+.fl-taxonDisplay-expand {
+    margin-top: 2px;
+}

package/docs/css/pepiowelh.css

@@ -0,0 +1,76 @@
+.fl-imerss-datasets {
+    display: none;
+    width: 0;
+}
+
+.fl-imerss-left-column {
+    flex: 1 1 0;
+    width: unset;
+}
+
+.fld-imerss-map {
+    height: 100%;
+    max-height: 40rem;
+    min-width: 30rem;
+}
+
+.fl-imerss-map-and-taxa {
+    flex-direction: row;
+}
+
+.fld-imerss-tabs {
+    display: none;
+}
+
+.fl-imerss-tabs-and-search {
+    padding: 2rem;
+}
+
+.fl-imerss-container {
+    display: block;
+}
+
+.fld-imerss-map-holder {
+    flex: 1 1 0;
+    margin-bottom: 7.5%;
+    margin-top: 7.5%;
+    /* To ensure map does not peep out behind WE logo - revisit later */
+    max-height: 490px;
+    max-width: 550px
+;
+}
+
+.leaflet-tile-pane {
+    opacity: 0.8;
+}
+
+.flc-imerss-viz-dimens {
+    height: revert;
+    max-height: 40rem;
+}
+
+.fl-banner {
+    display: flex;
+    align-items: center;
+}
+
+.fl-banner span {
+    padding-left: 3rem;
+}
+
+.fld-imerss-we-overlay {
+    position: absolute;
+    cursor: pointer;
+    height: 120%;
+    width: 120%;
+    background: no-repeat url("../img/Pepiowelh/BlackNoWe2-wb-bb.png");
+    background-size: contain;
+    z-index: 999;
+    opacity: 1;
+    transition: opacity 2s;
+}
+
+.fl-imerss-taxa {
+    /** Ensure that WE logo pops under taxa to the right */
+    z-index: 1000;
+}

package/docs/css/xetthecum-external.css

@@ -0,0 +1,47 @@
+/* This is currently used primarily for Valdes map view which has dataset
+   controls but also Xetthecum-style panels
+ */
+
+:root {
+  --imerss-map-width: 500px;
+}
+
+.fld-imerss-map {
+    height: 350px;
+}
+
+.fld-imerss-panel-label {
+    display: none;
+}
+
+.fl-imerss-map-info-panel {
+    display: none;
+}
+
+.fl-imerss-left-column {
+    width: 900px;
+}
+
+.flc-imerss-svg {
+    margin-left: -80px;
+}
+
+.fld-imerss-taxonDisplay {
+    min-height: 800px;
+    height: auto;
+}
+
+.fld-imerss-taxonDisplay-wrapper {
+    position: sticky;
+    top: 0;
+}
+
+.fl-imerss-map-panel {
+    display: flex;
+    align-items: center;
+}
+
+tr:first-child .fl-imerss-obs-count-column,
+tr:first-child .fl-imerss-taxa-count-column {
+    font-size: smaller;
+}

package/docs/css/xetthecum-shared.css

@@ -0,0 +1,80 @@
+:root {
+  --imerss-map-width: 500px;
+  --imerss-eco-colour: #DEE0B0;
+  --imerss-map-colour: #DDE8C8;
+}
+
+body {
+    margin: 0;
+}
+
+.fl-xetthecum-banner {
+    background: #EDEFE9;
+    margin: 0;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+    padding-left: 1.5rem;
+    font-size: 2.5rem;
+    display: flex;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.fl-imerss-container {
+    margin: 1.5rem 0.5rem 0.5rem 0.5rem;
+}
+
+.fld-imerss-map-holder {
+    background: var(--imerss-map-colour);
+}
+
+.fl-imerss-map-panel {
+    padding: 1rem 0rem 2rem 2rem;
+}
+
+.fl-imerss-map-panel .fld-imerss-panel-label {
+    position: unset;
+    padding-bottom: 1.5rem;
+}
+
+.fld-imerss-map {
+    height: 450px;
+}
+
+.fld-imerss-taxonDisplay {
+    margin-top: 0;
+    width: auto;
+}
+
+.ui-widget-header { /* Override theme to avoid clutter in tab top */
+    background: none;
+    border: none;
+}
+
+.ui-widget-content {
+    border: none;
+}
+
+.ui-widget.ui-widget-content {
+    border: none;
+}
+
+#fli-tab-sunburst, #fli-tab-checklist, #fli-tab-simple-checklist {
+    background: var(--imerss-eco-colour);
+}
+
+.fld-imerss-taxonDisplay-wrapper {
+    background: var(--imerss-eco-colour);
+}
+
+.fld-imerss-tabs .ui-state-active.ui-tabs-active a {
+    background: var(--imerss-eco-colour);
+}
+
+.fld-imerss-tabs .ui-state-active.ui-tabs-tab {
+    background: var(--imerss-eco-colour);
+}
+
+.fld-imerss-map-outer-panel-wrapper {
+    background: var(--imerss-map-colour);
+}