diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/custom.css | 244 |
1 files changed, 244 insertions, 0 deletions
diff --git a/src/styles/custom.css b/src/styles/custom.css index 766e958..f18b88f 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -197,6 +197,17 @@ line-height: 1.5; } +/* ── 審議会・イベントの日程表 ── */ +.schedule-table table th:last-child, +.schedule-table table td:last-child { + font-size: 0.86em; +} +.schedule-table--date-nowrap table th:first-child, +.schedule-table--date-nowrap table td:first-child { + white-space: nowrap; + width: 1%; +} + /* ── 技術的な補足（本文より一段小さい注記。ノートとは区別する） ── */ .tech-note { margin: 1.6rem 0; @@ -1741,6 +1752,239 @@ td.sanpi-open .sanpi-title { display: none; } +/* ══════════════════════════════════════ + 小平市の今後の予定: カレンダー・絞り込み + ══════════════════════════════════════ */ +.schedule-calendar { + margin: 1rem 0 0.5rem; + padding: 0.75rem; + border: 1px solid var(--sl-color-gray-5); + border-radius: 10px; + background: var(--sl-color-bg); +} +.schedule-cal-header { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.schedule-cal-title { + font-weight: 600; +} +.schedule-cal-nav { + width: 2rem; + height: 2rem; + border: 1px solid var(--sl-color-gray-5); + border-radius: 6px; + background: var(--sl-color-bg); + color: var(--sl-color-text); + cursor: pointer; + line-height: 1; +} +.schedule-cal-nav:hover:not(:disabled) { + background: var(--sl-color-gray-6); +} +.schedule-cal-nav:disabled { + opacity: 0.35; + cursor: default; +} +.schedule-cal-grid { + display: grid; + grid-template-columns: repeat(7, minmax(0, 1fr)); + gap: 4px; +} +.schedule-cal-weekday { + padding: 0.2rem 0; + text-align: center; + font-size: 0.75rem; + color: var(--sl-color-gray-3); +} +.schedule-cal-weekday.is-sun { + color: #d33; +} +.schedule-cal-weekday.is-sat { + color: #36c; +} +.schedule-cal-day { + min-height: 3.2rem; + padding: 0.25rem; + border: 1px solid var(--sl-color-gray-5); + border-radius: 6px; + background: var(--sl-color-bg); + color: var(--sl-color-text); + text-align: left; + font: inherit; +} +.schedule-cal-day.is-blank { + border-color: transparent; + background: transparent; +} +.schedule-cal-day.has-events { + cursor: pointer; +} +.schedule-cal-day.has-events:hover { + background: var(--sl-color-gray-6); +} +.schedule-cal-day.is-selected { + outline: 2px solid var(--sl-color-accent); + outline-offset: 1px; +} +.schedule-cal-day.is-today { + border-color: var(--sl-color-accent); +} +.schedule-cal-daynum { + font-size: 0.85rem; + font-weight: 600; +} +.schedule-cal-marks { + display: flex; + flex-wrap: wrap; + gap: 1px; + margin-top: 0.15rem; + font-size: 0.8rem; + line-height: 1; +} +.schedule-cal-more { + font-size: 0.65rem; + color: var(--sl-color-gray-3); +} +.schedule-cal-count { + margin-left: 0.15rem; + font-size: 0.65rem; + font-weight: 400; + color: var(--sl-color-gray-3); +} +.schedule-day-details { + margin: 0.5rem 0 1rem; + padding: 0.75rem 1rem; + border: 1px solid var(--sl-color-gray-5); + border-radius: 10px; + background: var(--sl-color-bg); +} +.schedule-day-details h3 { + margin: 0 0 0.5rem; + font-size: 1rem; +} +.schedule-day-details ul { + margin: 0; + padding: 0; + list-style: none; +} +.schedule-day-details li { + display: flex; + flex-wrap: wrap; + gap: 0.4rem; + padding: 0.35rem 0; + border-top: 1px solid var(--sl-color-gray-6); +} +.schedule-day-details li:first-child { + border-top: none; +} +.schedule-day-link { + font-weight: 500; +} +.schedule-day-meta { + font-size: 0.82rem; + color: var(--sl-color-gray-3); +} +.schedule-day-icon { + margin-right: 0.25rem; +} +.schedule-day-placeholder { + margin: 0; + color: var(--sl-color-gray-3); + font-size: 0.9rem; +} +.schedule-filters { + display: flex; + flex-wrap: wrap; + gap: 0.4rem; + margin: 0.8rem 0 0.4rem; +} +.schedule-filter-btn { + padding: 0.35rem 0.6rem; + border: 1px solid var(--sl-color-gray-5); + border-radius: 999px; + background: var(--sl-color-bg); + color: var(--sl-color-text); + font-size: 0.82rem; + cursor: pointer; +} +.schedule-filter-btn:hover { + background: var(--sl-color-gray-6); +} +.schedule-filter-btn[aria-pressed="true"] { + border-color: var(--sl-color-accent); + background: var(--sl-color-accent); + color: #fff; +} +.schedule-filter-empty { + margin: 0.5rem 0; + color: var(--sl-color-gray-3); + font-size: 0.9rem; +} +.schedule-table-status { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 0.4rem 0.6rem; + margin: 0.8rem 0 0.3rem; + padding: 0.4rem 0.6rem; + border: 1px solid var(--sl-color-gray-5); + border-radius: 8px; + background: var(--sl-color-bg); + color: var(--sl-color-gray-3); + font-size: 0.85rem; +} +.schedule-table-status.is-filtered { + border-color: var(--sl-color-accent); + background: var(--sl-color-accent-low); + color: var(--sl-color-text); +} +.schedule-table-status-text { + flex: 1 1 14rem; +} +.schedule-table-status-clear { + flex: 0 0 auto; + padding: 0.2rem 0.6rem; + border: 1px solid var(--sl-color-accent); + border-radius: 999px; + background: var(--sl-color-bg); + color: var(--sl-color-text); + font-size: 0.8rem; + cursor: pointer; +} +.schedule-table-status-clear:hover { + background: var(--sl-color-accent); + color: #fff; +} +.schedule-table tbody tr.is-filtered-out { + display: none !important; +} +.schedule-table tbody tr { + scroll-margin-top: 6rem; +} +.schedule-table tbody tr[hidden] { + display: none !important; +} +.schedule-row-highlight, +.schedule-table tbody tr.schedule-row-highlight td { + background: var(--sl-color-accent-low, #fff3bf) !important; +} +@media (max-width: 600px) { + .schedule-cal-day { + min-height: 2.7rem; + padding: 0.15rem; + } + .schedule-cal-marks { + font-size: 0.7rem; + } + .schedule-filter-btn { + font-size: 0.75rem; + } +} + /* == mermaid-theme-generated == */ svg[id^="mermaid-"]{font-family:arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}svg[id^="mermaid-"] .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .error-icon{fill:#552222;}svg[id^="mermaid-"] .error-text{fill:#552222;stroke:#552222;}svg[id^="mermaid-"] .edge-thickness-normal{stroke-width:1px;}svg[id^="mermaid-"] .edge-thickness-thick{stroke-width:3.5px;}svg[id^="mermaid-"] .edge-pattern-solid{stroke-dasharray:0;}svg[id^="mermaid-"] .edge-thickness-invisible{stroke-width:0;fill:none;}svg[id^="mermaid-"] .edge-pattern-dashed{stroke-dasharray:3;}svg[id^="mermaid-"] .edge-pattern-dotted{stroke-dasharray:2;}svg[id^="mermaid-"] .marker{fill:#333333;stroke:#333333;}svg[id^="mermaid-"] .marker.cross{stroke:#333333;}svg[id^="mermaid-"] svg{font-family:arial,sans-serif;font-size:16px;}svg[id^="mermaid-"] p{margin:0;}svg[id^="mermaid-"] .label{font-family:arial,sans-serif;color:#333;}svg[id^="mermaid-"] .cluster-label text{fill:#333;}svg[id^="mermaid-"] .cluster-label span{color:#333;}svg[id^="mermaid-"] .cluster-label span p{background-color:transparent;}svg[id^="mermaid-"] .label text,svg[id^="mermaid-"] span{fill:#333;color:#333;}svg[id^="mermaid-"] .node rect,svg[id^="mermaid-"] .node circle,svg[id^="mermaid-"] .node ellipse,svg[id^="mermaid-"] .node polygon,svg[id^="mermaid-"] .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}svg[id^="mermaid-"] .rough-node .label text,svg[id^="mermaid-"] .node .label text,svg[id^="mermaid-"] .image-shape .label,svg[id^="mermaid-"] .icon-shape .label{text-anchor:middle;}svg[id^="mermaid-"] .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}svg[id^="mermaid-"] .rough-node .label,svg[id^="mermaid-"] .node .label,svg[id^="mermaid-"] .image-shape .label,svg[id^="mermaid-"] .icon-shape .label{text-align:center;}svg[id^="mermaid-"] .node.clickable{cursor:pointer;}svg[id^="mermaid-"] .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}svg[id^="mermaid-"] .arrowheadPath{fill:#333333;}svg[id^="mermaid-"] .edgePath .path{stroke:#333333;stroke-width:1px;}svg[id^="mermaid-"] .flowchart-link{stroke:#333333;fill:none;}svg[id^="mermaid-"] .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}svg[id^="mermaid-"] .edgeLabel p{background-color:rgba(232,232,232, 0.8);}svg[id^="mermaid-"] .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}svg[id^="mermaid-"] .labelBkg{background-color:rgba(232, 232, 232, 0.5);}svg[id^="mermaid-"] .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}svg[id^="mermaid-"] .cluster text{fill:#333;}svg[id^="mermaid-"] .cluster span{color:#333;}svg[id^="mermaid-"] div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}svg[id^="mermaid-"] .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}svg[id^="mermaid-"] rect.text{fill:none;stroke-width:0;}svg[id^="mermaid-"] .icon-shape,svg[id^="mermaid-"] .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}svg[id^="mermaid-"] .icon-shape p,svg[id^="mermaid-"] .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}svg[id^="mermaid-"] .icon-shape .label rect,svg[id^="mermaid-"] .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}svg[id^="mermaid-"] .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}svg[id^="mermaid-"] .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}svg[id^="mermaid-"] .node .neo-node{stroke:#9370DB;}svg[id^="mermaid-"] [data-look="neo"].node rect,svg[id^="mermaid-"] [data-look="neo"].cluster rect,svg[id^="mermaid-"] [data-look="neo"].node polygon{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node path{stroke:#9370DB;stroke-width:1px;}svg[id^="mermaid-"] [data-look="neo"].node .outer-path{filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node .neo-line path{stroke:#9370DB;filter:none;}svg[id^="mermaid-"] [data-look="neo"].node circle{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node circle .state-start{fill:#000000;}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon{fill:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon-neo path{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] :root{--mermaid-font-family:arial,sans-serif;} svg[id^="mermaid-"]{font-family:arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}svg[id^="mermaid-"] .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .error-icon{fill:#552222;}svg[id^="mermaid-"] .error-text{fill:#552222;stroke:#552222;}svg[id^="mermaid-"] .edge-thickness-normal{stroke-width:1px;}svg[id^="mermaid-"] .edge-thickness-thick{stroke-width:3.5px;}svg[id^="mermaid-"] .edge-pattern-solid{stroke-dasharray:0;}svg[id^="mermaid-"] .edge-thickness-invisible{stroke-width:0;fill:none;}svg[id^="mermaid-"] .edge-pattern-dashed{stroke-dasharray:3;}svg[id^="mermaid-"] .edge-pattern-dotted{stroke-dasharray:2;}svg[id^="mermaid-"] .marker{fill:#333333;stroke:#333333;}svg[id^="mermaid-"] .marker.cross{stroke:#333333;}svg[id^="mermaid-"] svg{font-family:arial,sans-serif;font-size:16px;}svg[id^="mermaid-"] p{margin:0;}svg[id^="mermaid-"] .pieCircle{stroke:black;stroke-width:2px;opacity:0.7;}svg[id^="mermaid-"] .pieOuterCircle{stroke:black;stroke-width:2px;fill:none;}svg[id^="mermaid-"] .pieTitleText{text-anchor:middle;font-size:25px;fill:black;font-family:arial,sans-serif;}svg[id^="mermaid-"] .slice{font-family:arial,sans-serif;fill:#333;font-size:17px;}svg[id^="mermaid-"] .legend text{fill:black;font-family:arial,sans-serif;font-size:17px;}svg[id^="mermaid-"] .node .neo-node{stroke:#9370DB;}svg[id^="mermaid-"] [data-look="neo"].node rect,svg[id^="mermaid-"] [data-look="neo"].cluster rect,svg[id^="mermaid-"] [data-look="neo"].node polygon{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node path{stroke:#9370DB;stroke-width:1px;}svg[id^="mermaid-"] [data-look="neo"].node .outer-path{filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node .neo-line path{stroke:#9370DB;filter:none;}svg[id^="mermaid-"] [data-look="neo"].node circle{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node circle .state-start{fill:#000000;}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon{fill:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon-neo path{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] :root{--mermaid-font-family:arial,sans-serif;} |