settings
https://gyazo.com/779cc5a99a263b307f5196e5a454ec59
https://gamerch.com/kab/entry/97580
背景
code:style.css
body {
background-image: URL('https://data.whicdn.com/images/69942870/original.png');
}
＃のタグ
code:style.css
atype="hashTag" {
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
font-size: 0.8em;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
color: #F754C7;
border: 1px solid #F754C7;
}
atype="hashTag".empty-page-link {
color: #ffb6c1;
border: 1px solid #ffb6c1;
}
atype="hashTag":hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
ページカード
code:style.css
.page-list .grid li {
margin: 0 2.5rem 2.5rem 0;
}
.grid li.page-list-item a {
border-radius: .5rem;
border: solid #ffc0cb .2rem;
}
/* カードを小さくする */
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width : 150px !important;
height: 150px !important;
}
/* 左上固定の大きなカードも小さくする */
.two-two {
width : 200px !important;
height: 200px !important;
}
.two-two .icon {
padding-top: 30px !important;
}
.two-two .title {
height: 0px !important;
}
タイトル
code:style.css
.line.line-title {
font-weight: bold;
border-bottom: solid 3px #ffe8ec;
line-height: 1.4;
color: pink;
}
.line.line-title .text {
font-size: 1.2em;
padding-bottom: .5em;
}
左側の線の色
code:style.css
/* テロメア*/
.telomere-border {
border-color:#a9a9a9 !important; /* 普通のテロメア */
}
.telomere-border.unread {
border-color: #ff69b4 !important; /* 更新後まだ未読部のテロメア */
}
マウスのせた時
.grid li.page-list-item a .hover {
background-color:#ff1493;
}
.line .telomere .telomere-border {
border-width: 0px 0px 0px 3px !important;
border-color: var(--default);
width: 0;
}
.line .telomere .telomere-border.unread { border-color: var(--highlight) !important }
マーカー
code:style.css
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not(class) {
color: pink;
display: inline;
margin: 0 3px;
text-decoration: underline;
}
蛍光ライン追加
code:style.css
/* * <ーこれに蛍光のラインを足す */
.level-1{
background: linear-gradient(transparent 60%, rgb(255,192,203) 30%);
}
ピンの画像変更
code:style.css
/* ピンしたページのスタイル */
.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '\f08d'; font-family: 'FontAwesome'; font-size: 25px; color: #c71585; bottom: 0;
display: inline-block; transform: rotate(35deg) }
くるくるする（笑）
code:style.css
.page-list .grid li:hover {
transition: 1.6s;
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
/* PINされたカードは回らない */
.page-list .grid li.pin:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
参考ページ
/porterapp/settings　ヘルプ
/llminatoll/settings
/Porin-Room/settings　やばすぎ
/progfay-pub/settings
他メンバーのsettings
/kyoyo-ds2019-003/settings あたたかめ
/kyoyo-ds2019-004/settings　内容もすごめ
/kyoyo-ds2019-015/settings　つよそう
/kyoyo-ds2019-016/settings　ハイセンス
/kyoyo-ds2019-051/settings　シンプルイズザベスト
/kyoyo-ds2019-015/Scrapboxを活用するためのリンク集