moved inline definition list class to islandora base css, fixed up object css for truncating labels and widths at smaller sizes, added default islandora class to templates

moved base css to correct location

css/islandora.base.css

@@ -5,4 +5,56 @@
         Purpose of the stylesheet follows.
 */
 
+.islandora img {
+  max-width: 100%;
+  *width: 100%;
+}
 
+.islandora * {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/*
+ * These rules will display DTs/DDs as columns.
+ * Constructs must follow a key/value pair pattern.
+ * The three last declarations are meant to kill white space between DTs/DDs 
+ * (result of inline-block styling)
+ */
+
+dl.islandora-inline-metadata {
+  margin: 0 auto;
+  letter-spacing: -0.31em;
+  *letter-spacing:normal;
+  word-spacing: -0.43em;
+}
+
+.islandora-inline-metadata dt {
+  margin-right: -1px;
+  width: 15.625%;
+  font-weight: normal;
+  font-weight: bold;
+  padding-right: 0;
+}
+
+.islandora-inline-metadata dd {
+  width: 84.375%;
+  padding-left: 40px;
+}
+
+/* 
+ * In this rule, we reset the white-space (see hack above)
+ */
+.islandora-inline-metadata dt,
+.islandora-inline-metadata dd {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  padding-top: 6px;
+  padding-bottom: 4px;
+  margin: 0;
+}

css/islandora.theme.css

@@ -9,71 +9,27 @@
  * Thumbnails float optionally to the left or right of descriptive lists.
  */
 
-.islandora-object-thumb img {
+dl.islandora-object-tn {
-  max-width: 100%;
-  *width: 100%;
-}
-
-dl.islandora-object-thumb {
   float: left;
-  width: 15%;
+  width: 20.8333%;
-  margin: 0.75em auto;
+  padding: 0 10px 0 0;
-}
-
-.islandora-object-thumb dt,
-.islandora-object-thumb dd {
   margin: 0;
 }
 
-/*
- * These rules will display DTs/DDs as columns.
- * Constructs must follow a key/value pair pattern.
- * The three last declarations are meant to kill white space between DTs/DDs 
- * (result of inline-block styling)
- */
 dl.islandora-object-fields {
   float: right;
-  width:83%;
+  width:79.1666%;
-  margin: 0.75em auto;
-  letter-spacing:-0.34em;
-  *letter-spacing:normal;
-  word-spacing:-0.44em;
   border-top:3px solid #ddd;
-} 
+}
 
-/*
- * The width + left/right padding of DTs/DDs equals 88% when compensating for an image
- */
 .islandora-object-fields dt {
-  margin-right:-1px;
-  width:22.5%;
   font-weight: bold;
 }
 
-.islandora-object-fields dd {
-  width:67%;
-}
-
-/* 
- * In this rule, we reset the white-space (see hack above)
- */
 .islandora-object-fields dt,
 .islandora-object-fields dd {
-  display:inline-block;
-  *display:inline;
-  zoom:1;
-  letter-spacing:normal;
-  word-spacing:normal;
-  vertical-align:top;
   padding:6px 2% 4px;
-  margin:0;
   border-top:1px solid #ddd;
- -ms-word-break: break-all;
-     word-break: break-all;
-     word-break: break-word; /* webkit */
--webkit-hyphens: auto;
-   -moz-hyphens: auto;
-        hyphens: auto;
 }
 
 .islandora-object-fields dt.first,

islandora-object.tpl.php

@@ -69,25 +69,25 @@ drupal_set_title($islandora_object->label);
 // }
 
 ?>
-<div class="islandora-object">
+<div class="islandora-object islandora">
   <h2>Details</h2>
-  <dl class="islandora-object-thumb">
+  <dl class="islandora-object-tn">
     <dt>
       <?php if(isset($variables['islandora_thumbnail_url'])): ?>
         <?php print('<img src = "'.$variables['islandora_thumbnail_url'].'"/>'); ?></dt>
       <?php endif; ?>
     <dd></dd>
   </dl>
-  <dl class="islandora-object-fields">
+    <dl class="islandora-inline-metadata islandora-object-fields">
-    <?php $row_field = 0; ?>
+      <?php $row_field = 0; ?>
-    <?php foreach($dc_array as $key => $value): ?>
+      <?php foreach($dc_array as $key => $value): ?>
-      <dt class="<?php print $value['class']; ?><?php print $row_field == 0 ? ' first' : ''; ?>">
+        <dt class="<?php print $value['class']; ?><?php print $row_field == 0 ? ' first' : ''; ?>">
-        <?php print $value['label']; ?>
+          <?php print $value['label']; ?>
-      </dt>
+        </dt>
-      <dd class="<?php print $value['class']; ?><?php print $row_field == 0 ? ' first' : ''; ?>">
+        <dd class="<?php print $value['class']; ?><?php print $row_field == 0 ? ' first' : ''; ?>">
-        <?php print $value['value']; ?>
+          <?php print $value['value']; ?>
-      </dd>
+        </dd>
-      <?php $row_field++; ?>
+        <?php $row_field++; ?>
-    <?php endforeach; ?>
+      <?php endforeach; ?>
-  </dl>
+    </dl>
 </div>

islandora_basic_image/css/islandora_basic_image.theme.css

@@ -5,12 +5,6 @@
         Purpose of the stylesheet follows.
 */
 
-.islandora-basic-image-object img {
-  height: auto;
-  max-width: 100%;
-  *width: 100%;
-}
-
 .islandora-basic-image-content,
 .islandora-basic-image-sidebar {
   display: inline;
@@ -19,30 +13,14 @@
 
 .islandora-basic-image-metadata {
   display: block;
-  clear: both
+  clear: both;
 }
 
 dl.islandora-basic-image-fields {
   width:100%;
-  margin: 0 auto;
-  letter-spacing:-0.31em;
-  *letter-spacing:normal;
-  word-spacing:-0.43em;
-} 
-
-/*
- * The width + left/right padding of DTs/DDs equals 88% when compensating for an image
- */
-
-.islandora-basic-image-metadata * {
-   -moz-box-sizing: border-box;
-   -webkit-box-sizing: border-box;
-   box-sizing: border-box;
 }
 
 .islandora-basic-image-metadata dt {
-  margin-right:-1px;
-  width:15.625%;
   font-weight: normal;
   text-align: right;
   font-weight: bold;
@@ -50,24 +28,12 @@ dl.islandora-basic-image-fields {
 }
 
 .islandora-basic-image-metadata dd {
-  width:84.375%;
   padding-left: 40px;
 }
 
-/* 
+
- * In this rule, we reset the white-space (see hack above)
- */
 .islandora-basic-image-metadata dt,
 .islandora-basic-image-metadata dd {
-  display:inline-block;
-  *display:inline;
-  zoom:1;
-  letter-spacing:normal;
-  word-spacing:normal;
-  vertical-align:top;
-  padding-top: 6px;
-  padding-bottom: 4px;
-  margin:0;
   border-top:1px solid #e5e5e5;
 }
 
@@ -84,22 +50,8 @@ body.two-sidebars .islandora-basic-image-sidebar {
     width: 100%;
 }
 
-.islandora-basic-image-sidebar,
-.islandora-basic-image-sidebar,
-body.one-sidebar .islandora-basic-image-sidebar,
-body.two-sidebars .islandora-basic-image-sidebar {
-    width: 100%;
-}
-
 @media all and (min-width: 768px) {
 
-  body.no-sidebars .islandora-basic-image-content,
-  body.no-sidebars .islandora-basic-image-sidebar {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-
   body.no-sidebars .islandora-basic-image-content {
     width: 60%;
     padding: 0 20px 0 0;

islandora_basic_image/islandora-basic-image.tpl.php

@@ -23,7 +23,7 @@
 ?>
 <?php drupal_set_title(""); ?>
 
-<div class="islandora-basic-image-object">
+<div class="islandora-basic-image-object islandora">
   <div class="islandora-basic-image-content clearfix">
     <?php print $islandora_medium_img; ?> 
   </div>
@@ -36,7 +36,7 @@
   <fieldset class="collapsible collapsed islandora-basic-image-metadata">
   <legend><span class="fieldset-legend">Extended Details</span></legend>
     <div class="fieldset-wrapper">
-      <dl class="islandora-basic-image-fields">
+      <dl class="islandora-inline-metadata islandora-basic-image-fields">
         <?php $row_field = 0; ?>
         <?php foreach($dc_array as $key => $value): ?>
           <dt class="<?php print $value['class']; ?><?php print $row_field == 0 ? ' first' : ''; ?>">