Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Added: comments, and resize the container to 300 px high.

  • Loading branch information...
commit 5a64b28b7b3fd40f5a3304e3dcdd03f9239ac532 1 parent 630fe1f
@bu authored
Showing with 16 additions and 29 deletions.
  1. +16 −29 css/hcolumns.css
View
45 css/hcolumns.css 100644 → 100755
@@ -1,65 +1,51 @@
+/* column view container */
.column-view-container {
width: 900px;
- height: 420px;
+ height: 300px;
border: 1px solid #ccc;
+ background: #FFF;
overflow: auto;
display: block;
}
+/* the composition div for colums */
.column-view-composition {
display: table;
white-space: nowrap;
}
+/**/
.column {
display: table-cell;
border-right: 1px solid #999;
}
-.column div.article {
- display: block;
- width: 500px;
- padding: 10px;
- white-space: normal;
-}
-
-.column div.article strong {
- display: block;
-
- font-size: 15px;
-
- margin: 10px;
-}
-
-.column div.article p {
- font-size: 15px;
-
- margin: 1em 0;
- line-height: 20px;
-
- color: #666;
-}
-
.column:last-child {
border-right: 0;
}
-.column > p {
- font-size: 15px;
+.column:only-child {
+ border-right: 1px solid #999;
+}
+/* for error messages */
+.column > p {
margin: 10px;
+ font-size: 15px;
color: #666;
}
+/* for column listing */
.column ul {
- list-style: none;
+ margin: 0;
height: 300px;
width: 250px;
overflow-y: auto;
- margin: 0;
+
+ list-style: none;
}
.column ul li {
@@ -86,6 +72,7 @@
color: #FFFFFF;
}
+/* icon type, could be replace with FontAwesome */
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
Please sign in to comment.
Something went wrong with that request. Please try again.