[Frontend] Inspector styling, in progress

open #90

platform/commonUI/general/res/sass/_inspector.scss

@@ -0,0 +1,73 @@
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* Styles for the Inspector pane */
+
+//.pane.right.t-inspect { @include test(green, 0.3); } // TEMP!
+
+.t-inspector,
+.t-inspector table tr td {
+    font-size: 0.7rem;
+}
+
+.t-inspector {
+    ul li,
+    em {
+        display: block;
+        position: relative;
+    }
+
+    ul li {
+        line-height: 130%;
+        margin-bottom: $interiorMarginLg * 2;
+    }
+    
+    em {
+        @include border-radius($basicCr);
+        background-color: $colorInspectorSectionHeaderBg;
+        color: $colorInspectorSectionHeaderFg;
+        margin-bottom: $interiorMargin;
+        padding: $formTBPad $formLRPad;
+        text-transform: uppercase;
+    }
+
+    table tr {
+        td {
+            border: none;
+            border-top: 1px solid $colorInteriorBorder !important;
+            padding: 2px 0;
+            vertical-align: top;
+            &.label {
+                color: $colorInspectorPropName !important;
+                padding-right: $interiorMargin !important;
+                white-space: nowrap;
+            }
+            &.value {
+                //word-wrap: break-word; // Doesn't work in <td>?
+                word-break: break-all;
+            }
+        }
+
+        &:first-child td {
+            border-top: none !important;
+        }
+    }
+}