repos/kloeckner.com.ar

 /* default light */
 :root {
     --fg-color: #000000;
     --bg-color: white;
     --hover-brightness: 0.95;
     --hover-bg-color: #E9E9E9;
     --link-color: #A04A00;
     --title-color: #DAA520;
 
     --accent-color: crimson;
 
     --footer-color: grey;
     --border-color: #505050;
     /* --border-color: #d0d0d0; */
 
     --desc-color: #333;
 
     --git-add-color: #070;
     --git-del-color: crimson;
     --git-dif-color: #00F;
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
         --fg-color: antiquewhite;
         --bg-color: #191919;
         --hover-brightness: 1.25;
         --hover-bg-color: #443A32;
         --link-color: peru;
 
         --border-color: #444;
 
         --git-add-color: #00FC00;
         --git-del-color: #F81C00;
         --git-dif-color: #005FFF;
     }
 }
 
 * {
     overflow-y: unset;
 }
 
 /* Avoid showing the background of the scrollbar when the content is small enough */
 html {
     margin-left: calc(100vw - 100%);
     margin-right: 0;
 }
 
 body {
     color: var(--fg-color);
     background: var(--bg-color);
     /* font-family: inconsolata, monospace; */
     font-family: "Inter", "Helvetica", "DejaVu Sans", sans-serif, serif, inconsolata, monospace;
     /* font-size: 14px; */
     /* max-width: 120ch; */
     font-size: 18px;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 10em;
     margin-top: 1em;
 }
 
 footer {
     color: var(--footer-color);
     padding: 2em;
     text-align: center;
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-size: 1em;
     margin: 0;
 }
 
 table {
     border-spacing: 0px;
     width: 100%;
 }
 
 img, h1, h2 {
     vertical-align: middle;
 }
 
 img {
     border: 0;
 }
 
 ul {
     padding-left: 1em;
 }
 
 a.d, a.h, a.i, a.line {
     text-decoration: none;
 }
 
 #entry {
     cursor: pointer;
 }
 
 #last-commit {
     white-space: nowrap;
     text-align: right;
 }
 
 #index,
 #log {
     tr {
         display: block;
         margin-bottom: .5em;
     }
 
     tr:last-child {
         margin-bottom: 0;
     }
 }
 
 #index,
 #log,
 #refs,
 #commit-summary,
 #commit-diff {
     width: 100%;
     border: 1px solid var(--border-color);
     padding: 22px;
     border-radius: .5em;
 }
 
 #branches {
     margin-top: 10px;
 }
 
 #files {
     min-width: 100%;
     border: 1px solid var(--border-color);
     padding: 1em 1.4em 1em 1.4em;
     border-radius: .5em;
 }
 
 #dir-files {
     min-width: 100%;
     border: 1px solid var(--border-color);
     padding: 1em;
     margin-top: 0em;
     border-radius: .5em;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top: none;
 }
 
 #file-mode {
     width: 120px;
 }
 
 #md-content, #readme {
     border: 1px solid var(--border-color);
     padding: 20px;
     margin-top: 1em;
     border-radius: .5em;
 }
 
 #md-content p {
     line-height: 1.25;
 }
 
 #md-content-hr, #owner {
     display: none;
 }
 
 #md-view #md-content {
     margin-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
     border-bottom-right-radius: .5em;
     border-bottom-left-radius: .5em;
 }
 
 #name {
     font-weight: bold;
 }
 
 #repo-name {
     font-size: 1.5em;
 }
 
 #repo-name a:hover {
     background: var(--hover-bg-color);
     filter: brightness(var(--hover-brightness));
 }
 
 #repo-header-table {
     padding: 12px 20px 20px 20px;
 
     tr {
         filter: brightness(1.0);
     }
 }
 
 #main-name {
     font-size: 1.75em;
     color: crimson;
     padding-bottom: 8px;
 }
 
 #webpage-header-link {
     padding: 0 20px;
 }
 
 #webpage-header-link a {
     opacity: 0.7;
 }
 
 #webpage-header-link a:hover {
     opacity: 1.0;
 }
 
 #dir-name {
     font-weight: bolder;
 }
 
 #dir-title {
     border: 1px solid var(--border-color);
     padding: 22px;
     margin-bottom: 0;
     border-top-left-radius: .5em;
     border-top-right-radius: .5em;
 }
 
 #binary-file {
     border: 1px solid var(--border-color);
     padding: 20px;
     margin-top: 0;
     border-radius: .5em;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 
     img {
         width: 100%;
     }
 }
 
 #repo-top-buttons {
     /* padding: 0 1.25em 1em 1.25em; */
     /* margin: -1px; */
     padding: 0 22px 20px 22px;
     font-weight: bold;
     font-size: 20px;
 }
 
 #log-date,
 #log-author {
     white-space: nowrap;
 }
 
 #legends td {
     padding: 0 0.4em;
 }
 
 #main-header-table {
     display: flex;
     justify-content: center;
     padding-bottom: 20px;
     td {
         text-align: center;
     }
     tr {
         filter: brightness(1.0);
     }
 }
 
 #main-header-logo, #repo-logo {
     display: none;
 }
 
 #main-header-table tbody {
     display: flex;
     justify-content: center;
 }
 
 #blob {
     border: 1px solid var(--border-color);
     padding: 1.25em 0.9em;
     margin-top: 0;
     border-radius: .5em;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }
 
 #blob a {
     color: #555;
 }
 
 #blob a:hover {
     color: var(--link-color);
     filter: brightness(var(--hover-brightness));
     text-decoration: none;
 }
 
 a {
     color: var(--link-color);
     text-decoration: none;
 }
 
 a:hover:not(tr a) {
     background: var(--hover-bg-color);
     filter: brightness(var(--hover-brightness));
     text-decoration: none;
 }
 
 #dir-size a {
     color: var(--bg-color);
 }
 
 #dir-size a:hover {
     color: var(--hover-bg-color);
 }
 
 #name a,
 #dir-name a,
 #file-name a,
 .dir, .dir:hover,
 #log-summary a {
     display: block;
     text-decoration: none;
     padding: 2em 2.4em;
     margin: -2em;
     word-wrap: anywhere;
 }
 
 #file-size a,
 #file-mode a,
 #description a,
 #last-commit a,
 #owner a,
 #log-date a,
 #log-author a,
 #log-files a {
     display: block;
     text-decoration: none;
     padding: 2em 2.4em;
     margin: -2em;
 }
 
 #file-size a {
     color: var(--fg-color);
     white-space: nowrap;
 }
 
 #content table td {
     vertical-align: top;
     /* white-space: nowrap; */
     padding-left: 0;
     white-space: break-spaces;
 }
 
 td {
     overflow: hidden;
 }
 
 #md-content td:not(:last-child),
 #md-content th:not(:last-child) {
     padding-right: 10px;
 }
 
 #index tr td:nth-child(2),
 #tags tr td:nth-child(3),
 #branches tr td:nth-child(3),
 #log tr td:nth-child(2) {
     white-space: normal;
 }
 
 #branches td:nth-child(1) {
     text-align: left;
 }
 
 #branches td:nth-child(n+2) {
     text-align: right;
 }
 
 td.num {
     text-align: right;
 }
 
 hr {
     border: 0;
     border-top: 1px dashed #505050;
     height: 1px;
     margin: 1em 0;
 }
 
 pre {
     font-family: monospace;
     overflow-x: auto;
     padding-bottom: 2em;
 }
 
 pre a.h {
     color: var(--git-dif-color);
 }
 
 .A, span.i, pre a.i {
     color: var(--git-add-color);
 }
 
 .D, span.d, pre a.d {
     color: var(--git-del-color);
 }
 
 pre a.h:hover, pre a.i:hover, pre a.d:hover {
     text-decoration: none;
 }
 
 #open-file-header {
     border: 1px solid #505050;
     padding: 20px 22px 20px 22px;
     border-top-left-radius: .5em;
     border-top-right-radius: .5em;
     border-bottom: none;
     margin-bottom: 0;
 
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     white-space: initial;
 
     row-gap: .25em;
 }
 
 .line {
     display: inline;
     margin-left: -.5em;
 }
 
 #line-checkbox {
     /* margin-right: .5em; */
 }
 
 #file-parent-path {
     font-weight: bold;
     display: inline;
     padding: 0;
     margin: 0;
 }
 
 #file-raw {
     border: 1px solid var(--border-color);
     border-radius: 6px;
 }
 
 #file-raw:hover {
     background: var(--hover-bg-color);
     filter: brightness(var(--hover-brightness));
     text-decoration: none;
     cursor: pointer;
 }
 
 #file-raw a {
     display: block;
     width: 100%;
     height: 100%;
     padding: 4px 4px 5px 5px;
 }
 
 #file-raw a:hover {
     text-decoration: none;
     background: none;
 }
 
 #md-content h1 {
     font-size: 1.75em;
 }
 
 #md-content    h2 {
     font-size: 1.5em;
     padding: .5em 0em;
 }
 
 #md-content h3 {
     font-size: 1.25em;
     text-align: left;
 
     padding-top: .5em;
     padding-bottom: .5em;
 }
 
 #md-content h4 {
     padding-top: .5em;
     text-align: left;
 }
 
 #md-content h5 {
     padding-bottom: .25em;
     font-size: 1em;
 }
 
 #md-content code {
     font-family: "Ubuntu Mono", monospace;
     background-color: rgba(110,118,129,0.2);
     padding: 0px 2px;
     border-radius: 4px;
     margin: 0;
     white-space: nowrap;
 }
 
 #md-content pre {
     text-align: left;
 
     padding-top: .5em;
     padding-bottom: .5em;
     padding-left: .75em;
     padding-right: .75em;
     border-radius: .2em;
     background-color: rgba(110,118,129,0.2);
     width: auto;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: .25em;
     margin-bottom: 1.25em;
     overflow: auto;
 }
 
 #md-content pre code {
     background: rgba(0,0,0,0);
     padding: 0;
     margin: 0;
     border-radius: 0;
     white-space: inherit;
 }
 
 #md-content img {
     max-width: 100%;
     display: block;
     margin-left: auto;
     margin-right: auto;
     border-radius: .25em;
     padding: 1em 0em;
 }
 
 #owner {
     display: none;
 }
 #name {
     display: block;
     font-size: 1.25em;
     font-weight: bold;
 }
 
 #description {
     display: block;
     width: 100%;
     padding: 0;
 
     a {
         color: var(--fg-color);
     }
 }
 
 #last-commit {
     display: block;
     padding: 0em;
     margin: 0em;
     padding-left: 0px;
     font-size: .85em;
     color: gray;
     text-align: left;
     /* margin-bottom: .5em; */
 }
 
 #last-commit a {
     color: gray;
 }
 
 #index #legends {
     display: none;
 }
 
 a {
     text-decoration: none;
     overflow-wrap: break-word;
 }
 
 #name a {
     display: block;
     font-weight: bold;
     text-decoration: none;
 }
 
 #name a,
 #dir-name a,
 #file-name a,
 #log-summary a {
     padding: 0;
     margin: 0;
 }
 
 #log-summary a {
     color: var(--fg-color);
 }
 
 #log tr:hover {
     filter: brightness(var(--hover-brightness));
 }
 
 #file-mode a,
 #file-size a,
 #description a,
 #last-commit a,
 #owner a,
 #log-date a,
 #log-author a,
 #log-files a {
     padding: 0;
     margin: 0;
 }
 
 #index,
 #refs,
 #files,
 #dir-files,
 #log,
 #commit-summary,
 #commit-diff {
     /* padding: 1.25em; */
     padding: 22px;
     margin-top: 0;
 }
 
 #files #file-mode, #dir-files #file-mode {
     display: none;
 }
 
 #files td, #dir-files td {
     padding: 0;
 }
 
 #dir-files #file-size {
     vertical-align: bottom;
 }
 
 #dir-name {
     padding-left: 0;
     padding-right: 0;
 }
 .desc {
     font-size: 16px;
 }
 
 .main-desc {
     font-size: 1.25em;
 
     a:hover {
         background: var(--hover-bg-color);
         filter: brightness(var(--hover-brightness));
     }
 }
 
 #log-author a {
     color: gray;
 }
 #last-commit a::before {
     content: "last commit ";
 }
 #log-author a::before {
     content: "author ";
 }
 #blob {
     font-size: 16px;
     overflow: scroll;
 }
 
 #dir-title {
     /* padding: 1.25em; */
     margin-right: auto;
     word-wrap: anywhere;
     /* padding: 10px; */
 }
 
 #open-file-name {
     padding: 0;
     font-weight: bold;
 }
 
 #log thead,
 #log-files {
     display: none;
 }
 #log-summary,
 #log-date,
 #md-content-hr {
     display: block;
 }
 
 #log-author {
     display: block;
     margin-bottom: 1em;
 }
 
 #log tr:last-child #log-author {
     margin-bottom: 0;
 }
 
 #commit-summary {
     white-space: break-spaces;
 }
 #commit-diff {
     overflow-x: scroll;
 }
 
 #md-content {
     table {
         width: 100%;
         border-collapse: collapse;
         margin: 1.5rem 0;
     }
 
     th,
     td {
         padding: 0.8rem 1rem;
         text-align: left;
         vertical-align: top;
         border: 1px solid var(--border-color);
     }
 
     th {
         font-weight: 600;
     }
 
     tbody td:first-child {
         width: 10rem;
         font-weight: 600;
         white-space: nowrap;
     }
 }
 
 #md-content img {
     max-width: 100%;
     padding: 0;
 }
 #md-content ul {
     padding-left: 1em;
 }
 #md-content h1 {
     padding-top: .25em;
 }
 
 #branches tr:hover,
 #tags tr:hover,
 #index tr:hover,
 #log tr:hover,
 #dir-files tr:hover,
 #files tr:hover {
     background: var(--hover-bg-color);
 }
 
 #md-checkbox-div {
     margin-right: 10px;
 }
 
 #line-checkbox-div {
     text-align: center;
     width: min-content;
     white-space: nowrap;
     margin-right: 10px;
     margin-left: auto;
 }
 
 @media (hover: hover) and (pointer: fine) {
 
     a:hover:not(tr a) {
         filter: brightness(var(--hover-brightness));
     }
 
 
     tr:hover {
         filter: brightness(var(--hover-brightness));
     }
 
     #commit-summary,
     #md-content {
         tr:hover {
             filter: brightness(1.0);
         }
     }
 
     #commit-summary a:hover {
         filter: brightness(var(--hover-brightness));
         background: var(--hover-bg-color);
     }
 
 
     #branches,
     #tags,
     #index,
     #log,
     #files {
         a:hover {
             filter: brightness(1.0);
             /* background: var(--bg-color); */
         }
     }
 }
 
 #legends {
     a:hover {
         filter: brightness(1.0);
         background: var(--bg-color);
     }
 
     tr:hover {
         filter: brightness(1.0);
         background: var(--bg-color);
     }
 }
 
 @media (prefers-color-scheme: dark) {
     #md-content blockquote p {
         margin: 0;
         padding: 0;
     }
 
     #md-content blockquote {
         margin: 1em 0;
         padding: 0.5em 1em;
         border-left: 4px solid antiquewhite;
         background-color: rgba(110,118,129,0.2);
     }
 
 }
 
 @media (max-width: 800px) {
     body {
         font-size: 18px;
         max-width: 98%;
     }
     #owner {
         display: none;
     }
     #content table td {
         padding-left: 0;
         white-space: break-spaces;
         vertical-align: top;
     }
     #name {
         display: block;
         font-size: 1.25em;
         font-weight: bold;
     }
     #description {
         display: block;
         width: 100%;
         padding: 0;
     }
     #last-commit {
         display: block;
         /* padding: .25em 0 1em 0; */
         padding: 0em;
         margin: 0em;
         font-size: .85em;
         color: gray;
         text-align: left;
         /* margin-bottom: 1em; */
     }
     #last-commit a {
         color: gray;
     }
     #index #legends {
         display: none;
     }
     a {
         text-decoration: none;
         overflow-wrap: break-word;
         -webkit-tap-highlight-color: transparent;
         user-select: none;
     }
 
     #name a {
         display: block;
         font-weight: bold;
         text-decoration: none;
     }
 
     #name a,
     #dir-name a,
     #file-name a,
     #log-summary a {
         padding: 0;
         margin: 0;
     }
 
     #file-mode a,
     #file-size a,
     #description a,
     #last-commit a,
     #owner a,
     #log-date a,
     #log-author a,
     #log-files a {
         padding: 0;
         margin: 0;
     }
 
     #index,
     #refs,
     #files,
     #dir-files,
     #log,
     #commit-summary,
     #commit-diff {
         /* padding: .75em; */
         padding: 10px;
     }
 
     #files #file-mode, #dir-files #file-mode {
         display: none;
     }
     #files td, #dir-files td {
         padding: 0;
     }
 
     #repo-name {
         font-size: 1.5em;
     }
 
     #dir-name {
         padding-left: 0;
         padding-right: 0;
     }
     .desc {
         font-size: 16px;
     }
     .main-desc {
         font-size: 1.25em;
     }
     #log-author a {
         color: gray;
     }
     #last-commit a::before {
         content: "last commit ";
     }
     #log-author a::before {
         content: "author ";
     }
     #blob {
         font-size: 16px;
         overflow: scroll;
     }
 
     #dir-title,
     #binary-file {
         padding: 10px;
     }
 
     #webpage-header-link {
         padding: 0 10px;
     }
 
     #main-header-table {
         padding-bottom: 14px;
     }
 
     #repo-top-buttons {
         /* padding: 0 .75em .75em .75em; */
         padding: 0 10px 10px 10px;
     }
 
 
     #log thead,
     #log-files {
         display: none;
     }
     #log-summary,
     #log-date,
     #md-content-hr {
         display: block;
     }
 
     #log-author {
         display: block;
     }
 
     #commit-diff {
         overflow-x: scroll;
     }
 
     #md-content {
         /* padding: 1em; */
         padding: 10px;
     }
     #md-content img {
         max-width: 100%;
         padding: 0;
     }
     #md-content ul {
         padding-left: 1em;
     }
     #md-content h1 {
         padding-top: .25em;
     }
 
     #repo-header-table {
         /* padding: .25em .50em .75em .50em; */
         padding: 10px;
     }
 
     #open-file-header {
         /* padding: .75em; */
         padding: 10px;
     }
 
     #line-checkbox-div {
         text-align: center;
         width: min-content;
         white-space: nowrap;
     }
 }