コンテンツにスキップ

「MediaWiki:Common.css」の版間の差分

編集の要約なし
編集の要約なし
タグ: 差し戻し済み
編集の要約なし
タグ: 差し戻し済み
1,520行目: 1,520行目:
.ts-chron-more-link {
.ts-chron-more-link {
     margin-top: 6px;
     margin-top: 6px;
}
/* =========================================================
  転スラ全史
  ========================================================= */
.ts-fullchronology {
    --chron-blue: #36c;
    --chron-blue-dark: #2a4b8d;
    --chron-border: #c8ccd1;
    --chron-border-light: #eaecf0;
    --chron-text: #202122;
    --chron-subtext: #54595d;
    --chron-muted: #72777d;
    --chron-bg: #f8f9fa;
    color: var(--chron-text);
}
/* 導入 */
.ts-fullchron-lead {
    margin: 0 0 14px;
    font-size: .94rem;
    line-height: 1.8;
}
.ts-fullchron-notice {
    margin: 10px 0;
    padding: 10px 13px;
    border: 1px solid var(--chron-border);
    border-left: 3px solid var(--chron-blue);
    background: var(--chron-bg);
    color: var(--chron-subtext);
    font-size: .85rem;
    line-height: 1.7;
}
/* 上部ナビ */
.ts-fullchron-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 26px;
    border-top: 1px solid var(--chron-border);
    border-bottom: 1px solid var(--chron-border);
}
.ts-fullchron-nav > span,
.ts-fullchron-nav > a {
    padding: 7px 12px;
    font-size: .83rem;
}
.ts-fullchron-nav > a {
    border-left: 1px solid var(--chron-border-light);
}
/* セクション */
.ts-fullchron-section {
    margin: 27px 0 34px;
}
.ts-fullchron-section-title {
    margin: 0 0 13px !important;
    padding: 4px 0 7px 10px !important;
    border: 0 !important;
    border-left: 4px solid var(--chron-blue) !important;
    border-bottom: 1px solid var(--chron-border) !important;
    font-size: 1.18rem !important;
}
/* 年表本体 */
.ts-fullchron-list {
    position: relative;
}
.ts-fullchron-list::before {
    content: "";
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 130px;
    width: 1px;
    background: #a7b9d8;
}
.ts-fullchron-entry {
    position: relative;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    column-gap: 40px;
    padding: 10px 0 15px;
}
.ts-fullchron-entry::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 126px;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--chron-blue);
    box-shadow: 0 0 0 1px var(--chron-blue);
}
/* 年代 */
.ts-fullchron-date {
    padding-top: 1px;
    color: var(--chron-blue-dark);
    font-size: .81rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: right;
}
/* 本文 */
.ts-fullchron-main {
    min-width: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--chron-border-light);
}
.ts-fullchron-entry:last-child .ts-fullchron-main {
    border-bottom: 0;
}
.ts-fullchron-event {
    margin-bottom: 4px;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.5;
}
.ts-fullchron-summary {
    color: var(--chron-subtext);
    font-size: .86rem;
    line-height: 1.7;
}
/* 人物・国家・出典 */
.ts-fullchron-meta {
    margin-top: 7px;
    font-size: .78rem;
}
.ts-fullchron-meta-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px;
    margin: 2px 0;
    color: var(--chron-subtext);
}
.ts-fullchron-meta-label {
    color: var(--chron-muted);
    font-weight: 600;
}
/* 詳細 */
.ts-fullchron-detail {
    margin-top: 6px;
    font-size: .78rem;
}
/* 下部 */
.ts-fullchron-footer {
    margin: 30px 0 10px;
    padding: 13px 15px;
    border: 1px solid var(--chron-border);
    background: var(--chron-bg);
    font-size: .85rem;
    line-height: 1.7;
}
.ts-fullchron-footer-title {
    margin-bottom: 4px;
    font-weight: 700;
}
}


1,963行目: 1,766行目:
     overflow-wrap: break-word;
     overflow-wrap: break-word;
}
}
/* =========================================================
  転スラ全史
  ========================================================= */
.ts-fullchronology {
    width: 100%;
}
/* ---------- 時代セクション ---------- */
.ts-fullchron-section {
    margin: 28px 0 36px;
}
.ts-fullchron-section-title {
    margin: 0 0 14px;
    padding: 7px 12px;
    border-left: 4px solid #36c;
    border-bottom: 1px solid #c8ccd1;
    font-size: 1.35rem;
    font-weight: 600;
}
/* ---------- 年表本体 ---------- */
.ts-fullchron-list {
    position: relative;
    width: 100%;
}
/* 縦線 */
.ts-fullchron-list::before {
    content: "";
    position: absolute;
    left: 145px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #a7c1ee;
}
/* ---------- 1件 ---------- */
.ts-fullchron-entry {
    position: relative;
    display: grid !important;
    grid-template-columns: 130px minmax(0, 1fr) !important;
    column-gap: 30px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 14px 0 16px !important;
    border-bottom: 1px solid #eaecf0;
}
/* 丸 */
.ts-fullchron-entry::before {
    content: "";
    position: absolute;
    left: 140px;
    top: 19px;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #36c;
    border-radius: 50%;
}
/* ---------- 年代 ---------- */
.ts-fullchron-date {
    width: auto !important;
    min-width: 0 !important;
    padding-top: 0;
    text-align: right;
    white-space: nowrap;
    color: #2457a6;
    font-weight: 600;
    line-height: 1.5;
}
/* ---------- 右側本文 ---------- */
.ts-fullchron-main {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
}
/* 出来事名 */
.ts-fullchron-event {
.ts-fullchron-event {
     outline: 3px solid red !important;
     margin: 0 0 5px !important;
 
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.55;
}
 
 
/* 概要 */
.ts-fullchron-summary {
    width: 100% !important;
    max-width: none !important;
 
    margin: 0 0 8px !important;
 
    line-height: 1.7;
}
 
 
/* ---------- 人物・国家・組織・出典 ---------- */
 
.ts-fullchron-meta {
    display: block !important;
 
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
 
    margin: 8px 0 0 !important;
    padding: 0 !important;
}
 
 
/* 1行 */
.ts-fullchron-meta-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
 
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
 
    margin: 2px 0 !important;
    padding: 0 !important;
 
    gap: 10px;
}
 
 
/* 「人物」「国家」「出典」 */
.ts-fullchron-meta-label {
    display: block !important;
 
    flex: 0 0 4em !important;
 
    width: 4em !important;
    min-width: 4em !important;
    max-width: 4em !important;
 
    margin: 0 !important;
    padding: 0 !important;
 
    color: #54595d;
    font-weight: 600;
 
    white-space: nowrap !important;
}
 
 
/* 値 */
.ts-fullchron-meta-value {
    display: block !important;
 
    flex: 1 1 auto !important;
 
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
 
    margin: 0 !important;
    padding: 0 !important;
 
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}
 
 
/* ---------- 不確実性 ---------- */
 
.ts-fullchron-main .ts-order-note {
    margin: 6px 0 0 !important;
 
    color: #72777d;
    font-size: .78rem;
    line-height: 1.55;
}
 
 
/* ---------- 詳細記事 ---------- */
 
.ts-fullchron-detail {
    margin: 7px 0 0 !important;
    padding: 0 !important;
}
}