미디어위키:Liberty.css

/* ==============================
   Table of Contents (ToC)
   ============================== */
.Liberty .content-wrapper .liberty-content .liberty-content-main .toc {
  display: inline-block;
  border: 1px solid #e1e8ed;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem 1rem 0;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctitle {
  background-color: transparent;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctitle h2 {
  display: inline;
  font-size: 1.125rem;
  font-weight: bold;
  border: none;
  padding-bottom: 2.5rem;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc li {
  background-color: transparent;
  list-style: none;
  margin: 0;
  padding-left: 20px;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc > ul {
  margin: 0;
  border-top: none;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc ul ul {
  margin: 0;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc .tocnumber:after {
  content: ".";
  color: #000;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctext {
  color: #373a3c;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc a:hover {
  text-decoration: none;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toc a > .tocnumber:hover {
  text-decoration: underline;
}

/* ==============================
   Titles
   ============================== */
.Liberty .content-wrapper .liberty-content .liberty-content-main h1,
.Liberty .content-wrapper .liberty-content .liberty-content-main h2,
.Liberty .content-wrapper .liberty-content .liberty-content-main h3,
.Liberty .content-wrapper .liberty-content .liberty-content-main h4,
.Liberty .content-wrapper .liberty-content .liberty-content-main h5,
.Liberty .content-wrapper .liberty-content .liberty-content-main h6 {
  margin: 1.2em 0 0.8em;
  border-bottom: 1px solid #e1e8ed;
  padding-bottom: 10px;
  overflow-wrap: break-word;
  overflow: hidden;
  font-weight: 700;
}

.mw-headline a {
  margin-right: 4px;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .mw-headline-number {
  color: #4188f1;
}

/* ==============================
   Content
   ============================== */
.Liberty .content-wrapper .liberty-content .liberty-content-main ul {
  margin: 0.4em 0 0.4em 1.5em;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main ul li {
  margin: 0.4em 0;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .toccolours {
  background-color: #f5f8fa;
  border-color: #e1e8ed;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks {
  border: 1px solid var(--ew-theme-090);
  padding: 0.2rem 0.5rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  display: inline-block;
  width: 100%;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks-allhidden {
  display: none;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks ul {
  padding: 0;
  margin-left: 0.46875rem;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks ul > li {
  margin: 0;
}

/* ==============================
   Thumbnail
   ============================== */
.Liberty .content-wrapper .liberty-content .liberty-content-main .center {
  margin: auto;
  text-align: center;
}

.Liberty .content-wrapper .liberty-content .liberty-content-main .thumbinner {
  margin: auto;
  border: 1px solid #c8ccd1;
  padding: 3px;
  background-color: #f8f9fa;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
}

/* ==============================
   Inputs & Buttons
   ============================== */
select,
input:not([type="button"]):not([type="checkbox"]):not([type="submit"]):not([class="oo-ui-inputWidget-input"]) {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
}

input[type="button"],
input[type="submit"],
button {
  box-shadow: none;
  display: inline-block;
  padding: 0.25rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  color: #fff;
  background-color: #466DFA;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
  background-color: #3757C7;
}

/* ==============================
   Other Elements
   ============================== */
.usermessage {
  background-color: #ffce7b;
  border: 1px solid #ffa500;
  color: #000;
  font-weight: bold;
  margin: 1.875em 0 0.9375em;
  padding: 0.46875em 0.9375em;
}

.mw-normal-catlinks ul {
  display: inline;
}

.mw-normal-catlinks li {
  display: inline;
  padding-right: 5px;
}

.mw-normal-catlinks li::after {
  content: "|";
  padding-left: 5px;
}

.mw-normal-catlinks li:last-child::after {
  content: "";
}