imports style.css_disabled
@import "https://scrapbox.io/api/code/nishio/%E3%82%A4%E3%83%B3%E3%83%87%E3%83%B3%E3%83%88%E8%A1%A8%E7%A4%BA/style.css";
2022-02-28 Remove nishio and favicon from TopPage style.css
li.page-list-item.grid-style-item[data-page-title="favicon"],
li.page-list-item.grid-style-item[data-page-title="nishio"]
{
display: none;
}
2022-02-26 Move [/blu3mo-public/ Related Pages list to the side](https://scrapbox.io/blu3mo-public/ Related Pages list to the side). style.css_disabled
.col-page {
max-width: 1200px;
}
@media (min-width: 768px) {
.related-page-list {
flex-basis: 140px !important;
}
}
@media (min-width: 1240px) {
.related-page-list {
flex-basis: 285px !important;
}
.related-page-list .relation-label {
width: 285px !important;
}
}
@media (min-width: 768px) {
.page-wrapper {
display: flex;
justify-content: space-around;
}
.drag-and-drop-enter {
order: 1;
margin-right: 20px;
flex-basis: 100% !important;
min-width: 0;
}
.related-page-list {
order: 2;
flex-shrink: 0;
margin-top: 0px;
background-color: var(--related-page-list-bg);
}
.related-page-sort-menu {
display: none;
}
.related-page-list .grid li {
margin-bottom: 5px !important;
margin-right: 5px !important;
width: 140px;
}
.related-page-list .grid .splitter {
height: 15px !important;
}
.related-page-list .relation-label {
height: auto !important;
}
.related-page-list .relation-label .arrow {
display: none !important;
}
.related-page-list .relation-label a {
/* Related Link Labels */
padding: 4px !important;
/* border-bottom: 2px solid var(--relation-label-bg); */
}
.related-page-list .relation-label .title{
font-size: 12px;
}
.related-page-list .relation-label .icon-lg{
display: none !important;
}
.related-page-list .page-list-item {
/* card size change */
height: 50px !important;
}
.related-page-list .content {
/* card size change */
height: 100% !important;
}
.related-page-list .page-list-item .header {
border-top-width: 5px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
z-index: 1;
/* background-color: var(--translucent-card-bg)*/
}
.related-page-list .page-list-item .header .title {
font-size: 12px !important;
filter: drop-shadow(0px 0px 6px var(--card-bg, #fff)) drop-shadow(0px 0px 8px var(--card-bg, #fff)) drop-shadow(0px 0px 10px var(--card-bg, #fff)) drop-shadow(0px 0px 14px var(--card-bg, #fff))
}
.related-page-list .page-list-item .description {
padding-top: 0px !important;
padding-bottom: 0px !important;
line-height: 1.4 !important;
z-index: 1;
}
.related-page-list .page-list-item .description .line {
font-size: 11px !important;
}
.related-page-list .page-list-item .description .line .inline-icon {
font-size: 9px !important;
}
.related-page-list .page-list-item .icon {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 1;
padding: 5px !important;
}
.related-page-list .page-list-item .icon img {
width: 100% !important;
height: 150% !important;
width: auto !important;
margin-right: 0 !important;
object-fit: contain;
}
.related-page-list .ellipsis {
height: 30px !important;
}
.related-page-list .ellipsis a {
padding: 2px !important;
}
.related-page-list .ellipsis .circle {
width: 30px !important;
height: 30px !important;
}
}
2022-02-08
2022-01-24 /villagepump/settings#5f818b421280f00000bedd4a style.css
/* matrix notation */
.line:not(.cursor-line) .deco-\| { display: inline-flex }
.line .deco-\| img.image { object-fit: contain; margin: 0 }
2022-01-19 /takker/takker99/ScrapBubble ScrapBubble-min ScrapBubble style.css_disable
div.page {
overflow-x: visible;
overflow-y: visible;
}
2021-09-08
- Remove spoiler page from Stream.
- /villagepump/settings#613811fa1280f0000049c5b2 style.css
li.page-list-item.grid-style-item a[href*="%E3%83%8D%E3%82%BF%E3%83%90%E3%83%AC%E6%B3%A8%E6%84%8F"] .description,
.stream .page[data-title*="Spoiler Warning"] {
display: none;
}
2021-01-29 style.css
.level-1 img { width: 16.7% }
.level-2 img { max-width: 300px !important; max-height: none !important; width: 100% }
.level-3 img { width: 50%; max-height: none !important}
.level-4 img { width: 66.7% }
.level-5 img { width: 83.3% }
.level-6 img { width: 100% }
[/scrapboxlab/UserCSS to resize images](https://scrapbox.io/scrapboxlab/UserCSS to resize images).
2018-02-04 Copy the character counter from Dr. Shiozawa’s project
character counter
. style.css_disabled
#__charCounter__ { z-index: 300; position: sticky; bottom: 0; text-align: right }
#__charCounter__ span { cursor: pointer; font: 88%/1 monospace; transition: all .2s ease-out }
#__charCounterPopup__ {
z-index: 300; position: absolute;
border-radius: .25em; border: 1px solid #ddd; box-shadow: 0 0 8px 1px rgba(8,8,8,.1);
padding: .8em; background-color: azure; color: #5F9EA0; font: 13.5px/1.4 monospace;
transition: opacity .3s ease-out }
2018-01-04
- Highlight deco-#.
- Example style.css_disabled
.deco-\# {
border-radius: .2em; padding: 0 .4em; margin: .4em 0; background-color: rgba(128,128,128,0.1);
font-size:200%; line-height:120%}
.deco-\#::before {
color: #a0a0a0; content: '#'; }
Copy what looks good from Dr. Shiozawa’s project
3. insert quotation in the text
.
[/villagepump/inline citation notation](https://scrapbox.io/villagepump/inline citation notation).
- Neko Daisuki[" Neko Daisuki]
- Example: In the middle of a sentence, but here is the only quote.
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;
}
- original :
.deco-\"::before {
color: #a0a0a0; font-size:85%; font-family: 'FontAwesome'; content: '\f10d'; vertical-align: super }
2017-06-12 Show lots of titles when there are no images. style.css
.grid li.page-list-item a .header .title { overflow: visible }
.grid li.page-list-item a .header { overflow: visible }
.line-img { display: none }
Shrink the image vertically if the image overflows its vertical width. style.css
.grid li.page-list-item a .icon img {
max-width: 100%;
max-height: 100%;
width: auto; !important
}
Make the color green style.css
body {
background-color: #88cc88;
}
#.grid li.page-list-item a .header{
# background-color: #eeffee;
#}
.grid li.two-two.page-list-item a .title {
background-color: #eeffee; !important
}
.grid li.page-list-item a .content{
background-color: #eeffee;
}
This page is auto-translated from /nishio/settings using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at @nishio_en. I’m very happy to spread my thought to non-Japanese readers.