gitweb: Incremental blame (using JavaScript)

[Gitweb] / gitweb.css

diff --git a/gitweb.css b/gitweb.css
index d22769b8aaa80694e45f166bf1eb79abce3fdcfd4a10d252938c3707de1e79e3..c20e6916b2045945f649afa4fbc8e8b7383d1aa71cbd44add5035f56f425b6c6 100644 (file)
--- a/gitweb.css
+++ b/gitweb.css
@@ -1,7 +1,7 @@
 body {
        font-family: sans-serif;
 body {
        font-family: sans-serif;

-       font-size: 12px;
-       border:solid #d9d8d1;
+       font-size: small;
+       border: solid #d9d8d1;

        border-width: 1px;
        margin: 10px;
        background-color: #ffffff;
        border-width: 1px;
        margin: 10px;
        background-color: #ffffff;


@@ -16,10 +16,26 @@ a:hover, a:visited, a:active {
        color: #880000;
 }
 
        color: #880000;
 }
 

+span.cntrl {
+       border: dashed #aaaaaa;
+       border-width: 1px;
+       padding: 0px 2px 0px 2px;
+       margin:  0px 2px 0px 2px;
+}
+
+img.logo {
+       float: right;
+       border-width: 0px;
+}
+
+img.avatar {
+       vertical-align: middle;
+}
+

 div.page_header {
        height: 25px;
        padding: 8px;
 div.page_header {
        height: 25px;
        padding: 8px;

-       font-size: 18px;
+       font-size: 150%;

        font-weight: bold;
        background-color: #d9d8d1;
 }
        font-weight: bold;
        background-color: #d9d8d1;
 }


@@ -33,7 +49,7 @@ div.page_header a:hover {
 }
 
 div.page_nav {
 }
 
 div.page_nav {

-       padding:8px;
+       padding: 8px;

 }
 
 div.page_nav a:visited {
 }
 
 div.page_nav a:visited {


@@ -42,6 +58,7 @@ div.page_nav a:visited {
 
 div.page_path {
        padding: 8px;
 
 div.page_path {
        padding: 8px;

+       font-weight: bold;

        border: solid #d9d8d1;
        border-width: 0px 0px 1px;
 }
        border: solid #d9d8d1;
        border-width: 0px 0px 1px;
 }


@@ -58,8 +75,16 @@ div.page_footer_text {
        font-style: italic;
 }
 
        font-style: italic;
 }
 

+div#generating_info {
+       margin: 4px;
+       font-size: smaller;
+       text-align: center;
+       color: #505050;
+}
+

 div.page_body {
        padding: 8px;
 div.page_body {
        padding: 8px;

+       font-family: monospace;

 }
 
 div.title, a.title {
 }
 
 div.title, a.title {


@@ -71,6 +96,10 @@ div.title, a.title {
        color: #000000;
 }
 
        color: #000000;
 }
 

+div.readme {
+       padding: 8px;
+}
+

 a.title:hover {
        background-color: #d9d8d1;
 }
 a.title:hover {
        background-color: #d9d8d1;
 }


@@ -79,6 +108,7 @@ div.title_text {
        padding: 6px 0px;
        border: solid #d9d8d1;
        border-width: 0px 0px 1px;
        padding: 6px 0px;
        border: solid #d9d8d1;
        border-width: 0px 0px 1px;

+       font-family: monospace;

 }
 
 div.log_body {
 }
 
 div.log_body {


@@ -92,13 +122,13 @@ span.age {
        font-style: italic;
 }
 
        font-style: italic;
 }
 

-div.page_body span.signoff {
+span.signoff {

        color: #888888;
 }
 
 div.log_link {
        padding: 0px 8px;
        color: #888888;
 }
 
 div.log_link {
        padding: 0px 8px;

-       font-size: 10px;
+       font-size: 70%;

        font-family: sans-serif;
        font-style: normal;
        position: relative;
        font-family: sans-serif;
        font-style: normal;
        position: relative;


@@ -113,11 +143,29 @@ div.list_head {
        font-style: italic;
 }
 
        font-style: italic;
 }
 

+.author_date, .author {
+       font-style: italic;
+}
+
+div.author_date {
+       padding: 8px;
+       border: solid #d9d8d1;
+       border-width: 0px 0px 1px 0px;
+}
+

 a.list {
        text-decoration: none;
        color: #000000;
 }
 
 a.list {
        text-decoration: none;
        color: #000000;
 }
 

+a.subject, a.name {
+       font-weight: bold;
+}
+
+table.tags a.subject {
+       font-weight: normal;
+}
+

 a.list:hover {
        text-decoration: underline;
        color: #880000;
 a.list:hover {
        text-decoration: underline;
        color: #880000;


@@ -140,55 +188,104 @@ a.text:hover {
 
 table {
        padding: 8px 4px;
 
 table {
        padding: 8px 4px;

+       border-spacing: 0;

 }
 
 }
 

-table.project_list, table.diff_tree {
-       border-spacing: 0;
+table.diff_tree {
+       font-family: monospace;
+}
+
+table.combined.diff_tree th {
+       text-align: center;
+}
+
+table.combined.diff_tree td {
+       padding-right: 24px;
+}
+
+table.combined.diff_tree th.link,
+table.combined.diff_tree td.link {
+       padding: 0px 2px;
+}
+
+table.combined.diff_tree td.nochange a {
+       color: #6666ff;
+}
+
+table.combined.diff_tree td.nochange a:hover,
+table.combined.diff_tree td.nochange a:visited {
+       color: #d06666;

 }
 
 table.blame {
        border-collapse: collapse;
 }
 
 }
 
 table.blame {
        border-collapse: collapse;
 }
 

+table.blame td {
+       padding: 0px 5px;
+       font-size: 100%;
+       vertical-align: top;
+}
+

 th {
        padding: 2px 5px;
 th {
        padding: 2px 5px;

-       font-size: 12px;
+       font-size: 100%;

        text-align: left;
 }
 
        text-align: left;
 }
 

-tr.light:hover {
-       background-color: #edece6;
+/* do not change row style on hover for 'blame' view */
+tr.light,
+table.blame .light:hover {
+       background-color: #ffffff;

 }
 
 }
 

-tr.dark {
+tr.dark,
+table.blame .dark:hover {

        background-color: #f6f6f0;
 }
 
        background-color: #f6f6f0;
 }
 

+/* currently both use the same, but it can change */
+tr.light:hover,

 tr.dark:hover {
        background-color: #edece6;
 }
 
 tr.dark:hover {
        background-color: #edece6;
 }
 

+/* boundary commits in 'blame' view */
+/* and commits without "previous" */
+tr.boundary td.sha1,
+tr.no-previous td.linenr {
+       font-weight: bold;
+}
+

 td {
        padding: 2px 5px;
 td {
        padding: 2px 5px;

-       font-size: 12px;
+       font-size: 100%;

        vertical-align: top;
 }
 
        vertical-align: top;
 }
 

-td.link {
+td.link, td.selflink {

        padding: 2px 5px;
        font-family: sans-serif;
        padding: 2px 5px;
        font-family: sans-serif;

-       font-size: 10px;
+       font-size: 70%;
+}
+
+td.selflink {
+       padding-right: 0px;

 }
 
 td.sha1 {
        font-family: monospace;
 }
 
 }
 
 td.sha1 {
        font-family: monospace;
 }
 

-td.error {
+.error {

        color: red;
        background-color: yellow;
 }
 
        color: red;
        background-color: yellow;
 }
 

+td.current_head {
+       text-decoration: underline;
+}
+

 table.diff_tree span.file_status.new {
        color: #008000;
 }
 table.diff_tree span.file_status.new {
        color: #008000;
 }


@@ -202,6 +299,16 @@ table.diff_tree span.file_status.mode_chnge {
        color: #777777;
 }
 
        color: #777777;
 }
 

+table.diff_tree span.file_status.copied {
+  color: #70a070;
+}
+
+/* noage: "No commits" */
+table.project_list td.noage {
+       color: #808080;
+       font-style: italic;
+}
+

 /* age2: 60*60*24*2 <= age */
 table.project_list td.age2, table.blame td.age2 {
        font-style: italic;
 /* age2: 60*60*24*2 <= age */
 table.project_list td.age2, table.blame td.age2 {
        font-style: italic;


@@ -241,23 +348,109 @@ td.mode {
        font-family: monospace;
 }
 
        font-family: monospace;
 }
 

+/* progress of blame_interactive */
+div#progress_bar {
+       height: 2px;
+       margin-bottom: -2px;
+       background-color: #d8d9d0;
+}
+div#progress_info {
+       float: right;
+       text-align: right;
+}
+
+/* styling of diffs (patchsets): commitdiff and blobdiff views */
+div.diff.header,
+div.diff.extended_header {
+       white-space: normal;
+}
+
+div.diff.header {
+       font-weight: bold;
+
+       background-color: #edece6;
+
+       margin-top: 4px;
+       padding: 4px 0px 2px 0px;
+       border: solid #d9d8d1;
+       border-width: 1px 0px 1px 0px;
+}
+
+div.diff.header a.path {
+       text-decoration: underline;
+}
+
+div.diff.extended_header,
+div.diff.extended_header a.path,
+div.diff.extended_header a.hash {
+       color: #777777;
+}
+
+div.diff.extended_header .info {
+       color: #b0b0b0;
+}
+
+div.diff.extended_header {
+       background-color: #f6f5ee;
+       padding: 2px 0px 2px 0px;
+}
+
+div.diff a.list,
+div.diff a.path,
+div.diff a.hash {
+       text-decoration: none;
+}
+
+div.diff a.list:hover,
+div.diff a.path:hover,
+div.diff a.hash:hover {
+       text-decoration: underline;
+}
+
+div.diff.to_file a.path,
+div.diff.to_file {
+       color: #007000;
+}
+

 div.diff.add {
        color: #008800;
 }
 
 div.diff.add {
        color: #008800;
 }
 

+div.diff.from_file a.path,
+div.diff.from_file {
+       color: #aa0000;
+}
+

 div.diff.rem {
        color: #cc0000;
 }
 
 div.diff.rem {
        color: #cc0000;
 }
 

+div.diff.chunk_header a,

 div.diff.chunk_header {
        color: #990099;
 }
 
 div.diff.chunk_header {
        color: #990099;
 }
 

-div.diff_info {
-       font-family: monospace;
-       color: #000099;
-       background-color: #edece6;
-       font-style: italic;
+div.diff.chunk_header {
+       border: dotted #ffe0ff;
+       border-width: 1px 0px 0px 0px;
+       margin-top: 2px;
+}
+
+div.diff.chunk_header span.chunk_info {
+       background-color: #ffeeff;
+}
+
+div.diff.chunk_header span.section {
+       color: #aa22aa;
+}
+
+div.diff.incomplete {
+       color: #cccccc;
+}
+
+div.diff.nodifferences {
+       font-weight: bold;
+       color: #600000;

 }
 
 div.index_include {
 }
 
 div.index_include {


@@ -267,12 +460,18 @@ div.index_include {
 }
 
 div.search {
 }
 
 div.search {

+       font-size: 100%;
+       font-weight: normal;

        margin: 4px 8px;
        margin: 4px 8px;

-       position: absolute;
+       float: right;

        top: 56px;
        right: 12px
 }
 
        top: 56px;
        right: 12px
 }
 

+p.projsearch {
+       text-align: center;
+}
+

 td.linenr {
        text-align: right;
 }
 td.linenr {
        text-align: right;
 }


@@ -293,7 +492,7 @@ a.rss_logo {
        background-color: #ff6600;
        font-weight: bold;
        font-family: sans-serif;
        background-color: #ff6600;
        font-weight: bold;
        font-family: sans-serif;

-       font-size: 10px;
+       font-size: 70%;

        text-align: center;
        text-decoration: none;
 }
        text-align: center;
        text-decoration: none;
 }


@@ -302,15 +501,51 @@ a.rss_logo:hover {
        background-color: #ee5500;
 }
 
        background-color: #ee5500;
 }
 

-span.tag {
+a.rss_logo.generic {
+       background-color: #ff8800;
+}
+
+a.rss_logo.generic:hover {
+       background-color: #ee7700;
+}
+
+span.refs span {

        padding: 0px 4px;
        padding: 0px 4px;

-       font-size: 10px;
+       font-size: 70%;

        font-weight: normal;
        font-weight: normal;

-       background-color: #ffffaa;

        border: 1px solid;
        border: 1px solid;

+       background-color: #ffaaff;
+       border-color: #ffccff #ff00ee #ff00ee #ffccff;
+}
+
+span.refs span a {
+       text-decoration: none;
+       color: inherit;
+}
+
+span.refs span a:hover {
+       text-decoration: underline;
+}
+
+span.refs span.indirect {
+       font-style: italic;
+}
+
+span.refs span.ref {
+       background-color: #aaaaff;
+       border-color: #ccccff #0033cc #0033cc #ccccff;
+}
+
+span.refs span.tag {
+       background-color: #ffffaa;

        border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
 }
 
        border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
 }
 

+span.refs span.head {
+       background-color: #aaffaa;
+       border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
+}
+

 span.atnight {
        color: #cc0000;
 }
 span.atnight {
        color: #cc0000;
 }


@@ -318,3 +553,7 @@ span.atnight {
 span.match {
        color: #e00000;
 }
 span.match {
        color: #e00000;
 }

+
+div.binary {
+       font-style: italic;
+}