X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fstatic%2Fcss%2Fcore.css;h=cca79a38b67c30dadec28de79904f12e60bec79b;hb=225bd36dbf284adf49ae0bffe0fc482f228c0011;hp=37e47625c793a8e1b775c9b078446392f485dca7;hpb=71eba67cc0f4d557d942d46911f503cca73bc77f;p=catagits%2FGitalist.git diff --git a/root/static/css/core.css b/root/static/css/core.css index 37e4762..cca79a3 100755 --- a/root/static/css/core.css +++ b/root/static/css/core.css @@ -1,6 +1,6 @@ #debug_holder{ - adisplay:none; + display:none; clear:both; padding-top:30px; @@ -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,25 @@ 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; } #logo{ margin-left:-10px; @@ -82,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; @@ -180,7 +188,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; @@ -231,13 +277,25 @@ 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; border:1px solid #ddd; margin:30px 15px; } - +.match{ + background-color:#ffff00; +} a.rss_logo { float: right; padding: 3px 0px; @@ -261,11 +319,20 @@ 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{ width:100%; - float:left; margin:10px 0; padding:0; } @@ -336,7 +403,7 @@ tr.header{ font-weight:bold; } .author{ - width:180px; + width:160px; } .author img{ margin-right:5px; @@ -346,10 +413,36 @@ 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 +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; } @@ -412,7 +505,7 @@ table.listing{ padding: 0 8px; } #blame a { - atext-decoration: none; + text-decoration: none; } #blame { overflow-x: scroll; @@ -449,6 +542,22 @@ pre.blob { overflow:auto; font-size:12px; } +div.blob { + text-align: center; + margin: 30px; +} /* /blobdiff etc */ +.commit-message { + white-space: pre-wrap; + width: 420px; +} +p.commit-message { + margin: 0; +} + +/* Hidden spans that contain bits of data to be used by JS */ +.js-data { + display: none; +}