summaryrefslogtreecommitdiffstats
path: root/sass/style
diff options
context:
space:
mode:
Diffstat (limited to 'sass/style')
-rw-r--r--sass/style/cgit.sass589
-rw-r--r--sass/style/common.sass32
-rw-r--r--sass/style/style.sass98
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
remember that computers suck.