彼岸旅人 
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}

著作信息

CSS改编自安德森机器人的CSS版式。

动态图标来自主站的超形上学部版式。

人物设定图来自breaddddd、HHHHHoi君、Jormun。均已经过授权，非商用，有使用权。

落雪动态来自DF-thirteenDF-thirteen的落雪艺作页。
TAB形式Taken from Anderson Robotics theme by Croquembouche! Modified by Aers for Alces_alces （copy自62ECN62ECN的作者页）

而统计页面代码来自于M ElementM Element，#ApmV#ApmV，其中#ApmV的代码来自于W AsrielW Asriel，而后者又是从主站找来的代码。
但是现在是从Rye TravisRye Travis这里找来的代码（据说也是Sekai_sSekai_s的作品）

本作者页作者为Meltyland NightmareMeltyland Nightmare，并且正在不断咕咕咕中。

Image005.png

“只要有爱和Music就够了呀。”愛とmusicそれだけでいいんだ 。

下面都是没用的东西，不用看了。

•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•

Be careful, don't let yourself drown in dreamland.

小心，不要沉溺于梦境

name

感谢Lyrics Linn！

所谓彼岸


——虽不能至，心向往之。

脚注
作者
页面版本: 234, 最后编辑于: 28 Aug 2021 04:20
编辑 评分 (+32) 标签 讨论 (3) 历史记录 附件 打印 网站工具 + 选项
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License