X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fstatic%2Fcss%2Fcore.css;h=f98df2b4f485fc2e6a3924a327d19e147712cd8b;hb=18add14a16a5b34bb95f3937690f0bd7522e5821;hp=fca2565d612ffc65ab56e3c5c31154ed4d273f61;hpb=b6867aab5bc65fe3606d4e0bcad8632e50425b0a;p=catagits%2FGitalist.git diff --git a/root/static/css/core.css b/root/static/css/core.css index fca2565..f98df2b 100755 --- 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; +}