diff options
Diffstat (limited to 'sass/style/cgit.sass')
-rw-r--r-- | sass/style/cgit.sass | 589 |
1 files changed, 589 insertions, 0 deletions
diff --git a/sass/style/cgit.sass b/sass/style/cgit.sass new file mode 100644 index 0000000..c79117e --- /dev/null +++ b/sass/style/cgit.sass @@ -0,0 +1,589 @@ + +/* sass ~~ /style/cgit.css */ + +@import "common.sass" + +div#cgit + padding: 0em + margin: 0em + font-family: sans-serif + font-size: 10pt + color: $fg + background: $bg + padding: 4px + +a + color: $blue + text-decoration: none + &:hover + text-decoration: underline + &::selection + color: $white + background-color: $blue + &.button + font-size: 80% + padding: 0em 0.5em + &.primary + font-size: 100% + &.secondary + font-size: 90% + &.branch-deco + margin: 0px 0.5em + padding: 0px 0.25em + background-color: $green + border: solid 1px $black + &.tag-annotated-deco + margin: 0px 0.5em + padding: 0px 0.25em + background-color: $yellow + border: solid 1px $black + &.remote-deco + margin: 0px 0.5em + padding: 0px 0.25em + background-color: $grey_2 + border: solid 1px $black + &.deco + margin: 0px 0.5em + padding: 0px 0.25em + background-color: $red + border: solid 1px $black + +table + border-collapse: collapse + &.tabs + border-bottom: solid 3px $grey_2 + border-collapse: collapse + margin-top: 2em + margin-bottom: 0px + width: 100% + td + padding: 0px 1em + vertical-align: bottom + a + padding: 2px 0.75em + color: $grey_3 + font-size: 110% + &.active + color: $black + background-color: $grey_2 + &.form + text-align: right + form + padding-bottom: 2px + font-size: 90% + white-space: nowrap + &.list + width: 100% + border: none + border-collapse: collapse + tr + background: $white + &.logheader + background: $grey + &:nth-child(even) + background: $white + &:nth-child(odd) + background: $white + &:hover + background: $grey + &.nohover + background: $white + &:hover + background: $white + &.nohover-highlight + &:hover + &:nth-child(even) + background: $white + &:nth-child(odd) + background: $white + th + font-weight: bold + padding: 0.1em 0.5em 0.05em 0.5em + vertical-align: baseline + td + border: none + padding: 0.1em 0.5em 0.1em 0.5em + &.commitgraph + font-family: monospace + white-space: pre + .column1 + color: $red + .column2 + color: $green + .column3 + color: $red + .column4 + color: $blue + .column5 + color: #a0a + .column6 + color: #0aa + &.logsubject + font-family: monospace + font-weight: bold + &.logmsg + font-family: monospace + white-space: pre + padding: 0 0.5em + a + color: black + &.ls-dir + font-weight: bold + color: $blue + &:hover + color: $blue + &.reposection + font-style: italic + color: $grey_3 + padding-top: 1em + &.sublevel-repo + padding-left: 1.5em + &.blob + margin-top: 0.5em + border-top: solid 1px $black + td + &.lines + margin: 0 + padding: 0 0 0 0.5em + vertical-align: top + color: black + &.linenumbers + margin: 0 + padding: 0 0.5em 0 0.5em + vertical-align: top + text-align: right + border-right: 1px solid $grey_3 + pre + padding: 0 + margin: 0 + &.bin-blob + margin-top: 0.5em + border: solid 1px black + th + font-family: monospace + white-space: pre + border: solid 1px $grey_3 + padding: 0.5em 1em + td + font-family: monospace + white-space: pre + border-left: solid 1px $grey_3 + padding: 0em 1em + &.nowrap + td + white-space: nowrap + &.commit-info + border-collapse: collapse + margin-top: 1.5em + th + text-align: left + font-weight: normal + padding: 0.1em 1em 0.1em 0.1em + vertical-align: top + td + font-weight: normal + padding: 0.1em 1em 0.1em 0.1em + &.diffstat + border-collapse: collapse + border: solid 1px $grey_2 + background-color: $grey_1 + th + font-weight: normal + text-align: left + text-decoration: underline + padding: 0.1em 1em 0.1em 0.1em + font-size: 100% + td + padding: 0.2em 0.2em 0.1em 0.1em + font-size: 100% + border: none + &.mode + white-space: nowrap + span + &.modechange + padding-left: 1em + color: $red + &.add + a + color: $green + &.del + a + color: $red + &.upd + a + color: $blue + &.graph + width: 500px + vertical-align: middle + table + border: none + td + padding: 0px + border: 0px + height: 7pt + &.add + background-color: $green + &.rem + background-color: $red + &.diff + width: 100% + td + font-family: monospace + white-space: pre + div + &.head + font-weight: bold + margin-top: 1em + color: $black + &.hunk + color: $blue + &::selection + background-color: $blue + &.add + color: $green + &::selection + background-color: $green + &.del + color: $red + &::selection + background-color: $red + &.stats + border: solid 1px black + border-collapse: collapse + th + text-align: left + padding: 1px 0.5em + background-color: $grey_1 + border: solid 1px $black + td + text-align: right + padding: 1px 0.5em + border: solid 1px $black + &.total + font-weight: bold + text-align: left + &.sum + color: $red + font-weight: bold + &.left + text-align: left + &.vgraph + border-collapse: separate + border: solid 1px black + height: 200px + th + background-color: $grey + font-weight: bold + border: solid 1px $white + padding: 1px 0.5em + td + vertical-align: bottom + padding: 0px 10px + div + &.bar + background-color: $grey + &.hgraph + border: solid 1px black + width: 800px + th + background-color: $grey + font-weight: bold + border: solid 1px black + padding: 1px 0.5em + td + vertical-align: middle + padding: 2px 2px + div + &.bar + background-color: $grey + height: 1em + &.ssdiff + width: 100% + td + font-size: 75% + font-family: monospace + white-space: pre + padding: 1px 4px 1px 4px + border-left: solid 1px $grey_1 + border-right: solid 1px $grey_1 + &.add + color: black + background: #cfc + min-width: 50% + &.add_dark + color: black + background: #aca + min-width: 50% + &.del + color: black + background: #fcc + min-width: 50% + &.del_dark + color: black + background: #caa + min-width: 50% + &.changed + color: black + background: #ffc + min-width: 50% + &.changed_dark + color: black + background: #cca + min-width: 50% + &.lineno + color: black + background: $grey_1 + text-align: right + width: 3em + min-width: 3em + &.hunk + color: black + background: #ccf + border-top: solid 1px $grey_2 + border-bottom: solid 1px $grey_2 + &.head + border-top: solid 1px $grey_2 + border-bottom: solid 1px $grey_2 + div + &.head + font-weight: bold + color: black + &.foot + border-top: solid 1px $grey_2 + border-left: none + border-right: none + border-bottom: none + &.space + border: none + div + min-height: 3em + span + &.add + background: #cfc + font-weight: bold + &.del + background: #fcc + font-weight: bold + +table#header + width: 100% + margin-bottom: 1em + td + &.logo + width: 5em + vertical-align: top + &.main + font-size: 250% + padding-left: 10px + white-space: nowrap + a + color: #000 + &.form + text-align: right + vertical-align: bottom + padding-right: 1em + padding-bottom: 2px + white-space: nowrap + &.sub + color: $grey_3 + border-top: solid 1px $grey_1 + padding-left: 10px + +div + &.path + margin: 0px + padding: 5px 2em 2px 2em + color: #000 + background-color: $grey_2 + &.content + margin: 0px + padding: 2em + border-bottom: solid 3px $grey_1 + &.error + color: red + font-weight: bold + margin: 1em 2em + &.cgit-panel + float: right + margin-top: 1.5em + table + border-collapse: collapse + border: solid 1px $grey_2 + background-color: $grey + th + text-align: center + td + padding: 0.25em 0.5em + &.label + padding-right: 0.5em + &.ctrl + padding-left: 0.5em + &.commit-subject + font-weight: bold + font-size: 125% + margin: 1.5em 0em 0.5em 0em + padding: 0em + &.commit-msg + white-space: pre + font-family: monospace + &.notes-header + font-weight: bold + padding-top: 1.5em + &.notes + white-space: pre + font-family: monospace + border: solid 1px #ee9 + background-color: #ffd + padding: 0.3em 2em 0.3em 1em + float: left + &.notes-footer + clear: left + &.diffstat-header + font-weight: bold + padding-top: 1.5em + &.diffstat-summary + color: #888 + padding-top: 0.5em + &.footer + margin-top: 0.5em + text-align: center + font-size: 80% + color: $grey_2 + a + color: $grey_2 + text-decoration: none + &:hover + text-decoration: underline + +img + border: none + +input#switch-btn + margin: 2px 0px 0px 0px + +td#sidebar + input + &.txt + width: 100% + margin: 2px 0px 0px 0px + +table#grid + margin: 0px + +td#content + vertical-align: top + padding: 1em 2em 1em 1em + border: none + +div#summary + vertical-align: top + margin-bottom: 1em + +table#downloads + float: right + border-collapse: collapse + border: solid 1px $grey_3 + margin-left: 0.5em + margin-bottom: 0.5em + th + background-color: $grey_2 + +div#blob + border: solid 1px $black + +td + &.ls-size + text-align: right + font-family: monospace + width: 10em + &.ls-mode + font-family: monospace + width: 10em + &.toplevel-repo + +.sha1 + font-family: monospace + font-size: 90% + +.left + text-align: left + +.right + text-align: right + +ul + &.pager + list-style-type: none + text-align: center + margin: 1em 0em 0em 0em + padding: 0 + li + display: inline-block + margin: 0.25em 0.5em + a + color: $grey_3 + .current + font-weight: bold + +span + &.age-mins + font-weight: bold + color: #080 + &.age-hours + color: #080 + &.age-days + color: #040 + &.age-weeks + color: #444 + &.age-months + color: $grey_3 + &.age-years + color: #bbb + &.insertions + color: #080 + &.deletions + color: #800 + +table#header td.form form, +table#header td.form input, +table#header td.form select + font-size: 90% + +table.tabs a[href^="http://"]:after, table.tabs a[href^="https://"]:after + content: url(data:image/png ) + opacity: 0.5 + margin: 0 0 0 5px + +table.tabs td.form input, +table.tabs td.form select + font-size: 90% + +table.blob td.linenumbers a, +table.ssdiff td.lineno a + color: gray + text-align: right + text-decoration: none + +table.blob td.linenumbers a:hover, +table.ssdiff td.lineno a:hover + color: black + +div.commit-subject a.branch-deco, +div.commit-subject a.tag-annotated-deco, +div.commit-subject a.remote-deco, +div.commit-subject a.deco + margin-left: 1em + font-size: 75% + +img + width: 4em + +select, +input + background-color: $accent + color: $white + border: .1em solid $black + font-width: 2em + +div#summary + white-space: pre |