-/* ToDo: User Comment List */
-
-.commentList {
- line-height: 1.5;
-}
-
-.commentList > li {
- border-top: 1px solid rgb(204, 204, 204);
-}
-
-.commentList > li:first-child {
- border-top-width: 0;
-}
-
-.commentList > li > div {
- padding: 7px;
- position: relative;
-}
-
-.commentList > li > div:after {
- content: '';
- display: block;
- clear: both;
-}
-
-.commentList > li > div .userAvatar {
- margin-right: 10px;
- float: left;
-}
-
-.commentList > li:first-child:not([data-type="comment"]) > div .userAvatar {
- margin-right: 0;
- margin-left: 15px;
-}
-
-.commentList > li > div .userAvatar img {
- background-color: #fff;
- padding: 1px;
- border: 1px solid #ddd;
-}
-
-.commentList > li > div .userAvatar img:after {
- content: '';
- display: block;
- clear: both;
-}
-
-.commentList > li > div > div {
- display: block;
- margin-left: 65px;
- position: relative;
-}
-
-.commentList > li > div > div small {
- margin-top: 3px;
- color: rgb(192, 192, 192);
- font-size: 85%;
-}
-
-
-
-/* ToDo: User Comment Content */
-
-.commentContent {
- margin-left: 50px;
-}
-
-.commentContent > div {
- padding-top: 7px;
- position: relative;
-}
-
-.commentContent > div > .commentResponseAdd {
- border-top: 1px solid rgb(204, 204, 204);
- background-color: rgba(0, 0, 0, .015);
- padding: 7px;
-}
-
-.commentContent > div > .commentResponseAdd:after {
- content: '';
- display: block;
- clear: both;
-}
-
-.commentContent > div > .commentResponseAdd > div .userAvatar {
- float: left;
- margin-right: 10px;
-}
-
-.commentContent > div > .commentResponseAdd > div .userAvatar img {
- background-color: #fff;
- padding: 1px;
- border: 1px solid #ddd;
-}
-
-.commentContent > div > .commentResponseAdd > div > div {
- margin-left: 50px;
- display: block;
-}
-
-.commentContent > .userName {
- display: block;
-}
-
-.commentContent > .userName time {
- font-size: 85%;
- color: rgb(153, 153, 153);
-}
-
-
-
-/* Comment Response List */
-
-.commentResponseList > li {
- border-top: 1px solid rgb(204, 204, 204);
- background-color: rgba(0, 0, 0, .015);
-}
-
-.commentResponseList > li > div {
- padding: 7px;
- position: relative;
-}
-
-.commentResponseList > li:nth-child(2n+1) {
- /* auto-colorer for every 2nd row */
- background-color: rgba(0, 0, 0, .0);
-}
-
-
-
-/* Comment Options */
-
-.commentContent > .commentOptions,
-.commentResponseList > li .commentOptions {
- display: block;
- font-size: 85%;
- position: absolute;
- top: 2px;
- right: 2px;
-}
-
-.commentContent > .commentOptions > li,
-.commentResponseList > li .commentOptions > li {
- opacity: 0;
-
- -webkit-transition: opacity .1s linear;
- -moz-transition: opacity .1s linear;
- -ms-transition: opacity .1s linear;
- -o-transition: opacity .1s linear;
- transition: opacity .1s linear;
-}
-
-.commentContent:hover > .commentOptions > li,
-.commentResponseList > li:hover .commentOptions > li {
- opacity: 1;
-}
-
-.commentContent > .commentOptions > li a,
-.commentResponseList > li .commentOptions li a {
- color: rgb(153, 153, 153);
- cursor: pointer;
- display: inline-block;
- padding: 5px 10px;
-}
-
-
-
-/* Toggle Comments Links */
-
-.commentResponsePrevious,
-.commentResponseRecent {
- text-align: right;
- color: rgb(153, 153, 153);
- cursor: pointer;
- margin-top: 7px;
-}
-