/* Author: Bernie Innocenti <bernie@codewiz.org> */

body {
  font-family: sans-serif;
  background-color: #1c1814;
  color: #eeeeee;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

html {
  cursor: url('/static/amiga-pointer-2.0.cur'), auto;
}

a { color: #1010FF; }
a:link { text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #501080; }
a.nonexistent { color: #D04040; }
a.navlink, a.login { font-size: smaller; font-weight: bold; text-decoration: none; }
a.navlink:hover, a.login:hover { text-decoration: underline; }
a.navlink { color: #000088; }
a.login { color: #bb0000; }
a.external { font-style: italic; }
a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }

h1 {
  font-size: x-large;
  font-weight: bold;
  clear: both;
  color: #3377FF;
  border: #5599EE;
  background-color: #D0F0FF;
  clear: both;
  margin-bottom: 0.2em;
  margin-top: 2em;
  padding-right: 10px;
  padding-left: 10px;
}

h2 {
  font-size: large;
  font-weight: bold;
  clear: both;
  color: #22AA33;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0.1em;
  margin-top: 1.5em;
  padding-right: 10px;
  padding-left: 10px;
}

h3 {
  font-size: large;
  font-weight: bold;
  color: #113366;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 5px;
  padding-left: 5px;
}

h4 {
  font-size: medium;
  font-weight: bold;
  color: #222288;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 5px;
  padding-left: 5px;
}

h5 {
  font-size: medium;
  font-weight: normal;
  color: #4444AA;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 5px;
  padding-left: 5px;
}

/* Heading anchors */
.heading:link, .heading:visited {
  border: none;
  color: #d7d7d7;
  font-size: .8em;
  vertical-align: text-top;
}
* > .heading:link, * > .heading:visited {
  visibility: hidden;
}

h1:hover .heading, h2:hover .heading, h3:hover .heading,
h4:hover .heading, h5:hover .heading, h6:hover .heading {
  visibility: visible;
}

strong.DONE {
  padding-left: 0.1em;
  background-color: #22ee22;
}

strong.TODO {
  padding-left: 0.1em;
  background-color: #ffdd44;
}

strong.FIXME {
  padding-left: 0.1em;
  background-color: #ee2222;
}

strong.error {
  color: red;
}

div {
  margin-left:  10px;
  margin-right: 10px;
  /*text-align: justify;*/
}

div.wiki {
  margin-left:  0px;
  margin-right: 0px;
}

div.preview {
  border: 2px dashed #FF0000;
}

div.index {
  border: 1px solid #EEEEEE;
}

div.nav {
  border-color: #888888;
  background-color: #cccccc;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  padding-top:	5px;
  padding-bottom:	5px;
  padding-left:	5px;
  padding-right:	5px;
  margin-top:	0px;
  margin-bottom:	10px;
  margin-left:	0px;
  margin-right:	0px;
}

.nav li {
  display: inline;
}

.nav ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}

.nav hr {
  display: none;
}

#footer div {
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
}

#footer hr {
  border: none;
  border-top: 1px solid #bbbbbb;
  margin: 0 0;
  clear: both;
}

#footer :link, #footer :visited {
  color: #666666;
}

#footer p {
  color: #888888;
  font-size: x-small;
  margin-top: 0;
}

#footer p.copyright {
  float: left;
  margin-left: 0em;
  padding: 0 1em;
}

#footer .license {
  border-width: 0;
  vertical-align: top;
  margin-left: 0em;
  margin-right: 1em;
}

#footer p.modified {
  float: right;
  text-align: right;
  margin-right: 1em;
}

p.dialog {
  border-color: black;
  background-color: white;
  padding-left: 5px;
  margin-left: 10px;
  margin-right: 10px;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px
}

p {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  /*text-align: justify;*/
}

table {
  /*width: 100%;*/
  border: 2px solid #ccc;
  border-collapse: collapse;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

table tbody thead {
  background: #f7f7f0;
}

/* FIXME: should be thead */
table tbody th {
  border: 1px solid #d7d7d7;
  border-bottom-color: #999;
  font-weight: bold;
  padding: 2px .5em;
  vertical-align: bottom;
}

table tbody td {
  border: 1px dotted #ddd;
  padding: .3em .5em;
  vertical-align: top;
}

table tbody tr { border-top: 1px solid #ddd }
table tbody tr.even { background-color: #f0f0f0 }
table tbody tr.odd { background-color: #e7e7e7 }
table tbody tr:hover { background: #eed !important }

table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
  background-color: transparent;
}

pre {
  color: #222222;
  border-color: #E9E609;
  background: #FFFDD0;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

pre.error {
  color: #FF0000;
  background: #000000;
  border-top-color: #FF0000;
  border-color: #FF0000;
  border-style: solid;
  border-width: 6px;
  margin: 0px;
}

pre.success {
  color: #00FF00;
  background: #000000;
  border-color: #00FF00;
  border-style: solid;
  border-width: 6px;
  margin: 0px;
}

pre.notice {
  color: #FFCC00;
  background: #000000;
  border-color: #FFCC00;
  border-style: solid;
  border-width: 6px;
  margin: 0px;
}

.editor input[type='text'], .editor textarea {
  font-family: monospace;
  color: black;
  background-color: white;
  border: 1px solid #8cacbb;
}
.editor textarea.editor { width: 100%; }
.editor input.changelog { width: 50%; }

/* thumbnails */

div .thumb {
  float: left;
  width: 100%;
}
div .thumbleft { float: left; }
div .thumbright { float: right; }
div .innerthumb {
  float: left;
  border: 1px solid #ccc;
  padding: 3px !important;
  margin: 10px;
  margin-bottom: .5em;
  background-color: #f9f9f9;
  text-align: center;
}

.thumb a img, .thumbright a img, .thumbleft a img {
  border: 1px solid #ccc;
  vertical-align:bottom;
}

.thumb .caption, .thumbright .caption, .thumbleft .caption {
  border: none;
  overflow: hidden;
  font-size: 60%;
  line-height: 1.4em;
  padding: .3em 0 .1em 0;
  text-align: center;
}


/* Styles for search word highlighting */
@media screen {
  .searchword0 { background: #ff9 }
  .searchword1 { background: #cfc }
  .searchword2 { background: #cff }
  .searchword3 { background: #ccf }
  .searchword4 { background: #fcf }
}

@media print {
  body {
    background: white;
    font-size: 12pt;
  }
  h1 { font-size: 14pt; }
  h2 { font-size: 13pt; }
  h3 { font-size: 12pt; border: none; }
  h4 { font-size: 12pt; border: none; }
  h5 { font-size: 12pt; border: none; }
  a { text-color: #225; text-decoration: underline; }
  .heading:link, .heading:visited { display: none; }
  #footer { display: none; }
  .nav { display: none; }
  .noprint { display: none; }
  div.wiki { font-size: smaller; }
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #1c1814;
    color: #ffffff;
  }

  a { color: #9bd1ff; }
  a:visited { color: #9b669b; }
  a.nonexistent { color: #f0d0d0; }
  a.navlink { color: #d1d1ff; }
  a.login { color: #bb6666; }

  div.nav {
    border-color: #606060;
    background-color: #303030;
  }

  body {
    background-color: #181818;
    color: #FFFFFF;
  }

  a { color: #9Bd1ff; }
  a:visited { color: #778899; }
  a.nonexistent { color: #f0d0d0; }
  a.navlink { color: #d1d1ff; }
  a.login { color: #cc5555; }
  a.heading { text-decoration: none; color: #666666; font-size: smaller; }

  h1 {
    color: #88bbff;
    border: #77aadd;
    background-color: #2a2a2a;
  }
  h2 { color: #44dd66; }
  h3 { color: #88aacc; }
  h4 { color: #8899bb; }
  h5 { color: #6666cc; }

  div.nav {
    border-color: #606060;
    background-color: #303030;
  }
  div.preview { border: 2px dashed #cc2222; }

  pre {
    color: #dddddd;
    border-color: #999900;
    background: #1a1a1a;
  }

  pre.error {
    color: #FF5555;
    background: #222222;
    border-top-color: #ff5555;
    border-color: #ff5555;
  }

  pre.success {
    color: #55ff55;
    background: #222222;
    border-color: #55ff55;
  }

  pre.notice {
    color: #ffdd55;
    background: #222222;
    border-color: #ffdd55;
  }

  .editor input[type='text'], .editor textarea {
    color: #ffffff;
    background-color: #2a2a2a;
    border: 1px solid #8cacbb;
  }

  table { border: 2px solid #444; }
  table tbody thead { background: #2f2f2f; }
  table tbody th {
    border: 1px solid #555;
    border-bottom-color: #777;
  }
  table tbody td { border: 1px dotted #555; }
  table tbody tr { border-top: 1px solid #555; }
  table tbody tr.even { background-color: #303030; }
  table tbody tr.odd { background-color: #393939; }
  table tbody tr:hover { background: #444 !important; }
}