模板:SaturnForum/common.css：修订间差异

2026年8月1日 (六) 22:38的最新版本

        .SaturnForum-Maincontainer {
            display: grid;
            width: 95%;
            min-width: 200px;
            max-width: 1100px;
            min-height: 300px;
            grid-template-columns: 100px 2px 1fr 1fr;
            grid-template-rows: minmax(40px,auto) 2px 80px minmax(136px,auto) 2px minmax(40px,auto);
            grid-template-areas:
                "logo line-left-top time floor"
                "line-top line-top line-top line-top"
                "portrait line-left-center text text"
                "user line-left-center text text"
                "line-bottom line-bottom line-bottom line-bottom"
                ". line-left-bottom reaction reaction";
            background-color: #f0f0f0;
            margin: 0 auto;
        }
        .SaturnForum-logo {
            grid-area: logo;
            justify-self: center;
            align-self: center;
        }
        .SaturnForum-logo img {
            max-width: 100%;
            height: auto;
            display: block;
        }
        .SaturnForum-line-top,
        .SaturnForum-line-bottom,
        .SaturnForum-line-left-top,
        .SaturnForum-line-left-center,
        .SaturnForum-line-left-bottom {
            background-color: #626262;
        }
        .SaturnForum-line-top { grid-area: line-top; }
        .SaturnForum-line-bottom { grid-area: line-bottom; }
        .SaturnForum-line-left-top { grid-area: line-left-top; }
        .SaturnForum-line-left-center { grid-area: line-left-center; }
        .SaturnForum-line-left-bottom { grid-area: line-left-bottom; }
        .SaturnForum-portrait {
            grid-area: portrait;
            background-color: #625C5D;
            height: 60px;
            width: 60px;
            justify-self: center;
            align-self: center;
        }
        .SaturnForum-user {
            grid-area: user;
            justify-self: center;
            text-align: center;
            transition: color 0.1s ease;
            cursor: pointer;
            word-break: break-all;
            margin-left: 15px;
            margin-right: 15px;
        }

            .SaturnForum-user:hover {
                color: #3498db;
                text-decoration: underline;
            }
        .SaturnForum-time,
        .SaturnForum-floor {
            align-self: center;
            font-size: 0.85rem;
            word-break: break-all;
        }
        .SaturnForum-time {
            grid-area: time;
            justify-self: start;
            text-align: left;
            margin-left: 10px;
        }
        .SaturnForum-floor {
            grid-area: floor;
            justify-self: end;
            text-align: right;
            margin-right: 10px;
        }
        .SaturnForum-text {
            grid-area: text;
            font-size: 0.95rem;
            word-break: break-all;
            overflow: auto;
            margin: 5px;
            line-height: 1.35;
        }
        .SaturnForum-reaction {
            display: grid;
            grid-area: reaction;
            grid-template-columns: 50px 20px 1fr;
            grid-template-areas:
                "reference ping report";
        }
        .SaturnForum-reference,
        .SaturnForum-ping,
        .SaturnForum-report {
            justify-self: center;
            align-self: center;
            text-align: center;
            margin: 10px;
            font-size: 0.85rem;
            color: #3498db;
            transition: color 0.3s ease;
            cursor: pointer;
        }
        .SaturnForum-reference { grid-area: reference; }
        .SaturnForum-ping { grid-area: ping; }
        .SaturnForum-report {
            grid-area: report;
            justify-self: right;
        }
        .SaturnForum-reference:hover,
        .SaturnForum-ping:hover,
        .SaturnForum-report:hover {
            color: #e74c3c;
            text-decoration: underline;
        }
        .SaturnForum-reference:focus,
        .SaturnForum-ping:focus,
        .SaturnForum-report:focus {
            outline: 2px solid #3498db;
            outline-offset: 2px;
            border-radius: 2px;
        }
        @media (max-width: 400px) {
            .SaturnForum-Maincontainer {
                grid-template-columns: 100px 1fr;
                grid-template-rows: 40px 2px 80px minmax(30px,auto) 2px minmax(150px,auto) 2px minmax(40px,auto);
                grid-template-areas:
                    "logo logo"
                    "line-left-top line-left-top"
                    "portrait time"
                    "user floor"
                    "line-top line-top"
                    "text text"
                    "line-bottom line-bottom"
                    "reaction reaction";
            }
            .SaturnForum-time {
                justify-self: end;
                text-align: right;
                margin-right: 10px;
            }
        }