diff options
author | Romain Gonçalves <me@rgoncalves.se> | 2021-01-18 12:52:27 +0100 |
---|---|---|
committer | Romain Gonçalves <me@rgoncalves.se> | 2021-01-18 12:52:27 +0100 |
commit | e80f58116a9ecd67b2febe06778c624fd42ed1c6 (patch) | |
tree | 7200fc2c0da09bd7386bc74c2a538ac5bebd37e3 /sass | |
download | website-e80f58116a9ecd67b2febe06778c624fd42ed1c6.tar.gz |
Restart repo from scratch
Diffstat (limited to 'sass')
-rw-r--r-- | sass/style/cgit.sass | 589 | ||||
-rw-r--r-- | sass/style/common.sass | 32 | ||||
-rw-r--r-- | sass/style/style.sass | 98 |
3 files changed, 719 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 diff --git a/sass/style/common.sass b/sass/style/common.sass new file mode 100644 index 0000000..a128cce --- /dev/null +++ b/sass/style/common.sass @@ -0,0 +1,32 @@ + +/* sass ~~ /style/common.css */ + +/* + * variables + */ + +$white: #ffffff +$black: #000000 +$blue: #0077ff +$red: #ff0000 +$yellow: #ccaa00 +$green: #33cc44 +$grey: #eeeeee +$grey_1: #cccccc +$grey_2: #aaaaaa +$grey_3: #888888 +$bg: $white +$fg: $black +$accent: $blue +$font-path: "/fonts" + +/* + * font + */ + +::selection + color: $bg + background-color: $fg + +* + font-family: monospace, monospace diff --git a/sass/style/style.sass b/sass/style/style.sass new file mode 100644 index 0000000..e0afc79 --- /dev/null +++ b/sass/style/style.sass @@ -0,0 +1,98 @@ + +/* sass ~~ /style/style.css */ + +@import "common.sass" + +/* + * html native elements + */ + +* + text-align: justify + +body + background-color: $bg + font-family: "monospace" + margin: 0 1em 0 1em + padding: 0 + width: 80ch + +header nav + border-bottom: solid 2px $grey_1 + margin-bottom: 1em + +footer + margin: 2em 0 2em 0 + padding: .1em 0 .1em 0 + background-color: $grey + p + text-align: center + max-width: none + +h1 + font-size: 3em + +h2 + font-size: 2em + margin: 1.2em 0 .6em 0 + +h3 + font-size: 1.3em + +a + background-color: $grey_1 + padding: .1em + color: $fg + +a[href^="http"] + background: url(/images/external.svg) center right no-repeat $grey; + padding-right: 1em + +article + background-color: $grey + margin: .1em 0 .1em 0 + padding: .2em 0 .2em 0 + +p + overflow: hidden + +blockquote + min-width: 100% + margin: 1em 0 1em 0 + padding: .4em + font-weight: 100 + font-style: italic + background-color: $grey + border-left: solid .2em $grey_1 + +pre + padding: 1em + border-radius: .4em + overflow: auto + +img + max-width: 100% + margin: 0 auto 0 auto + +time + display: block + margin-top: 1em + +table + border-collapse: collapse + min-width: 100% + display: table + th, td + border: 0 $grey_1 solid + padding: .4em 1em .4em 1em + margin: 0 + overflow: hidden + tr:hover + background-color: $grey + +@media only screen and (max-width: 100ch) + body + width: 90% + nav * + display: block + margin: .2em 0 .2em 0 |