打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Template:少女前线/styles.css:修订间差异

模板页面
弃权者留言 | 贡献
无编辑摘要
弃权者留言 | 贡献
无编辑摘要
第1行: 第1行:
.gfl-nav-container {
.gfl-nav-compact {
     margin: 1em 0;
     margin: 0.5em 0;
     padding: 1px;
     border-width: 1px;
     background-color: var(--color-primary, #3366ff);
     border-style: solid;
     clip-path: polygon(0 0, 98% 0, 100% 20%, 100% 100%, 2% 100%, 0 80%);
    border-color: var(--border-color-base, #aaa);
     background-color: var(--background-color-neutral-subtle, #f8f9fa);
    display: flex;
    align-items: stretch;
    font-size: 13px;
    overflow-x: auto;
    white-space: nowrap;
}
}


.gfl-nav {
.gfl-logo-box {
    background-color: var(--background-color-base, #fff);
     padding: 5px 10px;
     padding: 15px;
     background-color: var(--color-primary, #3366ff);
     clip-path: polygon(0 0, 98% 0, 100% 20%, 100% 100%, 2% 100%, 0 80%);
    color: var(--color-base, inherit);
     display: flex;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 15px;
     flex-shrink: 0;
}
}


.gfl-header {
.gfl-section {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
    gap: 15px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-right-style: solid;
     border-bottom-style: dashed;
     border-right-color: var(--border-color-base, #ccc);
     border-bottom-color: var(--border-color-base, #ccc);
     padding: 0 10px;
     padding-bottom: 10px;
}
}


.gfl-welcome {
.gfl-sec-title {
    font-family: monospace;
     font-weight: bold;
     font-weight: bold;
     color: var(--color-primary, #3366ff);
     color: var(--color-primary, #3366ff);
    margin-right: 8px;
    font-family: monospace;
}
}


.gfl-grid {
.gfl-sec-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
 
.gfl-card {
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color-base, #ddd);
    padding: 10px;
    transition: border-color 0.3s;
    background-color: var(--background-color-neutral-subtle, transparent);
}
 
.gfl-card:hover {
    border-color: var(--color-primary, #3366ff);
}
 
.gfl-card-title {
    font-size: 12px;
    font-weight: bold;
    color: var(--color-primary, #3366ff);
    margin-bottom: 8px;
     display: flex;
     display: flex;
     justify-content: space-between;
     gap: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--border-color-base);
}
}


.gfl-links {
.gfl-sec-links a {
    display: flex;
     color: var(--color-base, inherit) !important;
    flex-wrap: wrap;
    gap: 6px;
}
 
.gfl-links a {
     font-size: 13px;
    padding: 2px 6px;
    background-color: var(--background-color-interactive-subtle, #eee);
    color: var(--color-base) !important;
     text-decoration: none !important;
     text-decoration: none !important;
}
}


.gfl-links a:hover {
.gfl-sec-links a:hover {
     background-color: var(--background-color-primary, #3366ff);
     color: var(--color-primary, #3366ff) !important;
     color: var(--color-inverted, #fff) !important;
     text-decoration: underline !important;
}
}


.gfl-links ul, .gfl-links li {
.gfl-sec-links ul, .gfl-sec-links li {
    display: inline !important;
     list-style-type: none !important;
     list-style-type: none !important;
     margin: 0 !important;
     margin: 0 !important;
     padding: 0 !important;
     padding: 0 !important;
    display: inline;
}
}

2026年5月7日 (四) 06:46的版本

.gfl-nav-compact {
    margin: 0.5em 0;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color-base, #aaa);
    background-color: var(--background-color-neutral-subtle, #f8f9fa);
    display: flex;
    align-items: stretch;
    font-size: 13px;
    overflow-x: auto;
    white-space: nowrap;
}

.gfl-logo-box {
    padding: 5px 10px;
    background-color: var(--color-primary, #3366ff);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.gfl-section {
    display: flex;
    align-items: center;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: var(--border-color-base, #ccc);
    padding: 0 10px;
}

.gfl-sec-title {
    font-weight: bold;
    color: var(--color-primary, #3366ff);
    margin-right: 8px;
    font-family: monospace;
}

.gfl-sec-links {
    display: flex;
    gap: 8px;
}

.gfl-sec-links a {
    color: var(--color-base, inherit) !important;
    text-decoration: none !important;
}

.gfl-sec-links a:hover {
    color: var(--color-primary, #3366ff) !important;
    text-decoration: underline !important;
}

.gfl-sec-links ul, .gfl-sec-links li {
    display: inline !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}