roamedit andy by ttmouse

/* ==UserStyle==
@name         roamedit andy
@version      20220123.12.33
@namespace    userstyles.world/user/ttmouse
@description  :)
@author       ttmouse
@license      No License
==/UserStyle== */

@-moz-document domain("roamedit.com") {
/* 基于andy模式调整出来的一套皮肤 */
/* 豆爸 
/* 主要是浅色模式，深色模式懒得调。 更新时间 2021-12-23 14:39:27*/



#roam-wrap .node[mystyle~="有序列表:数字点号"] .node-foldup:not(.node-top) > .node-btn:before, 
#jShape.theme-night #roam-wrap .node[mystyle~="有序列表:数字点号"] .node-foldup:not(.node-top) > .node-btn:before, 
body#jShape.theme-night #roam-wrap .node-search-result .node.node-foldup > .node-btn:before {
    box-shadow: 0 0 0 0px #e9e9e9;
	background-color:#e1e1e1a1 !important;
}

/*数字序号↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/


#detail-wrap .node[mystyle~="有序列表:数字点号"] > .node-child > .node:not(.node-empty-line) > .node-btn::before, 
#detail-wrap .node[mystyle~="有序列表:数字点号"] > .node-scroll > .node-child > .node:not(.node-empty-line) > .node-btn::before {
    margin-left: 0px;
}

#detail-wrap .node[mystyle~="有序列表:数字点号"] > .node-child > .node:not(.node-empty-line) > .node-btn:hover::before, 
#detail-wrap .node[mystyle~="有序列表:数字点号"] .node-scroll > .node-child > .node:not(.node-empty-line) > .node-btn:hover::before {
    transform: scale(1);
	font-family: 'Chinese Quote', 'Segoe UI', dinpro, Roboto, "PingFang SC", Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif;
	box-shadow: 0 0 0 0px #F2F2F200;
}
#detail-wrap .node[mystyle~="有序列表:数字点号"] > .node-child > .node:not(.node-empty-line) > .node-btn::before, #detail-wrap .node[mystyle~="有序列表:数字点号"] .node-scroll > .node-child > .node:not(.node-empty-line) > .node-btn::before {
	font-size: 14px;
    transform: scale(1);
	font-family: 'Chinese Quote', 'Segoe UI', dinpro, Roboto, "PingFang SC", Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif;
	box-shadow: 0 0 0 0px #F2F2F200;
}


/*横隔线↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#detail-wrap .nmarkdown.hr .node-text {
    position: relative;
    margin-left: 0px;
    overflow: hidden;
    padding-left: 0px;
}


#detail-wrap .node[layout=mdview] > .node-child > .p > .node-btn, #detail-wrap .node[layout=mdview] .hn > .node-child > .p > .node-btn {
    top: 13px;
}

#detail-wrap .node[layout=mdview].node-top > .node-child {
    margin-left: 0px;
	padding-left: 0px;
}

#detail-wrap .node[layout=mdview].node-top > .node-child > .node {
    margin-left: 0px;
}

.katex .mathdefault {
    font-family: Times New Roman;
    font-style: normal;
}
.katex .mord {
    color: initial !important;
}

#detail-wrap .node-top[layout=mdview] > .node-child > .node {
    display: inherit;
}


/*面包屑开始↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.node-crumbs {
    padding-left: 28px;
}


/*开始↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*浮层title*/
#jdialog-recent-open{
	width: 249px!important;
	height:auto !important;
	box-shadow: none;
}
.activities .b-accent .sl-item .sl-content p {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
	
	margin-bottom: 8px;
}
.jdialog > .alert.alert-normal {
	border-radius: 0px;
}
.jdialog[id="jdialog-recent-open"] > .alert .alert-title .title {
    font-size: 15px !important;

}
.jdialog[id="jdialog-recent-open"] > .alert .alert-title {
    padding: 5px 0px;
}

.jdialog[id="jdialog-recent-open"] .text-muted-dk{
	display: none;
}
.activities .b-accent .sl-item:after {
    border-color: #18181824;
    border-width: 3px;
	top: 1px;
}
.activities .b-accent {
    border-color: #7676762b !important;
    border-left: 1px solid;
}
.activities .b-accent .sl-item .sl-content {
    padding-bottom: 4px;
    margin-top: -5px;
    margin-left: 11px;
}
body#jShape.theme-night .jdialog > .alert.alert-normal {
    background-color: #181818;
}
/*悬浮层样式*/
body#jShape.theme-night .alert-title {
	border-bottom: 1px solid #ffffff0d;
	border-top: 1px solid #ffffff0d;
}
/*结束↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/



.plugin-outline-wrap .outline-wrap > .node .node-top-text {
    font-size: 36px;
    line-height: normal;
	font-weight: bold;
}

/* 代码块尺寸↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

code {
    font-size: 100%;
}


/* 顶部工具栏开始↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
body#jShape.theme-night #detail-wrap .navbar {
	background-color: #181818;
}
.warning {
    color: #ffffff;
}

/*顶部自定义的ico*/
.tab-wrap .tab-header .tab-item {
	margin-left: 10px;
	border-radius: 40px;
	color: #857f79;
	background-color: #CBCBCB08;
}
.tab-wrap .tab-header .tab-item:hover {
	background: #9B9B9B26 !important;
	box-shadow: none;
    transition: none;
    border-radius: 100px;
	color: #4a453f;
}
/*顶部自定义的ico居中*/
.tab-wrap .tab-header .tab-item span {
	display: inline-block;
	margin-left: 0px;
}

#detail-wrap .tab-wrap .tab-header .tab-item span[linkto] {
	border: none;
    color: #857f79;
}
#detail-wrap .tab-wrap .tab-header .tab-item span[linkto]:hover {
    color: #4a453f;
}
.theme-night .tab-wrap .tab-header .tab-item:hover {
    background: #9b9b9b69 !important;
    box-shadow: none;
    transition: none;
    border-radius: 100px;
    color: #ffffff !important;
    opacity: 0.8 !important;
}

.theme-night #detail-wrap .tab-wrap .tab-header .tab-item span[linkto]:hover {
    color: #FFF;
}
/*顶部工具栏结束↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*左侧边栏双列↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/* 侧四象限任务  */
.theme-night .node[mystyle~='四象限']>.node-child .node {
    background-color: #fbfbfb08 !important;
    margin-top: 0;
    margin-bottom: 0;
}

#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) .node-child {
	column-count: 2; /*多列的列数*/
	column-gap: 4px;/*列间距*/
}

#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) .node-child  .nmarkdown.node.p {
	box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.15);
	break-inside: avoid;
	/*width: 47%;
	margin-right: 5px;*/
}

#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup).node-child > .node .node-text {
	padding-left: 28px;
	margin-left: 0px !important;
	margin-bottom: 0px;
}

/* 侧边栏样式  */
#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) {
    background-color: #F7F6F600 !important;
    border-radius: 5px;
    margin-right: 10px;
	margin-bottom: 4px;
}
.theme-night #leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) {
    background-color: #FFF0 !important;
    border-radius: 5px;
    margin-right: 10px;
	margin-bottom: 4px;
}
#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) .node-child {
    margin-left: 0px;
	border-left: 0px solid var(--node-child-border);
	padding-bottom: 5px;
	padding-left: 8px;
    padding-right: 8px;
}
#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup)  .node {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 15%);
    background-color: var(--V1-N-d);
    border-radius: 5px;
    margin-bottom: 2px;
	text-align: center;
}
.theme-night #leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) .node {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 15%);
	background-color: var(--V1-N-e);
    border-radius: 5px;
    margin-bottom: 2px;
    text-align: center;
}


#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup)  .node:hover {
    background-color: rgba(90, 90, 90, .1);
}
.theme-night #leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup)  .node:hover {
    background-color: rgba(252, 252, 252, .1) !important;
}

#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) .node .node-btn {
    display: none;
}
#leftsidebar .nmarkdown .node.p.has-child:not(.node-foldup) .node .node-text {
    padding: 3px 0px 3px 3px !important;
}

div#db-current-name {
    opacity: 0.01;
}
/* 左侧边栏双列↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/




/* 插件是否开启的按钮 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.btn-enable {
    background-color: #a1a1a1 !important;
    color: #fff !important;
}

/* 关系图样式 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#detail-wrap .node[layout=diagram] .node[mystyle*="背景"] {
	text-align: center;
	color: #FFF;
}
#detail-wrap .node[layout=diagram] .node[mystyle*='背景'].node-text {
	padding: 10px!important;
}
#detail-wrap .node[layout=diagram] .node[mystyle*="背景"] {
	border-radius: 6px !important;
	color: #FFF;
	margin-bottom: 3px;
}
#detail-wrap .node[layout=diagram] .node[mystyle="背景灰色"] {
	background:#5A5852 !important;
}
#detail-wrap .node[layout=diagram] .node[mystyle="背景蓝色"] {
	background:#415CEB !important;

}
#detail-wrap .node[layout=diagram] .node[mystyle="背景蓝色2"] {
	background:#41AEEB !important;
}
#detail-wrap .node[layout=diagram] .node[mystyle="背景粉色"] {
	background:#EF6B8B !important;
}
#detail-wrap .node[layout=diagram] .node[mystyle="背景绿色"] {
    background: #2AB549 !important;
}
#detail-wrap .node[layout=diagram] .node[mystyle="背景橙色"] {
    background: #F2925D !important;
}
#detail-wrap .node[layout=diagram] .node[mystyle*='背景'] .node-text {

	padding-left: 15px!important;
	padding-right: 15px!important;
}

#detail-wrap .node[layout=diagram] .node-child,
#detail-wrap .node[layout=diagram] > .node-scroll > .node-child > .node[mystyle*='背景'] > .node-child:not(:empty) {
    margin-bottom: 5px;
    margin-left: 5px;
    padding-left: 0px;
    padding-right: 5px;
	border:none;
}



path{
   stroke: #848484 !important;
}
#detail-wrap .node[layout=diagram] > .node-scroll {
    background-color: #2e2e2e;
}
#detail-wrap .node[layout="diagram"] .node[mystyle*="背景"] .nmarkdown.node.p
{
	background-color: #FFF;
	border-radius: 5px;
	margin-bottom: 2px;
	margin-right: 4px;
	color: #323232;

}
#detail-wrap .node[layout=diagram]  .node-text{
	padding: 3px 10px 3px 28px;
}
#detail-wrap .node[layout=diagram] .node[mystyle*="背景"] .node-btn::before {
    background-color: #fff !important;
}
#detail-wrap .node[layout=diagram] .node-foldup:not(.node-top) > .node-btn:before{
    box-shadow: 0 0 0 0px #f2f2f2 !important;
}
#detail-wrap .node[layout=diagram] .node-zoomin span, .node-trigger span {
    background-color: #FFF0 !important;
}

#detail-wrap .node[layout=diagram]  .node-zoomin span:hover, .node-trigger span:hover {
    color: #ededed;
}
...