cayman-patch.css

/*!
 * Modifications to Cayman theme for accessibility
 *
 * Copyright (c) Lemming
 * Released under the MIT License.
 * https://github.com/Lemmingh
 */

/* This file is dedicated to improve accessibility of [Cayman theme](https://github.com/jasonlong/cayman-theme).
 * Apply it after `cayman.css` to see a difference.
 */

.main-content {
  color: black;
}

.main-content blockquote {
  color: #606c71;
}

.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
  border-top: 1px solid #eaecef;
  font-weight: bold;
  padding-top: 0.3em;
}

.main-content h2 {
  text-align: center;
}

.main-content a {
  text-decoration: underline dotted;
}

/* Fix a problem related to [Selector Specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity).
 * Calculate specificity of `a:hover`, `.main-content a`, and `.main-content a:hover`, then you will know why.
 */
.main-content a:hover {
  text-decoration: underline solid;
}

blockquote strong {
  color: crimson;
}

/* Names of Sarasa fonts changed many times. The list below was updated at Sarasa v0.12.4 */
/* ! Caution: We override any other rules on `font-family` here. */
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Fira Mono", "Source Code Pro",
    "Droid Sans Mono", "Courier New", "Sarasa Mono SC", "Sarasa Mono", "Source Han Mono", "SimHei", monospace,
    "Droid Sans Fallback" !important;
}

summary {
  cursor: pointer;
  display: list-item;
  font-weight: bold;
  text-decoration: underline dotted;
}

summary:hover {
  text-decoration: underline solid;
}

/* Based on https://github.githubassets.com/assets/github-89d9d3c9d19ddf234d9355a9ff50bcbd.css */
kbd {
  background-color: #fafbfc;
  border: 1px solid #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
  color: #444d56;
  display: inline-block;
  font-weight: 700;
  line-height: 1em;
  padding: 3px 5px;
  vertical-align: middle;
  white-space: nowrap;
}

/* Based on https://interactive-examples.mdn.mozilla.net/pages/tabbed/del.html */

del {
  text-decoration: line-through;
  background-color: #fbb;
  color: #555;
}

ins {
  text-decoration: none;
  background-color: #d4fcbc;
}

/* ! The following rules are designed for this website only */

#toc {
  box-shadow: 1px 1px 3px gray;
}

/* Feature: Copy code to clipboard */
.copyButton {
  border-radius: 3px;
  border-width: 2px;
  display: block;
}

.copyButton::before {
  content: "\1F4CB";
}

.topBanner {
  background-color: green;
  color: white;
  display: block;
  font-size: 1.7rem;
  font-weight: bold;
  left: 0;
  padding: 5px 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100vw;
  z-index: 9999;
}