Changeset 1662

Timestamp:

05/16/2010 03:40:44 PM (3 years ago)

Author:

DarTar

Message:

Fixed comments style in kubrick theme. Note: the comment navigation icons and the commentsnav div will need to be removed from the show handler and CSS. The label of the fieldset in the user settings can then drop the word "default". refs #418 and #912

Location:

branches/1.3/templates/kubrick/css

Files:

• boxed-comments.css (deleted)
• kubrick.css (modified) (5 diffs)
• nested-comments.css (deleted)

branches/1.3/templates/kubrick/css/kubrick.css

@@ -49 +49 @@
         min-height: 300px;
         margin: 20px 0 0;
-        line-height: 1.4em;
+        line-height: 1.6em;
         padding: 0 0 20px 45px;
         font-size: 1.2em;
@@ -72 +72 @@
 /* comments */
 
+/* wrapper for the whole comments block, contains the header and the actual comments */
 #comments {
         clear: left;
@@ -80 +81 @@
 }
 
+#comments form {
+        display: inline;
+}
+
+#comments form input[type=submit] {
+        font-size: 80%;
+        padding: 1px 2px;
+}
+
+/* contains the header to the comments block */
 #commentsheader {
-        font-size: 1em;
-}
-
-.comment {
-        font-size: 1.1em;
-        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
-        margin: 10px;
-        line-height: 1.5em;
-        padding: .8em 1.2em;
-        background-color: #f8f8f8;
-        border-top: 1px solid #ddd;
-        border-bottom: 1px solid #ddd;
+        clear: both;
+        background-color: #FAFAFA;
+        padding: 2px 10px 0 10px;
+        border-top: 1px solid #CCCCCC;
+}
+
+#commentsheader form {
+        padding: 5px 0; 
+}
+
+/* wrapper for the comment lists */
+.commentscontainer {
+        background-color: transparent;
+        margin-top: 10px;       
+        padding: 0;     
+}
+
+/* alternate style for single comments */
+.comment-layout-1 {
+        background-color: #FAFAFA;
+        padding: 7px;
+        border: 1px solid #DDD;
+        margin: 5px;
+}
+
+.comment-layout-2 {
+        background-color: #FFF;
+        padding: 7px;
+        border: 1px solid #DDD;
+        margin: 5px;
 }
 
@@ -98 +127 @@
         font-size: .8em;
         padding: 5px;
-}
-
-#commentform textarea {
-        width: 100%;
-}
-
-div#commentsnav { 
-/*      border:1px solid #CCC; */ 
-/*      background-color:#EEE; */ 
-        float:right; 
-        padding:3px; 
-} 
- 
-div#commentsnav img.icon { 
-        border: 1px solid #CCC; 
-        padding:3px; 
-        background-color:#EFEFEF; 
-        margin:1px; 
-} 
- 
-div#commentsnav img.icon_on { 
-        border: 1px solid #CCC; 
-        padding:3px; 
-        background-color:#DDD; 
-        margin:1px; 
-} 
- 
-div#commentsnav img.icon:hover { 
-        background-color:#DDD;
+        color: #999;
+        font-family: "Lucida Console", Monaco, monospace;
+}
+
+.commentauthor {
+        font-size: 1.2em;
+}
+
+.commentbody {
+}
+
+.commentaction {
+        margin-top: 5px;
+}
+
+.commentform {
+        padding: 10px;
+        background-color: #EEE;
+}
+
+textarea#commentbox {
+        width: 400px;
+}
+
+.commentdeleted {
+        color: #AAA;
+}
+
+.commentparent {
+        font-size: 1em;
+        line-height: 20px;
+        color: #555;
+        margin: 5px 5px 5px 5px;
+}
+
+#commentsnav {
+        display: none;  
 }
 
@@ -451 +488 @@
 textarea {
         border: 1px solid #CCC; 
-}
-
-textarea:hover {
-        background-color: #F3F3F3;
-}
-
-textarea:focus {
-        background-color: #E6E6FF;
 }