User:VentusBDaPlayer/common.css

/* UNIVERSES TABLE WRAPPER */ .universe-wrapper { width: 100%; background: #fff; border: 1px ridge #bf9e5d; outline: 3px solid #4d0000; overflow: hidden; }

.universe-wrapper .overflowed { margin: 0 !important; }

.universe-body { width: 100%; border-collapse: collapse; font-family: 'メイリオ', sans-serif; }

.universe-img-wrapper { overflow: hidden; position: relative; }

.universe-img { width: 100%; max-height: 320px; }

.universe-body-th { background: #86001a; color: #bf9e5d; text-shadow: 0 0 7px #000; font-size: 1.25em; padding: 5px; align-items: center; }

.universe-body-th a { color: #fff !important; }

.universe-body-th .mw-collapsible-toggle{ font-size: 80%; }

/* UNIVERSE: HOSHIMEGURI */ .universe-hoshimeguri { color: #fff; } .universe-hoshimeguri .section { padding: 15px; } .universe-hoshimeguri .section-flex { display: flex; flex-direction: row; align-items: center; gap: 0; } .universe-hoshimeguri .section-flex-item { padding: 15px; width: 50%; } .universe-hoshimeguri .section:nth-child(odd){ background: #b7a478; } .universe-hoshimeguri .section:nth-child(even){ background: #8b7a53; } .universe-hoshimeguri .title { text-align: center; font-size: 150%; text-shadow: 0 0 20px #fff; font-weight: bold; margin: .2em 0; } .universe-hoshimeguri .subtitle { text-align: center; font-size: 125%; font-weight: bold; margin-bottom: .2em; } .universe-hoshimeguri .text-body { text-align: center; } .universe-hoshimeguri .universe-tabber .tabber__tab { color: #fff !important; text-decoration: none; opacity: 0.6; transition: 0.3s; -webkit-transition: 0.3s; } .universe-hoshimeguri .tabber__tab[aria-selected="true"], .universe-hoshimeguri .tabber__tab[aria-selected="true"]:visited, .universe-hoshimeguri .tabber__tab:hover, .universe-hoshimeguri .tabber__tab:visited:hover { opacity: 1; transition: 0.3s; -webkit-transition: 0.3s; } .universe-hoshimeguri .tabber__header { box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.3); } .universe-hoshimeguri .tabber__indicator { background: #884dd3; } .universe-hoshimeguri a { color: #ffedcf !important; transition: 0.3s; -webkit-transition: 0.3s; } .universe-hoshimeguri a:hover { color: #fff !important; transition: 0.3s; -webkit-transition: 0.3s; } .universe-hoshimeguri .char-role { display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.4); } @media only screen and (max-width: 750px) { .universe-hoshimeguri .section-flex { flex-direction: column-reverse; gap: 15px; } .universe-hoshimeguri .section-flex-item { width: 100%; padding: 0; } }