@eeacms/volto-marine-policy 0.1.20

package/theme/extras/contextNavigation.variables

@@ -0,0 +1,32 @@
+/*******************************
+        Sidebar Nav
+*******************************/
+
+/* Header */
+@sidenavHeaderColor: @blue-grey-5;
+@sidenavHeaderFontSize: @font-size-3;
+@sidenavHeaderFontWeight: @font-weight-7;
+@sidenavHeaderPadding: @rem-space-4;
+@sidenavHeaderBorderBottom: @2px solid @blue-2;
+@sidenavHeaderIconMarginRight: @rem-space-4;
+
+/* Nav item */
+@sidenavItemPadding: @rem-space-2 0 @rem-space-2 @rem-space-8;
+@sidenavItemFontSize: @font-size-1;
+@sidenavItemFontWeight: @font-weight-4;
+@sidenavItemColor: @blue-grey-5;
+@sidenavItemHoverBackground: @blue-2;
+@sidenavItemHoverColor: @white;
+
+/* Content */
+@sidenavContentBorderBottom: 2px solid @white;
+
+/* Item active */
+@sidenavItemActiveColor: @blue-2;
+@sidenavItemActiveFontWeight: normal;
+@sidenavItemActiveColorHover: @grey-0;
+
+/* Folders - Level 1 */
+@sidenavFolderFontSize: @font-size-1;
+@sidenavFolderFontWeight: normal;
+@sidenavFolderItemPadding: @rem-space-3 0 @rem-space-3 @rem-space-3;

package/theme/extras/footer.variables

@@ -0,0 +1,6 @@
+/*******************************
+            Footer
+*******************************/
+
+// @mobileFooterBackgroundGrandient    : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
+// @computerFooterBackgroundGrandient  : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);

package/theme/extras/header.overrides

@@ -0,0 +1,20 @@
+/*----------------------------------------------------------------------------
+      HEADER MAIN BAR DESKTOP
+  ----------------------------------------------------------------------------*/
+
+#main {
+  .main.bar {
+    .ui.container {
+      .main-menu {
+        .item:first-child {
+          display: flex !important;
+        }
+      }
+    
+      .ui.text.menu {
+        flex-wrap: wrap;
+        justify-content: end;
+      }
+    }
+  }
+}

package/theme/extras/header.variables

@@ -0,0 +1,7 @@
+/*-----------------------
+   HEADER MAIN SECTION
+-----------------------*/
+
+/* Search box */
+// @searchBoxBackgroundGradient  : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
+// @megaMenuBackgroundColor      : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);

package/theme/extras/hero.overrides

@@ -0,0 +1,4 @@
+.styled-hero {
+  margin-top: 0;
+  margin-bottom: 0;
+}

package/theme/extras/inpageNavigation.variables

@@ -0,0 +1,5 @@
+/*******************************
+        Inpage Navigation
+*******************************/
+
+// @navBackground: @secondaryColor;

package/theme/extras/mixins.less

@@ -0,0 +1,8 @@
+.setFontSrc(@fontName, @fontWeight) {
+  src: url('@{themeFontPath}/@{fontName}/@{fontName}-@{fontWeight}.woff2')
+      format('woff2'),
+    url('@{themeFontPath}/@{fontName}/@{fontName}-@{fontWeight}.woff')
+      format('woff'),
+    url('@{themeFontPath}/@{fontName}/@{fontName}-@{fontWeight}.ttf')
+      format('ttf');
+}

package/theme/globals/site.overrides

@@ -0,0 +1,349 @@
+/*******************************
+        Global Overrides
+*******************************/
+
+#page-document > blockquote {
+  margin-right: revert !important;
+  margin-left: revert !important;
+}
+
+body {
+  .default.tabs {
+    .ui.text.container {
+      max-width: 100% !important;
+    }
+
+    .ui.segment {
+      background: initial;
+    }
+  }
+
+  // Content box primary table
+  .content-box:before {
+    width: 110vw;
+  }
+
+  .content-box.primary-table {
+    background-color: @primaryColor;
+
+    tr {
+      border-bottom: none !important;
+
+      th,
+      td {
+        border-left: 1px solid white !important;
+        color: white !important;
+      }
+
+      td:first-of-type,
+      th:first-of-type {
+        border-left: none !important;
+      }
+
+      th {
+        border-bottom: 1px solid white !important;
+      }
+
+      td {
+        border-top: 1px solid white !important;
+      }
+    }
+  }
+
+  // Header
+  @media only screen and (min-width: 992px) {
+    .eea.header .eea-logo {
+      max-width: 350px;
+    }
+  }
+
+  @media only screen and (min-width: 992px) {
+    .eea.header {
+      .ui.grid > .row > [class*='four wide computer'].column,
+      .ui.grid > .column.row > [class*='four wide computer'].column,
+      .ui.grid > [class*='four wide computer'].column,
+      .ui.column.grid > [class*='four wide computer'].column {
+        width: 33.33333333% !important;
+      }
+
+      .ui.grid > .row > [class*='eight wide computer'].column,
+      .ui.grid > .column.row > [class*='eight wide computer'].column,
+      .ui.grid > [class*='eight wide computer'].column,
+      .ui.column.grid > [class*='eight wide computer'].column {
+        width: 66.66666667% !important;
+      }
+    }
+  }
+
+  .hero-block-text p {
+    line-height: 2em;
+  }
+
+  .tableau-image-placeholder {
+    display: none;
+  }
+
+  .minipastanaga,
+  .pastanagalogo {
+    display: none;
+  }
+
+  .eea.header .top.bar {
+    line-height: 1em;
+  }
+
+  .subfooter .footer-description {
+    margin-top: 3em;
+    margin-bottom: 1em;
+
+    p {
+      font-size: 1.125rem;
+    }
+  }
+
+  .eea.banner .gradient .content .metadata {
+    display: flex;
+    gap: 1em;
+  }
+
+  .search-action {
+    background-color: @primaryColor;
+  }
+
+  .eea.banner {
+    background: @primaryColor;
+  }
+
+  #mega-menu {
+    background: @primaryColor;
+  }
+
+  #search-box {
+    background: linear-gradient(
+      13.69deg,
+      @darkPrimaryColor 1.17%,
+      @primaryColor 80%
+    );
+  }
+
+  footer {
+    background: linear-gradient(
+      212.33deg,
+      @primaryColor 6.78%,
+      @darkPrimaryColor 69.54%,
+      @darkPrimaryColor 98.23%
+    );
+  }
+}
+
+body.view-viewview.has-toolbar:not(.homepage) #mega-menu {
+  @media only screen and (min-width: @tabletBreakpoint) {
+    width: calc(100% - @toolbarWidth);
+  }
+
+  @media only screen and (min-width: @computerBreakpoint) {
+    padding-right: 10px;
+    padding-left: 10px;
+  }
+}
+
+body.view-viewview .imagecards-block.full {
+  right: 0px;
+  left: 0px;
+}
+
+body.view-viewview .full {
+  position: relative !important;
+  right: 50%;
+  left: 50%;
+  width: 100vw !important;
+  max-width: initial !important;
+  margin-right: -50vw !important;
+  margin-left: -50vw !important;
+
+  > div {
+    display: block;
+    width: 100% !important;
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+}
+
+.searchlib-block .sui-search-box {
+  max-width: 100% !important;
+}
+
+@media only screen and (min-width: @largeMonitorBreakpoint) {
+  .ui.container {
+    width: @largeMonitorWidth !important;
+  }
+}
+@media screen and (min-width: @largestMobileScreen) {
+  body.view-viewview.has-toolbar.has-sidebar {
+    .full > div {
+      width: calc(100% - (@toolbarWidth + @sidebarWidth)) !important;
+    }
+  }
+
+  body.view-viewview.has-toolbar.has-sidebar-collapsed {
+    .full > div {
+      width: calc(100% - (@toolbarWidth + @collapsedToolbarWidth)) !important;
+    }
+  }
+
+  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
+    .full > div {
+      width: calc(100% - @collapsedToolbarWidth) !important;
+    }
+  }
+
+  body.view-viewview.has-toolbar-collapsed.has-sidebar {
+    .full > div {
+      .full-width-block {
+        width: calc(100% - (@collapsedToolbarWidth + @sidebarWidth)) !important;
+      }
+    }
+  }
+
+  body.view-viewview.has-toolbar-collapsed.has-sidebar-collapsed {
+    .full > div {
+      width: calc(
+        100% - (@collapsedToolbarWidth + @collapsedToolbarWidth)
+      ) !important;
+    }
+  }
+}
+
+@media only screen and (max-width: 767px) {
+  body.view-viewview.has-toolbar-collapsed.has-sidebar-collapsed
+    .full.full-width-block,
+  body.view-viewview.has-toolbar.has-sidebar-collapsed .full.full-width-block {
+    width: 100% !important;
+  }
+}
+
+@media screen and (max-width: @largestMobileScreen) {
+  body.view-viewview.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed),
+  body.view-viewview.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
+    .full > div {
+      width: 100% !important;
+    }
+  }
+}
+
+.searchapp input:focus,
+.searchapp .sui-select__control--is-focused {
+  border: none !important;
+}
+
+body.searchlib-page .searchlib-block .back-link {
+  display: none;
+}
+
+.sui-search-box .search-input .terms-box .terms-box-left,
+.sui-search-box .search-input .terms-box input {
+  border-bottom: 2px solid @secondaryColor !important;
+}
+
+.sui-search-box .search-input .terms-box .terms-box-left .search-icon svg {
+  fill: @secondaryColor !important;
+}
+
+.sui-search-box .search-input .input-controls i.close.icon,
+.search-body-footer .ui.button.pagination-item.active,
+.searchlib-block .dropdown-facets-list .dropdown-facet .facet-title i.icon,
+.searchlib-block .dropdown-facets-list .ui.button.sui-button,
+.searchlib-block
+  .dropdown-facets-list
+  .dropdown-facet
+  .ui.button.basic.facet-btn.active
+  > .facet-title,
+body.searchlib-page
+  .searchlib-block
+  .above-results
+  .sorting
+  .inline.dropdown
+  > span {
+  color: @secondaryColor !important;
+}
+
+.sui-search-box .search-input .input-controls i.close.icon:before,
+.sui-search-box .search-input .input-controls i.close.icon:after,
+body.searchlib-page
+  .searchlib-block
+  .ui.segment.active-filter-list
+  .ui.label.filter-value
+  i.close.icon:before,
+body.searchlib-page
+  .searchlib-block
+  .ui.segment.active-filter-list
+  .ui.label.filter-value
+  i.close.icon:after {
+  background-color: @secondaryColor !important;
+}
+
+.search-body-footer .ui.button.pagination-item.active:after {
+  border-bottom: 5px solid @secondaryColor !important;
+}
+
+section .searchlib-block .ui.button.sui-button.basic {
+  display: none;
+}
+
+.sui-search-box .search-input .input-controls .clear-button {
+  border: 2px solid @secondaryColor !important;
+}
+
+// Custom page header
+#page-header .content-box {
+  margin-bottom: 0px;
+}
+
+body.custom-page-header #page-header {
+  margin-right: auto !important;
+  margin-left: auto !important;
+}
+
+body.custom-page-header .breadcrumbs {
+  background-color: #e6e7e8 !important;
+
+  .ui.breadcrumb ol li {
+    vertical-align: middle;
+  }
+
+  .ui.breadcrumb a.section {
+    vertical-align: text-bottom;
+  }
+
+  .ui.breadcrumb .section.active {
+    vertical-align: text-bottom;
+  }
+}
+
+// Style fixes on /countries-and-regional-seas/regional-conventions
+.section-ospar-convention,
+.section-helcom-convention,
+.section-barcelona-convention,
+.section-bucharest-convention {
+  .ui.basic.segment.content-area {
+    padding-top: 0 !important;
+    margin-top: 0 !important;
+  }
+
+  .breadcrumbs {
+    background-color: #f9f9f9 !important;
+  }
+
+  .block.image {
+    margin-bottom: 0;
+  }
+
+  .styled-group:first-of-type {
+    margin: 0;
+  }
+
+  .ui.grid > .row > .column-blocks-wrapper,
+  .column-blocks-wrapper {
+    margin-bottom: 0;
+  }
+}