summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAvatar Kylie McClain <somasis@exherbo.org> 2015-08-30 14:08:30 -0400
committerAvatar Kylie McClain <somasis@exherbo.org> 2015-08-30 14:09:01 -0400
commit923e0d2516043e6259bea774a2b23d3306aedb85 (patch)
treef45723d7f24efe73374345a6bef2b92851701bee
parentee85bee5bcab4c77e4f67d741d72b86c652b0145 (diff)
downloadwww-923e0d2516043e6259bea774a2b23d3306aedb85.tar.gz
www-923e0d2516043e6259bea774a2b23d3306aedb85.tar.xz
css/cgit: formatting and style
Change-Id: I0400abfd9ccaa6fbe2dce5106101974ab98cec2f
-rw-r--r--cgit/css/cgit.css335
1 files changed, 81 insertions, 254 deletions
diff --git a/cgit/css/cgit.css b/cgit/css/cgit.css
index d9d2e3a..2691870 100644
--- a/cgit/css/cgit.css
+++ b/cgit/css/cgit.css
@@ -11,13 +11,23 @@ div#cgit td.ls-size,
div#cgit td.ls-mode,
div#cgit table.bin-blob td,
div#cgit table.bin-blob th,
+div#cgit table.commit-subject,
div#cgit table.commit-info,
+div#cgit div.commit-subject,
div#cgit div.commit-msg,
+div#cgit div.commit-msg *,
div#cgit div.notes,
div#cgit .sha1,
div#cgit table.ssdiff *,
div#cgit table.diff *,
-div#cgit table.blob * {
+div#cgit table.blob *,
+div#cgit div.path, div#cgit div.path *,
+div#cgit table.list td a[rel='vcs-git'],
+ddiv#cgit table.diffstat td.mode,
+div#cgit table.diffstat td.right,
+div#cgit div.diffstat-summary,
+div#cgit .sha1 *,
+div#cgit table.diffstat tbody td * {
font-family: "Source Code Pro", monospace !important;
}
@@ -27,9 +37,7 @@ div#cgit {
padding-top: 12px;
}
-div#cgit table {
- border-collapse: collapse;
-}
+div#cgit table { border-collapse: collapse; }
div#cgit table#header {
width: 100%;
@@ -42,24 +50,16 @@ div#cgit table#header td.logo {
padding-right: 24px;
}
-div#cgit table#header td.main {
- font-size: 32px;
-}
-
-div#cgit table#header td.main a {
- color: #000;
-}
+div#cgit table#header td.main { font-size: 32px; }
+div#cgit table#header td.main a { color: #000; }
+div#cgit table#header td.sub { color: #777; }
div#cgit table#header td.form {
text-align: right;
vertical-align: bottom;
white-space: nowrap;
}
-div#cgit table#header td.sub {
- color: #777;
-}
-
div#cgit table.tabs {
border-collapse: collapse;
width: 100%;
@@ -101,14 +101,8 @@ div#cgit table.tabs td a.active {
text-shadow: 0px 1px 0px #ffffff;
}
-div#cgit table.tabs td.form {
- text-align: right;
-}
-
-div#cgit table.tabs td.form form {
- padding-bottom: 2px;
-}
-
+div#cgit table.tabs td.form { text-align: right; }
+div#cgit table.tabs td.form form { padding-bottom: 2px; }
div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select {
height: 24px;
@@ -124,10 +118,6 @@ div#cgit div.path {
border-bottom: 0px;
}
-div#cgit div.path, div#cgit div.path * {
- font-family: 'Source Code Pro', monospace;
-}
-
div#cgit div.content {
padding: 1.5em;
background-color: #efefef;
@@ -142,21 +132,10 @@ div#cgit table.list {
border-collapse: collapse;
}
-div#cgit table.list tr {
- background: transparent;
-}
-
-div#cgit table.list tr.logheader {
- background: #eee;
-}
-
-div#cgit table.list tr:hover {
- background: rgba(255,255,255,.2);
-}
-
-div#cgit table.list tr.nohover:hover {
- background: transparent;
-}
+div#cgit table.list tr { background: transparent; }
+div#cgit table.list tr.logheader { background: #eee;}
+div#cgit table.list tr:hover { background: rgba(255,255,255,.2); }
+div#cgit table.list tr.nohover:hover { background: transparent; }
div#cgit table.list th {
font-weight: bold;
@@ -170,76 +149,39 @@ div#cgit table.list td {
padding: 0.1em 0.5em 0.1em 0.5em;
}
-div#cgit table.list td.commitgraph {
- white-space: pre;
-}
-
-div#cgit table.list td.commitgraph .column1 {
- color: #a00;
-}
-
-div#cgit table.list td.commitgraph .column2 {
- color: #0a0;
-}
-
-div#cgit table.list td.commitgraph .column3 {
- color: #aa0;
-}
-
-div#cgit table.list td.commitgraph .column4 {
- color: #00a;
-}
-
-div#cgit table.list td.commitgraph .column5 {
- color: #a0a;
-}
-
-div#cgit table.list td.commitgraph .column6 {
- color: #0aa;
-}
-
-div#cgit table.list td.logsubject {
- font-weight: bold;
-}
+div#cgit table.list td.commitgraph { white-space: pre; }
+div#cgit table.list td.commitgraph .column1 { color: #a00; }
+div#cgit table.list td.commitgraph .column2 { color: #0a0; }
+div#cgit table.list td.commitgraph .column3 { color: #aa0; }
+div#cgit table.list td.commitgraph .column4 { color: #00a; }
+div#cgit table.list td.commitgraph .column5 { color: #a0a; }
+div#cgit table.list td.commitgraph .column6 { color: #0aa; }
+div#cgit table.list td.logsubject { font-weight: bold; }
div#cgit table.list td.logmsg {
white-space: pre;
padding: 0 0.5em;
}
-div#cgit table.list td a {
- color: black;
-}
-
-div#cgit table.list td a[rel='vcs-git'] {
- font-family: 'Source Code Pro', monospace;
-}
+div#cgit table.list td a { color: black; }
div#cgit table.list td a.ls-dir {
font-weight: bold;
color: #00f;
}
-div#cgit table.list td a:hover {
- color: #00f;
-}
+div#cgit table.list td a:hover { color: #00f; }
-div#cgit img {
- border: none;
-}
+div#cgit img { border: none; }
-div#cgit input#switch-btn {
- margin: 2px 0px 0px 0px;
-}
+div#cgit input#switch-btn { margin: 2px 0px 0px 0px; }
div#cgit td#sidebar input.txt {
width: 100%;
margin: 2px 0px 0px 0px;
}
-div#cgit table#grid {
- margin: 0px;
-}
+div#cgit table#grid { margin: 0px; }
div#cgit td#content {
vertical-align: top;
@@ -249,9 +191,7 @@ div#cgit td#content {
z-index:100;
}
-div#cgit div#summary {
- vertical-align: top;
-}
+div#cgit div#summary { vertical-align: top; }
div#cgit table#downloads {
float: right;
@@ -261,13 +201,9 @@ div#cgit table#downloads {
margin-bottom: 0.5em;
}
-div#cgit table#downloads th {
- background-color: #ccc;
-}
+div#cgit table#downloads th { background-color: #ccc; }
-div#cgit div#blob {
- border: solid 1px black;
-}
+div#cgit div#blob { border: solid 1px black; }
div#cgit div.error {
color: red;
@@ -280,9 +216,7 @@ div#cgit td.ls-size {
width: 10em;
}
-div#cgit td.ls-mode {
- width: 10em;
-}
+div#cgit td.ls-mode { width: 10em; }
div#cgit table.blob {
margin-top: 0.5em;
@@ -304,10 +238,7 @@ div#cgit table.blob td.linenumbers {
}
*/
-div#cgit table.blob pre {
- margin: 0;
-}
-
+div#cgit table.blob pre { margin: 0; }
div#cgit table.blob td.linenumbers a,
div#cgit table.ssdiff td.lineno a {
color: gray;
@@ -346,9 +277,7 @@ div#cgit table.bin-blob td {
padding: 0em 1em;
}
-div#cgit table.commit-info {
- border-collapse: collapse;
-}
+div#cgit table.commit-info { border-collapse: collapse; }
div#cgit div.cgit-panel {
float: right;
@@ -363,10 +292,7 @@ div#cgit div.cgit-panel table {
text-align: left;
}
-div#cgit div.cgit-panel th {
- text-align: center;
-}
-
+div#cgit div.cgit-panel th { text-align: center; }
div#cgit div.cgit-panel td {
padding-top: 6px;
padding-right: 4px;
@@ -408,10 +334,6 @@ div#cgit div.commit-msg {
padding-bottom: 16px;
}
-div#cgit div.commit-msg * {
- font-family: "Source Code Pro", monospace !important;
-}
-
div#cgit div.notes-header {
font-weight: bold;
padding-top: 1.5em;
@@ -425,9 +347,7 @@ div#cgit div.notes {
float: left;
}
-div#cgit div.notes-footer {
- clear: left;
-}
+div#cgit div.notes-footer { clear: left; }
div#cgit div.diffstat-header {
font-weight: bold;
@@ -447,38 +367,26 @@ div#cgit table.diffstat th {
padding: 0.1em 1em 0.1em 0.1em;
}
-div#cgit table.diffstat tbody td * {
- font-family: "Source Code Pro", monospace;
-}
-
div#cgit table.diffstat tbody tr:nth-child(odd) {
background: rgba(255,255,255,.5);
}
div#cgit table.diffstat td.mode {
- font-family: "Source Code Pro", monospace;
padding-right: 8px;
width: 11.1111111%;
}
-div#cgit table.diffstat td.right {
- padding-right: 8px;
- font-family: "Source Code Pro", monospace;
-}
+div#cgit table.diffstat td.right { padding-right: 8px; }
-div#cgit table.diffstat td.upd {
- text-align: left;
-}
+div#cgit table.diffstat td.upd { text-align: left; }
div#cgit table.diffstat td span.modechange {
padding-left: 1em;
color: red;
}
-div#cgit table.diffstat td.graph {
- width: 5%;
-}
+div#cgit table.diffstat td.graph { width: 5%; }
div#cgit table.diffstat td.graph table {
border: none;
@@ -491,16 +399,10 @@ div#cgit table.diffstat td.graph td {
height: 7pt;
}
-div#cgit table.diffstat td.graph td.add {
- background-color: #5c5;
-}
-
-div#cgit table.diffstat td.graph td.rem {
- background-color: #c55;
-}
+div#cgit table.diffstat td.graph td.add { background-color: #5c5; }
+div#cgit table.diffstat td.graph td.rem { background-color: #c55; }
div#cgit div.diffstat-summary {
- font-family: "Source Code Pro", monospace;
padding-bottom: 4px;
text-align: right;
}
@@ -518,108 +420,51 @@ div#cgit table.diff td {
white-space: pre-wrap;
}
-div#cgit table.diff td div.head {
- color: #ececec;
-}
+div#cgit table.diff td div.head { color: #ececec; }
+div#cgit table.diff td div.hunk { color: #5aea55; }
-div#cgit table.diff td div.hunk {
- color: #5aea55;
-}
+div#cgit table.diff td div.add { color: rgb(82, 236, 82); }
-div#cgit table.diff td div.add {
- color: rgb(82, 236, 82);
-}
+div#cgit table.diff td div.del { color: rgb(255, 118, 118); }
-div#cgit table.diff td div.del {
- color: rgb(255, 118, 118);
-}
-
-div#cgit .sha1 * {
- font-family: 'Source Code Pro', monospace;
-}
-
-div#cgit .left {
- text-align: left;
-}
-
-div#cgit .right {
- text-align: right;
-}
+div#cgit .left { text-align: left; }
+div#cgit .right { text-align: right; }
div#cgit table.list td.reposection {
font-style: italic;
color: #888;
}
-div#cgit a.button {
- padding-left: 10px;
-}
-
-div#cgit a.primary {
- font-size: 100%;
-}
-
-div#cgit a.secondary {
- font-size: 90%;
-}
-
-div#cgit table.list td.sublevel-repo {
- padding-left: 1.5em;
-}
+div#cgit a.button { padding-left: 10px; }
+div#cgit a.primary { font-size: 100%; }
+div#cgit a.secondary { font-size: 90%; }
-div#cgit ul.pager a {
- border-radius: 2px;
-}
+div#cgit table.list td.sublevel-repo { padding-left: 1.5em; }
-div#cgit ul.pager .current {
- font-weight: bold;
-}
+div#cgit ul.pager a { border-radius: 2px; }
+div#cgit ul.pager .current { font-weight: bold; }
div#cgit span.age-mins {
font-weight: bold;
color: #080;
}
+div#cgit span.age-hours { color: #080; }
+div#cgit span.age-days { color: #040; }
+div#cgit span.age-weeks { color: #444; }
+div#cgit span.age-months { color: #888; }
+div#cgit span.age-years { color: #bbb; }
-div#cgit span.age-hours {
- color: #080;
-}
-
-div#cgit span.age-days {
- color: #040;
-}
-
-div#cgit span.age-weeks {
- color: #444;
-}
-
-div#cgit span.age-months {
- color: #888;
-}
-
-div#cgit span.age-years {
- color: #bbb;
-}
div#cgit div.footer {
text-align: center;
padding-top: 0.5em;
+ opacity: .5;
}
+div #cgit div.footer:hover { opacity: 1; }
-div#cgit a.branch-deco {
- background-color: #429831 !important;
-}
-
-div#cgit a.tag-deco {
- background-color: #27A3E0;
-}
-
-div#cgit a.remote-deco {
- background-color: rgb(251, 179, 174);
-}
-
-div#cgit a.deco {
- background-color: rgb(200, 92, 92) !important;
-}
-
+div#cgit a.branch-deco { background-color: #429831 !important; .}
+div#cgit a.tag-deco { background-color: #27A3E0; }
+div#cgit a.remote-deco { background-color: rgb(251, 179, 174); }
+div#cgit a.deco { background-color: rgb(200, 92, 92) !important; }
div#cgit a.deco,
div#cgit a.branch-deco,
div#cgit a.tag-deco,
@@ -628,8 +473,8 @@ div#cgit a.remote-deco {
border-radius: 2px;
font-weight: bold;
margin-left: 15px;
- padding-left: 4px;
- padding-right: 4px;
+ padding-left: 5px;
+ padding-right: 5px;
}
div#cgit div.commit-subject a.branch-deco,
@@ -667,9 +512,7 @@ div#cgit table.stats td.sum {
font-weight: bold;
}
-div#cgit table.stats td.left {
- text-align: left;
-}
+div#cgit table.stats td.left { text-align: left; }
div#cgit table.vgraph {
border-collapse: separate;
@@ -689,9 +532,7 @@ div#cgit table.vgraph td {
padding: 0px 10px;
}
-div#cgit table.vgraph div.bar {
- background-color: #eee;
-}
+div#cgit table.vgraph div.bar { background-color: #eee; }
div#cgit table.hgraph {
border: solid 1px black;
@@ -715,9 +556,7 @@ div#cgit table.hgraph div.bar {
height: 1em;
}
-div#cgit table.ssdiff {
- width: 100%;
-}
+div#cgit table.ssdiff { width: 100%; }
div#cgit table.ssdiff td {
font-size: 75%;
@@ -805,13 +644,9 @@ div#cgit table.ssdiff td.foot {
border-bottom: none;
}
-div#cgit table.ssdiff td.space {
- border: none;
-}
+div#cgit table.ssdiff td.space { border: none; }
-div#cgit table.ssdiff td.space div {
- min-height: 3em;
-}
+div#cgit table.ssdiff td.space div { min-height: 3em; }
div#cgit table.blob td.linenumbers pre {
padding-right: 8px;
@@ -821,27 +656,19 @@ div#cgit table.blob td.linenumbers pre {
text-align: right;
}
-.diff a {
- color: #4b9f4b;
-}
+.diff a { color: #4b9f4b; }
div#cgit .logo img {
width: 96px;
height: auto;
}
-div#cgit a {
- text-decoration: none;
-}
+div#cgit a { text-decoration: none; }
-div#cgit a:hover {
- text-decoration: underline;
-}
+div#cgit a:hover { text-decoration: underline; }
/* fix strange git icon padding issue */
-.navbar-right li:first-child {
- padding-top: 6px;
-}
+.navbar-right li:first-child { padding-top: 6px; }
div#cgit table.blob td.linenumbers {
min-width: 1%;