Changeset 4598

Timestamp:

12/20/2012 11:04:29 AM (10 years ago)

Author:

johnjamesjacoby

Message:

Improved styling for inner topic and reply content elements, merged with recent changes and includes RTL. Props jaredatch. Fixes #2054.

Location:

trunk/templates/default/css

Files:

• bbpress-rtl.css (modified) (3 diffs)
• bbpress.css (modified) (3 diffs)

trunk/templates/default/css/bbpress-rtl.css

@@ -117 +117 @@
 }
 
-#bbpress-forums .bbp-topic-content img,
-#bbpress-forums .bbp-reply-content img {
-    max-width: 100%;
-}
-
-#bbpress-forums .bbp-topic-content ul,
-#bbpress-forums .bbp-reply-content ul,
-#bbpress-forums .bbp-topic-content ol,
-#bbpress-forums .bbp-reply-content ol {
-    margin: 15px;
-}
-
-#bbpress-forums .bbp-topic-content ol li,
-#bbpress-forums .bbp-reply-content ol li {
-    list-style: decimal;
-}
-
-#bbpress-forums .bbp-topic-content ul li,
-#bbpress-forums .bbp-reply-content ul li {
-    list-style: square;
-}
-
 li.bbp-forum-info,
 li.bbp-topic-title {
@@ -211 +189 @@
     font-size: 11px;
     font-style: italic;
-}
-
-#bbpress-forums div.bbp-forum-content,
-#bbpress-forums div.bbp-topic-content,
-#bbpress-forums div.bbp-reply-content {
-    margin-right: 140px;
-    padding: 12px 12px 12px 0;
-    text-align: right;
 }
 
@@ -269 +239 @@
     font-weight: bold;
     color: #aaa;
+}
+
+/* =Topic and reply content
+-------------------------------------------------------------- */
+
+#bbpress-forums div.bbp-forum-content,
+#bbpress-forums div.bbp-topic-content,
+#bbpress-forums div.bbp-reply-content {
+    margin-left: 140px;
+    padding: 12px 12px 12px 0;
+    text-align: left;
+}
+
+#bbpress-forums div.bbp-topic-content a,
+#bbpress-forums div.bbp-reply-content a {
+    background: none;
+    border: none;
+    display: inline;
+    font-weight: normal;
+    margin: 0;
+    padding: 0;
+}
+
+#bbpress-forums div.bbp-topic-content h1,
+#bbpress-forums div.bbp-reply-content h1,
+#bbpress-forums div.bbp-topic-content h2,
+#bbpress-forums div.bbp-reply-content h2,
+#bbpress-forums div.bbp-topic-content h3,
+#bbpress-forums div.bbp-reply-content h3,
+#bbpress-forums div.bbp-topic-content h4,
+#bbpress-forums div.bbp-reply-content h4,
+#bbpress-forums div.bbp-topic-content h5,
+#bbpress-forums div.bbp-reply-content h5,
+#bbpress-forums div.bbp-topic-content h6,
+#bbpress-forums div.bbp-reply-content h6 {
+    clear: none;
+    line-height: 1em;
+    margin: 24px 0;
+    padding: 0;
+}
+
+#bbpress-forums div.bbp-topic-content img,
+#bbpress-forums div.bbp-reply-content img {
+    max-width: 100%;
+}
+
+#bbpress-forums div.bbp-topic-content ul,
+#bbpress-forums div.bbp-reply-content ul,
+#bbpress-forums div.bbp-topic-content ol,
+#bbpress-forums div.bbp-reply-content ol {
+    margin: 0 15px 15px;
+    padding: 0;
+}
+
+#bbpress-forums div.bbp-topic-content ul li,
+#bbpress-forums div.bbp-reply-content ul li {
+    list-style-type: disc;
+}
+
+#bbpress-forums div.bbp-topic-content ol li,
+#bbpress-forums div.bbp-reply-content ol li {
+    list-style-type: decimal;
+}
+
+#bbpress-forums div.bbp-topic-content ol li li,
+#bbpress-forums div.bbp-reply-content ol li li {
+    list-style-type: lower-alpha;
+}
+
+#bbpress-forums div.bbp-topic-content ol li li li,
+#bbpress-forums div.bbp-reply-content ol li li li {
+    list-style-type: upper-roman;
+}
+
+#bbpress-forums div.bbp-topic-content code,
+#bbpress-forums div.bbp-reply-content code,
+#bbpress-forums div.bbp-topic-content pre,
+#bbpress-forums div.bbp-reply-content pre {
+    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
+    display: inline;
+}
+
+#bbpress-forums div.bbp-topic-content pre,
+#bbpress-forums div.bbp-reply-content pre {
+    background-color: #f9f9f9;
+    border: 1px solid #ddd;
+    display: block;
+    line-height: 18px;
+    margin: 24px 0;
+    padding: 10px;
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
 }
 

trunk/templates/default/css/bbpress.css

@@ -117 +117 @@
 }
 
-#bbpress-forums .bbp-topic-content img,
-#bbpress-forums .bbp-reply-content img {
-    max-width: 100%;
-}
-
-#bbpress-forums .bbp-topic-content ul,
-#bbpress-forums .bbp-reply-content ul,
-#bbpress-forums .bbp-topic-content ol,
-#bbpress-forums .bbp-reply-content ol {
-    margin: 15px;
-}
-
-#bbpress-forums .bbp-topic-content ol li,
-#bbpress-forums .bbp-reply-content ol li {
-    list-style: decimal;
-}
-
-#bbpress-forums .bbp-topic-content ul li,
-#bbpress-forums .bbp-reply-content ul li {
-    list-style: square;
-}
-
 li.bbp-forum-info,
 li.bbp-topic-title {
@@ -212 +190 @@
     font-size: 11px;
     font-style: italic;
-}
-
-#bbpress-forums div.bbp-forum-content,
-#bbpress-forums div.bbp-topic-content,
-#bbpress-forums div.bbp-reply-content {
-    margin-left: 140px;
-    padding: 12px 12px 12px 0;
-    text-align: left;
 }
 
@@ -270 +240 @@
     font-weight: bold;
     color: #aaa;
+}
+
+/* =Topic and reply content
+-------------------------------------------------------------- */
+
+#bbpress-forums div.bbp-forum-content,
+#bbpress-forums div.bbp-topic-content,
+#bbpress-forums div.bbp-reply-content {
+    margin-left: 140px;
+    padding: 12px 12px 12px 0;
+    text-align: left;
+}
+
+#bbpress-forums div.bbp-topic-content a,
+#bbpress-forums div.bbp-reply-content a {
+    background: none;
+    border: none;
+    display: inline;
+    font-weight: normal;
+    margin: 0;
+    padding: 0;
+}
+
+#bbpress-forums div.bbp-topic-content h1,
+#bbpress-forums div.bbp-reply-content h1,
+#bbpress-forums div.bbp-topic-content h2,
+#bbpress-forums div.bbp-reply-content h2,
+#bbpress-forums div.bbp-topic-content h3,
+#bbpress-forums div.bbp-reply-content h3,
+#bbpress-forums div.bbp-topic-content h4,
+#bbpress-forums div.bbp-reply-content h4,
+#bbpress-forums div.bbp-topic-content h5,
+#bbpress-forums div.bbp-reply-content h5,
+#bbpress-forums div.bbp-topic-content h6,
+#bbpress-forums div.bbp-reply-content h6 {
+    clear: none;
+    line-height: 1em;
+    margin: 24px 0;
+    padding: 0;
+}
+
+#bbpress-forums div.bbp-topic-content img,
+#bbpress-forums div.bbp-reply-content img {
+    max-width: 100%;
+}
+
+#bbpress-forums div.bbp-topic-content ul,
+#bbpress-forums div.bbp-reply-content ul,
+#bbpress-forums div.bbp-topic-content ol,
+#bbpress-forums div.bbp-reply-content ol {
+    margin: 0 15px 15px;
+    padding: 0;
+}
+
+#bbpress-forums div.bbp-topic-content ul li,
+#bbpress-forums div.bbp-reply-content ul li {
+    list-style-type: disc;
+}
+
+#bbpress-forums div.bbp-topic-content ol li,
+#bbpress-forums div.bbp-reply-content ol li {
+    list-style-type: decimal;
+}
+
+#bbpress-forums div.bbp-topic-content ol li li,
+#bbpress-forums div.bbp-reply-content ol li li {
+    list-style-type: lower-alpha;
+}
+
+#bbpress-forums div.bbp-topic-content ol li li li,
+#bbpress-forums div.bbp-reply-content ol li li li {
+    list-style-type: upper-roman;
+}
+
+#bbpress-forums div.bbp-topic-content code,
+#bbpress-forums div.bbp-reply-content code,
+#bbpress-forums div.bbp-topic-content pre,
+#bbpress-forums div.bbp-reply-content pre {
+    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
+    display: inline;
+}
+
+#bbpress-forums div.bbp-topic-content pre,
+#bbpress-forums div.bbp-reply-content pre {
+    background-color: #f9f9f9;
+    border: 1px solid #ddd;
+    display: block;
+    line-height: 18px;
+    margin: 24px 0;
+    padding: 10px;
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
 }