📘教程

span.rm-page-ref[data-tag="SOP"] { background: 9769FF !important; color: white !important; padding: 3px 7px; font-weight: 500; line-height: 2em; }

span.rm-page-ref[data-tag="Life"] { background: 0DBAC6 !important; color: fff !important; padding: 3px 8px; line-height: 2em; font-weight: 500; }

span.rm-page-ref[data-tag="Seedling"] { color: 0dbac6 !important; padding: 3px 3px; font-weight: 600; line-height: 1.4em; }

span.rm-page-ref[data-tag="Idea Bank"] { color: FCB815 !important; padding: 3px 4px; font-weight: 700; line-height: 1.4em; }

span.rm-page-ref[data-tag="Idea Bank"]:before { content: '✦ ' }

span.rm-page-ref[data-tag="Inbox"] { color: 7172FC; padding: 3px 4px; font-weight: 700; line-height: 1.4em; }

span.rm-page-ref[data-tag="Li"] { color: 9DBC13; padding: 3px 4px; font-weight: 700; line-height: 1.4em; }

span.rm-page-ref[data-tag="SOP"] { color: db3b8d; padding: 3px 4px; line-height: 1.4em; font-weight: 700; }

span.rm-page-ref[data-tag="Read"] { background: ADCB2A; color: fff; padding: 3px 7px; line-height: 2em; font-weight: 500; }

span.rm-page-ref[data-tag="Livestream"] { color: B979CF; padding: 3px 4px; line-height: 1.4em; font-weight: 700; }

span.rm-page-ref[data-tag="Work"] { background: 7172FC; color: fff; padding: 3px 7px; line-height: 2em; font-weight: 500; }

span.rm-page-ref[data-tag="Inport"] { background: F9C866; color: fff; padding: 3px 7px; line-height: 2em; font-weight: 500; }

span.rm-page-ref[data-tag="Outport"] { background: FF9D66 !important; color: fff; padding: 3px 7px; line-height: 2em; font-weight: 500; }

span.rm-page-ref[data-tag="Learning"] { background: FC766F !important; color: fff !important; padding: 3px 7px; line-height: 2em; font-weight: 500; }

span.rm-page-ref[data-tag="Important"] { background: EE5F85 !important; color: fff !important; padding: 3px 7px; line-height: 2em; font-weight: 500; }```

  • 样式示例

      • Roamtrick中的方法

  • css代码

    • ```css

      / Rainbow indentation /

      /*

      Feel free to adjust the colors - this one loops every

      7 colors like the rainbow but you can change that to

      cycle earlier or choose more unique colors.

      To add deeper indents:

      1. Add { > div.flex-v-box > div } incrementally to the first line, and

      2. Add {> div.flex-v-box > div:nth-child(n) } incrementally to the second line

        */

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div {

        border-left-color: D0CECEAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div,

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: 9580FFAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: 92FFFFAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: 8AFF80AD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: FFFF80AD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: FF9580AD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: FE7FBFAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: DA53EEAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: 6600EDAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: 0079FFAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: 00F11DAD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: FFEF00AD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: FF7F00AD !important;

        }

        rm-log-container > div > div > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n) > div.flex-v-box > div:nth-child(n),

        .flex-v-box > div:nth-child(n) > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div > div.flex-v-box > div {

        border-left-color: FF0900AD !important;

        }

/ Optional border adjustments: 1. You can add a border-radius: 5px or more to get an interesting delineation 2. You can adjust the width of the border but make sure to adjust margin to align the border with the bullets / .block-border-left { border-left-width: 2px !important; margin-left: 5px !important; }```

alias 和Alias 的区别 !Batapha #📘教程

🎈内容导航页

最后更新于

这有帮助吗?