html, body {
  scrollbar-color: #222222 #666666;
}

body {
  background-color: #181818;
  color: #ffffff;
  margin: 15px 15% 15px 15%;
  font-family: Monaco, Cantarell, Tahoma;
  line-height: 1.5em;
}

body::-webkit-scrollbar {
  width: 15px;
}

body::-webkit-scrollbar-track {
  background: #666666;
}

body::-webkit-scrollbar-thumb {
  background-color: #222222;
  border-radius: 20px;
  border: 3px solid #666666;
}

h1 {
  text-align: center;
}

h1#path {
  text-align: left;
  font-size: 1.5em;
}

a:link {
  color: #999999;
}

a:visited {
  color: #666666;
}

a:active, a:hover {
  color: #ffffff;
}

#list,
div#cgit table.list
{
  width: 100%;
  color: #000000;
  background: #cccccc;
  border-collapse: collapse;
}

#list th,
#list td,
div#cgit table.list th,
div#cgit table.list td
{
  padding: 0.1em 0.5em;
}

#list th,
div#cgit table.list th
{
  text-align: left;
  font-weight: bold;
  background: #666666;
}

#list tr:nth-child(even),
div#cgit table.list tr:nth-child(even)
{
  background: #aaaaaa;
}

#list th a,
div#cgit table.list th a
{
  color: #ffffff;
}

#list th a:hover,
div#cgit table.list th a:hover
{
  color: #181818;
}

#list a,
div#cgit table.list a
{
  color: #181818;
}

#list a:hover,
div#cgit table.list a:hover
{
  color: #666666; 
}

div#cgit table.list a
{
  font-weight: bold;
}

div#cgit table.list a.button
{
  margin-left: 5px;
}

code, span.rids {
  padding: 1px 5px;
  border-radius: 5px;
}

code {
  background-color: #444444;
  color: #ffffff;
  font-family: inherit;
}

span.rids {
  background-color: #cccccc;
  color: #181818;
  unicode-bidi: bidi-override;
  direction: rtl;
}

footer {
  text-align: center;
  margin-top: 2em;
}

hr.footer {
  width: 50%;
  height: 2px;
  border: 0;
  background: #ffffff;
}

div.footer {
  margin-top: 2em;
  font-size: small;
}

img.footer {
  margin-top: 1em;
}

div.error {
  text-align: center;
}

div#cgit table#header,
div#cgit table#header td.logo,
div#cgit table.tabs,
div#cgit td#sidebar input.txt,
div#cgit table.ssdiff
{
  width: 100%;
}

div#cgit table#header td.logo {
  vertical-align: top;
  text-align: center;
}

div#cgit table#header tr td.main,
div#cgit table#header tr td.sub
{
  display: none;
}

div#cgit table.tabs {
   border-collapse: collapse;
   margin-bottom: 10px;
}

div#cgit table.tabs td {
  vertical-align: bottom;
}

div#cgit table.tabs td a {
  margin-right: 10px;
}

div#cgit table.tabs td.form {
  text-align: right;
}

div#cgit table.commit-info {
  background: #555555;
  border-radius: 5px;
  border-collapse: collapse;
  margin: 1.5em 0px 1.5em 0px;
}

div#cgit table.commit-info tr th,
div#cgit table.commit-info tr td
{
  padding: 5px;
}
  
div#cgit table.commit-info a {
  color: #cccccc;
}

div#cgit table.commit-info a:hover {
  color: #ffffff;
}

div#cgit table.list tr
{
  background: #cccccc;
}

div#cgit td.reposection {
  background: #888888;
  color: #ffffff;
  font-weight: bold;
}

div#cgit div.footer {
  text-align: center;
}

div#cgit table.list td.commitgraph,
div#cgit table.list td.logsubject,
div#cgit table.list td.logmsg,
div#cgit table.diff td,
div#cgit table.ssdiff td,
div#cgit table.bin-blob th,
div#cgit table.bin-blob td,
div#cgit div.commit-msg,
div#cgit div.notes,
div#cgit a.ls-blob,
div#cgit a.ls-dir,
div#cgit td.ls-size,
div#cgit td.ls-mode,
div#cgit .ls-mod,
div#cgit .sha1
{
  font-family: monospace;
}

div#cgit table.list td.commitgraph,
div#cgit table.list td.logmsg,
div#cgit table.diff td,
div#cgit table.ssdiff td,
div#cgit table.bin-blob th,
div#cgit table.bin-blob td,
div#cgit div.commit-msg,
div#cgit div.notes
{
  white-space: pre;
}

div#cgit table#header td.main,
div#cgit table#header td.form,
div#cgit table.tabs td.form form,
div#cgit table.nowrap td,
div#cgit table.diffstat td.mode
{
  white-space: nowrap;
}

div#cgit div.cgit-panel
{
  float: right;
  margin-top: 1.5em;
}

div#cgit div.cgit-panel table {
  border-collapse: collapse;
  border-radius: 5px;
  border: solid 1px #aaaaaa;
  background-color: #cccccc;
  color: #181818;
}

div#cgit div.cgit-panel th {
  text-align: center;
}

div#cgit div.cgit-panel td {
  padding: 0.25em 0.5em;
}

div#cgit div.cgit-panel td.label {
  padding-right: 0.5em;
}

div#cgit div.cgit-panel td.ctrl {
  padding-left: 0.5em;
}

div#cgit a.deco,
div#cgit a.branch-deco,
div#cgit a.tag-deco,
div#cgit a.tag-annotated-deco,
div#cgit a.remote-deco
{
  color: #000000;
  margin: 0px 0px 0px 0.5em;
  padding: 0px 0.25em;
  border-radius: 5px;
}

div#cgit a:hover.deco,
div#cgit a:hover.branch-deco,
div#cgit a:hover.tag-deco,
div#cgit a:hover.tag-annotated-deco,
div#cgit a:hover.remote-deco
{
  background-color: #cccccc;
}

div#cgit a.deco {
  background-color: #ff8888;
  border: solid 1px #770000;
}

div#cgit a.branch-deco {
  background-color: #88ff88;
  border: solid 1px #007700;
}

div#cgit a.tag-deco {
  background-color: #ffff88;
  border: solid 1px #777700;
}

div#cgit a.tag-annotated-deco {
  background-color: #ffcc88;
  border: solid 1px #777700;
}

div#cgit a.remote-deco {
  background-color: #ccccff;
  border: solid 1px #000077;
}

div#cgit table.diffstat td span.modechange,
div#cgit table.diffstat td.del a,
div#cgit table.diff td div.del
{
  color: red;
}

div#cgit table.diffstat td.add a,
div#cgit table.diff td div.add
{
  color: green;
}

div#cgit table.diffstat td.upd a,
{
  color: blue;
}