diff --git a/src/disqusjs.css b/src/disqusjs.css new file mode 100644 index 0000000..d0f9079 --- /dev/null +++ b/src/disqusjs.css @@ -0,0 +1,107 @@ +/*! + * DisqusJS - Default Theme | v0.1.0 + * Author: SukkaW + * Link: https://github.com/SukkaW/DisqusJS + * License: GPL-3.0 + */ + +#dsqjs .dsqjs-container * { + margin: 0; + padding: 0; +} + +#dsqjs ul.dsqjs-list { + list-style: none; + list-style-type: none; +} + +#dsqjs .dsqjs-item-container { + position: relative; + margin-bottom: 24px; + transition: all .2s ease-in-out; +} + +#dsqjs .dsqjs-item-container:after, +#dsqjs .dsqjs-item-container:before { + display: table; + content: ""; + line-height: 0; + clear: both; +} + +#dsqjs .dsqjs-avater { + margin-right: 12px; + float: left; + position: relative; + z-index: 100; + padding: 0; +} + +#dsqjs a { + text-decoration: none; + color: #076dd0; +} + +#dsqjs .dsqjs-avater img { + width: 48px; + height: 48px; + display: block; + border-radius: 4px; +} + +#dsqjs .dsqjs-body { + overflow: hidden; +} + +#dsqjs .dsqjs-header { + line-height: 1; + font-size: 13px; + margin-top: 4px; + margin-bottom: 4px; +} + +#dsqjs .dsqjs-bullet { + line-height: 1.4; + margin: 0 4px; +} + +#dsqjs .dsqjs-bullet::after { + color: #c2c6cc; + content: "•"; +} + +#dsqjs .dsqjs-author { + line-height: 1; + color: #2479cc; + font-weight: 700; +} + +#dsqjs .dsqjs-meta { + font-size: 12px; + color: #656c7a; +} + +#dsqjs .dsqjs-content p:last-child { + margin: 0; +} + +#dsqjs .dsqjs-content p { + font-size: 15px; + line-height: 21px; + margin: 0 0 12px; + word-wrap: break-word; +} + +#dsqjs .dsqjs-children .dsqjs-item { + margin-left: 60px; +} + +#dsqjs .dsqjs-children .dsqjs-avater img { + width: 38px; + height: 38px; +} + +#dsqjs .dsqjs-children .dsqjs-header { + margin-top: 0; + margin-bottom: 0 +} \ No newline at end of file