Have linenumbers in blob displays

[catagits/Gitalist.git] / root / static / css / core.css

diff --git a/root/static/css/core.css b/root/static/css/core.css
index fca2565..f98df2b 100755 (executable)
--- a/root/static/css/core.css
+++ b/root/static/css/core.css
@@ -1,7 +1,7 @@
 #debug_holder{
-       
+
        display:none;
-       
+
        clear:both;
        padding-top:30px;
        margin:30px 0;
@@ -14,9 +14,8 @@
        background-color:#f0f0f0;
 }
 
-
 body{
-       background:#FAFAFA url(/static/i/bg.png) repeat-x left top;
+       background:#FAFAFA url([% c.uri_for('/static/i/bg.png') %]) repeat-x left top;
        padding:0;
        margin:0;
        font-family:Arial, Verdana, sans-serif;
@@ -42,16 +41,22 @@ a img{
 }
 
 #content_holder{
-       background:transparent url([% c.uri_for('/static/i/bg_content.png') %]) repeat-y center center;
+
 }
-#content{
-       min-height:200px;
-       padding:0 12px 40px 10px;
-       background:transparent url([% c.uri_for('/static/i/bg_bottom.png') %]) no-repeat center bottom;
+#content {
+    min-height:200px;
+     -moz-box-shadow: 0px 0px 10px black; /* FF3.5+ */
+  -webkit-box-shadow: 0px 0px 10px black; /* Saf3.0+, Chrome */
+          box-shadow: 0px 0px 10px black; /* Opera 10.5, IE9, Chrome 10+ */
+
 }
 #content_inner{
-       padding-bottom:30px;
-       background:transparent url([% c.uri_for('/static/i/bg_top.png') %]) no-repeat;
+    padding-bottom:   30px;
+    background-color: white;
+    min-height:       100px;
+}
+.header {
+    background-color: #666;
 }
 .copy{
        padding:10px;
@@ -85,7 +90,7 @@ a img{
        width:100%;
        clear:both;
        float:right;
-       margin:-5px 10px 0 0;
+       margin:-9px 10px 0 0;
 }
 #nav_logs ul{
        margin:0;
@@ -272,6 +277,16 @@ a.raw{
        padding-top:2px;
        float:left;
 }
+a.file{
+       padding-left:25px;
+       padding-bottom:1px;
+       background:transparent url([% c.uri_for('/static/i/icons/file.png') %]) no-repeat;
+}
+a.folder{
+       padding-left:25px;
+       padding-bottom:1px;
+       background:transparent url([% c.uri_for('/static/i/icons/folder.png') %]) no-repeat;
+}
 .msg{
        padding:5px 10px 5px 35px;
        background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center;
@@ -318,7 +333,6 @@ a.rss_logo:hover {
 /* paging */
 .pager{
        width:100%;
-       float:left;
        margin:10px 0;
        padding:0;
 }
@@ -389,7 +403,7 @@ tr.header{
        font-weight:bold;
 }
 .author{
-       width:180px;
+       width:160px;
 }
 .author img{
        margin-right:5px;
@@ -399,11 +413,19 @@ table.listing{
        width:970px;
        border-collapse:collapse;
 }
+table.listing thead {
+    background-color: #666;
+}
 .listing td{
        vertical-align:top;
        padding:9px 5px 9px 10px;
 }
 
+.listing .gravatar {
+    float: left;
+    padding-right: 10px;
+}
+
 /*
 
 puts the repo description on one line which gets truncated if the repo name is too long
@@ -471,21 +493,21 @@ BUT the final width needs to be set with javascript based on the parent element
 
 
 /* /blame */
-#blame pre, #blame tt {
+#blame pre, #blame tt, #blob pre, #blob tt {
   margin: 0;
   font-size: 12px;
 }
 #blame .commit-info {
 
 }
-#blame .lineno {
+#blame .lineno, #blob .lineno {
   text-align: right;
   padding: 0 8px;
 }
-#blame a {
- atext-decoration: none;
+#blame a, #blob a {
+ text-decoration: none;
 }
-#blame {
+#blame, #blob {
     overflow-x: scroll;
 }
 #blame tr.alt {
@@ -494,36 +516,32 @@ BUT the final width needs to be set with javascript based on the parent element
 #blame tbody tr:hover {
   background-color: #fefeaa;
 }
-#blame td {
+#blame td, #blob td {
        vertical-align:middle;
        padding: 3px;
 }
-#blame td.lineno {
+#blame td.lineno, #blob td.lineno {
   background-color: #eee;
 }
 #blame td.date, #blame td.author, #blame td.commit-info {
 }
-#blame tbody td.data {
+#blame tbody td.data, #blob tbody td.data {
   padding-left: 5px;
   background-color: #333;
   color: #ddd;
 }
 
-/* /blob */
-pre.blob {
-  background-color: #333;
-  color: #ddd;
-  border-left: solid 3px #c33;
-  padding: 5px;
-  padding-left: 15px;
-  margin: 20px 15px 20px;
-  overflow:auto;
-  font-size:12px;
+/* /blobdiff etc */
+
+.commit-message {
+  white-space: pre-wrap;
+  width: 420px;
 }
-div.blob {
-    text-align: center;
-    margin: 30px;
+p.commit-message {
+  margin: 0;
 }
 
-/* /blobdiff etc */
-
+/* Hidden spans that contain bits of data to be used by JS */
+.js-data {
+    display: none;
+}