Styling show pages; forms; more index styling

sur · Feb 24, 2012 · cb6aeb6 · cb6aeb6
1 parent aaa23fd
commit cb6aeb6
Showing 1 changed file with 164 additions and 12 deletions.
diff --git a/app/assets/stylesheets/active_admin/print.css.scss b/app/assets/stylesheets/active_admin/print.css.scss
@@ -26,6 +26,11 @@ a {
   color: $text-color;
 }
 
+h3 {
+  font-weight: bold;
+  margin-bottom: .5em;
+}
+
 // Header
 #header {
   float: left;
@@ -39,9 +44,18 @@ a {
   }
 }
 
+.flashes {
+  display: none;
+}
+
 #title_bar {
   float: right;
 
+  h2 {
+    line-height: 2em;
+    margin: 0;
+  }
+
   .breadcrumb, #titlebar_right {
     display: none;
   }
@@ -52,24 +66,17 @@ a {
   border-top: thick solid black;
   clear: both;
   margin-top: 2em;
-  padding-top: 2em;
+  padding-top: 3em;
 }
 
 // Footer
 #footer {
-  border-top: thin solid black;
-  margin-top: 2em;
-  padding-top: 1em;
-
-  p {
-    margin-bottom: 0;
-    font-size: .8em;
-    text-align: right;
-  }
+  display: none;
 }
 
 // Tables
 table {
+  margin-bottom: 1.5em;
   text-align: left;
   width: 100%;
 
@@ -104,12 +111,157 @@ table {
   }
 }
 
-// Indexes
-#index_footer {
+// Index
+#index_footer, .pagination_information {
   display: none;
 }
 
+.scopes {
+  margin-bottom: 1em;
+
+  span {
+    display: none;
+
+    &.selected {
+      display: block;
+
+      &:before {
+        content: "Showing ";
+      }
+
+      span {
+        display: inline;
+      }
+
+      em {
+        font-style: normal;
+        font-weight: bold;
+      }
+    }
+  }
+}
+
+.index_grid {
+  td {
+    border: none;
+    text-align: center;
+    vertical-align: middle;
+
+    img {
+      max-width: 1in;
+    }
+  }
+}
+
+// Show
+.panel {
+  border-bottom: thick solid #ccc;
+  margin-bottom: 3em;
+  padding-bottom: 2em;
+  page-break-inside: avoid;
+}
+
+.comments {
+  form {
+    display: none;
+  }
+
+  .active_admin_comment {
+    border-top: thin solid black;
+    padding-top: 1em;
+
+    .active_admin_comment_meta {
+      h4 {
+        font-size: 1em;
+        font-weight: bold;
+        float: left;
+        margin-right: .5em;
+        margin-bottom: 0;
+      }
+
+      span {
+        font-size: .9em;
+        font-style: italic;
+        vertical-align: top;
+      }
+    }
+
+    .active_admin_comment_body {
+      clear: both;
+      margin-bottom: 1em;
+    }
+  }
+}
+
+
+// Attribute Tables
+.attributes_table {
+  border-top: medium solid black;
+
+  th {
+    border-bottom: thin solid black;
+    vertical-align: top;
+
+    &:after {
+      content: ':';
+    }
+  }
+
+  td {
+    img {
+      max-height: 4in;
+      max-width: 6in;
+    }
+  }
+}
+
 // Sidebars
 #filters_sidebar_section {
   display: none;
+}
+
+// Forms
+form {
+  fieldset {
+    border-top: thick solid #ccc;
+    padding-top: 2em;
+    margin-bottom: 2em;
+  }
+
+  .buttons, abbr {
+    display: none;
+  }
+  ol {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+
+    li{
+      border-top: thin solid black;
+      margin: 0;
+      padding: 1em 0;
+      overflow: hidden;
+
+      &.password, &.hidden {
+        display: none;
+      }
+
+      label {
+        font-weight: bold;
+        float: left;
+        width: 20%;
+      }
+
+      input, textarea, select {
+        background: none;
+        border: 0;
+        font: Arial, Helvetica, sans-serif;
+      }
+
+      input[type=file] {
+        display: none;
+      }
+
+    }
+  }
 }