summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--var/www/cgit/cgit.css628
1 files changed, 314 insertions, 314 deletions
diff --git a/var/www/cgit/cgit.css b/var/www/cgit/cgit.css
index e888fcc..f586b15 100644
--- a/var/www/cgit/cgit.css
+++ b/var/www/cgit/cgit.css
@@ -208,25 +208,25 @@ body {
div#cgit {
border-bottom: 3px solid var(--uchu-gray-2);
- color: var(--uchu-yin-8);
- margin-bottom: 2rem;
+ color: var(--uchu-yin-8);
+ margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
max-width: 1000px;
padding-top: 3rem;
- a {
- color: var(--uchu-blue-5);
+ a {
+ color: var(--uchu-blue-5);
- &:not(:hover) {
- text-decoration: underline;
- }
+ &:not(:hover) {
+ text-decoration: underline;
+ }
- &:hover {
- text-decoration: none;
- }
+ &:hover {
+ text-decoration: none;
+ }
- &.branch-deco,
+ &.branch-deco,
&.deco,
&.remote-deco,
&.tag-deco,
@@ -244,8 +244,8 @@ div#cgit {
}
&.button {
- padding: 0 0.5rem;
- }
+ padding: 0 0.5rem;
+ }
&.deco {
background-color: var(--uchu-orange-4);
@@ -254,30 +254,30 @@ div#cgit {
}
&.remote-deco {
- background-color: #ccccff;
- border-color: #000077;
+ background-color: #ccccff;
+ border-color: #000077;
}
&.tag-deco {
- background-color: #ffff88;
- border-color: #777700;
+ background-color: #ffff88;
+ border-color: #777700;
}
&.tag-annotated-deco {
- background-color: #ffcc88;
- border-color: #777700;
+ background-color: #ffcc88;
+ border-color: #777700;
}
- }
+ }
- div {
- &#blob {
- border: 1px solid var(--uchu-yin);
- }
+ div {
+ &#blob {
+ border: 1px solid var(--uchu-yin);
+ }
- &#summary {
- margin-bottom: 1rem;
- vertical-align: top;
- }
+ &#summary {
+ margin-bottom: 1rem;
+ vertical-align: top;
+ }
&.cgit-panel {
position: absolute;
@@ -311,8 +311,8 @@ div#cgit {
}
&.commit-msg {
- font-family: var(--monospace);
- white-space: pre;
+ font-family: var(--monospace);
+ white-space: pre;
}
&.commit-subject {
@@ -330,28 +330,28 @@ div#cgit {
}
}
- &.content {
+ &.content {
overflow-x: hidden;
padding: 1rem 0 0 0;
position: relative;
- }
+ }
&.diffstat-header {
- font-weight: bold;
- width: var(--width-with-panel);
+ font-weight: bold;
+ width: var(--width-with-panel);
}
&.diffstat-summary {
color: var(--uchu-yin-4);
- padding-top: 1rem;
+ padding-top: 1rem;
width: var(--width-with-panel);
}
- &.error {
- color: var(--uchu-red-5);
- font-weight: bold;
- margin: 1rem 2rem;
- }
+ &.error {
+ color: var(--uchu-red-5);
+ font-weight: bold;
+ margin: 1rem 2rem;
+ }
&.footer {
color: var(--uchu-gray-3);
@@ -389,22 +389,22 @@ div#cgit {
padding-top: 1.5rem;
}
- &.path {
- background-color: var(--uchu-gray-2);
+ &.path {
+ background-color: var(--uchu-gray-2);
line-height: 1.33;
padding: 0.5rem 2rem;
- }
- }
+ }
+ }
- img {
- border: none;
- }
+ img {
+ border: none;
+ }
- input#switch-btn {
- margin: 2px 0 0 0;
- }
+ input#switch-btn {
+ margin: 2px 0 0 0;
+ }
- select {
+ select {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTcuMTc0MzIgMTAuMjVMMTIgMTYuMTg5NEwxNi44MjU4IDEwLjI1SDcuMTc0MzJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
background-position: right center;
background-repeat: no-repeat;
@@ -420,95 +420,95 @@ div#cgit {
outline-offset: -1px;
z-index: 1;
}
- }
+ }
span {
&.age-mins {
color: #080;
- font-weight: bold;
+ font-weight: bold;
}
&.age-hours {
- color: #080;
+ color: #080;
}
&.age-days {
- color: #040;
+ color: #040;
}
&.age-weeks {
- color: #444;
+ color: #444;
}
&.age-months {
- color: #888;
+ color: #888;
}
&.age-years {
- color: #bbb;
+ color: #bbb;
}
&.deletions {
- color: #800;
+ color: #800;
}
&.insertions {
- color: #080;
+ color: #080;
}
}
- table {
- border-collapse: collapse;
+ table {
+ border-collapse: collapse;
- &[summary^="repository"],
- &[summary^="tree"] {
- margin-bottom: 1.5rem;
+ &[summary^="repository"],
+ &[summary^="tree"] {
+ margin-bottom: 1.5rem;
- .nohover {
- text-transform: lowercase;
+ .nohover {
+ text-transform: lowercase;
- a {
- color: inherit;
+ a {
+ color: inherit;
display: block;
padding-bottom: 1rem;
- text-decoration: none;
- }
- }
- }
-
- &#downloads {
- border: 1px solid #777;
- border-collapse: collapse;
- float: right;
- margin-bottom: 0.5rem;
- margin-left: 0.5rem;
-
- th {
- background-color: var(--uchu-gray-3);
- }
- }
-
- &#grid {
- margin: 0;
- }
-
- &#header {
- margin-bottom: 1rem;
- width: 100%;
-
- td {
- &.form {
- text-align: right;
-
- form {
- bottom: -1rem;
+ text-decoration: none;
+ }
+ }
+ }
+
+ &#downloads {
+ border: 1px solid #777;
+ border-collapse: collapse;
+ float: right;
+ margin-bottom: 0.5rem;
+ margin-left: 0.5rem;
+
+ th {
+ background-color: var(--uchu-gray-3);
+ }
+ }
+
+ &#grid {
+ margin: 0;
+ }
+
+ &#header {
+ margin-bottom: 1rem;
+ width: 100%;
+
+ td {
+ &.form {
+ text-align: right;
+
+ form {
+ bottom: -1rem;
display: flex;
flex-direction: row;
justify-content: end;
position: relative;
- white-space: nowrap;
+ white-space: nowrap;
- input {
+ input {
border: 1px solid var(--uchu-gray-3);
border-radius: 0;
line-height: 1.33;
@@ -526,41 +526,41 @@ div#cgit {
padding: 0.25rem 2.5rem 0.25rem 0.5rem;
right: -1px;
}
- }
- }
+ }
+ }
- &.logo {
- vertical-align: top;
- width: 96px;
- }
+ &.logo {
+ vertical-align: top;
+ width: 96px;
+ }
- &.main {
- font-size: 250%;
- white-space: nowrap;
+ &.main {
+ font-size: 250%;
+ white-space: nowrap;
- a {
- color: var(--uchu-yin);
- }
- }
+ a {
+ color: var(--uchu-yin);
+ }
+ }
- &.sub {
- color: var(--uchu-yin-4);
- }
- }
- }
+ &.sub {
+ color: var(--uchu-yin-4);
+ }
+ }
+ }
&.blob td.linenumbers a,
&.ssdiff td.lineno a {
- text-align: right;
- text-decoration: none;
+ text-align: right;
+ text-decoration: none;
- &:not(:hover) {
- color: var(--uchu-yin-4);
- }
+ &:not(:hover) {
+ color: var(--uchu-yin-4);
+ }
- &:hover {
- color: var(--uchu-yin);
- }
+ &:hover {
+ color: var(--uchu-yin);
+ }
}
&.bin-blob {
@@ -582,7 +582,7 @@ div#cgit {
}
}
- &.blame {
+ &.blame {
td {
&.hashes,
&.lines,
@@ -606,9 +606,9 @@ div#cgit {
position: relative;
> pre {
- padding: 0 0 0 0.5rem;
- position: absolute;
- top: 0;
+ padding: 0 0 0 0.5rem;
+ position: absolute;
+ top: 0;
}
}
}
@@ -627,28 +627,28 @@ div#cgit {
}
}
- &.blob {
- border-top: 1px solid var(--uchu-gray-2);
- margin-top: 1rem;
- width: 100%;
+ &.blob {
+ border-top: 1px solid var(--uchu-gray-2);
+ margin-top: 1rem;
+ width: 100%;
- td {
- &.hashes,
+ td {
+ &.hashes,
&.lines {
- margin: 0; padding: 0 0 0 0.5em;
+ margin: 0; padding: 0 0 0 0.5em;
- color: var(--uchu-yin);
- vertical-align: top;
+ color: var(--uchu-yin);
+ vertical-align: top;
}
&.linenumbers {
- border-right: 1px solid var(--uchu-gray-2);
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- text-align: right;
- vertical-align: top;
+ border-right: 1px solid var(--uchu-gray-2);
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ text-align: right;
+ vertical-align: top;
}
- }
+ }
/* Style definition file generated by highlight 3.9, http://www.andre-simon.de/ */
/* Highlighting theme: Kwrite Editor */
@@ -676,13 +676,13 @@ div#cgit {
.pps { color: #818100; }
.slc { color: #838183; }
.str { color: #bf0303; }
- }
+ }
- &.commit-info {
- margin-top: 1.5rem;
- width: var(--width-with-panel);
+ &.commit-info {
+ margin-top: 1.5rem;
+ width: var(--width-with-panel);
- th,
+ th,
td {
font-weight: normal;
padding: 0.1rem 1rem 0.1rem 0.1rem;
@@ -692,54 +692,54 @@ div#cgit {
text-align: left;
vertical-align: top;
}
- }
+ }
- &.diff {
- font-size: 1.25rem;
- width: 100%;
+ &.diff {
+ font-size: 1.25rem;
+ width: 100%;
- td {
+ td {
font-family: var(--monospace);
- white-space: pre;
+ white-space: pre;
- div {
- &:last-of-type {
- padding-bottom: 1.5rem;
- }
+ div {
+ &:last-of-type {
+ padding-bottom: 1.5rem;
+ }
- &.add {
- background-color: var(--uchu-green-1);
+ &.add {
+ background-color: var(--uchu-green-1);
}
&.del {
- background-color: var(--uchu-red-1);
+ background-color: var(--uchu-red-1);
}
- &.head {
- font-weight: bold;
- margin-top: 1rem;
+ &.head {
+ font-weight: bold;
+ margin-top: 1rem;
}
&.hunk {
- background-color: var(--uchu-blue-1);
+ background-color: var(--uchu-blue-1);
}
- }
- }
- }
+ }
+ }
+ }
- &.diffstat {
+ &.diffstat {
background-color: oklch(var(--uchu-gray-1-raw) / 50%);
border: 1px solid var(--uchu-gray-1);
width: var(--width-with-panel);
- th {
- font-weight: normal;
- padding: 0.25rem 0.5rem;
- text-align: left;
- text-decoration: underline;
- }
+ th {
+ font-weight: normal;
+ padding: 0.25rem 0.5rem;
+ text-align: left;
+ text-decoration: underline;
+ }
- td {
+ td {
border: none;
padding: 0.25rem 0.5rem;
@@ -762,26 +762,26 @@ div#cgit {
}
&.graph {
- vertical-align: middle;
- width: 500px;
+ vertical-align: middle;
+ width: 500px;
- table {
+ table {
border: none;
- }
+ }
- td {
- border: 0;
- height: 7pt;
- padding: 0;
+ td {
+ border: 0;
+ height: 7pt;
+ padding: 0;
- &.add {
- background-color: var(--uchu-green-6);
+ &.add {
+ background-color: var(--uchu-green-6);
}
&.rem {
- background-color: var(--uchu-red-6);
+ background-color: var(--uchu-red-6);
}
- }
+ }
}
&.mode {
@@ -795,10 +795,10 @@ div#cgit {
}
span.modechange {
- color: var(--uchu-red-6);
+ color: var(--uchu-red-6);
padding-left: 1rem;
}
- }
+ }
}
&.hgraph {
@@ -823,11 +823,11 @@ div#cgit {
}
}
- &.list {
- border: none;
- width: 100%;
+ &.list {
+ border: none;
+ width: 100%;
- tr {
+ tr {
background-color: var(--uchu-yang);
&.logheader {
@@ -861,8 +861,8 @@ div#cgit {
}
td {
- border: none;
- padding: 0.1rem 0.5rem 0.1rem 0.5rem;
+ border: none;
+ padding: 0.1rem 0.5rem 0.1rem 0.5rem;
&.commitgraph,
&.logmsg,
@@ -872,9 +872,9 @@ div#cgit {
}
&.commitgraph {
- white-space: pre;
+ white-space: pre;
- .column1 {
+ .column1 {
color: #a00;
}
@@ -910,7 +910,7 @@ div#cgit {
&.reposection {
color: var(--uchu-yin-4);
- font-style: italic;
+ font-style: italic;
}
&.sublevel-repo {
@@ -918,51 +918,51 @@ div#cgit {
}
a {
- &:not(:hover) {
- color: var(--uchu-yin);
- }
+ &:not(:hover) {
+ color: var(--uchu-yin);
+ }
- &:hover {
+ &:hover {
color: var(--uchu-blue-5);
- }
+ }
&.ls-dir {
font-weight: bold;
}
}
}
- }
+ }
- &.nowrap {
- td {
- white-space: nowrap;
- }
- }
+ &.nowrap {
+ td {
+ white-space: nowrap;
+ }
+ }
- &.ssdiff {
- width: 100%;
+ &.ssdiff {
+ width: 100%;
- span {
+ span {
&.add,
&.del {
font-weight: bold;
}
&.add {
- background: #cfc;
+ background: #cfc;
}
&.del {
- background: #fcc;
+ background: #fcc;
}
}
- td {
+ td {
border-left: 1px solid #aaa;
- border-right: 1px solid #aaa;
- font-family: var(--monospace);
- padding: 1px 4px 1px 4px;
- white-space: pre;
+ border-right: 1px solid #aaa;
+ font-family: var(--monospace);
+ padding: 1px 4px 1px 4px;
+ white-space: pre;
&.add,
&.add_dark,
@@ -974,12 +974,12 @@ div#cgit {
min-width: 50%;
}
- &.add {
- background: #cfc;
+ &.add {
+ background: #cfc;
}
&.add_dark {
- background: #aca;
+ background: #aca;
}
&.changed {
@@ -999,40 +999,40 @@ div#cgit {
}
&.foot {
- border-bottom: none;
- border-left: none;
- border-right: none;
- border-top: 1px solid #aaa;
+ border-bottom: none;
+ border-left: none;
+ border-right: none;
+ border-top: 1px solid #aaa;
}
&.head {
- border-bottom: 1px solid #aaa;
- border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ border-top: 1px solid #aaa;
- div.head {
- font-weight: bold;
+ div.head {
+ font-weight: bold;
}
}
&.hunk {
- background: #ccf;
- border-bottom: 1px solid #aaa;
- border-top: 1px solid #aaa;
- color: var(--uchu-yin);
+ background: #ccf;
+ border-bottom: 1px solid #aaa;
+ border-top: 1px solid #aaa;
+ color: var(--uchu-yin);
}
&.lineno {
- background-color: var(--uchu-gray-2);
- min-width: 3rem;
- text-align: right;
- width: 3rem;
+ background-color: var(--uchu-gray-2);
+ min-width: 3rem;
+ text-align: right;
+ width: 3rem;
}
&.space {
border: none;
div {
- min-height: 3rem;
+ min-height: 3rem;
}
}
}
@@ -1070,53 +1070,53 @@ div#cgit {
}
}
- &.tabs {
- border-bottom: 3px solid var(--uchu-gray-2);
- margin-top: 1.5rem;
- width: 100%;
+ &.tabs {
+ border-bottom: 3px solid var(--uchu-gray-2);
+ margin-top: 1.5rem;
+ width: 100%;
- tr {
- align-items: baseline;
+ tr {
+ align-items: baseline;
display: flex;
flex-direction: row;
justify-content: space-between;
- }
+ }
- td {
- a {
+ td {
+ a {
line-height: 1.33;
padding: 0.75rem 1.5rem 0.5rem;
text-decoration: none;
- &:not(.active) {
- color: var(--uchu-yin-3);
- }
+ &:not(.active) {
+ color: var(--uchu-yin-3);
+ }
- &.active {
- background-color: var(--uchu-gray-2);
+ &.active {
+ background-color: var(--uchu-gray-2);
color: var(--uchu-yin-7);
- }
+ }
- &[href^="http://"]::after,
+ &[href^="http://"]::after,
&[href^="https://"]::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
content: "";
- margin: 0 0 0 5px;
- opacity: 0.5;
+ margin: 0 0 0 5px;
+ opacity: 0.5;
}
- }
+ }
- &.form {
- text-align: right;
+ &.form {
+ text-align: right;
- form {
- bottom: 6px;
+ form {
+ bottom: 6px;
display: flex;
flex-direction: row;
position: relative;
- white-space: nowrap;
+ white-space: nowrap;
- input {
+ input {
border: 1px solid var(--uchu-gray-3);
border-radius: 0;
line-height: 1.33;
@@ -1137,80 +1137,80 @@ div#cgit {
input[type="search"] {
right: -1px;
}
- }
- }
- }
- }
-
- &.vgraph {
- border: 1px solid var(--uchu-yin);
- border-collapse: separate;
- height: 200px;
-
- th {
- background-color: #eee;
- border: 1px solid var(--uchu-yang);
- font-weight: bold;
- padding: 1px 0.5rem;
+ }
+ }
+ }
+ }
+
+ &.vgraph {
+ border: 1px solid var(--uchu-yin);
+ border-collapse: separate;
+ height: 200px;
+
+ th {
+ background-color: #eee;
+ border: 1px solid var(--uchu-yang);
+ font-weight: bold;
+ padding: 1px 0.5rem;
}
td {
- padding: 0 10px;
- vertical-align: bottom;
+ padding: 0 10px;
+ vertical-align: bottom;
}
div.bar {
background-color: #eee;
}
}
- }
+ }
- td {
- &#content {
- border: none;
- padding: 1rem 2rem 1rem 1rem;
- vertical-align: top;
- }
+ td {
+ &#content {
+ border: none;
+ padding: 1rem 2rem 1rem 1rem;
+ vertical-align: top;
+ }
&#sidebar {
- input.txt {
- margin: 2px 0 0 0;
- width: 100%;
- }
+ input.txt {
+ margin: 2px 0 0 0;
+ width: 100%;
+ }
}
- &.ls-size,
+ &.ls-size,
&.ls-mode {
width: 10rem;
}
&.ls-size {
- text-align: right;
+ text-align: right;
}
- }
+ }
ul.pager {
margin: 1rem 0 0 0; padding: 0;
- list-style-type: none;
- text-align: center;
+ list-style-type: none;
+ text-align: center;
- li {
- display: inline-block;
- margin: 0.25rem 0.5rem;
- }
+ li {
+ display: inline-block;
+ margin: 0.25rem 0.5rem;
+ }
- a {
- color: #777;
- }
+ a {
+ color: #777;
+ }
- .current {
- font-weight: bold;
- }
+ .current {
+ font-weight: bold;
+ }
}
.left {
- text-align: left;
+ text-align: left;
}
.oid {
@@ -1218,7 +1218,7 @@ div#cgit {
}
.right {
- text-align: right;
+ text-align: right;
}
}