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

#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([% c.uri_for('/static/i/bg.png') %]) repeat-x left top;
	padding:0;
	margin:0;
	font-family:Arial, Verdana, sans-serif;
	font-size:80%;
}
a img{
	border:0;
}


/* structure */
.sub_holder{
	width:970px;
	margin:0 auto;
	text-align:left;
}

#header_holder{
	margin-top:20px;
}
#header{
	height:60px;
}

#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_inner{
	padding-bottom:30px;
	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:10px;
	float:right;
}
#git_logo{
	float:left;
	margin-left:15px;
}
#feeds{
	float:right;
	margin-right:15px;
}
#footer_holder{
	margin-bottom:100px;
}
#footer p{
	margin-left:15px;
}


/* nav tabs */
#nav_logs{
	width:100%;
	clear:both;
	float:right;
	margin:-5px 10px 0 0;
}
#nav_logs ul{
	margin:0;
	padding:0;
}
#nav_logs li{
	display:block;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
#nav_logs li a{
	display:block;
	margin-left:20px;
	padding:10px 15px 10px 48px;
	color:#ffffff;
	font-size:1.4em;
	text-transform:uppercase;
	text-decoration:none;
}
a#log_short{
	background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center;
}
a#log_full{
	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;
	background-color:#DC143C;
}
#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;
}


/* formating */
h1{
	margin:0;
	padding:20px 0;
	clear:both;
	font-weight:normal;
	font-size:1.85em;
	color:#fff;
}
h1 a{
	margin-right:10px;
	color:#fff;
}
h1 a:hover{
	color:#EAF2F5;
}
h2{
	font-size:1.85em;
	font-weight:normal;
	color:#666;
	margin:30px 15px 20px;
}
h2 span{
	color:#ccc;
}
h3{
	margin:0;
	color:#fff;
	padding:9px 5px 9px 10px;
	font-size:1em;
}
h3 a{
	color:#ffffff;
}
h4 a{
	color:#ffffff;
}
h4 a:hover{
	color:#EAF2F5;
}
p,
td,
a{
	color:#666;
}
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;
	vertical-align:middle;
	margin-right:8px;
	text-indent:-999999px;
	width:21px;
	height:21px;
	outline:none;
}
a.commit{
	background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
}
a.diff{
	background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
}
a.diffcurrent{
	background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
}
a.tree{
	background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
}
a.shortlog{
	background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
}
a.longlog{
	background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
}
a.blob{
	background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
}
a.blame{
	background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
}
a.history{
	background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
}
a.raw{
	background:transparent url([% c.uri_for('/static/i/icons/raw.png') %]) no-repeat;
}
.sha1_holder{
	background:transparent url([% c.uri_for('/static/i/icons/button_sha1.png') %]) no-repeat;
}
.sha1_holder_invert{
	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([% 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;
  width: 35px;
  line-height: 10px;
  border: 1px solid;
  border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
  color: #ffffff;
  background-color: #ff6600;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 70%;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  margin: 3px;
}

a.rss_logo:hover {
  background-color: #ee5500;
}


.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;
}
.pager li{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}
.pager li a{
	display:block;
	padding:4px 6px;
	color:#fff;
	border:1px solid #ddd;
	background-color:#333;
}
.pager .pager_prev a{
	margin-left:20px;
	float:left;
}
.pager .pager_next a{
	margin-right:20px;
	float:right;
}


/* table listings */
th{
	padding:9px 5px 9px 10px;
	text-align:left;
	color:#fff;
}
th a{
	color:#fff;
}
th a:hover{
	color:#f0f0f0;
}
.summary tr{
	background-color:#FAFAFA;
	border-bottom:1px solid #fff;
}
.summary td{
	vertical-align:middle !important;
}
tr{
	background-color:#fff;
}
thead tr{
	background-color:transparent !important;
}
tr.invert{
	background-color:#f0f0f0;
}
tr.header{
	background-color:#666;
}
.sha1{
	width:80px;
}
.file-mode{
	width:80px;
}
.time-since{
	width:95px;
	font-weight:bold;
}
.author{
	width:180px;
}
.author img{
	margin-right:5px;
	vertical-align:middle;
}
table.listing{
	width:970px;
	border-collapse:collapse;
}
.listing td{
	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;
}

.diff-tree{
	background-color:#f0f0f0;
}
.diff-tree th{
	background-color:#666;
}
.diff-tree tr{
	border-bottom:1px solid #fff;
}
.diff-tree td{
	padding:6px 5px 4px 10px;
}
.differences{
	margin-top:0;
	padding:0px 15px;
}
.differences pre{
	line-height:140%;
	font-size:12px;
	overflow:auto;
	margin:0;
	padding:10px;
	border:1px solid #ddd;
	background-color:#f0f0f0;
	min-height:40px;
}
.diff-head{
	background-color:#666;
	color:#fff;
	margin:10px 0 0 0 !important;
	border:1px solid #ddd;
	border-bottom:none;
	font-family: monospace;
	padding:10px;
	font-size:13px;
}
.diff-index {
	margin:0 0 30px 0;
	border:1px solid #ddd;
	border-top:none;
	background-color:#ccc;
	padding:5px 10px;
}


/* /blame */
#blame pre, #blame tt {
  margin: 0;
  font-size: 12px;
}
#blame .commit-info {

}
#blame .lineno {
  text-align: right;
  padding: 0 8px;
}
#blame a {
 text-decoration: none;
}
#blame {
    overflow-x: scroll;
}
#blame tr.alt {
  background-color: #f7f7f7;
}
#blame tbody tr:hover {
  background-color: #fefeaa;
}
#blame td {
	vertical-align:middle;
	padding: 3px;
}
#blame td.lineno {
  background-color: #eee;
}
#blame td.date, #blame td.author, #blame td.commit-info {
}
#blame 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;
}
div.blob {
    text-align: center;
    margin: 30px;
}

/* /blobdiff etc */

/* Hidden spans that contain bits of data to be used by JS */
.js-data {
    display: none;
}
Commit	Line	Data
9143f8d4	1	#debug_holder{
9143f8d4	2
b01bc516	3	display:none;
9143f8d4	4
	5	clear:both;
	6	padding-top:30px;
	7	margin:30px 0;
	8	}
	9
	10	#debug_holder pre{
	11	margin:0;
	12	padding:10px;
	13	border:1px solid #ddd;
	14	background-color:#f0f0f0;
	15	}
	16
82f94bce	17	body{
847a8271	18	background:#FAFAFA url([% c.uri_for('/static/i/bg.png') %]) repeat-x left top;
82f94bce	19	padding:0;
	20	margin:0;
	21	font-family:Arial, Verdana, sans-serif;
	22	font-size:80%;
	23	}
	24	a img{
	25	border:0;
	26	}
82f94bce	27
	28
	29	/* structure */
	30	.sub_holder{
	31	width:970px;
	32	margin:0 auto;
82f94bce	33	text-align:left;
	34	}
	35
08d8bb08	36	#header_holder{
82f94bce	37	margin-top:20px;
82f94bce	38	}
08d8bb08	39	#header{
	40	height:60px;
	41	}
	42
82f94bce	43	#content_holder{
2b686219	44	background:transparent url([% c.uri_for('/static/i/bg_content.png') %]) repeat-y center center;
82f94bce	45	}
82f94bce	46	#content{
eab82ed1	47	min-height:200px;
82f94bce	48	padding:0 12px 40px 10px;
2b686219	49	background:transparent url([% c.uri_for('/static/i/bg_bottom.png') %]) no-repeat center bottom;
82f94bce	50	}
82f94bce	51	#content_inner{
eab82ed1	52	padding-bottom:30px;
2b686219	53	background:transparent url([% c.uri_for('/static/i/bg_top.png') %]) no-repeat;
82f94bce	54	}
b6867aab	55	.copy{
	56	padding:10px;
	57	}
82f94bce	58	#logo{
	59	margin-left:-10px;
	60	float:left;
	61	}
	62	#header .search{
9143f8d4	63	margin-right:10px;
82f94bce	64	float:right;
82f94bce	65	}
eab82ed1	66	#git_logo{
	67	float:left;
	68	margin-left:15px;
	69	}
	70	#feeds{
	71	float:right;
	72	margin-right:15px;
	73	}
189f3b00	74	#footer_holder{
	75	margin-bottom:100px;
	76	}
eab82ed1	77	#footer p{
	78	margin-left:15px;
	79	}
82f94bce	80
	81
	82	/* nav tabs */
	83	#nav_logs{
71eba67c	84	width:100%;
82f94bce	85	clear:both;
82f94bce	86	float:right;
9143f8d4	87	margin:-5px 10px 0 0;
08d8bb08	88	}
	89	#nav_logs ul{
	90	margin:0;
	91	padding:0;
82f94bce	92	}
	93	#nav_logs li{
	94	display:block;
08d8bb08	95	float:right;
82f94bce	96	list-style:none;
	97	margin:0;
	98	padding:0;
	99	}
	100	#nav_logs li a{
	101	display:block;
	102	margin-left:20px;
	103	padding:10px 15px 10px 48px;
	104	color:#ffffff;
	105	font-size:1.4em;
	106	text-transform:uppercase;
	107	text-decoration:none;
	108	}
	109	a#log_short{
2b686219	110	background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center;
82f94bce	111	}
82f94bce	112	a#log_full{
2b686219	113	background:#666 url([% c.uri_for('/static/i/icons/fulllog.gif') %]) no-repeat 15px center;
82f94bce	114	}
9143f8d4	115	a#tree{
2b686219	116	background:#666 url([% c.uri_for('/static/i/icons/tree.gif') %]) no-repeat 15px center;
9143f8d4	117	}
82f94bce	118	#nav_logs li a:hover{
	119	text-decoration:underline;
	120	background-color:#DC143C;
	121	}
	122	#nav_logs li.selected a{
	123	background-color:#333;
	124	}
9143f8d4	125	#nav_logs #branch_selector{
	126	padding:10px 15px 10px 48px;
	127	font-size:1.3em;
	128	font-weight:bold;
	129	color:#666;
	130	}
82f94bce	131
	132
	133
	134
	135
	136	/* formating */
	137	h1{
	138	margin:0;
	139	padding:20px 0;
	140	clear:both;
	141	font-weight:normal;
	142	font-size:1.85em;
	143	color:#fff;
	144	}
	145	h1 a{
	146	margin-right:10px;
	147	color:#fff;
	148	}
	149	h1 a:hover{
	150	color:#EAF2F5;
	151	}
08d8bb08	152	h2{
	153	font-size:1.85em;
	154	font-weight:normal;
	155	color:#666;
	156	margin:30px 15px 20px;
	157	}
	158	h2 span{
	159	color:#ccc;
	160	}
	161	h3{
	162	margin:0;
	163	color:#fff;
	164	padding:9px 5px 9px 10px;
	165	font-size:1em;
	166	}
	167	h3 a{
	168	color:#ffffff;
	169	}
	170	h4 a{
	171	color:#ffffff;
	172	}
	173	h4 a:hover{
	174	color:#EAF2F5;
	175	}
82f94bce	176	p,
	177	td,
	178	a{
	179	color:#666;
	180	}
	181	a:hover{
	182	color:#DC143C;
	183	}
	184
066e05d3	185	/* sub actions dropdown changer in h1 */
	186	#actions_nav_link{
	187	border:1px solid #666;
	188	padding:1px 4px;
	189	text-decoration:none;
	190	outline:none;
	191	}
	192	#actions_nav_link span{
	193	margin-right:5px;
	194	padding-right:18px;
82f94bce	195
066e05d3	196	background:transparent url([% c.uri_for('/static/i/arrow_down_white.gif') %]) no-repeat right center;
	197	}
	198	#actions_nav_list{
	199	display:none;
	200	position:absolute;
	201	padding:0 0 3px 0;
	202	margin:0;
	203	background-color:#333;
	204	color:#fff;
	205	font-size:1em;
	206	border:1px solid #666;
	207	border-top:none;
	208	}
	209	#actions_nav_list li{
	210	list-style:none;
	211	margin:0;
	212	padding:2px 10px 2px 5px;
	213	}
	214	#actions_nav_list a{
	215	color:#fff;
	216	font-size:1.8em;
	217	}
	218	#actions_nav_list a:hover{
	219	color:#EAF2F5;
	220	}
	221	.actions_nav_list_over{
	222	display:block !important;
	223	}
82f94bce	224	.button{
	225	display:block;
	226	float:left;
	227	vertical-align:middle;
	228	margin-right:8px;
08d8bb08	229	text-indent:-999999px;
82f94bce	230	width:21px;
82f94bce	231	height:21px;
08d8bb08	232	outline:none;
82f94bce	233	}
08d8bb08	234	a.commit{
2b686219	235	background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
82f94bce	236	}
08d8bb08	237	a.diff{
2b686219	238	background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
82f94bce	239	}
189f3b00	240	a.diffcurrent{
2b686219	241	background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
189f3b00	242	}
08d8bb08	243	a.tree{
2b686219	244	background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
82f94bce	245	}
08d8bb08	246	a.shortlog{
2b686219	247	background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
eab82ed1	248	}
08d8bb08	249	a.longlog{
2b686219	250	background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
eab82ed1	251	}
08d8bb08	252	a.blob{
2b686219	253	background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
eab82ed1	254	}
08d8bb08	255	a.blame{
2b686219	256	background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
eab82ed1	257	}
08d8bb08	258	a.history{
2b686219	259	background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
eab82ed1	260	}
08d8bb08	261	a.raw{
2b686219	262	background:transparent url([% c.uri_for('/static/i/icons/raw.png') %]) no-repeat;
eab82ed1	263	}
82f94bce	264	.sha1_holder{
2b686219	265	background:transparent url([% c.uri_for('/static/i/icons/button_sha1.png') %]) no-repeat;
82f94bce	266	}
82f94bce	267	.sha1_holder_invert{
2b686219	268	background:transparent url([% c.uri_for('/static/i/icons/button_sha1_invert.png') %]) no-repeat;
82f94bce	269	}
	270	.sha1_label{
	271	padding-top:2px;
	272	float:left;
	273	}
97bdf7bc	274	a.file{
97bdf7bc	275	padding-left:25px;
ffddccd8	276	padding-bottom:1px;
97bdf7bc	277	background:transparent url([% c.uri_for('/static/i/icons/file.png') %]) no-repeat;
	278	}
	279	a.folder{
	280	padding-left:25px;
ffddccd8	281	padding-bottom:1px;
97bdf7bc	282	background:transparent url([% c.uri_for('/static/i/icons/folder.png') %]) no-repeat;
97bdf7bc	283	}
189f3b00	284	.msg{
189f3b00	285	padding:5px 10px 5px 35px;
2b686219	286	background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center;
189f3b00	287	border:1px solid #ddd;
	288	margin:30px 15px;
	289	}
b6867aab	290	.match{
	291	background-color:#ffff00;
	292	}
08d8bb08	293	a.rss_logo {
	294	float: right;
	295	padding: 3px 0px;
	296	width: 35px;
	297	line-height: 10px;
	298	border: 1px solid;
	299	border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
	300	color: #ffffff;
	301	background-color: #ff6600;
	302	font-weight: bold;
	303	font-family: sans-serif;
	304	font-size: 70%;
	305	font-style: normal;
	306	text-align: center;
	307	text-decoration: none;
	308	margin: 3px;
	309	}
	310
	311	a.rss_logo:hover {
	312	background-color: #ee5500;
	313	}
	314
	315
b6867aab	316	.button_submit{
	317	text-indent:-999999px;
	318	overflow:hidden;
	319	width:95px;
	320	height:26px;
	321	border:0;
	322	background:transparent url([% c.uri_for('/static/i/buttons/search.png') %]) no-repeat;
	323	cursor: pointer;
	324	}
	325
08d8bb08	326
82f94bce	327	/* paging */
	328	.pager{
	329	width:100%;
	330	float:left;
	331	margin:10px 0;
	332	padding:0;
	333	}
	334	.pager li{
	335	margin:0;
	336	padding:0;
	337	display:block;
	338	list-style:none;
	339	}
	340	.pager li a{
	341	display:block;
	342	padding:4px 6px;
	343	color:#fff;
	344	border:1px solid #ddd;
	345	background-color:#333;
	346	}
	347	.pager .pager_prev a{
	348	margin-left:20px;
	349	float:left;
	350	}
	351	.pager .pager_next a{
	352	margin-right:20px;
	353	float:right;
	354	}
	355
	356
	357
	358
	359	/* table listings */
	360	th{
	361	padding:9px 5px 9px 10px;
	362	text-align:left;
	363	color:#fff;
	364	}
eab82ed1	365	th a{
	366	color:#fff;
	367	}
71eba67c	368	th a:hover{
	369	color:#f0f0f0;
	370	}
08d8bb08	371	.summary tr{
	372	background-color:#FAFAFA;
	373	border-bottom:1px solid #fff;
	374	}
	375	.summary td{
	376	vertical-align:middle !important;
	377	}
71eba67c	378	tr{
	379	background-color:#fff;
	380	}
	381	thead tr{
	382	background-color:transparent !important;
	383	}
82f94bce	384	tr.invert{
	385	background-color:#f0f0f0;
	386	}
189f3b00	387	tr.header{
	388	background-color:#666;
	389	}
82f94bce	390	.sha1{
	391	width:80px;
	392	}
eab82ed1	393	.file-mode{
	394	width:80px;
	395	}
82f94bce	396	.time-since{
	397	width:95px;
	398	font-weight:bold;
	399	}
	400	.author{
	401	width:180px;
	402	}
	403	.author img{
	404	margin-right:5px;
	405	vertical-align:middle;
	406	}
	407	table.listing{
	408	width:970px;
	409	border-collapse:collapse;
	410	}
	411	.listing td{
08d8bb08	412	vertical-align:top;
82f94bce	413	padding:9px 5px 9px 10px;
82f94bce	414	}
8d491fb3	415
	416	/*
	417
	418	puts the repo description on one line which gets truncated if the repo name is too long
	419	BUT the final width needs to be set with javascript based on the parent element (td) width
	420
	421	.description{
	422	white-space:nowrap;
	423	overflow:hidden;
	424	}
	425	.description div{
	426	position:absolute;
	427	white-space:nowrap;
	428	overflow:hidden;
	429	width:200px;
	430	}
	431	*/
	432
82f94bce	433	.action-list{
eab82ed1	434	width:120px;
08d8bb08	435	}
	436
	437	.diff-tree{
	438	background-color:#f0f0f0;
	439	}
	440	.diff-tree th{
	441	background-color:#666;
	442	}
	443	.diff-tree tr{
	444	border-bottom:1px solid #fff;
	445	}
	446	.diff-tree td{
	447	padding:6px 5px 4px 10px;
	448	}
	449	.differences{
	450	margin-top:0;
	451	padding:0px 15px;
	452	}
	453	.differences pre{
	454	line-height:140%;
	455	font-size:12px;
	456	overflow:auto;
	457	margin:0;
	458	padding:10px;
	459	border:1px solid #ddd;
	460	background-color:#f0f0f0;
71eba67c	461	min-height:40px;
08d8bb08	462	}
	463	.diff-head{
	464	background-color:#666;
	465	color:#fff;
	466	margin:10px 0 0 0 !important;
	467	border:1px solid #ddd;
	468	border-bottom:none;
	469	font-family: monospace;
	470	padding:10px;
	471	font-size:13px;
	472	}
	473	.diff-index {
	474	margin:0 0 30px 0;
	475	border:1px solid #ddd;
	476	border-top:none;
	477	background-color:#ccc;
	478	padding:5px 10px;
	479	}
	480
	481
	482	/* /blame */
	483	#blame pre, #blame tt {
	484	margin: 0;
189f3b00	485	font-size: 12px;
08d8bb08	486	}
08d8bb08	487	#blame .commit-info {
189f3b00	488
08d8bb08	489	}
	490	#blame .lineno {
	491	text-align: right;
	492	padding: 0 8px;
	493	}
	494	#blame a {
5b8b4e15	495	text-decoration: none;
08d8bb08	496	}
	497	#blame {
	498	overflow-x: scroll;
	499	}
	500	#blame tr.alt {
	501	background-color: #f7f7f7;
	502	}
	503	#blame tbody tr:hover {
	504	background-color: #fefeaa;
	505	}
	506	#blame td {
189f3b00	507	vertical-align:middle;
189f3b00	508	padding: 3px;
08d8bb08	509	}
	510	#blame td.lineno {
	511	background-color: #eee;
	512	}
	513	#blame td.date, #blame td.author, #blame td.commit-info {
	514	}
	515	#blame tbody td.data {
	516	padding-left: 5px;
	517	background-color: #333;
	518	color: #ddd;
	519	}
	520
	521	/* /blob */
	522	pre.blob {
	523	background-color: #333;
	524	color: #ddd;
	525	border-left: solid 3px #c33;
	526	padding: 5px;
	527	padding-left: 15px;
	528	margin: 20px 15px 20px;
	529	overflow:auto;
189f3b00	530	font-size:12px;
08d8bb08	531	}
e172b6b8	532	div.blob {
	533	text-align: center;
	534	margin: 30px;
	535	}
08d8bb08	536
	537	/* /blobdiff etc */
	538
feb6e881	539	/* Hidden spans that contain bits of data to be used by JS */
	540	.js-data {
	541	display: none;
	542	}