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

MediaWiki:Mobile.css (ソースを閲覧)

2026年8月26日 (水) 02:23時点における版

3,171 バイト追加、 2026年8月26日 (水)

編集の要約なし

ド馬

ビューロクラット、インターフェース管理者、管理者

2,710

回編集

@@ 642行目: / 642行目: @@
          font-size: .71rem !important;
      }
+}
+/* =========================================================
+  転スラWiki 年表 - Mobile
+  ========================================================= */
+.ts-chronology {
+    --chron-blue: #36c;
+    --chron-blue-dark: #2a4b8d;
+    --chron-border: #c8ccd1;
+    --chron-border-light: #eaecf0;
+    --chron-text: #202122;
+    --chron-subtext: #54595d;
+    --chron-muted: #72777d;
+}
+/* =========================================================
+  セクション
+  ========================================================= */
+.ts-chron-section {
+    margin: 20px 0 26px;
+}
+.ts-chron-section-title {
+    margin: 0 0 12px !important;
+    padding: 3px 0 6px 8px !important;
+    border: 0 !important;
+    border-left: 3px solid var(--chron-blue) !important;
+    border-bottom: 1px solid var(--chron-border) !important;
+    font-size: 1.08rem !important;
+    font-weight: 700 !important;
+}
+/* =========================================================
+  年表本体
+  ========================================================= */
+.ts-chron-list {
+    position: relative;
+    margin: 0;
+    padding: 0;
+}
+/*
+ * スマホ版の縦線
+ */
+.ts-chron-list::before {
+    content: "";
+    position: absolute;
+    top: 7px;
+    bottom: 7px;
+    left: 8px;
+    width: 1px;
+    background: #a7b9d8;
+}
+/* =========================================================
+件の出来事
+  ========================================================= */
+.ts-chron-entry {
+    position: relative;
+    display: block;
+    margin: 0;
+    padding: 0 0 19px 27px;
+}
+/*
+ * 年表上の丸
+ */
+.ts-chron-entry::before {
+    content: "";
+    position: absolute;
+    top: 7px;
+    left: 4px;
+    width: 7px;
+    height: 7px;
+    border: 2px solid #fff;
+    border-radius: 50%;
+    background: var(--chron-blue);
+    box-shadow: 0 0 0 1px var(--chron-blue);
+    z-index: 1;
+}
+/* =========================================================
+  年代
+  ========================================================= */
+.ts-chron-date {
+    margin: 0 0 4px;
+    padding: 0;
+    color: var(--chron-blue-dark);
+    font-size: .76rem;
+    font-weight: 600;
+    line-height: 1.5;
+    text-align: left;
+}
+/* =========================================================
+  出来事本文
+  ========================================================= */
+.ts-chron-body {
+    min-width: 0;
+    padding: 0 0 13px;
+    border-bottom: 1px solid var(--chron-border-light);
+}
+.ts-chron-entry:last-child {
+    padding-bottom: 0;
+}
+.ts-chron-entry:last-child .ts-chron-body {
+    border-bottom: 0;
+}
+.ts-chron-event {
+    margin: 0 0 4px;
+    color: var(--chron-text);
+    font-size: .93rem;
+    font-weight: 700;
+    line-height: 1.45;
+}
+.ts-chron-event a {
+    color: var(--chron-blue-dark);
+}
+.ts-chron-summary {
+    color: var(--chron-subtext);
+    font-size: .82rem;
+    line-height: 1.65;
+}
+.ts-chron-summary p {
+    margin: 0;
+}
+/* =========================================================
+  詳細リンク
+  ========================================================= */
+.ts-chron-detail {
+    margin-top: 6px;
+    font-size: .77rem;
+}
+.ts-chron-detail a {
+    color: var(--chron-blue);
 }