settings
表示用CSS
code:style.css
/* settingsの非表示 */
.grid li.page-list-item > ahref^="/uemaiklab/settings" {
display: none;
}
/* pin止め独立 */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/* リンクの色 */
atype="link".page-link, atype="hashTag".page-link, .line a.link {
color: #6a5acd !important;
}
atype="link".empty-page-link, atype="hashTag".empty-page-link {
color: #6a5acd !important;
}
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #6a5acd;
font-size: 0.8em;
border: 1.5px solid #6a5acd;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
/* 吹き出しの設定 */
.deco-\{, .deco-\} {
font-size: 1em;
color: #fff;
background-color: #CCCCFF;
padding: 0.2em 0.4em 0.2em 0.4em;
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.8em 0.8em;
border-style: solid;
border-color: #CCCCFF transparent;
}
.deco-\}:after {
position: absolute;
margin: 0;
padding: 0;
transform: translateY(calc(1em - 80%));
width: 0;
content: "";
border-width: 0 0.8em 0.8em 0;
border-style: solid;
border-color: #CCCCFF transparent;
}
/* 拡張装飾記法　\! 重要・強調 */
.deco-\! {
font-weight: bold;
color: #483d8b;
}
/* 太字の太さを変更 */
htmldata-os*='mac' .line strong.level, .line strong.leveldata-os*='mac' {
font-weight: bold;
}
/* 通常太字 */
.line strong:not(class) {
color: #009999;
}
/* 小見出し用 */
.deco-\# {
font-weight: bold;
font-size: 110%;
border-bottom: solid 2px #ccc;
padding-bottom: .2rem;
}
/* アスタリスク4つの強調文字 */
.line strong.level-4 {
font-weight: bold;
line-height: 2;
border-bottom: solid .2rem #ccc;
border-left: solid #BA55D3 1rem;
padding: 1.5rem;
}
/* アスタリスク3つの強調文字 */
.line strong.level-3{
padding: 0.5em;
color: #666666;
background: #F8F8FF;
border-left: solid #9370DB 5px;
font-size:1.3em
}
/* アスタリスク2つの強調文字 */
.line strong.level-2 {
font-size: 1.3em;
border-left: solid .5rem #dcdcdc;
background: linear-gradient( transparent 90%, #dda0dd 0% );
line-height: 6rem;
padding: .8rem;
padding-left: 1rem;
}
/* スマホ表示を調整 */
@media screen and (max-width: 768px) {
.line strong.level-4 {
font-size: 130%;
line-height: 1.8;
font-weight: bold;
padding: .7rem;
}
.line strong.level-2 {
font-size: 110%;
font-weight: bold;
line-height: 2;
}
.deco-\# {
font-size: 100%;
}
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.line.line-title {
font-weight: bold;
border-bottom: solid 3px #ccc;
line-height: 1.4;
margin-bottom: 2rem;
}
.line.line-title .text {
font-size: 1.2em;
padding-bottom: .5em;
color: #666666;
}
/* スマホ表示用に調整 */
@media screen and (max-width: 670px) {
.line.line-title .text {
font-size: 1.8rem;
}
}
#page-info-menu + ul > li:nth-child(6) {
display: none;
}
/* []を表示 */
#page-info-menu + ul > li:nth-child(6) {
display: none;
}
.line:not(.cursor-line) .deco-\%::before {
content: "["
}
.line:not(.cursor-line) .deco-\%::after {
content: "]"
}