备份-网站版式设置内容(部分) - 山中雨的湖边小屋

备份时间：2025年1月22日

网站图标

/usr/uploads/2023/08/654093848.png

作者头像

/usr/uploads/2023/08/654093848.png

作者描述

愿我们不会丢失
自己独特的思维与方向.

作者链接描述

关于Mount Rain的信息

作者链接

/index.php/about.html#about-mr

侧栏作者信息最底部内容（非必填）

<div class="social-media">
    <b>社交媒体</b>
    <ul>
        <li><a href="mailto:mount-rain@qq.com" target="_blank" title="Mount Rain的邮箱"><i class="fa-solid fa-envelope fa-lg"></i></a></li>
        <li><a href="https://space.bilibili.com/3537107796626299" target="_blank" title="Bilibili"><i class="fa-brands fa-bilibili fa-lg"></i></a></li>
        <li><a href="https://github.com/Yamanaka-Ame" target="_blank" title="GitHub"><i class="fa-brands fa-github fa-lg"></i></a></li>
        <li><a href="https://twitter.com/@Yamanaka_Ame" target="_blank" title="Twitter"><i class="fa-brands fa-twitter fa-lg"></i></a></li>
        <li><a href="https://steamcommunity.com/profiles/76561199154400664/" target="_blank" title="Steam"><i class="fa-brands fa-steam fa-lg"></i></a></li>
        <!-- Add more social media icons and links here -->
    </ul>
</div>
 
<div class="interactive-channels">
    <b>互动渠道</b>
    <ul>
        <li><a href="mailto:mount-rain@qq.com" title="电子邮件-QQ邮箱"><i class="fa-solid fa-envelope fa-lg"></i> 电子邮件</a></li>
        <li><a href="https://t.me/yamanaka_ame" title="Telegram"><i class="fa-brands fa-telegram fa-lg"></i> Telegram</a></li>
    </ul>
</div>

公告

<b>雨妹妹正在被高中生活折磨中……</b>

主页顶图(banner image)

/usr/uploads/2024/04/3911114218.webp

建站时间

2023/08/01

侧栏文章(归档)链接

/index.php/list-of-pages.html

侧栏标签链接

/index.php/list-of-tags.html

侧栏分类链接

/index.php/list-of-categories.html

友情链接（非必填）

Write on paper || https://write-on-paper.wikidot.com || https://mount-rain.link/usr/uploads/2025/02/4220693306.png || 在纸上随意写点东西
任亚墨的书房 || https://rymingenu.fun || https://rymingenu.fun/assets/images/rymingenu.png || 你似乎来过这里……

打赏信息（非必填）

微信 || /usr/uploads/2024/11/3761065399.png

自定义主页副标题/subtitle（非必填）

珍惜现在的美好，争取未来的幸福。

自定义认证用户

mount-rain@foxmail.com||站长
mrh-bot@outlook.com||MRH-BOT
helloosme@helloos.eu.org||技术支持
gstchumo@gmail.com||服务器支持
3564363735@qq.com||赞助者
rymingenu@gmail.com||合著作者
2311211858@qq.com||合著作者

自定义CSS样式（非必填）

/* 全站默哀
    html {
    filter: grayscale(100%);
    }
 */


 /* 社交媒体CSS */
    .social-media {
        border: 2px solid #ccc; /* 边框样式 */
        padding: 2px; /* 内边距 */
        border-radius: 5px; /* 边框圆角 */
    }

    .social-media ul {
        list-style: none; /* 去除列表样式 */
        padding: 0;
    }

    .social-media ul li {
        display: inline-block; /* 内联块元素 */
        margin-right: 10px; /* 社交媒体图标之间的间距 */
    }

    .social-media ul li:last-child {
        margin-right: 0; /* 最后一个社交媒体图标无间距 */
    }

    .interactive-channels {
        border: 2px solid #ccc; /* 设置边框宽度和颜色 */
        padding: 2px; /* 可选：添加内边距以增加内容与边框之间的间距 */
        border-radius: 5px; /* 边框圆角 */
        margin-top: 2px;
    }

    .interactive-channels h3 {
        margin-top: 0; /* 可选：如果你想要标题紧贴边框，则可以去除顶部外边距 */
    }

    .interactive-channels ul {
        list-style: none; /* 去除列表样式 */
        padding: 0;
    }


 /* 黑幕CSS */
.text-mask{
    color:transparent;
    background:#444;
    transition:all 0.2s;
}
#article-container .text-mask *{
    color:transparent;
    transition:all 0.2s;
}
.text-mask:hover{
    color:unset;
    background:unset;
    transition:all 0.2s;
}
.text-mask:hover *{
    color:unset;
    transition:all 0.2s;
}
#article-container .text-mask:hover a{
    color:#49b1f5;
    transition:all 0.2s;
}


/* 文字模糊CSS */
.text-blur {
    filter: blur(5px);
    transition: all 0.3s ease;
    color: transparent;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#article-container .text-blur * {
    transition: all 0.3s ease;
    color: transparent;
}

.text-blur:hover {
    filter: blur(0);
    color: unset;
    text-shadow: none;
    transition: all 0.3s ease;
}

.text-blur:hover * {
    filter: blur(0);
    color: unset;
    text-shadow: none;
    transition: all 0.3s ease;
}

#article-container .text-blur:hover a {
    color: #49b1f5;
    transition: all 0.3s ease;
}


 /* 备忘条CSS */
.memo-block {
    background-color: #FFFFE0; /* 黄色背景颜色 */
    padding: 15px; /* 内边距 */
    margin: 20px auto; /* 外边距，居中对齐 */
    border-radius: 4px; /* 圆角边框 */
    font-family: Arial, sans-serif; /* 字体 */
    font-size: 14px; /* 字体大小 */
    color: #333; /* 字体颜色 */
    max-width: 600px; /* 最大宽度 */
    width: 90%; /* 宽度设置为页面宽度的90% */
    box-sizing: border-box; /* 确保内边距和边框包含在宽度内 */
}

.memo-block .memo-title {
    font-weight: bold; /* 标题加粗 */
    margin-bottom: 10px; /* 标题与内容的间距 */
    color: #000000; /* 标题颜色 */
    text-align: center; /* 标题居中 */
}

.memo-block .memo-content {
    line-height: 1.6; /* 行高 */
}

 /* 红色备忘条CSS */
.memo-block-red {
    background-color: #fadbd8; /* 浅红色背景颜色 */
    padding: 15px; /* 内边距 */
    margin: 20px auto; /* 外边距，居中对齐 */
    border-radius: 4px; /* 圆角边框 */
    font-family: Arial, sans-serif; /* 字体 */
    font-size: 14px; /* 字体大小 */
    color: #333; /* 字体颜色 */
    max-width: 600px; /* 最大宽度 */
    width: 90%; /* 宽度设置为页面宽度的90% */
    box-sizing: border-box; /* 确保内边距和边框包含在宽度内 */
}

.memo-block-red .memo-title {
    font-weight: bold; /* 标题加粗 */
    margin-bottom: 10px; /* 标题与内容的间距 */
    color: #000000; /* 红色标题颜色 */
    text-align: center; /* 标题居中 */
}

.memo-block-red .memo-content {
    line-height: 1.6; /* 行高 */
}


 /* 示亡符CSS */
span.died {
    border-style: solid;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}