sorted design of search

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

diff --git a/root/static/css/core.css b/root/static/css/core.css
index 1018603..fca2565 100755 (executable)
--- 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 */