Merge pull request #114 from krisbulman/7.x

moved inline definition list class to islandora base css, fixed up objec...

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' : ''; ?>">