X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fstatic%2Fcss%2Fcore.css;h=fca2565d612ffc65ab56e3c5c31154ed4d273f61;hb=ef0ad44d281eb459d1d3968096f69cdc63021db1;hp=101860369035c779b2c3fe113360f0a1f5428ce6;hpb=189f3b00a6f99a59268fd89d67d7f5fde9b0e519;p=catagits%2FGitalist.git diff --git a/root/static/css/core.css b/root/static/css/core.css index 1018603..fca2565 100755 --- a/root/static/css/core.css +++ b/root/static/css/core.css @@ -1,3 +1,20 @@ +#debug_holder{ + + display:none; + + clear:both; + padding-top:30px; + margin:30px 0; +} + +#debug_holder pre{ + margin:0; + padding:10px; + border:1px solid #ddd; + background-color:#f0f0f0; +} + + body{ background:#FAFAFA url(/static/i/bg.png) repeat-x left top; padding:0; @@ -25,23 +42,26 @@ a img{ } #content_holder{ - background:transparent url(/static/i/bg_content.png) repeat-y center center; + 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(/static/i/bg_bottom.png) no-repeat center bottom; + background:transparent url([% c.uri_for('/static/i/bg_bottom.png') %]) no-repeat center bottom; } #content_inner{ padding-bottom:30px; - background:transparent url(/static/i/bg_top.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/bg_top.png') %]) no-repeat; +} +.copy{ + padding:10px; } #logo{ margin-left:-10px; float:left; } #header .search{ - margin-right:50px; + margin-right:10px; float:right; } #git_logo{ @@ -58,26 +78,14 @@ a img{ #footer p{ margin-left:15px; } -#debug_holder{ - display:none; - clear:both; - padding-top:30px; - margin:30px 0; -} -#debug_holder pre{ - margin:0; - padding:10px; - border:1px solid #ddd; - background-color:#f0f0f0; -} /* nav tabs */ #nav_logs{ - width:80%; + width:100%; clear:both; float:right; - margin:-5px 50px 0 0; + margin:-5px 10px 0 0; } #nav_logs ul{ margin:0; @@ -100,10 +108,13 @@ a img{ text-decoration:none; } a#log_short{ - background:#666 url(/static/i/icons/shortlog.gif) no-repeat 15px center; + background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center; } a#log_full{ - background:#666 url(/static/i/icons/fulllog.gif) no-repeat 15px center; + background:#666 url([% c.uri_for('/static/i/icons/fulllog.gif') %]) no-repeat 15px center; +} +a#tree{ + background:#666 url([% c.uri_for('/static/i/icons/tree.gif') %]) no-repeat 15px center; } #nav_logs li a:hover{ text-decoration:underline; @@ -112,8 +123,12 @@ a#log_full{ #nav_logs li.selected a{ background-color:#333; } - - +#nav_logs #branch_selector{ + padding:10px 15px 10px 48px; + font-size:1.3em; + font-weight:bold; + color:#666; +} @@ -168,7 +183,45 @@ a:hover{ color:#DC143C; } +/* sub actions dropdown changer in h1 */ +#actions_nav_link{ + border:1px solid #666; + padding:1px 4px; + text-decoration:none; + outline:none; +} +#actions_nav_link span{ + margin-right:5px; + padding-right:18px; + background:transparent url([% c.uri_for('/static/i/arrow_down_white.gif') %]) no-repeat right center; +} +#actions_nav_list{ + display:none; + position:absolute; + padding:0 0 3px 0; + margin:0; + background-color:#333; + color:#fff; + font-size:1em; + border:1px solid #666; + border-top:none; +} +#actions_nav_list li{ + list-style:none; + margin:0; + padding:2px 10px 2px 5px; +} +#actions_nav_list a{ + color:#fff; + font-size:1.8em; +} +#actions_nav_list a:hover{ + color:#EAF2F5; +} +.actions_nav_list_over{ + display:block !important; +} .button{ display:block; float:left; @@ -180,40 +233,40 @@ a:hover{ outline:none; } a.commit{ - background:transparent url(/static/i/icons/commit.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat; } a.diff{ - background:transparent url(/static/i/icons/diff.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat; } a.diffcurrent{ - background:transparent url(/static/i/icons/diffcurrent.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat; } a.tree{ - background:transparent url(/static/i/icons/tree.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat; } a.shortlog{ - background:transparent url(/static/i/icons/shortlog.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat; } a.longlog{ - background:transparent url(/static/i/icons/longlog.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat; } a.blob{ - background:transparent url(/static/i/icons/blob.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat; } a.blame{ - background:transparent url(/static/i/icons/blame.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat; } a.history{ - background:transparent url(/static/i/icons/history.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat; } a.raw{ - background:transparent url(/static/i/icons/raw.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/raw.png') %]) no-repeat; } .sha1_holder{ - background:transparent url(/static/i/icons/button_sha1.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/button_sha1.png') %]) no-repeat; } .sha1_holder_invert{ - background:transparent url(/static/i/icons/button_sha1_invert.png) no-repeat; + background:transparent url([% c.uri_for('/static/i/icons/button_sha1_invert.png') %]) no-repeat; } .sha1_label{ padding-top:2px; @@ -221,11 +274,13 @@ a.raw{ } .msg{ padding:5px 10px 5px 35px; - background:#f0f0f0 url(/static/i/icons/attention.png) no-repeat 10px center; + background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center; border:1px solid #ddd; margin:30px 15px; } - +.match{ + background-color:#ffff00; +} a.rss_logo { float: right; padding: 3px 0px; @@ -249,6 +304,16 @@ a.rss_logo:hover { } +.button_submit{ + text-indent:-999999px; + overflow:hidden; + width:95px; + height:26px; + border:0; + background:transparent url([% c.uri_for('/static/i/buttons/search.png') %]) no-repeat; + cursor: pointer; +} + /* paging */ .pager{ @@ -291,6 +356,9 @@ th{ th a{ color:#fff; } +th a:hover{ + color:#f0f0f0; +} .summary tr{ background-color:#FAFAFA; border-bottom:1px solid #fff; @@ -298,6 +366,12 @@ th a{ .summary td{ vertical-align:middle !important; } +tr{ + background-color:#fff; +} +thead tr{ + background-color:transparent !important; +} tr.invert{ background-color:#f0f0f0; } @@ -329,6 +403,24 @@ table.listing{ vertical-align:top; padding:9px 5px 9px 10px; } + +/* + +puts the repo description on one line which gets truncated if the repo name is too long +BUT the final width needs to be set with javascript based on the parent element (td) width + +.description{ + white-space:nowrap; + overflow:hidden; +} +.description div{ + position:absolute; + white-space:nowrap; + overflow:hidden; + width:200px; +} +*/ + .action-list{ width:120px; } @@ -357,6 +449,7 @@ table.listing{ padding:10px; border:1px solid #ddd; background-color:#f0f0f0; + min-height:40px; } .diff-head{ background-color:#666; @@ -427,6 +520,10 @@ pre.blob { overflow:auto; font-size:12px; } +div.blob { + text-align: center; + margin: 30px; +} /* /blobdiff etc */