settings
一些基本设置
code:style.css
.line img.image {
max-height: none !important;
max-width: 95% !important;
}
body {
background-image: URL('https://baku-1308169645.cos.ap-beijing.myqcloud.com/%E5%8D%9A%E5%AE%A2%E6%8F%92%E5%9B%BE%2F11.jpg');
}
.deco-\{, .deco-\} {
font-size: 1em;
color: #fff;
background-color: #b2bcba;
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: #b2bcba 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: #b2bcba transparent;
}
.deco-\!:before, .deco-\!:after {
border-color: #ee6666 transparent;
}
.deco-\{ a,
.deco-\} a {
color: #66F;
}
.deco-\! {
color: #fff; /* 白文字 */
background-color: #ee6666; /* 赤背景 */
padding: 0.1em 0.2em 0.1em 0.2em;
}
インライン引用記法
/villagepump/インライン引用記法
code:style.css
.deco-\" {
border-radius: .2em;
padding: 0 .4em;
background-color: rgba(128,128,128,0.1);
font-size: 95%;
font-style: italic;
}
.line:not(.cursor-line) .deco-\"::before {
color: #a0a0a0;
font-size: 85%;
/* font-family: 'FontAwesome'; */
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f10d';
position: relative;
top: -0.5em;
left: -0.2em;
}
PC版ブランドアイコンの変更
/nwtgck/settings#5d2ad4ffd08a040000bb8a67
code:style.css
/* Overwrite the brand icon */
a.navbar-brand.dropdown-toggle {
position: relative;
}
a.navbar-brand.dropdown-toggle::before {
content: "";
width: 36px;
height: 36px;
display: block;
position: absolute;
top: 3px;
left: 0px;
background-image: url(https://baku-1308169645.cos.ap-beijing.myqcloud.com/%E5%8D%9A%E5%AE%A2%E6%8F%92%E5%9B%BE%2F11.jpg);
background-size: contain;
/* background-repeat: no-repeat;*/
border-radius: 50%;
}
［*　］<-これに蛍光のラインを足す
settings - ???? - Scrapbox
code:style.css
/* * <ーこれに蛍光のラインを足す */
.level-1{
background: linear-gradient(transparent 60%, #a5d1f0 60%);
}
＃で始まるタグをラベル風にする
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 4px;
background-color: rgba(12, 12, 13, 0.1);
color: #090909;
font-size: 0.8em;
/* border: 1px solid #61B8E8; */
border-radius: 3px;
transition: .1s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
background: rgba(97, 114, 232, 0.3);
/* border: 1px solid #6172E8; */
}
atype="hashTag":active{
background: rgba(97, 114, 232, 0.4);
/* border: 1px solid #6172E8; */
}
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}