pelican-jdr/public/rulebook.css

body {
  font-size:1em;
}

.markdown-section {
  max-width: 1100px;
}

/* Style the tab */
.tab {
 overflow: hidden;
 border: 1px solid #ccc;
 background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
 background-color: inherit;
 float: left;
 border: none;
 outline: none;
 cursor: pointer;
 padding: 14px 16px;
 transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
 background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  color:#FFF;
  background-color: #42B983;
}

/* Style the tab content */
.tabcontent {
 display: none;
 padding: 6px 12px;
 border: 1px solid #ccc;
 border-top: none;
}

.tabcontent.active {
  display:block;
}

.markdown-section .table-auto table {
  display:table;
  width:100%;
  table-layout: auto;
}

.markdown-section table {
  display:table;
  width:100%;
  table-layout: fixed;
}

.markdown-section th {
  height:34px;
}

.markdown-section tr:nth-child(2n) {
  background-color:#fff;
}

.sidebar ul li a {
  padding:3px;
  padding-left:12px;
  margin-right:12px;
  border-radius:8px;
}

.sidebar ul li a:hover {
  text-decoration: none;
  background-color:rgba(0,0,0,0.05);
}

.sidebar ul li.active > a {
  border-right:0px solid;
  background-color:var(--theme-color,#42b983);
  color:#fff;
}

.app-nav li {
  margin: 0 0.5rem;
}

.app-nav a {
    color: inherit;
    padding:8px;
    padding-left:12px;
    padding-right:12px;
    border-radius:8px;
}

.app-nav a:hover {
    color: inherit;
    background-color:rgba(0,0,0,0.05);
}