fixed taxonomy term page display (lieux, topologie, structure)

sites/all/themes/gui/perfarttimeline/css/styles.css

@@ -2337,83 +2337,141 @@ html.classic-nav body.node-type-performance #block-perfart-perf-prevnext-bottom
     font-size: 12px;
   }
 }
+body.page-taxonomy-term #main {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+body.page-taxonomy-term #main {
+  background-color: #D3D3D3;
+  height: 100%;
+}
+body.page-taxonomy-term #main #center {
+  height: 100%;
+}
+body.page-taxonomy-term #main #center .page-title {
+  margin-left: 2.5em;
+}
+body.page-taxonomy-term #main #center #content {
+  padding: 2%;
+  display: block;
+}
+body.page-taxonomy-term #main #center #content a,
+body.page-taxonomy-term #main #center #content a:visited {
+  font-size: 12px;
+  font-weight: 500;
+  text-decoration: none;
+}
+body.page-taxonomy-term #main #center #content a:hover {
+  font-size: 12px;
+  font-weight: 700;
+  text-decoration: none;
+}
+body.page-taxonomy-term #block-system-main > .content {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+body.page-taxonomy-term #block-system-main > .content .term-listing-heading {
+  display: none;
+}
+body.page-taxonomy-term #block-system-main > .content > * {
+  flex: 1 1 auto;
+  margin: 0 0.5em 0.5em 0;
+}
+body.page-taxonomy-term #block-system-main > .content > *.item-list {
+  flex: 0 0 100%;
+  width: 100%;
+}
+body.page-taxonomy-term .node.type-performance {
+  color: #A5A5A5;
+  background-color: #fff;
+  display: inline-block;
+  vertical-align: top;
+  line-height: 1;
+  margin-bottom: 1em;
+  padding-right: 1em;
+  padding-left: 0.5em;
+}
+body.page-taxonomy-term .node.type-performance h1 {
+  margin: 0.7em 0;
+}
+body.page-taxonomy-term .node.type-performance figure {
+  position: relative;
+  height: auto!important;
+}
+body.page-taxonomy-term .node.type-performance figure .blank {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
 body.node-type-document #main,
 .node-type-document-sonor #main,
-.node-type-object #main,
+.node-type-object #main {
-.page-taxonomy-term #main {
   background-color: #D3D3D3;
   height: 100%;
 }
 body.node-type-document #main #center,
 .node-type-document-sonor #main #center,
-.node-type-object #main #center,
+.node-type-object #main #center {
-.page-taxonomy-term #main #center {
   height: 100%;
 }
 body.node-type-document #main #center .page-title,
 .node-type-document-sonor #main #center .page-title,
-.node-type-object #main #center .page-title,
+.node-type-object #main #center .page-title {
-.page-taxonomy-term #main #center .page-title {
   margin-left: 2.5em;
 }
 body.node-type-document #main #center #content,
 .node-type-document-sonor #main #center #content,
-.node-type-object #main #center #content,
+.node-type-object #main #center #content {
-.page-taxonomy-term #main #center #content {
   padding: 2%;
   display: block;
 }
 body.node-type-document #main #center #content a,
 .node-type-document-sonor #main #center #content a,
 .node-type-object #main #center #content a,
-.page-taxonomy-term #main #center #content a,
 body.node-type-document #main #center #content a:visited,
 .node-type-document-sonor #main #center #content a:visited,
-.node-type-object #main #center #content a:visited,
+.node-type-object #main #center #content a:visited {
-.page-taxonomy-term #main #center #content a:visited {
   font-size: 12px;
   font-weight: 500;
   text-decoration: none;
 }
 body.node-type-document #main #center #content a:hover,
 .node-type-document-sonor #main #center #content a:hover,
-.node-type-object #main #center #content a:hover,
+.node-type-object #main #center #content a:hover {
-.page-taxonomy-term #main #center #content a:hover {
   font-size: 12px;
   font-weight: 700;
   text-decoration: none;
 }
 body.node-type-document #center #content,
 .node-type-document-sonor #center #content,
-.node-type-object #center #content,
+.node-type-object #center #content {
-.page-taxonomy-term #center #content {
   width: 720px;
   font-size: 12px;
 }
 body.node-type-document #center #content img,
 .node-type-document-sonor #center #content img,
-.node-type-object #center #content img,
+.node-type-object #center #content img {
-.page-taxonomy-term #center #content img {
   margin: 1em 0 1em 0;
 }
 body.node-type-document #center #content figure,
 .node-type-document-sonor #center #content figure,
-.node-type-object #center #content figure,
+.node-type-object #center #content figure {
-.page-taxonomy-term #center #content figure {
   position: relative;
 }
 body.node-type-document #center #content img.blank,
 .node-type-document-sonor #center #content img.blank,
-.node-type-object #center #content img.blank,
+.node-type-object #center #content img.blank {
-.page-taxonomy-term #center #content img.blank {
   position: absolute;
   top: 0;
   left: 0;
 }
 body.node-type-document #center #content figcaption,
 .node-type-document-sonor #center #content figcaption,
-.node-type-object #center #content figcaption,
+.node-type-object #center #content figcaption {
-.page-taxonomy-term #center #content figcaption {
   font-weight: 300;
   font-size: 11px;
   width: 250px;

sites/all/themes/gui/perfarttimeline/less/styles.less

@@ -1105,8 +1105,59 @@ html.no-js, html.classic-nav{
 
 }
 
+body.page-taxonomy-term{
+  #main{
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+  .generale-design;
+  #block-system-main{
+    >.content{
+      display: flex;
+      flex-flow: row wrap;
+      justify-content: space-between;
+      align-items: flex-start;
+      .term-listing-heading{
+        display: none;
+      }
+      >*{
+        flex: 1 1 auto;
+        margin: 0 0.5em 0.5em 0;
+        &.item-list{
+          flex: 0 0 100%;
+          width:100%;
+        }
+      }
+      >article.node{
+      }
+    }
+  } 
+  .node.type-performance{
+    color:#A5A5A5;
+    background-color:#fff;
+    display:inline-block; 
+    vertical-align:top;
+    line-height:1;
+    margin-bottom:1em;
+    padding-right:1em;
+    padding-left:0.5em;
+    h1{
+      margin: 0.7em 0;
+    }
+    figure{
+      position: relative;
+      // width:auto!important; 
+      height: auto!important;
+      // margin: 0.5em;
+      .blank{ position:absolute; top:0; left:0; width:100%; height:100%;}
+      // &:hover{figcaption{.opacity(1);}}
+    }
+
+  }
+}
+
 //EFFECTUATIONS, DOCUMENTS, OBJETS, ETC.//
-body.node-type-document, .node-type-document-sonor, .node-type-object, .page-taxonomy-term {
+body.node-type-document, .node-type-document-sonor, .node-type-object{
   .generale-design;
       #center #content {
         width: 720px;

sites/all/themes/gui/perfarttimeline/templates/field--field-images--teaser.tpl.php

@@ -0,0 +1,59 @@
+<?php
+
+/**
+ * @file field.tpl.php
+ * Default template implementation to display the value of a field.
+ *
+ * This file is not used and is here as a starting point for customization only.
+ * @see theme_field()
+ *
+ * Available variables:
+ * - $items: An array of field values. Use render() to output them.
+ * - $label: The item label.
+ * - $label_hidden: Whether the label display is set to 'hidden'.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the
+ *   following:
+ *   - field: The current template type, i.e., "theming hook".
+ *   - field-name-[field_name]: The current field name. For example, if the
+ *     field name is "field_description" it would result in
+ *     "field-name-field-description".
+ *   - field-type-[field_type]: The current field type. For example, if the
+ *     field type is "text" it would result in "field-type-text".
+ *   - field-label-[label_display]: The current label position. For example, if
+ *     the label position is "above" it would result in "field-label-above".
+ *
+ * Other variables:
+ * - $element['#object']: The entity to which the field is attached.
+ * - $element['#view_mode']: View mode, e.g. 'full', 'teaser'...
+ * - $element['#field_name']: The field name.
+ * - $element['#field_type']: The field type.
+ * - $element['#field_language']: The field language.
+ * - $element['#field_translatable']: Whether the field is translatable or not.
+ * - $element['#label_display']: Position of label display, inline, above, or
+ *   hidden.
+ * - $field_name_css: The css-compatible field name.
+ * - $field_type_css: The css-compatible field type.
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ *
+ * @see template_preprocess_field()
+ * @see theme_field()
+ */
+?>
+<?php //dsm($items, '$items '.$label); ?>
+<?php if(count($items)): ?>
+<section class="<?php print $classes; ?>"<?php print $attributes; ?>>
+  <?php if (!$label_hidden): ?>
+    <div class="field-label"<?php print $title_attributes; ?>><?php print $label ?>:&nbsp;</div>
+  <?php endif; ?>
+	
+  <!-- <div class="field-items"<?php print $content_attributes; ?>> -->
+    <?php //foreach ($items as $delta => $item): ?>
+      <?php unset($items[0]['#item']['title']); ?>
+      <div class="field-item"<?php print $item_attributes[0]; ?>><?php print render($items[0]); ?></div>
+    <?php //endforeach; ?>
+  <!-- </div> -->
+</section>
+<?php endif; ?>

sites/all/themes/gui/perfarttimeline/templates/field--field-performances--teaser.tpl.php

@@ -0,0 +1,50 @@
+<?php
+
+/**
+ * @file field.tpl.php
+ * Default template implementation to display the value of a field.
+ *
+ * This file is not used and is here as a starting point for customization only.
+ * @see theme_field()
+ *
+ * Available variables:
+ * - $items: An array of field values. Use render() to output them.
+ * - $label: The item label.
+ * - $label_hidden: Whether the label display is set to 'hidden'.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the
+ *   following:
+ *   - field: The current template type, i.e., "theming hook".
+ *   - field-name-[field_name]: The current field name. For example, if the
+ *     field name is "field_description" it would result in
+ *     "field-name-field-description".
+ *   - field-type-[field_type]: The current field type. For example, if the
+ *     field type is "text" it would result in "field-type-text".
+ *   - field-label-[label_display]: The current label position. For example, if
+ *     the label position is "above" it would result in "field-label-above".
+ *
+ * Other variables:
+ * - $element['#object']: The entity to which the field is attached.
+ * - $element['#view_mode']: View mode, e.g. 'full', 'teaser'...
+ * - $element['#field_name']: The field name.
+ * - $element['#field_type']: The field type.
+ * - $element['#field_language']: The field language.
+ * - $element['#field_translatable']: Whether the field is translatable or not.
+ * - $element['#label_display']: Position of label display, inline, above, or
+ *   hidden.
+ * - $field_name_css: The css-compatible field name.
+ * - $field_type_css: The css-compatible field type.
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ *
+ * @see template_preprocess_field()
+ * @see theme_field()
+ */
+?>
+<?php //dsm($items, '$items '.$label); ?>
+<?php if(count($items)): ?>
+    <?php foreach ($items as $delta => $item): ?>
+      <div class="field-item <?php print $delta % 2 ? 'odd' : 'even'; ?>"<?php print $item_attributes[$delta]; ?>><?php print render($item); ?></div>
+    <?php endforeach; ?>
+<?php endif; ?>

sites/all/themes/gui/perfarttimeline/templates/node--teaser.tpl.php

@@ -0,0 +1,36 @@
+<!-- start article.node -->
+  <article id="node-<?php print $node->nid; ?>" class="node type-<?php print $node->type; ?><?php if ($sticky) { print " sticky"; } ?><?php if (!$status) { print " unpublished"; } ?>">
+
+    <?php if ($page == 0 && isset($title)): ?>
+    <h1 class="nodetitle">
+      <?php $types = ['document', 'document_video', 'document_sonor', 'object']; // , 'effectuation' ?>
+      <?php if (!in_array($node->type, $types)) : ?>
+        <a href="<?php print $node_url?>"><?php print $title?></a>
+      <?php else: ?>
+        <?php print $title?>
+      <?php endif; ?>
+    </h1>
+    <?php endif; ?>
+    
+    <section class="content">
+		  <?php
+		    hide($content['comments']);
+		    hide($content['links']);
+		    print render($content);
+		  ?>
+    </section>
+    
+    <?php if ($submitted): ?>
+    <aside class="submitted">
+    <?php print $submitted?>
+    </aside>
+    <?php endif; ?>
+
+	  <?php if (false && $links = render($content['links'])): ?>
+    <nav class="nav">
+	    <?php print $links; ?>
+    </nav>
+	  <?php endif; ?>
+  
+  </article>
+<!-- end article.node -->