Redesign inbox

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 0f71004812c693e19cfe11da89c3379e51aab128..bd812b7e3c9e9cdb339607dcdf243ebb60d95de4 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -652,6 +652,11 @@ body.site-export #tabnav a#exportanchor {
   margin-bottom: 5px;
 }
 
+/* rules for text content pages */
+.wide-table {
+  width:100%;
+}
+
 /* Rules for the home page */
 
 .site-index #map {
@@ -986,19 +991,48 @@ p#contributorGuidance {
 }
 
 /* Rules for message in/out box page */
+.messages {
+  width:100%;
+  border-collapse:collapse;
+  border-spacing:0;
+  border-width:0;
+}
 
-#messages {
-  border: 1px solid #ccc;
+.messages tbody tr {
+  border-top:1px solid #ccc;
 }
 
-.inbox-row-unread .inbox-subject {
-  font-weight: bold;
+.messages .inbox-row {
+  background:#eee;
+}
+
+.messages tr td,
+.messages tr th {
+  padding:0 5px;
 }
 
 .inbox-row .inbox-mark-read {
   display: none;
 }
 
+.info-line {
+  border-bottom:1px solid #ccc;
+  padding:5px 0 4px 0;
+}
+
+.info-line form,
+.info-line form div {
+  display:inline;
+}
+
+.info-line .user_thumbnail_tiny {
+  vertical-align:middle;
+}
+
+.right {
+  float:right;
+}
+
 .inbox-row-unread .inbox-mark-unread {
   display: none;
 }
@@ -1096,13 +1130,19 @@ textarea {
 img.user_image {
   max-width: 100px;
   max-height: 100px;
-  border: 1px solid black;
+  border: 1px solid #ccc;
 }
 
 img.user_thumbnail {
   max-width: 50px;
   max-height: 100px;
-  border: 1px solid black;
+  border: 1px solid #ccc;
+}
+
+img.user_thumbnail_tiny {
+  max-width: 25px;
+  max-height: 25px;
+  border: 1px solid #ccc;
 }
 
 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */