[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{

}
#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;
}
.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:-9px 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%;
	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:160px;
}
.author img{
	margin-right:5px;
	vertical-align:middle;
}
table.listing{
	width:970px;
	border-collapse:collapse;
}
table.listing thead {
    background-color: #666;
}
.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 */

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