Skip to content

Commit 79b1344

Browse files
dschodscho
committed
... and the CSS file, too. Signed-off-by: Johannes Schindelin <[email protected]>
0 parents  commit 79b1344

File tree

2 files changed

+4615
-0
lines changed

2 files changed

+4615
-0
lines changed

‎GitForWindows.css

Lines changed: 373 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,373 @@
1+
html {
2+
font: 18px/1 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3+
color: #FFFFFF;
4+
}
5+
6+
li a {
7+
font-size: .875em;
8+
}
9+
10+
a {
11+
color: #94C3FF;
12+
text-decoration: none;
13+
}
14+
15+
div.links ul {
16+
list-style-type: none;
17+
text-transform: uppercase;
18+
margin: 0;
19+
padding: 0 0 1em 3em;
20+
width: 100%;
21+
}
22+
23+
div.links a {
24+
color: #FFFFFF;
25+
font-size: .5em;
26+
}
27+
28+
div.links ul li {
29+
line-height: .5em;
30+
float: left;
31+
padding: 0 1em 1em 0;
32+
}
33+
34+
@media screen and (min-width:750px) {
35+
div.links {
36+
position: fixed;
37+
}
38+
39+
div.links ul {
40+
width: 80px;
41+
padding: 0;
42+
}
43+
44+
div.links ul li {
45+
float: inherit;
46+
padding: 0;
47+
}
48+
}
49+
50+
.gittext {
51+
color: #646464;
52+
font-weight: bold;
53+
}
54+
55+
.lowercase {
56+
text-transform: lowercase;
57+
}
58+
59+
h1,
60+
h2,
61+
h3 {
62+
font-weight: 300;
63+
}
64+
65+
h1 {
66+
font-size: 2em;
67+
}
68+
69+
h1 span {
70+
color: #969696;
71+
font-size: .42em;
72+
margin-left: .476em;
73+
}
74+
75+
h2 {
76+
font-size: 2em;
77+
line-height: 1.3;
78+
}
79+
80+
h3 {
81+
font-size: 1.875em;
82+
line-height: 1.3;
83+
}
84+
85+
.content {
86+
margin-left: auto;
87+
margin-right: auto;
88+
width: 65%;
89+
min-width: 33em;
90+
max-width: 80em;
91+
}
92+
93+
header {
94+
background-color: #E1E1E1;
95+
background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(235, 235, 235, 0.7)), color-stop(50%, rgba(200, 200, 200, 0.3)), color-stop(100%, rgba(30, 30, 30, 0.25))); /* Chrome,Safari4+ */
96+
background-image: -webkit-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* Chrome10+,Safari5.1+ */
97+
background-image: -moz-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* FF3.6+ */
98+
background-image: -ms-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* IE10+ */
99+
background-image: -o-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* Opera 12+ */
100+
background-image: radial-gradient(ellipse at center, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* W3C */
101+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3EBEBEB', endColorstr='#401E1E1E',GradientType=1); /* IE6-9 fallback on horizontal gradient */
102+
background-repeat: repeat;
103+
height: 30.3125em;
104+
padding-top: 0.6em;
105+
}
106+
107+
header h1 {
108+
margin-top: .18em;
109+
}
110+
111+
header h2 {
112+
font-size: 2.5em;
113+
margin-top: 0;
114+
}
115+
116+
footer {
117+
background-color: #C8C8C8; /* Old browsers */
118+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C8C8C8), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */
119+
background-image: -webkit-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */
120+
background-image: -moz-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* FF3.6+ */
121+
background-image: -ms-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* IE10+ */
122+
background-image: -o-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* Opera 11.10+ */
123+
background-image: linear-gradient(to bottom, #C8C8C8 0%, #FFFFFF 100%); /* W3C */
124+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#ffffff',GradientType=0); /* IE6-9 */
125+
border-top: solid 1px #F0F0F0;
126+
}
127+
128+
footer div {
129+
padding-top: 0.9375em;
130+
}
131+
132+
footer h1 {
133+
font-size: 1.375em;
134+
margin-top: -0.273em;
135+
}
136+
137+
footer .gittext {
138+
color: #969696;
139+
}
140+
141+
nav {
142+
border-bottom: solid 1px #C8C8C8;
143+
-webkit-box-sizing: border-box;
144+
-moz-box-sizing: border-box;
145+
box-sizing: border-box;
146+
height: 4.375em;
147+
margin-bottom: 2em;
148+
padding: 0 1.3em;
149+
}
150+
151+
nav h1 {
152+
float: left;
153+
}
154+
155+
nav ul,
156+
footer a {
157+
float: right;
158+
}
159+
160+
nav ul {
161+
margin-top: 2.375em;
162+
}
163+
164+
nav li,
165+
footer li {
166+
text-transform: uppercase;
167+
float: left;
168+
margin-left: 1.5625em;
169+
}
170+
171+
.feature article {
172+
position: relative;
173+
padding-right: 0px;
174+
width: 49.2%;
175+
margin-left: auto;
176+
margin-right: 0em;
177+
height: 20em;
178+
}
179+
180+
.feature h2 {
181+
border-bottom: solid 1px #BEBEBE;
182+
color: #828282;
183+
line-height: 1.625em;
184+
margin-bottom: 0.375em;
185+
padding: 0.125em 0.375em;
186+
}
187+
188+
.button {
189+
background-color: #4B8CE9; /* Old browsers */
190+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B8CE9), color-stop(100%,#2C66B8)); /* Chrome,Safari4+ */
191+
background-image: -webkit-linear-gradient(top, #4B8CE9 0%,#2C66B8 100%); /* Chrome10+,Safari5.1+ */
192+
background-image: -moz-linear-gradient(top, #4B8CE9 0%, #2C66B8 100%); /* FF3.6+ */
193+
background-image: -ms-linear-gradient(top, #4B8CE9 0%,#2C66B8 100%); /* IE10+ */
194+
background-image: -o-linear-gradient(top, #4B8CE9 0%,#2C66B8 100%); /* Opera 11.10+ */
195+
background-image: linear-gradient(to bottom, #4B8CE9 0%,#2C66B8 100%); /* W3C */
196+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8CE9', endColorstr='#2C66B8',GradientType=0); /* IE6-9 */
197+
-webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), inset 0 0 2px hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.29);
198+
-moz-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), inset 0 0 2px hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.29);
199+
box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), inset 0 0 2px hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.29);
200+
-webkit-border-radius: 0.238em;
201+
-moz-border-radius: 0.238em;
202+
border-radius: 0.238em;
203+
border: 1px solid #0A3A7D;
204+
color: white;
205+
display: inline-block;
206+
font-size: 1.3125em;
207+
padding: 0.476em 3%;
208+
text-align: center;
209+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
210+
}
211+
212+
.featurebutton {
213+
float: left;
214+
margin: 0 1%;
215+
width: 41%;
216+
}
217+
218+
.imagerollover {
219+
float: left;
220+
position: relative;
221+
width: 46.5%;
222+
}
223+
224+
.imagerollover img {
225+
position: absolute;
226+
-webkit-transition: opacity 1s ease-in-out;
227+
-moz-transition: opacity 1s ease-in-out;
228+
-o-transition: opacity 1s ease-in-out;
229+
transition: opacity 1s ease-in-out;
230+
width: 100%;
231+
height: auto;
232+
}
233+
234+
.imagerollover .top:hover {
235+
opacity: 0;
236+
}
237+
238+
.vcentercontainer {
239+
display: table;
240+
height: 100%;
241+
}
242+
243+
.vcentercontainer div {
244+
display: table-cell;
245+
}
246+
247+
.vcentercontainer div,
248+
.vcentercontainer img {
249+
vertical-align: middle;
250+
}
251+
252+
.vcentercontainer img {
253+
margin: 2.8125em auto;
254+
}
255+
256+
.details {
257+
background-color: #2C66B8;
258+
}
259+
260+
.details article {
261+
border-bottom: solid 0.3125em #00478F;
262+
border-top: solid 0.3125em #00478F;
263+
}
264+
265+
.details .gittext {
266+
color: #FFFFFF;
267+
}
268+
269+
.details p {
270+
margin-top: 0;
271+
}
272+
273+
.details p a {
274+
color: #A3CFFF;
275+
text-decoration: underline;
276+
}
277+
278+
.details h2 {
279+
background-color: #4A7CC2;
280+
border-bottom: solid 0.104em #7198C1;
281+
border-top: solid 0.104em #7198C1;
282+
-webkit-box-shadow: 0 0 0.8333em rgba(0, 0, 0, 0.4);
283+
-moz-box-shadow: 0 0 0.8333em rgba(0, 0, 0, 0.4);
284+
box-shadow: 0 0 0.8333em rgba(0, 0, 0, 0.4);
285+
clear: both;
286+
color: #FFFFFF;
287+
margin-bottom: 0.625em;
288+
margin-top: 0.9375em;
289+
padding: 0.1875em 0;
290+
text-align: center;
291+
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
292+
}
293+
294+
.details h3 {
295+
color: #F5F5F5;
296+
margin-bottom: 0;
297+
margin-top: 0.8333em;
298+
text-shadow: 0 -1px rgba(0, 0, 0, 0.35);
299+
}
300+
301+
.details .button {
302+
border: 1px solid #464646;
303+
background-color: #E0E0E0; /* Old browsers */
304+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,#A3A3A3)); /* Chrome,Safari4+ */
305+
background-image: -webkit-linear-gradient(top, #E0E0E0 0%,#A3A3A3 100%); /* Chrome10+,Safari5.1+ */
306+
background-image: -moz-linear-gradient(top, #E0E0E0 0%, #A3A3A3 100%); /* FF3.6+ */
307+
background-image: -ms-linear-gradient(top, #E0E0E0 0%,#A3A3A3 100%); /* IE10+ */
308+
background-image: -o-linear-gradient(top, #E0E0E0 0%,#A3A3A3 100%); /* Opera 11.10+ */
309+
background-image: linear-gradient(to bottom, #E0E0E0 0%,#A3A3A3 100%); /* W3C */
310+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#A3A3A3',GradientType=0); /* IE6-9 */
311+
margin-left: auto;
312+
margin-right: auto;
313+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
314+
}
315+
316+
.details .content {
317+
height: 39.0625em;
318+
}
319+
320+
.details p {
321+
color: #EBEBEB;
322+
line-height: 1.4em;
323+
margin-bottom: 0.3125em;
324+
text-shadow: 0 -1px rgba(0, 0, 0, 0.35);
325+
}
326+
327+
.details li, .details li p {
328+
line-height: 1.2em;
329+
}
330+
331+
.details .vcentercontainer:first-child {
332+
margin-right: 5%;
333+
}
334+
335+
.verticalgallery {
336+
float: none;
337+
text-align: center;
338+
}
339+
340+
.verticalgallery img {
341+
border: solid 0.3125em #5881BD;
342+
-webkit-box-shadow: 0 0 2.8125em rgba(0, 0,0, 0.17);
343+
-moz-box-shadow: 0 0 2.8125em rgba(0, 0, 0, 0.17);
344+
box-shadow: 0 0 2.8125em rgba(0, 0, 0, 0.17);
345+
margin: 1.875em auto;
346+
width: 100%;
347+
height: auto;
348+
}
349+
350+
.detailstext {
351+
float: left;
352+
width: 58%;
353+
}
354+
355+
.detailsimg {
356+
float: left;
357+
width: 35%;
358+
}
359+
360+
.contributecontent .detailsimg * {
361+
width: 100%;
362+
height: auto;
363+
}
364+
365+
.list-unstyled {
366+
list-style-type: none;
367+
padding-left: 0;
368+
}
369+
370+
.stud {
371+
clear: both;
372+
}
373+

0 commit comments

Comments
 (0)