summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAamir Khan <syst3m.w0rm@gmail.com>2012-07-01 21:53:15 -0400
committerAamir Khan <syst3m.w0rm@gmail.com>2012-07-01 21:53:15 -0400
commit87989fee4680c0544e95cea00153b35609c51a92 (patch)
treeb171c303b8ae220a05e8139de9e47294ca3135ff
parenta1e86f574190eb41fdca6c573af2941a979eadf5 (diff)
downloadhyperkitty-87989fee4680c0544e95cea00153b35609c51a92.tar.gz
hyperkitty-87989fee4680c0544e95cea00153b35609c51a92.tar.xz
hyperkitty-87989fee4680c0544e95cea00153b35609c51a92.zip
threads page indentation
-rw-r--r--static/css/style.css26
-rw-r--r--static/css/thread.css4
-rw-r--r--templates/thread.html2
3 files changed, 31 insertions, 1 deletions
diff --git a/static/css/style.css b/static/css/style.css
index aea0b88..b632802 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -8,6 +8,32 @@ body {
background-color: white;
}
+.Sb {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ background-color: white;
+ clear: both;
+ font-size: 13px;
+ line-height: 1.4;
+ margin: 20px 0 20px 68px;
+ outline: none;
+ position: relative;
+ width: 497px;
+ word-wrap: break-word;
+}
+
+.ZX {
+ color: #999;
+ height: 40px;
+ margin: 0 2px;
+ position: relative;
+ bottom: -3px;
+ background-color: #F8F8F8;
+ border: 1px solid #CCC;
+
+}
+
.right {
text-align: right;
}
diff --git a/static/css/thread.css b/static/css/thread.css
index da2bbd6..4815ace 100644
--- a/static/css/thread.css
+++ b/static/css/thread.css
@@ -172,11 +172,15 @@
.even {
background-color: rgb(246, 246, 246);
border-top: 1px solid rgb(179, 179, 179);
+ padding-left: 20px;
+ margin: 20px 0px 20px 0px;
}
.odd {
background-color: rgb(238, 238, 238);
border-top: 1px solid rgb(179, 179, 179);
+ padding-left: 20px;
+ margin: 20px 0px 20px 0px;
}
.email {
diff --git a/templates/thread.html b/templates/thread.html
index 3031c96..253f796 100644
--- a/templates/thread.html
+++ b/templates/thread.html
@@ -18,7 +18,7 @@
<!-- End first email -->
{% for email in threads %}
- <div class="even">
+ <div class="{% cycle 'even' 'odd' %}">
<!-- Start email -->
{% include 'messages/message.html' %}
<!-- End of email -->