Changed stylesheet, new stylesheet using scss.
authorGabriel Pérez-Cerezo <gabriel@gpcf.eu>
Tue, 11 Oct 2016 11:39:03 +0000 (13:39 +0200)
committerGabriel Pérez-Cerezo <gabriel@gpcf.eu>
Tue, 11 Oct 2016 11:39:03 +0000 (13:39 +0200)
static/gitweb.css
static/gitweb.scss [new file with mode: 0644]

index baff7d8..69912a2 100644 (file)
-@import url('font/octicons.css');
+@charset "UTF-8";
+@import url("font/octicons.css");
 body {
-       font-family: sans-serif; 
-       font-size: small;
-       border: solid #d9d8d1;
-       border-width: 1px;
-       border-radius: 7px;
-       margin: 10px;
-       background-color: #ffffff;
-       color: #000000;
-}
+  font-family: sans-serif;
+  font-size: small;
+  border: solid #ddddff;
+  border-width: 1px;
+  border-radius: 7px;
+  margin: 10px;
+  background-color: #ffffff;
+  color: #000000; }
+
+html {
+  background-color: #e7aaff; }
 
 @media screen and (min-width: 40.5em) {
-    body {
-       margin-left: 10%;
-       margin-right: 10%;
-    }
-}
-
+  body {
+    margin-left: 10%;
+    margin-right: 10%; } }
 a {
-       color: #0000cc;
-}
+  color: #0000cc; }
 
 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;
-}
+  border: dashed #aaaaaa;
+  border-width: 1px;
+  padding: 0px 2px 0px 2px;
+  margin: 0px 2px 0px 2px; }
 
 img.logo {
-       float: right;
-       border-width: 0px;
-}
+  float: right;
+  border-width: 0px; }
 
 img.avatar {
-       vertical-align: middle;
-}
+  vertical-align: middle; }
 
 img.blob {
-       max-height: 100%;
-       max-width: 100%;
-}
+  max-height: 100%;
+  max-width: 100%; }
 
 a.list img.avatar {
-       border-style: none;
-}
+  border-style: none; }
 
 div.page_header {
-    margin-top: -1px;
-    border-radius: 7px 7px 0 0;
-    height: 25px;
-    padding: 8px;
-    font-size: 150%;
-    font-weight: bold;
-    background-color: #d9d8d1;
-}
+  margin-top: -1px;
+  border-radius: 7px 7px 0 0;
+  height: 25px;
+  padding: 8px;
+  font-size: 150%;
+  font-weight: bold;
+  background-color: #ddddff; }
 
 div.page_header a:visited, a.header {
-       color: #00aa00;
-}
+  color: #310044; }
 
 div.branches_nav a:visited {
-    color: #00aa00;
-}
+  color: #550077; }
+
 div.page_header a:hover {
-       color: #880000;
-}
+  color: #880000; }
 
 div.page_nav, div.page_nav_extra, div.branches_nav {
-    padding: 8px;
-}
+  padding: 8px; }
+
 div.page_nav, div.branches_nav {
-    border-bottom: 1px solid #000;
-    padding-bottom: 0px;
-}
+  border-bottom: 1px solid #ddddff;
+  padding-bottom: 0px; }
 
 div.page_nav a:visited, div.page_nav_extra a:visited, div.page_nav a, div.page_nav_extra {
-       color: #00aa00;
-                       }
+  color: #550077; }
 
 div.page_nav a, div.page_nav .current, div.branches_nav a, div.branches_nav .current {
-    display: inline-block;
-    padding: 6px;
-    margin: 1px;
-    margin-bottom: -1px;
-    border-radius: 4px 4px 0 0;
-}
+  display: inline-block;
+  padding: 6px;
+  margin: 1px;
+  margin-bottom: -1px;
+  border-radius: 4px 4px 0 0; }
 
 div.page_nav a, div.branches_nav a {
-    background: #eee;
-    border: 1px solid #000;
-    outline: 0;
-}
-div.page_nav a:hover, div.branches_nav a:hover {
-    text-decoration: none;
-    background: #efe;
-}
-
-
+  background: #eee;
+  border: 1px solid #ddddff;
+  outline: 0; }
 
+div.page_nav a:hover, div.branches_nav a:hover {
+  text-decoration: none;
+  background: #e7aaff; }
 
 div.page_nav .current, div.branches_nav .current {
-    background: #fff;
-    border-left: 1px solid #000;
-    border-right: 1px solid #000;
-    border-top: 1px solid #000;
-    border-bottom: 1px solid #fff;
-}
+  background: #ffffff;
+  border-left: 1px solid #ddddff;
+  border-right: 1px solid #ddddff;
+  border-top: 1px solid #ddddff;
+  border-bottom: 1px solid #ffffff; }
 
 tr.metadata_url {
-       border: 1px solid #a0a;
-       display: block;
-       width: 100%;
-}
+  border: 1px solid #a0a;
+  display: block;
+  width: 100%; }
 
 div.page_path {
-       padding: 8px;
-       font-weight: bold;
-       border: solid #d9d8d1;
-       border-width: 0px 0px 1px;
-}
+  padding: 8px;
+  font-weight: bold;
+  border: solid #d9d8d1;
+  border-width: 0px 0px 1px; }
 
 div.page_footer {
-    border-radius: 0 0 7px 7px ;
-    margin-bottom: -1px;
-    height: 22px;
-    padding: 4px 8px;
-    background-color: #d9d8d1;
-}
+  border-radius: 0 0 7px 7px;
+  margin-bottom: -1px;
+  height: 22px;
+  padding: 4px 8px;
+  background-color: #ddddff; }
 
 div.page_footer_text {
-       line-height: 22px;
-       float: left;
-       color: #555555;
-       font-style: italic;
-}
+  line-height: 22px;
+  float: left;
+  color: #555555;
+  font-style: italic; }
 
 div#generating_info {
-       margin: 4px;
-       font-size: smaller;
-       text-align: center;
-       color: #505050;
-}
+  margin: 4px;
+  font-size: smaller;
+  text-align: center;
+  color: #505050; }
 
 div.page_body {
-       padding: 8px;
-       font-family: monospace;
-}
+  padding: 8px;
+  font-family: monospace; }
 
 div.title, a.title {
-       display: block;
-       padding: 6px 8px;
-       font-weight: bold;
-       background-color: #edece6;
-       text-decoration: none;
-       color: #000000;
-}
+  display: block;
+  padding: 6px 8px;
+  font-weight: bold;
+  background-color: white;
+  text-decoration: none;
+  color: #000000; }
 
 div.readme {
-       padding: 8px;
-}
+  padding: 8px; }
 
 a.title:hover {
-       background-color: #d9d8d1;
-}
+  background-color: #ddddff; }
 
 div.title_text {
-       padding: 6px 0px;
-       border: solid #d9d8d1;
-       border-width: 0px 0px 1px;
-       font-family: monospace;
-}
+  padding: 6px 0px;
+  border: solid #d9d8d1;
+  border-width: 0px 0px 1px;
+  font-family: monospace; }
 
 div.log_body {
-       padding: 8px 8px 8px 150px;
-}
+  padding: 8px 8px 8px 150px; }
 
 span.age {
-       position: relative;
-       float: left;
-       width: 142px;
-       font-style: italic;
-}
+  position: relative;
+  float: left;
+  width: 142px;
+  font-style: italic; }
 
 span.signoff {
-       color: #888888;
-}
+  color: #888888; }
 
 div.log_link {
-       padding: 0px 8px;
-       font-size: 70%;
-       font-family: sans-serif;
-       font-style: normal;
-       position: relative;
-       float: left;
-       width: 136px;
-}
+  padding: 0px 8px;
+  font-size: 70%;
+  font-family: sans-serif;
+  font-style: normal;
+  position: relative;
+  float: left;
+  width: 136px; }
 
 div.list_head {
-       padding: 6px 8px 4px;
-       border: solid #d9d8d1;
-       border-width: 1px 0px 0px;
-       font-style: italic;
-}
+  padding: 6px 8px 4px;
+  border: solid #d9d8d1;
+  border-width: 1px 0px 0px;
+  font-style: italic; }
 
 .author_date, .author {
-       font-style: italic;
-}
+  font-style: italic; }
 
 div.author_date {
-       padding: 8px;
-       border: solid #d9d8d1;
-       border-width: 0px 0px 1px 0px;
-}
+  padding: 8px;
+  border: solid #d9d8d1;
+  border-width: 0px 0px 1px 0px; }
 
 a.list {
-       text-decoration: none;
-       color: #000000;
-}
+  text-decoration: none;
+  color: #000000; }
 
 a.subject, a.name {
-       font-weight: bold;
-}
+  font-weight: bold; }
 
 table.tags a.subject {
-       font-weight: normal;
-}
+  font-weight: normal; }
 
 a.list:hover {
-       text-decoration: underline;
-       color: #880000;
-}
+  text-decoration: underline;
+  color: #880000; }
 
 a.text {
-       text-decoration: none;
-       color: #0000cc;
-}
+  text-decoration: none;
+  color: #0000cc; }
 
 a.text:visited {
-       text-decoration: none;
-       color: #880000;
-}
+  text-decoration: none;
+  color: #880000; }
 
 a.text:hover {
-       text-decoration: underline;
-       color: #880000;
-}
+  text-decoration: underline;
+  color: #880000; }
 
 table {
-       padding: 8px 4px;
-       border-spacing: 0;
-}
+  padding: 8px 4px;
+  border-spacing: 0; }
 
 table.diff_tree {
-       font-family: monospace;
-}
+  font-family: monospace; }
 
 table.combined.diff_tree th {
-       text-align: center;
-}
+  text-align: center; }
 
 table.combined.diff_tree td {
-       padding-right: 24px;
-}
+  padding-right: 24px; }
 
 table.combined.diff_tree th.link,
 table.combined.diff_tree td.link {
-       padding: 0px 2px;
-}
+  padding: 0px 2px; }
 
 table.combined.diff_tree td.nochange a {
-       color: #6666ff;
-}
+  color: #6666ff; }
 
 table.combined.diff_tree td.nochange a:hover,
 table.combined.diff_tree td.nochange a:visited {
-       color: #d06666;
-}
+  color: #d06666; }
 
 table.blame {
-       border-collapse: collapse;
-}
+  border-collapse: collapse; }
 
 table.blame td {
-       padding: 0px 5px;
-       font-size: 100%;
-       vertical-align: top;
-}
+  padding: 0px 5px;
+  font-size: 100%;
+  vertical-align: top; }
 
 th {
-       padding: 2px 5px;
-       font-size: 100%;
-       text-align: left;
-}
+  padding: 2px 5px;
+  font-size: 100%;
+  text-align: left; }
 
 /* do not change row style on hover for 'blame' view */
 tr.light,
 table.blame .light:hover {
-       background-color: #ffffff;
-}
+  ebackground-color: #ffffff; }
 
 tr.dark,
 table.blame .dark:hover {
-       background-color: #f6f6f0;
-}
+  background-color: #d9d9d9; }
 
 /* currently both use the same, but it can change */
 tr.light:hover,
 tr.dark:hover {
-       background-color: #edece6;
-}
+  background-color: #ededed; }
 
 /* boundary commits in 'blame' view */
 /* and commits without "previous" */
 tr.boundary td.sha1,
 tr.no-previous td.linenr {
-       font-weight: bold;
-}
+  font-weight: bold; }
 
 /* for 'blame_incremental', during processing */
-tr.color1 { background-color: #f6fff6; }
-tr.color2 { background-color: #f6f6ff; }
-tr.color3 { background-color: #fff6f6; }
+tr.color1 {
+  background-color: #f6fff6; }
+
+tr.color2 {
+  background-color: #f6f6ff; }
+
+tr.color3 {
+  background-color: #fff6f6; }
 
 td {
-       padding: 2px 5px;
-       font-size: 100%;
-       vertical-align: top;
-}
+  padding: 2px 5px;
+  font-size: 100%;
+  vertical-align: top; }
 
 td.link, td.selflink {
-       padding: 2px 5px;
-       font-family: sans-serif;
-       font-size: 70%;
-}
+  padding: 2px 5px;
+  font-family: sans-serif;
+  font-size: 70%; }
 
 td.selflink {
-       padding-right: 0px;
-}
+  padding-right: 0px; }
 
 td.sha1 {
-       font-family: monospace;
-}
+  font-family: monospace; }
 
 .error {
-       color: red;
-       background-color: yellow;
-}
+  color: red;
+  background-color: yellow; }
 
 td.current_head {
-       text-decoration: underline;
-}
+  text-decoration: underline; }
 
 td.category {
-       background-color: #d9d8d1;
-       border-top: 1px solid #000000;
-       border-left: 1px solid #000000;
-       font-weight: bold;
-}
+  background-color: #d9d8d1;
+  border-top: 1px solid #000000;
+  border-left: 1px solid #000000;
+  font-weight: bold; }
 
 table.diff_tree span.file_status.new {
-       color: #008000;
-}
+  color: #008000; }
 
 table.diff_tree span.file_status.deleted {
-       color: #c00000;
-}
+  color: #c00000; }
 
 table.diff_tree span.file_status.moved,
 table.diff_tree span.file_status.mode_chnge {
-       color: #777777;
-}
+  color: #777777; }
 
 table.diff_tree span.file_status.copied {
-  color: #70a070;
-}
+  color: #70a070; }
 
 /* noage: "No commits" */
 table.project_list td.noage {
-       color: #808080;
-       font-style: italic;
-}
+  color: #808080;
+  font-style: italic; }
 
 /* age2: 60*60*24*2 <= age */
 table.project_list td.age2, table.blame td.age2 {
-       font-style: italic;
-}
+  font-style: italic; }
 
 /* age1: 60*60*2 <= age < 60*60*24*2 */
 table.project_list td.age1 {
-       color: #009900;
-       font-style: italic;
-}
+  color: #009900;
+  font-style: italic; }
 
 table.blame td.age1 {
-       color: #009900;
-       background: transparent;
-}
+  color: #009900;
+  background: transparent; }
 
 /* age0: age < 60*60*2 */
 table.project_list td.age0 {
-       color: #009900;
-       font-style: italic;
-       font-weight: bold;
-}
+  color: #009900;
+  font-style: italic;
+  font-weight: bold; }
 
 table.blame td.age0 {
-       color: #009900;
-       background: transparent;
-       font-weight: bold;
-}
+  color: #009900;
+  background: transparent;
+  font-weight: bold; }
 
 /* table.heads { */
 /*     display: none; */
@@ -423,12 +355,9 @@ table.blame td.age0 {
 /*     background: #090; */
 /*     color: white; */
 /* } */
-
 /* table.heads .list { */
 /*     color: white */
 /* } */
-
-
 /* table.heads tr.dark { */
 /*     padding: 0.4em; */
 /*     background: #080; */
@@ -437,322 +366,275 @@ table.blame td.age0 {
 /*     padding: 0.4em; */
 /*     background: #090; */
 /* } */
-
-
 /* .header:hover + table.heads, table.heads:hover { */
 /*      display: block; */
 /* } */
-
 td.pre, div.pre, div.diff {
-       font-family: monospace;
-       font-size: 12px;
-       white-space: pre;
-}
+  font-family: monospace;
+  font-size: 12px;
+  white-space: pre; }
 
 td.mode {
-       font-family: monospace;
-}
+  font-family: monospace; }
 
 /* progress of blame_interactive */
 div#progress_bar {
-       height: 2px;
-       margin-bottom: -2px;
-       background-color: #d8d9d0;
-}
+  height: 2px;
+  margin-bottom: -2px;
+  background-color: #d8d9d0; }
+
 div#progress_info {
-       float: right;
-       text-align: right;
-}
+  float: right;
+  text-align: right; }
 
 /* format of (optional) objects size in 'tree' view */
 td.size {
-       font-family: monospace;
-       text-align: right;
-}
+  font-family: monospace;
+  text-align: right; }
 
 /* styling of diffs (patchsets): commitdiff and blobdiff views */
 div.diff.header,
 div.diff.extended_header {
-       white-space: normal;
-}
+  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;
-}
+  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;
-}
+  text-decoration: underline; }
 
 div.diff.extended_header,
 div.diff.extended_header a.path,
 div.diff.extended_header a.hash {
-       color: #777777;
-}
+  color: #777777; }
 
 div.diff.extended_header .info {
-       color: #b0b0b0;
-}
+  color: #b0b0b0; }
 
 div.diff.extended_header {
-       background-color: #f6f5ee;
-       padding: 2px 0px 2px 0px;
-}
+  background-color: #f6f5ee;
+  padding: 2px 0px 2px 0px; }
 
 div.diff a.list,
 div.diff a.path,
 div.diff a.hash {
-       text-decoration: none;
-}
+  text-decoration: none; }
 
 div.diff a.list:hover,
 div.diff a.path:hover,
 div.diff a.hash:hover {
-       text-decoration: underline;
-}
+  text-decoration: underline; }
 
 div.diff.to_file a.path,
 div.diff.to_file {
-       color: #007000;
-}
+  color: #007000; }
 
 div.diff.add {
-       color: #008800;
-}
+  color: #008800; }
 
 div.diff.add span.marked {
-       background-color: #aaffaa;
-}
+  background-color: #aaffaa; }
 
 div.diff.from_file a.path,
 div.diff.from_file {
-       color: #aa0000;
-}
+  color: #aa0000; }
 
 div.diff.rem {
-       color: #cc0000;
-}
+  color: #cc0000; }
 
 div.diff.rem span.marked {
-       background-color: #ffaaaa;
-}
+  background-color: #ffaaaa; }
 
 div.diff.chunk_header a,
 div.diff.chunk_header {
-       color: #990099;
-}
+  color: #990099; }
 
 div.diff.chunk_header {
-       border: dotted #ffe0ff;
-       border-width: 1px 0px 0px 0px;
-       margin-top: 2px;
-}
+  border: dotted #ffe0ff;
+  border-width: 1px 0px 0px 0px;
+  margin-top: 2px; }
 
 div.diff.chunk_header span.chunk_info {
-       background-color: #ffeeff;
-}
+  background-color: #ffeeff; }
 
 div.diff.chunk_header span.section {
-       color: #aa22aa;
-}
+  color: #aa22aa; }
 
 div.diff.incomplete {
-       color: #cccccc;
-}
+  color: #cccccc; }
 
 div.diff.nodifferences {
-       font-weight: bold;
-       color: #600000;
-}
+  font-weight: bold;
+  color: #600000; }
 
 /* side-by-side diff */
 div.chunk_block {
-       overflow: hidden;
-}
+  overflow: hidden; }
 
 div.chunk_block div.old {
-       float: left;
-       width: 50%;
-       overflow: hidden;
-}
+  float: left;
+  width: 50%;
+  overflow: hidden; }
 
 div.chunk_block div.new {
-       margin-left: 50%;
-       width: 50%;
-}
+  margin-left: 50%;
+  width: 50%; }
 
 div.chunk_block.rem div.old div.diff.rem {
-       background-color: #fff5f5;
-}
+  background-color: #fff5f5; }
+
 div.chunk_block.add div.new div.diff.add {
-       background-color: #f8fff8;
-}
-div.chunk_block.chg div     div.diff {
-       background-color: #fffff0;
-}
-div.chunk_block.ctx div     div.diff.ctx {
-       color: #404040;
-}
+  background-color: #f8fff8; }
+
+div.chunk_block.chg div div.diff {
+  background-color: #fffff0; }
 
+div.chunk_block.ctx div div.diff.ctx {
+  color: #404040; }
 
 div.index_include {
-       border: solid #d9d8d1;
-       border-width: 0px 0px 1px;
-       padding: 12px 8px;
-}
+  border: solid #d9d8d1;
+  border-width: 0px 0px 1px;
+  padding: 12px 8px; }
 
 div.search {
-       font-size: 100%;
-       font-weight: normal;
-       margin: 4px 8px;
-       float: right;
-       top: 56px;
-       right: 12px
-}
+  font-size: 100%;
+  font-weight: normal;
+  margin: 4px 8px;
+  float: right;
+  top: 56px;
+  right: 12px; }
 
 div.projsearch {
-       text-align: center;
-       margin: 20px 0px;
-}
+  text-align: center;
+  margin: 20px 0px; }
 
 div.projsearch form {
-       margin-bottom: 2px;
-}
+  margin-bottom: 2px; }
 
 td.linenr {
-       text-align: right;
-}
+  text-align: right; }
 
 a.linenr {
-       color: #999999;
-       text-decoration: none
-}
+  color: #999999;
+  text-decoration: none; }
 
 a.rss_logo {
-       float: right;
-       padding: 3px 5px;
-       line-height: 10px;
-       border: 1px solid;
-       border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
-       color: #ffffff;
-       background-color: #ff6600;
-       font-weight: bold;
-       font-family: sans-serif;
-       font-size: 70%;
-       text-align: center;
-       text-decoration: none;
-}
+  float: right;
+  padding: 3px 5px;
+  line-height: 10px;
+  border: 1px solid;
+  border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
+  color: #ffffff;
+  background-color: #ff6600;
+  font-weight: bold;
+  font-family: sans-serif;
+  font-size: 70%;
+  text-align: center;
+  text-decoration: none; }
 
 a.rss_logo:hover {
-       background-color: #ee5500;
-}
+  background-color: #ee5500; }
 
 a.rss_logo.generic {
-       background-color: #ff8800;
-}
+  background-color: #ff8800; }
 
 a.rss_logo.generic:hover {
-       background-color: #ee7700;
-}
+  background-color: #ee7700; }
 
-span.refs span {
-       padding: 3px 4px;
-       font-size: 90%;
-       font-weight: normal;
-}
+span.refs > span {
+  padding: 3px 4px;
+  font-size: 90%;
+  font-weight: normal;
+  display: inline-block;
+  border-radius: 3px;
+  margin-top: 2px; }
+
+span.refs {
+  margin-left: 0.7em; }
 
 span.refs span a {
-       text-decoration: none;
-       color: inherit;
-}
+  text-decoration: none;
+  color: inherit; }
 
 span.refs span a:hover {
-       text-decoration: underline;
-}
+  text-decoration: underline; }
 
 span.refs span.indirect {
-       font-style: italic;
-}
+  font-style: italic; }
 
 span.refs span.ref {
-       background-color: #aaaaff;
-       border-color: #ccccff #0033cc #0033cc #ccccff;
-}
+  background-color: #aaaaff;
+  border-color: #ccccff #0033cc #0033cc #ccccff; }
 
 span.refs span.tag {
-       background-color: #ffffaa;
-       border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
-}
+  background-color: #ffffaa;
+  border-color: #ffffcc #ffee00 #ffee00 #ffffcc; }
 
 span.refs span.head {
-       background-color: #aaffaa;
-       border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
-}
+  background-color: #aaffaa; }
+
+span.refs span.remote {
+  background-color: #aaaaff; }
 
 span.atnight {
-       color: #cc0000;
-}
+  color: #cc0000; }
 
 span.match {
-       color: #e00000;
-}
+  color: #e00000; }
 
 div.binary {
-       font-style: italic;
-}
+  font-style: italic; }
 
 div.remote {
-       margin: .5em;
-       border: 1px solid #d9d8d1;
-       display: inline-block;
-}
+  margin: .5em;
+  border: 1px solid #d9d8d1;
+  display: inline-block; }
 
 /* JavaScript-based timezone manipulation */
-
-.popup { /* timezone selection UI */
-       position: absolute;
-       /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
-       top: 0; left: 0;
-       border: 1px solid;
-       padding: 2px;
-       background-color: #f0f0f0;
-       font-style: normal;
-       color: #000000;
-       cursor: auto;
-}
-
-.close-button { /* close timezone selection UI without selecting */
-       /* float doesn't work within absolutely positioned container,
-        * if width of container is not set explicitly */
-       /* float: right; */
-       position: absolute;
-       top: 0px; right: 0px;
-       border:  1px solid green;
-       margin:  1px 1px 1px 1px;
-       padding-bottom: 2px;
-       width:     12px;
-       height:    10px;
-       font-size:  9px;
-       font-weight: bold;
-       text-align: center;
-       background-color: #fff0f0;
-       cursor: pointer;
-}
+.popup {
+  /* timezone selection UI */
+  position: absolute;
+  /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
+  top: 0;
+  left: 0;
+  border: 1px solid;
+  padding: 2px;
+  background-color: #f0f0f0;
+  font-style: normal;
+  color: #000000;
+  cursor: auto; }
+
+.close-button {
+  /* close timezone selection UI without selecting */
+  /* float doesn't work within absolutely positioned container,
+   * if width of container is not set explicitly */
+  /* float: right; */
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  border: 1px solid green;
+  margin: 1px 1px 1px 1px;
+  padding-bottom: 2px;
+  width: 12px;
+  height: 10px;
+  font-size: 9px;
+  font-weight: bold;
+  text-align: center;
+  background-color: #fff0f0;
+  cursor: pointer; }
 
 div.heads a::before {
-    content: "ᛘ ";
-    font-size: 25px;
-    padding-top: -2px;
-    padding-bottom: -2px;
-    margin-right: 3px;
-}
+  content: "ᛘ ";
+  font-size: 25px;
+  padding-top: -2px;
+  padding-bottom: -2px;
+  margin-right: 3px; }
 
 /* div.branches_nav a::before, div.branches_nav .current::before { */
 /*     content: "ᛘ"; */
@@ -765,61 +647,75 @@ div.heads a::before {
 /*     content: "▶"; */
 /*     margin-right: 4px; */
 /* } */
-
-div.heads a {
-    background: #0a0;
-    color: white;
-}
-div.heads a:hover {
-    background: #0c0;
-}
-
 .verif .octicon-verified {
-    color: #0a0;
-}
+  color: #0a0;
+  font-weight: normal; }
 
 .verif {
-    padding: 6px;
-}
+  font-weight: normal;
+  padding: 6px; }
+
 .verif:hover {
-    color: #fff;
-    background: #0a0;
-    border-radius: 5px;
-    box-shadow: 1px 1px 2px 2px #aaa;
-    display: block;
-    position: absolute;
-    margin-top: -0.5em;
-}
+  color: #fff;
+  background: #0a0;
+  border-radius: 5px;
+  box-shadow: 1px 1px 2px 2px #aaa;
+  display: block;
+  position: absolute;
+  margin-top: -0.5em; }
 
 .verif .commiter {
-    display: none;
-    color: #fff;
-}
+  display: none;
+  color: #fff; }
+
 .verif:hover .octicon-verified {
-    color: #fff;
-}
+  color: #fff; }
 
 .verif:hover .commiter {
-       display: inline;
-       z-index: 1000;
-}
-
+  display: inline;
+  z-index: 1000; }
 
 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
-
 /* Highlighting theme definition: */
+.num {
+  color: #2928ff; }
+
+.esc {
+  color: #ff00ff; }
+
+.str {
+  color: #ff0000; }
+
+.dstr {
+  color: #818100; }
+
+.slc {
+  color: #838183;
+  font-style: italic; }
+
+.com {
+  color: #838183;
+  font-style: italic; }
+
+.dir {
+  color: #008200; }
+
+.sym {
+  color: #000000; }
+
+.line {
+  color: #555555; }
+
+.kwa {
+  color: #000000;
+  font-weight: bold; }
+
+.kwb {
+  color: #830000; }
 
-.num    { color:#2928ff; }
-.esc    { color:#ff00ff; }
-.str    { color:#ff0000; }
-.dstr   { color:#818100; }
-.slc    { color:#838183; font-style:italic; }
-.com    { color:#838183; font-style:italic; }
-.dir    { color:#008200; }
-.sym    { color:#000000; }
-.line   { color:#555555; }
-.kwa    { color:#000000; font-weight:bold; }
-.kwb    { color:#830000; }
-.kwc    { color:#000000; font-weight:bold; }
-.kwd    { color:#010181; }
+.kwc {
+  color: #000000;
+  font-weight: bold; }
 
+.kwd {
+  color: #010181; }
diff --git a/static/gitweb.scss b/static/gitweb.scss
new file mode 100644 (file)
index 0000000..6fe7cbd
--- /dev/null
@@ -0,0 +1,837 @@
+@import url('font/octicons.css');
+$ver_color: #0a0;
+$theme_text_color: #550077;
+$theme_sec_color: #ddddff;
+$body_bg: #ffffff;
+
+body {
+       font-family: sans-serif; 
+       font-size: small;
+       border: solid $theme_sec_color;
+       border-width: 1px;
+       border-radius: 7px;
+       margin: 10px;
+       background-color: $body_bg;
+       color: #000000;
+}
+
+html {
+    background-color: lighten($theme_text_color, 60%);
+}
+@media screen and (min-width: 40.5em) {
+    body {
+       margin-left: 10%;
+       margin-right: 10%;
+    }
+}
+
+a {
+       color: #0000cc;
+}
+
+a:hover, a:visited, a:active {
+       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;
+}
+
+img.blob {
+       max-height: 100%;
+       max-width: 100%;
+}
+
+a.list img.avatar {
+       border-style: none;
+}
+
+div.page_header {
+    margin-top: -1px;
+    border-radius: 7px 7px 0 0;
+    height: 25px;
+    padding: 8px;
+    font-size: 150%;
+    font-weight: bold;
+    background-color: $theme_sec_color;
+}
+
+div.page_header a:visited, a.header {
+       color: darken($theme_text_color,10%);
+}
+
+div.branches_nav a:visited {
+    color: $theme_text_color;
+}
+div.page_header a:hover {
+       color: #880000;
+}
+
+div.page_nav, div.page_nav_extra, div.branches_nav {
+    padding: 8px;
+}
+div.page_nav, div.branches_nav {
+    border-bottom: 1px solid $theme_sec_color;;
+    padding-bottom: 0px;
+}
+
+div.page_nav a:visited, div.page_nav_extra a:visited, div.page_nav a, div.page_nav_extra {
+       color: $theme_text_color;
+                       }
+
+div.page_nav a, div.page_nav .current, div.branches_nav a, div.branches_nav .current {
+    display: inline-block;
+    padding: 6px;
+    margin: 1px;
+    margin-bottom: -1px;
+    border-radius: 4px 4px 0 0;
+}
+
+div.page_nav a, div.branches_nav a {
+    background: #eee;
+    border: 1px solid $theme_sec_color;
+    outline: 0;
+}
+div.page_nav a:hover, div.branches_nav a:hover {
+    text-decoration: none;
+    background: lighten($theme_text_color, 60%);
+}
+
+
+
+
+div.page_nav .current, div.branches_nav .current {
+    background: $body_bg;
+    border-left: 1px solid $theme_sec_color;
+    border-right: 1px solid $theme_sec_color;
+    border-top: 1px solid $theme_sec_color;;
+    border-bottom: 1px solid $body_bg;
+}
+
+tr.metadata_url {
+       border: 1px solid #a0a;
+       display: block;
+       width: 100%;
+}
+
+div.page_path {
+       padding: 8px;
+       font-weight: bold;
+       border: solid #d9d8d1;
+       border-width: 0px 0px 1px;
+}
+
+div.page_footer {
+    border-radius: 0 0 7px 7px ;
+    margin-bottom: -1px;
+    height: 22px;
+    padding: 4px 8px;
+    background-color: $theme_sec_color;
+}
+
+div.page_footer_text {
+       line-height: 22px;
+       float: left;
+       color: #555555;
+       font-style: italic;
+}
+
+div#generating_info {
+       margin: 4px;
+       font-size: smaller;
+       text-align: center;
+       color: #505050;
+}
+
+div.page_body {
+       padding: 8px;
+       font-family: monospace;
+}
+
+div.title, a.title {
+       display: block;
+       padding: 6px 8px;
+       font-weight: bold;
+       background-color: lighten($theme_sec_color, 10%);
+       text-decoration: none;
+       color: #000000;
+}
+
+div.readme {
+       padding: 8px;
+}
+
+a.title:hover {
+       background-color: $theme_sec_color;
+}
+
+div.title_text {
+       padding: 6px 0px;
+       border: solid #d9d8d1;
+       border-width: 0px 0px 1px;
+       font-family: monospace;
+}
+
+div.log_body {
+       padding: 8px 8px 8px 150px;
+}
+
+span.age {
+       position: relative;
+       float: left;
+       width: 142px;
+       font-style: italic;
+}
+
+span.signoff {
+       color: #888888;
+}
+
+div.log_link {
+       padding: 0px 8px;
+       font-size: 70%;
+       font-family: sans-serif;
+       font-style: normal;
+       position: relative;
+       float: left;
+       width: 136px;
+}
+
+div.list_head {
+       padding: 6px 8px 4px;
+       border: solid #d9d8d1;
+       border-width: 1px 0px 0px;
+       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.subject, a.name {
+       font-weight: bold;
+}
+
+table.tags a.subject {
+       font-weight: normal;
+}
+
+a.list:hover {
+       text-decoration: underline;
+       color: #880000;
+}
+
+a.text {
+       text-decoration: none;
+       color: #0000cc;
+}
+
+a.text:visited {
+       text-decoration: none;
+       color: #880000;
+}
+
+a.text:hover {
+       text-decoration: underline;
+       color: #880000;
+}
+
+table {
+       padding: 8px 4px;
+       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 td {
+       padding: 0px 5px;
+       font-size: 100%;
+       vertical-align: top;
+}
+
+th {
+       padding: 2px 5px;
+       font-size: 100%;
+       text-align: left;
+}
+
+/* do not change row style on hover for 'blame' view */
+tr.light,
+table.blame .light:hover {
+       ebackground-color: $body_bg;
+}
+
+tr.dark,
+table.blame .dark:hover {
+       background-color: darken($body_bg,15%);
+}
+
+/* currently both use the same, but it can change */
+tr.light:hover,
+tr.dark:hover {
+       background-color: darken($body_bg,7%);
+}
+
+/* boundary commits in 'blame' view */
+/* and commits without "previous" */
+tr.boundary td.sha1,
+tr.no-previous td.linenr {
+       font-weight: bold;
+}
+
+/* for 'blame_incremental', during processing */
+tr.color1 { background-color: #f6fff6; }
+tr.color2 { background-color: #f6f6ff; }
+tr.color3 { background-color: #fff6f6; }
+
+td {
+       padding: 2px 5px;
+       font-size: 100%;
+       vertical-align: top;
+}
+
+td.link, td.selflink {
+       padding: 2px 5px;
+       font-family: sans-serif;
+       font-size: 70%;
+}
+
+td.selflink {
+       padding-right: 0px;
+}
+
+td.sha1 {
+       font-family: monospace;
+}
+
+.error {
+       color: red;
+       background-color: yellow;
+}
+
+td.current_head {
+       text-decoration: underline;
+}
+
+td.category {
+       background-color: #d9d8d1;
+       border-top: 1px solid #000000;
+       border-left: 1px solid #000000;
+       font-weight: bold;
+}
+
+table.diff_tree span.file_status.new {
+       color: #008000;
+}
+
+table.diff_tree span.file_status.deleted {
+       color: #c00000;
+}
+
+table.diff_tree span.file_status.moved,
+table.diff_tree span.file_status.mode_chnge {
+       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;
+}
+
+/* age1: 60*60*2 <= age < 60*60*24*2 */
+table.project_list td.age1 {
+       color: #009900;
+       font-style: italic;
+}
+
+table.blame td.age1 {
+       color: #009900;
+       background: transparent;
+}
+
+/* age0: age < 60*60*2 */
+table.project_list td.age0 {
+       color: #009900;
+       font-style: italic;
+       font-weight: bold;
+}
+
+table.blame td.age0 {
+       color: #009900;
+       background: transparent;
+       font-weight: bold;
+}
+
+/* table.heads { */
+/*     display: none; */
+/*     width: 100%; */
+/*     min-height: 30px; */
+/*     margin: 0px; */
+/*     background: #090; */
+/*     color: white; */
+/* } */
+
+/* table.heads .list { */
+/*     color: white */
+/* } */
+
+
+/* table.heads tr.dark { */
+/*     padding: 0.4em; */
+/*     background: #080; */
+/* } */
+/* table.heads tr.light { */
+/*     padding: 0.4em; */
+/*     background: #090; */
+/* } */
+
+
+/* .header:hover + table.heads, table.heads:hover { */
+/*      display: block; */
+/* } */
+
+td.pre, div.pre, div.diff {
+       font-family: monospace;
+       font-size: 12px;
+       white-space: pre;
+}
+
+td.mode {
+       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;
+}
+
+/* format of (optional) objects size in 'tree' view */
+td.size {
+       font-family: monospace;
+       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 span.marked {
+       background-color: #aaffaa;
+}
+
+div.diff.from_file a.path,
+div.diff.from_file {
+       color: #aa0000;
+}
+
+div.diff.rem {
+       color: #cc0000;
+}
+
+div.diff.rem span.marked {
+       background-color: #ffaaaa;
+}
+
+div.diff.chunk_header a,
+div.diff.chunk_header {
+       color: #990099;
+}
+
+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;
+}
+
+/* side-by-side diff */
+div.chunk_block {
+       overflow: hidden;
+}
+
+div.chunk_block div.old {
+       float: left;
+       width: 50%;
+       overflow: hidden;
+}
+
+div.chunk_block div.new {
+       margin-left: 50%;
+       width: 50%;
+}
+
+div.chunk_block.rem div.old div.diff.rem {
+       background-color: #fff5f5;
+}
+div.chunk_block.add div.new div.diff.add {
+       background-color: #f8fff8;
+}
+div.chunk_block.chg div     div.diff {
+       background-color: #fffff0;
+}
+div.chunk_block.ctx div     div.diff.ctx {
+       color: #404040;
+}
+
+
+div.index_include {
+       border: solid #d9d8d1;
+       border-width: 0px 0px 1px;
+       padding: 12px 8px;
+}
+
+div.search {
+       font-size: 100%;
+       font-weight: normal;
+       margin: 4px 8px;
+       float: right;
+       top: 56px;
+       right: 12px
+}
+
+div.projsearch {
+       text-align: center;
+       margin: 20px 0px;
+}
+
+div.projsearch form {
+       margin-bottom: 2px;
+}
+
+td.linenr {
+       text-align: right;
+}
+
+a.linenr {
+       color: #999999;
+       text-decoration: none
+}
+
+a.rss_logo {
+       float: right;
+       padding: 3px 5px;
+       line-height: 10px;
+       border: 1px solid;
+       border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
+       color: #ffffff;
+       background-color: #ff6600;
+       font-weight: bold;
+       font-family: sans-serif;
+       font-size: 70%;
+       text-align: center;
+       text-decoration: none;
+}
+
+a.rss_logo:hover {
+       background-color: #ee5500;
+}
+
+a.rss_logo.generic {
+       background-color: #ff8800;
+}
+
+a.rss_logo.generic:hover {
+       background-color: #ee7700;
+}
+
+span.refs > span {
+       padding: 3px 4px;
+       font-size: 90%;
+       font-weight: normal;
+       display: inline-block;
+       border-radius: 3px;
+       margin-top: 2px;
+}
+
+span.refs {
+    margin-left: 0.7em;
+}
+
+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;
+}
+
+span.refs span.head {
+       background-color: #aaffaa;
+}
+span.refs span.remote {
+       background-color: #aaaaff;
+}
+
+span.atnight {
+       color: #cc0000;
+}
+
+span.match {
+       color: #e00000;
+}
+
+div.binary {
+       font-style: italic;
+}
+
+div.remote {
+       margin: .5em;
+       border: 1px solid #d9d8d1;
+       display: inline-block;
+}
+
+/* JavaScript-based timezone manipulation */
+
+.popup { /* timezone selection UI */
+       position: absolute;
+       /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
+       top: 0; left: 0;
+       border: 1px solid;
+       padding: 2px;
+       background-color: #f0f0f0;
+       font-style: normal;
+       color: #000000;
+       cursor: auto;
+}
+
+.close-button { /* close timezone selection UI without selecting */
+       /* float doesn't work within absolutely positioned container,
+        * if width of container is not set explicitly */
+       /* float: right; */
+       position: absolute;
+       top: 0px; right: 0px;
+       border:  1px solid green;
+       margin:  1px 1px 1px 1px;
+       padding-bottom: 2px;
+       width:     12px;
+       height:    10px;
+       font-size:  9px;
+       font-weight: bold;
+       text-align: center;
+       background-color: #fff0f0;
+       cursor: pointer;
+}
+
+div.heads a::before {
+    content: "ᛘ ";
+    font-size: 25px;
+    padding-top: -2px;
+    padding-bottom: -2px;
+    margin-right: 3px;
+}
+
+/* div.branches_nav a::before, div.branches_nav .current::before { */
+/*     content: "ᛘ"; */
+/*     margin-right: 3px; */
+/*     font-size: 20px; */
+/*     margin-top: -4px; */
+/*     margin-bottom: -4px; */
+/* } */
+/* div.heads:hover a::before { */
+/*     content: "▶"; */
+/*     margin-right: 4px; */
+/* } */
+
+
+.verif .octicon-verified {
+    color: $ver_color;
+    font-weight: normal;
+}
+
+.verif {
+    font-weight: normal;
+    padding: 6px;
+}
+.verif:hover {
+    color: #fff;
+    background: $ver_color;
+    border-radius: 5px;
+    box-shadow: 1px 1px 2px 2px #aaa;
+    display: block;
+    position: absolute;
+    margin-top: -0.5em;
+}
+
+.verif .commiter {
+    display: none;
+    color: #fff;
+}
+.verif:hover .octicon-verified {
+    color: #fff;
+}
+
+.verif:hover .commiter {
+       display: inline;
+       z-index: 1000;
+}
+
+
+/* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
+
+/* Highlighting theme definition: */
+
+.num    { color:#2928ff; }
+.esc    { color:#ff00ff; }
+.str    { color:#ff0000; }
+.dstr   { color:#818100; }
+.slc    { color:#838183; font-style:italic; }
+.com    { color:#838183; font-style:italic; }
+.dir    { color:#008200; }
+.sym    { color:#000000; }
+.line   { color:#555555; }
+.kwa    { color:#000000; font-weight:bold; }
+.kwb    { color:#830000; }
+.kwc    { color:#000000; font-weight:bold; }
+.kwd    { color:#010181; }
+