Skip to content
This repository was archived by the owner on Apr 12, 2020. It is now read-only.

Commit f8b32c8

Browse files
author
alexandresalome
committed
header integration
1 parent 1e1cea6 commit f8b32c8

File tree

2 files changed

+58
-9
lines changed

2 files changed

+58
-9
lines changed

src/Gitonomy/Browser/Resources/views/layout.html.twig

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,21 @@
66
<link rel="stylesheet" href="{{ app.request.basepath }}/css/layout.css" />
77
</head>
88
<body>
9-
<div class="gitonomy-browser">
10-
<h1><a href="{{ path('repositories') }}">gitonomy browser</a></h1>
11-
<hr />
12-
{% block content '' %}
13-
<hr />
14-
<script type="text/javascript" src="{{ app.request.basepath }}/vendor/jquery-1.9.0.min.js"></script>
15-
<script type="text/javascript" src="{{ app.request.basepath }}/js/log.js"></script>
9+
<div class="gitonomy-browser-wrapper">
10+
<div class="gitonomy-browser">
11+
<h1>
12+
{% if repository|default(false) %}
13+
<a class="project-name" href="#">{{ repository.name }}</a>
14+
-
15+
{% endif %}
16+
<a href="{{ path('repositories') }}">gitonomy/browser</a>
17+
</h1>
18+
<div class="gitonomy-browser-content">
19+
{% block content '' %}
20+
</div>
21+
</div>
1622
</div>
23+
<script type="text/javascript" src="/vendor/jquery-1.9.0.min.js"></script>
24+
<script type="text/javascript" src="/js/log.js"></script>
1725
</body>
1826
</html>

web/css/layout.css

Lines changed: 43 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,50 @@
1-
.gitonomy-browser {
1+
body {
2+
margin: 0;
23
font-family: sans-serif;
3-
width: 1024px;
4+
}
5+
6+
.gitonomy-browser-wrapper {
7+
width: 1000px;
48
margin: 0 auto;
9+
box-shadow: 0px 0px 60px #aaa;
10+
}
11+
12+
.gitonomy-browser-content {
13+
width: 960px;
14+
margin: 0 auto;
15+
}
16+
17+
.gitonomy-browser h1, .gitonomy-browser hr
18+
{
19+
margin: 0;
20+
padding: 0;
521
}
622

23+
.gitonomy-browser h1,
24+
.gitonomy-browser h1 a
25+
{
26+
color: white;
27+
text-decoration: none;
28+
text-shadow: 0px 0px 10px #999;
29+
}
30+
31+
.gitonomy-browser h1 a.project-name {
32+
color: #ff8821;
33+
text-shadow: none;
34+
}
35+
36+
.gitonomy-browser h1 {
37+
line-height: 1.5em;
38+
text-indent: 0.5em;
39+
40+
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
41+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
42+
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
43+
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
44+
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
45+
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C */
46+
47+
}
748
.gitonomy-browser table.repository-list {
849
width: 100%;
950
text-align: right;

0 commit comments

Comments
 (0)