settings
code: style.css
.grid li.page-list-item > ahref^="/yunakaito/settings" {
display: none;
}
.grid li.page-list-item > ahref^="/yunakaito/hr" {
display: none;
}
body {
background-color: #c13628 !important;
}
.selection {
background-color:#c13628ff;
}
.selections {
background-color:#c13628ff;
}
.line a.link, .line a.page-link {
color: #e38329;
text-decoration: none;
}
.line a:hover {
text-decoration: underline;
}
/* 吹き出し本体 */
.deco-\{, .deco-\} {
font-size: 1em;
color: #000000;
background-color: #d8d8d8;
padding: 0.1em 0.2em 0.1em 0.2em;
border-radius: 0.4em;
margin: auto 0.3em;
display: inline-block;
max-width: calc(100% - 100px);
vertical-align: top;
}
/* 左吹き出しの角 */
.deco-\{:before {
position: absolute;
margin: 0;
padding: 0;
transform: translateX(-100%) translateY(calc(1em - 80%));
width: 0;
content: "";
border-width: 0 0 0.6em 0.6em;
border-style: solid;
border-color: #d8d8d8 transparent;
}
/* 右吹き出しの角 */
.deco-\}:after {
position: absolute;
margin: 0;
padding: 0;
transform: translateY(calc(1em - 80%));
width: 0;
content: "";
border-width: 0 0.6em 0.6em 0;
border-style: solid;
border-color: #d8d8d8 transparent;
}
.line .dot {
display: none !important;
}
/* 強調吹き出しの角 */
.deco-\!:before, .deco-\!:after { border-color: #ee6666 transparent; }
/* 吹き出し内のリンク色の調整 */
.deco-\{ a, .deco-\} a { color: #000000; }
/*.deco-\{ a.empty-page-link, .deco-\} a { color: #F00; }*/
/* #で始まるタグをラベル風にする */
/* atype="hashTag" {
display: inline-block;
padding: 0 6px;
margin-left: 4px;
background: #fff;
color: #363c49 !important;
font-size: 0.9em;
border: 1px solid #8f9899;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} */
/* .line-title + .line atype="hashTag" {
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
border-style: none;
color: #ffffff !important;
background-color: rgba(193, 54, 40, 0.1);
}
.line-title + .line atype="hashTag":hover {
background-color: rgba(193, 54, 40, 0.2);
}
.line-title + .line atype="hashTag":active {
background-color: rgba(193, 54, 40, 0.3);
}
.line-title + .line atype="hashTag":focus {
box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff, 0 0 0 4px rgba(10, 132, 255, 0.3)
} */
.lines .line:nth-child(2) atype='hashTag',
.lines .line:last-child atype='hashTag',
.lines .line:nth-last-child(2) atype='hashTag' {
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
border-style: none;
color: #ffffff !important;
background-color: rgba(193, 54, 40, 1);
}
.lines .line:nth-child(2) atype='hashTag':hover,
.lines .line:last-child atype='hashTag':hover,
.lines .line:nth-last-child(2) atype='hashTag':hover {
background-color: rgba(193, 84, 40, 1);
}
.lines .line:nth-child(2) atype='hashTag':active,
.lines .line:last-child atype='hashTag':active,
.lines .line:nth-last-child(2) atype='hashTag':active {
background-color: rgba(193, 54, 40, 1);
}
.lines .line:nth-child(2) atype='hashTag':focus,
.lines .line:last-child atype='hashTag':focus,
.lines .line:nth-last-child(2) atype='hashTag':focus {
box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff,
0 0 0 4px rgba(193, 54, 40, 0.3);
}
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not(class) {
background: linear-gradient(transparent 10%, #eba675 25%, #eba675 70%, transparent 90%)
}