BMS, Movie, Illustrations, Programming

【自分用】汎用 CSS テンプレート(随時更新)

ご自由におつかいくだしあ。

コード

<style>
img{ box-shadow: 0px 0px 10px #22000040; }
img.mfp-img { box-shadow: unset; }
table.blackborder,
table.blackborder tr,
table.blackborder th,
table.blackborder td {
  border-color: #bbb !important;
}
div.thumblist-container img {
  width: unset;
  height: 9999px;
  max-width: unset !important;
  max-height: 180px;
  margin: 0.4rem;
}
table.compact {
  margin-left: auto;
  margin-right: auto;
  width: auto !important;
}
table.compact th,
table.compact td {
  padding: 0.4rem !important;
}
.text-small-muted {
  font-size: 0.85em;
  color: #888888;
}
.alert-message-strong {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #CC2222;
  background-color: #ffff88;
}
.text-wavy-emphasized {
  font-weight: bold;
  text-decoration: underline wavy;
}
code.keycap {
  display: inline-block;
  border-radius: 3px;
  padding: 0 0.4rem;
  min-width: 1.6rem;
  margin: 0 0.4rem;
  background-color: #444444;
  color: #ffffff;
  text-align: center;
  font-size: 0.85rem;
}
th { text-transform: unset !important; }
.overdots { text-emphasis: filled; -webkit-text-emphasis: filled; }
</style>

画像系

table 系

tagName class
table .compact
tr –
td / th –

tagName class
table .blackborder
tr –
td / th –

text styling 系

.text-small-muted

.alert-message-strong

.text-wavy-emphasized

.overdots

K .keycap