/themes/zen_dataportal/sass/cdm.scss - Annotate - EDIT - EDIT Project Management

| Branch: | Tag: | Revision:

cdm-dataportal/themes/zen_dataportal/sass/cdm.scss @ ac54d579

-b02c7e4
+/**
  * @file
  * cdm_dataportal specific styling
+ *
  * Style the markup found in the cdm_dataportal module.
  */
-f1af
+@import "init";
-a8a2
+            Andreas Kohlbecker
-a6bacf3
+            Andreas Kohlbecker
-e0c8c01
+$page-part-margin: $base-line-height * 1;
-a8e4b6
+            Andreas Kohlbecker
-ae003
+// style links only for content in blocks and node and backbutton
 // added also #identificationKey since there are not yet drupal nodes
 // #content requires the fix below!
-ffe4d59
+.block, .node, #identificationKey, #content {
-f1af
+  @include cdm-link-style;
+}
-            e5f35b5f
+.footnotes .footnote {
   font-size: smaller;
+}
-df273
+.node-cdm-name {
   .name-page-name {
     margin-top: $zen-gutter-width / 2;
     margin-bottom: $zen-gutter-width / 2;
+  }
   .registered_name{
     font-weight: bold;
+  }
-d631
+  .type-status {
     font-weight: bold;
+  }
-            c040bba0
+            Andreas Kohlbecker
-d9a5
+#content {
   a.tabs-primary__tab-link {
     color: #333; // increasing specificity to avoid the color of the tabs to be overwritten
+  }
   table {
-d293b1
+    th {
       text-align: left;
+    }
-            fa094d60
+    caption-side: top;
-d9a5
+    caption {
       text-align: right;
-            fa094d60
+      font-size: smaller;
-d9a5
+            Andreas Kohlbecker
+  }
-ae003
+            Andreas Kohlbecker
-d9a5
+  #page-toc {
     float:right;
-            dabfc01b
+    background-color: $page-background-color;
-d9a5
+    h3 {
       margin-top: 0;
       line-height: $base-line-height;
+    }
-            dabfc01b
+            Andreas Kohlbecker
-b02c7e4
+            Andreas Kohlbecker
-d9a5
+  #taxonProfileImage{
     float: left;
+  }
-b02c7e4
+            Andreas Kohlbecker
-aa88d6
+  .block-cdm-dataportal-feature {
     .content-caption {
       text-align: right;
+    }
-            bea70813
+    .label { // for CategoricalData and QuantitativeData but could be used for other situations, therefore style rule is not too specific
       font-style: italic;
+    }
-aa88d6
+            Andreas Kohlbecker
-            dd3a6e28
+  .block-cdm-dataportal-feature,  .media-caption, .specimens { // TODO .specimens may be obsolete
-d9a5
+    clear: both;
     margin-bottom: $page-part-margin;
     dt {
-            dabfc01b
+      float: left;
       font-weight: bold;
       margin-right: 0.3em;
-d9a5
+            Andreas Kohlbecker
     dd {
       margin: 0;
       margin-left: $zen-gutter-width;
+    }
     dl dl {
       margin: 0; /* reset default from cdm_dataportal.css */
+    }
-            dabfc01b
+            Andreas Kohlbecker
-b02c7e4
+            Andreas Kohlbecker
-d9a5
+  .breadcrumbs li {
     padding: 0 0 0 0;
+  }
-e7ecf
+            Andreas Kohlbecker
-db61e83
+  .description-table .described-entities {
     .label {
       font-weight: bold;
+    }
+  }
-d9a5
+  /*
    * Search results
    */
-e7ecf
+            Andreas Kohlbecker
-d9a5
+  #search_results{
     @include cdm-link-style;
-            f9a3d0f6
+            Andreas Kohlbecker
-d9a5
+    table {
       margin: 1em 0;
+    }
-            dabfc01b
+            Andreas Kohlbecker
-e7ecf
+            Andreas Kohlbecker
-            e2617c7e
+  div.cdm-item-list {
     .label {
-ae6e6d1
+      // color: #9a9a9a;
-            e2617c7e
+            Andreas Kohlbecker
     div.item {
       margin: $base-line-height / 2 0;
+    }
-d9a5
+            Andreas Kohlbecker
-a6bacf3
+            Andreas Kohlbecker
-d9a5
+  /*
    * Taxon page and parts
    */
-a8e4b6
+            Andreas Kohlbecker
-d9a5
+  .page-part {
     margin-bottom: $page-part-margin;
     clear: none;
+  }
-a8e4b6
+            Andreas Kohlbecker
-d9a5
+  /*
    * definition list container rendered by the
    * drupal theme function theme_description_list()
    */
   .description_list {
     h3 {
       font-size: $base-font-size;
       line-height: $base-line-height;
       font-weight: bold;
+    }
-f1af
+            Andreas Kohlbecker
-d9a5
+  /*
    * Synonymy
    */
-            dabfc01b
+            Andreas Kohlbecker
-d9a5
+  #synonymy {
     div.accepted-name {
       margin-bottom: -1em;
       margin-top: 1em;
+    }
-ac3b
+            Andreas Kohlbecker
-d9a5
+    .homotypic-synonymy-group, .heterotypic-synonymy-group, .taxon-relationships {
       border-bottom: 1px solid #DEDEDE;
       /* replace padding by margin */
       margin: 1em 0px;
       padding: 0;
+    }
-            f9a3d0f6
+            Andreas Kohlbecker
-            e03a7102
+            Andreas Kohlbecker
-d9a5
+  /*
    * Media
    */
   dl.media-caption {
     margin: 0;
+  }
   .media-caption {
     dd {
       margin-left: 0;
       .title {
         font-size: 100%;
+      }
-            dabfc01b
+            Andreas Kohlbecker
+  }
-d9a5
+  .image-gallerie td.caption {
     padding-bottom: 1em;
-            e03a7102
+            Andreas Kohlbecker
-d9a5
+            Andreas Kohlbecker
   /*
    * specimens and type designations
    */
   #specimens {
     table.media_gallery {
       margin-top: 0.2em;
-            f9a3d0f6
+            Andreas Kohlbecker
-d9a5
+    .description_list {
       clear: both;
       h3 {
         margin-top: 0;
         background-color: #ddd;
+      }
       h4 {
         clear: left;
         margin-bottom: 0;
         font-style: italic;
+      }
+    }
     .dynabox_content {
       margin-left: $zen-gutter-width / 2;
       margin-right: $zen-gutter-width / 2;
+    }
     .block-cdm-dataportal-feature {
       margin-left: $zen-gutter-width;
-            dabfc01b
+      margin-bottom: 0;
-d9a5
+      h2 {
         font-size: $base-font-size;
         line-height: $base-line-height;
         font-weight: bold;
+      }
-            dabfc01b
+            Andreas Kohlbecker
-aa88d6
+            Andreas Kohlbecker
-d9a5
+    ul.typeDesignations {
       clear: both;
+    }
     .dna-sequence div {
-            f9a3d0f6
+      font-size: $base-font-size;
-d9a5
+      font-family: monospace;
       clear: left;
       padding-left: $zen-gutter-width;
+    }
     .derived_from {
       clear: both;
-            f9a3d0f6
+            Andreas Kohlbecker
-c10803
+            Andreas Kohlbecker
-b8a1bc
+            Andreas Kohlbecker
-            f46584fb
+  /*
    * derivatives tree view (see also derivation-tree.js)
    * partially based on ideas found in https://jsfiddle.net/xuonpjmh/21/
    */
-d016
+  $tree-entry-vspace: 7px; //$base-font-size / 2 ???
   $tree-line-width: 3px;
-            b8c8c164
+  $tree-line-style: $tree-line-width dotted $menu-bar-background-color;
-d016
+  $tree-hline-length: 1em; // 5px;
   $tree-lines-top-offset: ($base-line-height / 7) ;
-            dd3a6e28
+  $tree-lines-left-offset: $base-line-height / 7;
-            f46584fb
+  $derived-unit-details-table-gutter: $base-line-height / 2;
-            dd3a6e28
+  div.derived-unit-tree,
   ul.derived-unit-sub-tree,
   ul.derived-unit-sub-tree ul {
     list-style: none;
     margin: 0 0 0 $tree-lines-left-offset;
     padding: 0;
-d016
+   .unit-header {
      padding-top: $tree-entry-vspace;
      .unit-label {
        cursor: pointer;
        background-color: $menu-bar-background-color;
        padding-left: 5px;
-            ec6065fa
+       .page-link {
          float: right;
+       }
-d016
+            Andreas Kohlbecker
       .unit-label:hover {
         background-color: lighten($menu-bar-background-color, 10%)
+      }
-            dd3a6e28
+            Andreas Kohlbecker
-d016
+    .unit-content {
-            f46584fb
+      padding: $derived-unit-details-table-gutter;
-d016
+      background-color: lighten($menu-bar-background-color, 5%);
-            dd3a6e28
+            Andreas Kohlbecker
-a7789
+    .derivation-event {
       font-size: smaller;
       margin-top: -$derived-unit-details-table-gutter;
       color: $link-color-synonym;
+    }
-            ac54d579
+    .focused_item {
       font-weight: bold;
+    }
-            dd3a6e28
+            Andreas Kohlbecker
   div.derived-unit-tree-root {
     .unit-content-wrapper {
       border-left: $tree-line-style;
       margin-left: $tree-lines-left-offset;
+    }
+  }
   ul.derived-unit-sub-tree{
     ul {
       margin-left: 1.0em;
+    }
     li {
       position: relative;
       margin-left: 0;
       padding-left: 1em;
       margin-top: -$tree-lines-top-offset;
       line-height: $base-line-height;
       border-left: $tree-line-style;
+    }
     li:last-child {
       border-left: none;
-d016
+      .unit-header, .unit-content {
         margin-left: $tree-line-width;
+      }
-            dd3a6e28
+            Andreas Kohlbecker
     li:before {
       position: absolute;
       top: $tree-lines-top-offset;
       left: 0;
-d016
+      width: $tree-hline-length; /* width of horizontal line */
       height: $base-line-height / 2 + $tree-line-width / 2; /* vertical position of line */
-            dd3a6e28
+      vertical-align: top;
       border-bottom: $tree-line-style;
       content: "";
       display: inline-block;
+    }
     li:last-child:before {
       border-left: $tree-line-style;
+    }
+  }
-            a1dab23f
+  div.derived-unit-tree {
     table.details-table {
       font-size: smaller;
+    }
+  }
-bbef2
+  .derived-unit-details-grid {
     table.details-table {
       margin: 0;
       width: 100%;
       vertical-align: top;
       background-color: $page-background-color;
       thead {
         border-bottom: thin solid $menu-bar-background-color;
+      }
       tbody {
         background-color: $page-background-color;
         .label {
           text-align: right;
           white-space: nowrap;
           border-right: thin solid $menu-bar-background-color;
           width: 50%;
+        }
+      }
       td, th {
         padding-right: $derived-unit-details-table-gutter;
         padding-left: $derived-unit-details-table-gutter;
+      }
+    }
+  }
   .derived-unit-details-grid {
     display: grid;
     grid-column-gap: $derived-unit-details-table-gutter;
     grid-row-gap: $derived-unit-details-table-gutter;
     @media all and (max-width: 659px) {
       grid-template-columns : repeat(1, 1fr);
+    }
     @media all and (min-width: 660px) {
       grid-template-columns: repeat(2, 1fr);
+    }
     dl {
       margin: 0;
+    }
+  }
-d9a5
+  /*
    * Map
    */
   .openlayers-container {
     margin-top: $zen-gutter-width / 4;
     margin-bottom: $zen-gutter-width / 4;
-c10803
+            Andreas Kohlbecker
-dce3b2a
+            Andreas Kohlbecker
-d9a5
+  /*
    * Registration page & items
    */
   .registration {
-            d80b3059
+            Andreas Kohlbecker
-d9a5
+    .type-status{
-c10803
+      font-weight: bold;
+    }
-d9a5
+            Andreas Kohlbecker
     .registration-date-and-institute {
-c10803
+      color: #999;
+    }
-d9a5
+            Andreas Kohlbecker
     .published-name {
       .TaxonName .name {
         font-weight: bold;
+      }
-c10803
+            Andreas Kohlbecker
-d9a5
+    .typified-name .cdm\:TaxonName {
-c10803
+      color: #999;
-d9a5
+      a {
         color: #999;
+      }
       .TaxonName .name {
         font-weight: bold;
+      }
-c10803
+            Andreas Kohlbecker
-d9a5
+            Andreas Kohlbecker
     .registration-summary {
       .registered_name .name {
         font-weight: bold;
+      }
       .referenced_typified_name {
         color: #999;
+      }
       .label {
         font-weight: bold;
+      }
-c10803
+            Andreas Kohlbecker
-            f461a488
+            Andreas Kohlbecker
-f45b
+            Andreas Kohlbecker
-d9a5
+  /*
    * Theme settings page
    */
   #system-theme-settings {
-            e03a7102
+            Andreas Kohlbecker
-d9a5
+    .image-preview {
       width: 600px;
       max-height: 150px;
       overflow: auto; // let it scroll
       img {
         max-width: none; /* reset style in mormalize.scss */
+      }
-b382c34
+            Andreas Kohlbecker
-d9a5
+            Andreas Kohlbecker
+  }
-de9cf51
+            Andreas Kohlbecker
-d9a5
+  /*****************************************************************************************
    * RESPONSIVE
+   *
    * using the same media queries here as in layout/_responsive.scss
    *****************************************************************************************/
-            f9a3d0f6
+            Andreas Kohlbecker
-d9a5
+  #classification-breadcrumbs {
     font-size: 1.5em;
     line-height: 1.5em;
+  }
-            dabfc01b
+            Andreas Kohlbecker
-d9a5
+  @media all and (min-width: 480px) and (max-width: 959px) {
-            e03a7102
+            Andreas Kohlbecker
-            dabfc01b
+            Andreas Kohlbecker
-d9a5
+            Andreas Kohlbecker
   @media all and (min-width: 960px) {
     #classification-breadcrumbs {
       font-size: 1em;
+    }
-            f5c65cd5
+            Andreas Kohlbecker
 /***************************
  * TESTING ONLY 2020-02-20
  */
 .font-noto {
   font-family: $noto-sans !important;
+}

Project

General

Profile

EDIT

cdm-dataportal/themes/zen_dataportal/sass/cdm.scss @ ac54d579