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=bcbc7f0377fdf0bc5a3cb479cae260a47bb74428;hpb=9143f8d4f50336a0ed37fc001f073eeb7c2717ea;p=catagits%2FGitalist.git

diff --git a/root/static/css/core.css b/root/static/css/core.css
index bcbc7f0..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,25 @@ a img{
 }
 
 #content_holder{
-	background:transparent url(/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;
+#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(/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;
@@ -79,10 +87,10 @@ a img{
 
 /* nav tabs */
 #nav_logs{
-	width:80%;
+	width:100%;
 	clear:both;
 	float:right;
-	margin:-5px 10px 0 0;
+	margin:-9px 10px 0 0;
 }
 #nav_logs ul{
 	margin:0;
@@ -105,13 +113,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(/static/i/icons/tree.gif) no-repeat 15px center;
+	background:#666 url([% c.uri_for('/static/i/icons/tree.gif') %]) no-repeat 15px center;
 }
 #nav_logs li a:hover{
 	text-decoration:underline;
@@ -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;
@@ -192,52 +238,64 @@ 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;
 	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(/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;
@@ -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;
 }
@@ -303,6 +370,9 @@ th{
 th a{
 	color:#fff;
 }
+th a:hover{
+	color:#f0f0f0;
+}
 .summary tr{
 	background-color:#FAFAFA;
 	border-bottom:1px solid #fff;
@@ -310,6 +380,12 @@ th a{
 .summary td{
 	vertical-align:middle !important;
 }
+tr{
+	background-color:#fff;
+}
+thead tr{
+	background-color:transparent !important;
+}
 tr.invert{
 	background-color:#f0f0f0;
 }
@@ -327,7 +403,7 @@ tr.header{
 	font-weight:bold;
 }
 .author{
-	width:180px;
+	width:160px;
 }
 .author img{
 	margin-right:5px;
@@ -337,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;
 }
@@ -369,6 +471,7 @@ table.listing{
 	padding:10px;
 	border:1px solid #ddd;
 	background-color:#f0f0f0;
+	min-height:40px;
 }
 .diff-head{
 	background-color:#666;
@@ -390,21 +493,21 @@ table.listing{
 
 
 /* /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 {
@@ -413,32 +516,32 @@ table.listing{
 #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;
+}
+p.commit-message {
+  margin: 0;
+}
+
+/* Hidden spans that contain bits of data to be used by JS */
+.js-data {
+    display: none;
+}