檢視模板:事件資料/styles.css的原始碼

/* =========================
   季彝 Wiki — 事件資料提示框
   ========================= */

.lky-event-notice {
    display: flex;
    align-items: center;
    gap: 18px;

    margin: 18px 0 24px;
    padding: 18px 22px;

    border: 1px solid #a2a9b1;
    border-left: 8px solid #36c;

    background: #f8f9fa;
    color: #202122;

    box-sizing: border-box;
}


/* 防止 MediaWiki 自動生成空段落破壞排版 */
.lky-event-notice > p {
    display: none;
}


/* 左側圖示 */

.lky-event-notice-icon {
    flex: 0 0 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    font-size: 2.6rem;
    line-height: 1;

    color: #36c;
}


/* 右側內容 */

.lky-event-notice-content {
    flex: 1 1 auto;
    min-width: 0;
}


/* 標題 */

.lky-event-notice-title {
    margin: 0 0 7px;

    font-size: 1.08rem;
    line-height: 1.5;
}


/* 日期 / 類型 / 狀態 */

.lky-event-notice-meta {
    margin: 0 0 8px;

    font-size: 0.92rem;
    line-height: 1.5;

    color: #54595d;
}


/* 說明 */

.lky-event-notice-text {
    margin: 0;

    line-height: 1.65;
}


/* 手機 */

@media (max-width: 650px) {

    .lky-event-notice {
        display: block;
        padding: 16px 18px;
    }

    .lky-event-notice-icon {
        display: none;
    }
}