#post-directory-module { z-index: 999; } .post-directory { font-size: 14px; background: #fff; overflow: hidden; width: 300px; padding-bottom: 1em; border: 1px solid #efefef; color: #999; } .post-directory ul, .post-directory ol { padding-left: 1.5em; list-style: none; } .post-directory strong { border-left: 5px solid #999; padding: 2px 5px 2px 15px; } .post-directory a { text-decoration: none; color: #bababa; } .post-directory a:hover, .post-directory a:active, .post-directory a.on { color: #4183c4; } .posts-list { line-height: 2; color: #555; list-style-type:disc; } .posts-list::before { /* content: " ";*/ position: absolute; left: 0; top: 12px; width: 6px; height: 6px; margin-left: -4px; background: #bbb; border-radius: 50%; border: 1px solid #fff; transition-duration: 0.2s; transition-timing-function: ease-in-out; transition-delay: 0s; transition-property: background; } .posts-list-item { border-bottom: 1px dashed #ccc; margin: 10px; padding: 0; } .posts-list-item a { font-size: 16px; font-weight: normal; font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: inherit; color: #666; } .posts-list-meta { font-size: 12px; font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 2; color: #555; background: #fff; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item>.badge { float: right; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; }