settings
https://gyazo.com/683d79066ce6a332d75809937441c07e
あ！Cosense特有のUserCSSを設定しているページだ！
恥ずかしいからあんまり見ないで……
code:style.css
body {
background-color: transparent;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* 特定のページ非表示 */
display: none !important;
}
/* ピン留め以外非表示 */
/* .page-list .grid li:not(.pin) {
/* display: none;
/* }
/* PageMenuの色変更 */
a.random-jump-button,#page-info-menu,#page-edit-menu,#translation-menu{
color:#554783 !important;
}
/* カード関連の設定 */
/* ピン留めのみ独立 */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/* カードタイトル省略 */
.grid li.page-list-item a .header .title {
font-family: "M PLUS Rounded 1c", sans-serif !important;
letter-spacing: -0.05em;
font-size: 13px;
color:#220D3E;
padding: 0;
width: 105%;
display: inline-block;
margin-left: -0.3em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* ホバーでカードタイトル全文表示 */
.grid li.page-list-item a:hover .header .title{
white-space: normal;
overflow: visible;
}
/* カードサムネイル調整 */
.grid li.page-list-item a .icon {
position: relative;
padding: 0;
margin: auto;
}
.grid li.page-list-item a .icon img {
display: table-cell;
width: auto;
max-height: 120px;
max-width: 90%;
vertical-align: middle;
border-radius: 3px;
}
/* カード上部の帯の色を変える */
border-top-color:#FFF;
}
/* カードピン留め時の上部の折り返しの色 */
.grid li.page-list-item a .pin {
}
/* カード関連の設定 ここまで */
/* ページ内設定 */
/* ページ画像表示設定 */
.line img.image {
max-height: none !important;
max-width: 100% !important;
}
/* ページ内リンク線絶対消すマン */
.line img{
border: none !important;
}
.line a.link, .line a.page-link{
text-decoration: none;
}
/* インデント共通設定 */
.line .indent-mark .dot {
background-color: transparent;
}
.line .indent-mark .dot:before {
display: block;
position: absolute;
right: -5px;
top: -10px;
}
/* インデント個別設定 */
.line .indent-mark .c-0 + .dot:before {
content:"▶";
}
.line .indent-mark .c-1 + .dot:before {
content:"●";
}
.line .indent-mark .c-2 + .dot:before {
content:"+";
}
.line .indent-mark .c-3 + .dot:before {
content:"-";
}
/* ページ内設定 ここまで */
/* 文字装飾記法 */
/* ! 見出し */
.deco-\! {
background:linear-gradient(transparent 50%, #FFF29B 50%); }
/* ' 中央寄せ */
.line:not(.cursor-line) .deco-\':not(.deco-_) {
display: inline-block;
width: 100%;
text-align: center;
}
/* & 右寄せ */
.line:not(.cursor-line) .deco-\&:not(.deco-_) {
display: inline-block;
width: 100%;
text-align: right;
}
/* " ボタン */
.deco-\" {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 10%;
height: 45px;
position: relative;
border-radius: 30px;
padding: 0 25px 0 25px;
margin:5px;
letter-spacing: 0.1em;
line-height: 1.3;
text-align: left;
text-decoration: none;
transform: translate(-3px, -3px);
transition: 0.3s;
z-index: +1;
}
.deco-\" a{
text-decoration: none;
}
.deco-\":before {
top: 50%;
right: 25px;
margin-top: -6px;
transform: translate(-3px, -3px);
transition: 0.3s;
z-index: +1;
}
.deco-\":after{
transform: translate(-3px, -3px);
transition: 0.3s;
}
.deco-\":hover {
box-sizing: border-box;
transform: translate(0, 0);
}
.deco-\" a:hover{
}
.deco-\":after{
transform: translate(0, 0);
}
/* 文字装飾記法 ここまで */
/* 何書いてるかわからんくなってきたな */
;){kind=link}