Split up CSS for clarity

1 files changed, 232 insertions, 0 deletions

diff --git a/hyperkitty/static/css/hyperkitty-common.css b/hyperkitty/static/css/hyperkitty-common.css
new file mode 100644
index 0000000..7a3b572
--- /dev/null
+++ b/hyperkitty/static/css/hyperkitty-common.css
@@ -0,0 +1,232 @@
+/*
+ * Classes common to two or more pages, but not all (those go to base.css)
+ */
+
+
+.right {
+    text-align: right;
+}
+
+.inline-block {
+    display: inline-block;
+}
+
+.inline li, .inline-block li {
+    display: inline-block;
+    list-style-type: none;
+}
+
+
+/* from Bootstrap's alert class */
+.errorlist {
+  list-style-type: none;
+  margin: 0 0 20px 0;
+  padding: 8px 35px 8px 14px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  border: 1px solid #eed3d7;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  color: #b94a48;
+  background-color: #f2dede;
+}
+
+
+/* Flash messages */
+.flashmsg {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    text-align: center;
+}
+.flashmsg .alert {
+    display: inline-block;
+}
+
+
+/* Forms (replies, registration, ...) */
+form .buttons .submit {
+    /* leave some space before the cancel button/link */
+    margin-right: 2em;
+}
+
+
+/* Favorites */
+.saved, .notsaved {
+    padding-left: 20px;
+    background: no-repeat scroll left center;
+}
+.saved {
+    background-image: url("../img/saved.png");
+}
+.notsaved {
+    background-image: url("../img/notsaved.png");
+}
+
+
+/* Gravatar */
+.gravatar {
+    vertical-align: top;
+    width:40px;
+    font-size: 70%;
+}
+.gravatar img {
+    width: 40px;
+}
+
+
+
+/*
+ * Like / dislike
+ */
+
+form.likeform {
+    display: inline;
+    margin: 0;
+    margin-right: 1em;
+    padding: 0;
+}
+.likestatus {
+    padding-left: 20px;
+    margin-right: 1.5em;
+    font-weight: bold;
+}
+
+.neutral {
+    background: url("../img/neutral.png") no-repeat scroll left;
+}
+.like {
+    background: url("../img/like.png") no-repeat scroll left;
+}
+.likealot {
+    background: url("../img/likealot.png") no-repeat scroll left;
+}
+
+.youlike,
+.youdislike {
+    padding-left: 15px;
+    margin-left: 0.5em;
+}
+.youlike {
+    background: url("../img/youlike.png") no-repeat scroll left;
+}
+.youdislike {
+    background: url("../img/youdislike.png") no-repeat scroll left;
+}
+.youlike.disabled {
+  background: url("../img/youlike-disabled.png") no-repeat scroll left;
+  color: #999;
+}
+.youdislike.disabled {
+  background: url("../img/youdislike-disabled.png") no-repeat scroll left;
+  color: #999;
+}
+
+
+
+/* Months list */
+
+#months-list h3 {
+    margin-top: 1em;
+    font-size: 120%;
+}
+#months-list {
+    padding-top: 1em;
+}
+#months-list li.current {
+    font-weight: bold;
+}
+
+
+
+/*
+ * Attachments
+ */
+
+p.attachments {
+    margin-bottom: 0;
+    font-weight: bold;
+}
+a.attachments {
+    padding-left: 18px;
+    background: url("../img/mail-attachment.png") no-repeat scroll left;
+}
+.email-info div.attachments {
+    display: inline;
+    padding: 0 1em;
+}
+.email-info .attachments ul.attachments-list {
+    display: none;
+    position: absolute;
+    margin-left: 0;
+    padding-right: 0.5em;
+    border: 1px solid #aaa;
+    border-top: none;
+    z-index: 1;
+}
+.even .email-info .attachments ul.attachments-list {
+    background-color: rgb(246, 246, 246);
+}
+.odd .email-info .attachments ul.attachments-list {
+    background-color: rgb(238, 238, 238);
+}
+.email-info .attachments ul.attachments-list li {
+    list-style-position: inside;
+    padding-left: 0.5em;
+}
+
+
+
+/*
+ * Replies
+ */
+
+a.reply {
+  background: url("../img/reply.png") no-repeat left center;
+  padding-left: 20px;
+  margin-left: 1em;
+}
+a.reply.disabled {
+  background: url("../img/reply-disabled.png") no-repeat left center;
+  color: #999;
+}
+.reply-form {
+    display: none;
+    padding-top: 1em;
+}
+.reply-form p.reply-tools {
+    font-size: 90%;
+}
+.reply-form p {
+    margin: 0;
+}
+.reply-form textarea {
+    width: 95%;
+}
+.reply-result {
+    text-align: center;
+}
+.reply-result .alert {
+    display: inline-block;
+}
+.reply-result .alert-success {
+    margin-bottom: 0;
+}
+.reply-result .alert-error {
+    white-space: pre;
+    text-align: left;
+}
+
+
+
+/*
+ * New thread form
+ */
+
+.new-thread-form {
+    margin-left: 2em;
+}
+.new-thread-form #id_subject,
+.new-thread-form textarea {
+    width: 90%;
+}