001 RSSリスティング用の記事

「RSSリスティング用カスタムCSS作成ツール」では、次のようなCSSが作成できます。

.rsstc {
background-color: #333333;
}
.rsstc .rsstc-title {
display: block;font-style: normal;
font-weight: bold;
font-size: 1rem;
padding-top: 3px;
padding-bottom: 1px;
padding-left: 10px;color:#FAFAFA;
}
.rsstc .rsstc-ul {
list-style: none;
margin: 0;
padding: 0;background-color: #E1F5FE;
border: solid 2px #333333;
display: flex;
flex-direction: column;
}
.rsstc .rsstc-li {
padding-top: 3px;padding-bottom: 3px;padding-left: 8px;font-size: 0.9rem;border-bottom: 1px dashed #333333;}
.rsstc .rsstc-li .rsstc-item-link {
color: #333333;}
.rsstc .rsstc-li:last-child {
border-bottom: none;}
.rsstc .rsstc-update {
color:#FAFAFA;font-size: 0.9rem;display: block;text-align: right;padding-top: 3px;padding-bottom: 3px;padding-right: 10px;}
.rsstc-licence {
text-align: right;padding-top: 3px;padding-bottom: 3px;font-size: .75rem;display: flex;align-items: center;justify-content: flex-end;color: #333;}
.rsstc-licence .rsstc-link-logo {
display: block;width: 80px;height: 15px;margin-left: 5px;margin-right: 3px;
background-image: url("https://rss.tc/images/rsstcicon.gif");
background-repeat: no-repeat;background-size: 80px 15px;overflow: hidden;text-indent: 100%;white-space: nowrap;}