diff options
Diffstat (limited to 'assets/cgit.css')
| -rw-r--r-- | assets/cgit.css | 64 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
1 file changed, 20 insertions, 44 deletions
diff --git a/assets/cgit.css b/assets/cgit.css index 235baa1..4b793cf 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -146,8 +146,7 @@ div#cgit table { border-collapse: collapse; } - -/* ---- Form controls ---------------------------------------------------- */ +/* Form controls */ div#cgit select, div#cgit input, @@ -198,8 +197,7 @@ div#cgit button:focus-visible { outline-offset: 1px; } - -/* ---- Masthead --------------------------------------------------------- */ +/* Masthead */ div#cgit #header { display: grid; @@ -256,9 +254,6 @@ div#cgit #header .theme-toggle svg { stroke-linejoin: round; } -/* Reserve the logo column. The image carries no width attribute, since the - * logo is configurable and its size is not known here, so without this the - * column collapses to nothing and the masthead jumps sideways on load. */ /* The toggle starts hidden and is revealed once the script has run, so its * column is reserved up front to keep the header from jumping. Only when * scripting is on, otherwise the space would sit empty forever. */ @@ -327,8 +322,7 @@ div#cgit #header .owner { text-align: right; } - -/* ---- Tab bar ---------------------------------------------------------- */ +/* Tab bar */ div#cgit .tabs { display: flex; @@ -398,8 +392,7 @@ div#cgit input.txt { max-width: 12em; } - -/* ---- Page frame ------------------------------------------------------- */ +/* Page frame */ div#cgit .path { margin: 0px; @@ -416,8 +409,7 @@ div#cgit .content { overflow-x: auto; } - -/* ---- Listing tables --------------------------------------------------- */ +/* Listing tables */ div#cgit table.list { width: 100%; @@ -508,8 +500,7 @@ div#cgit table.list td a:hover { color: var(--link); } - -/* ---- Repository index ------------------------------------------------- */ +/* Repository index */ div#cgit div#summary { vertical-align: top; @@ -644,8 +635,7 @@ div#cgit table.list td.sublevel-repo { padding-left: 1.5em; } - -/* ---- Directory / blob listings --------------------------------------- */ +/* Directory / blob listings */ div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod { font-family: var(--font-mono); @@ -662,8 +652,7 @@ div#cgit td.ls-mode { width: 10em; } - -/* ---- Source blob ------------------------------------------------------ */ +/* Source blob */ div#cgit table.blob { margin-top: 0.5em; @@ -741,8 +730,7 @@ div#cgit .hl-number { color: light-dark(#0550ae, #79c0ff); } div#cgit .hl-type { color: light-dark(#953800, #ffa657); } div#cgit .hl-func { color: light-dark(#6639ba, #d2a8ff); } - -/* ---- Blame ------------------------------------------------------------ */ +/* Blame */ div#cgit table.blame { display: block; @@ -789,8 +777,7 @@ div#cgit table.blame .oid { font-size: 100%; } - -/* ---- Binary blob ------------------------------------------------------ */ +/* Binary blob */ div#cgit table.bin-blob { margin-top: 0.5em; @@ -815,8 +802,7 @@ div#cgit table.bin-blob td { padding: 0em 1em; } - -/* ---- Commit / tag ----------------------------------------------------- */ +/* Commit / tag */ div#cgit table.nowrap td { white-space: nowrap; @@ -900,8 +886,7 @@ div#cgit div.notes-footer { clear: left; } - -/* ---- Diffstat --------------------------------------------------------- */ +/* Diffstat */ div#cgit div.diffstat-header { font-weight: bold; @@ -978,8 +963,7 @@ div#cgit div.diffstat-summary { padding-top: 0.5em; } - -/* ---- Unified diff ----------------------------------------------------- */ +/* Unified diff */ div#cgit table.diff { width: 100%; @@ -1034,8 +1018,7 @@ div#cgit .right { text-align: right; } - -/* ---- Buttons / pager -------------------------------------------------- */ +/* Buttons / pager */ div#cgit a.button { font-size: 90%; @@ -1062,8 +1045,7 @@ div#cgit ul.pager .current { font-weight: bold; } - -/* ---- Ages / line counts ----------------------------------------------- */ +/* Ages / line counts */ div#cgit span.age-mins, div#cgit span.age-hours, @@ -1107,8 +1089,7 @@ div#cgit span.deletions { color: var(--del); } - -/* ---- Footer ----------------------------------------------------------- */ +/* Footer */ div#cgit .footer { padding: 0.85rem var(--gutter); @@ -1126,8 +1107,7 @@ div#cgit .footer a:hover { text-decoration: underline; } - -/* ---- Ref decorations -------------------------------------------------- */ +/* Ref decorations */ div#cgit a.branch-deco, div#cgit a.tag-deco, @@ -1191,8 +1171,7 @@ div#cgit div.commit-subject a.deco { font-size: 80%; } - -/* ---- Statistics ------------------------------------------------------- */ +/* Statistics */ div#cgit table.stats { border: solid 1px var(--border-strong); @@ -1230,8 +1209,7 @@ div#cgit table.stats td.left { text-align: left; } - -/* ---- Side-by-side diff ------------------------------------------------ */ +/* Side-by-side diff */ div#cgit table.ssdiff { width: 100%; @@ -1332,9 +1310,7 @@ div#cgit table.ssdiff td.space div { min-height: 3em; } - -/* ---- Responsive tiers -------------------------------------------------- - * Three tiers around the default layout. Wide screens get a roomier +/* Three tiers around the default layout. Wide screens get a roomier * gutter and a slightly larger base size, phones trade chrome for * content, and the smallest phones tighten the masthead further. */ |
