Skip to content

Commit b9d6f65

Browse files
zenorochazenorocha
committed
demonstration page added
1 parent 98e30db commit b9d6f65

File tree

11 files changed

+503
-0
lines changed

11 files changed

+503
-0
lines changed

‎css/style.css‎

Lines changed: 198 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,198 @@
1+
body{
2+
background:#F8F8F8 url('img/noise.png') top left;
3+
}
4+
5+
a{
6+
text-decoration:none;
7+
}
8+
9+
p{
10+
font-size: 12px;
11+
font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
12+
line-height: 1.5em;
13+
}
14+
15+
.projects{
16+
width:700px;
17+
margin:0 auto;
18+
padding: 30px;
19+
}
20+
21+
.link {
22+
display:none;
23+
}
24+
25+
/* Github */
26+
27+
.github-widget:nth-child(even) .github-box{
28+
margin-right:0 !important
29+
}
30+
31+
.github-box{
32+
font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,sans-serif;
33+
background:#fafafa;
34+
border:1px solid #ddd;
35+
color:#666;
36+
-moz-border-radius:5px;
37+
-webkit-border-radius:5px;
38+
-o-border-radius:5px;
39+
-ms-border-radius:5px;
40+
-khtml-border-radius:5px;
41+
border-radius:5px;
42+
float:left;
43+
margin-right:1.2em;
44+
margin-bottom:2em;
45+
width:46%
46+
}
47+
48+
.github-box a{
49+
color:#4183C4;
50+
border:none
51+
}
52+
53+
.github-box .github-box-title{
54+
position:relative;
55+
border-bottom:1px solid #ddd;
56+
-moz-border-radius:5px 5px 0 0;
57+
-webkit-border-radius:5px 5px 0 0;
58+
-o-border-radius:5px 5px 0 0;
59+
-ms-border-radius:5px 5px 0 0;
60+
-khtml-border-radius:5px 5px 0 0;
61+
border-radius:5px 5px 0 0;
62+
background:#fcfcfc;
63+
background:-moz-linear-gradient(#fcfcfc, #ebebeb);
64+
background:-webkit-linear-gradient(#fcfcfc, #ebebeb);
65+
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#ebebeb')"
66+
}
67+
68+
.github-box .github-box-title h3{
69+
font-family:helvetica,arial,sans-serif;font-weight:normal;
70+
font-size:16px;
71+
color:gray;
72+
margin:0;
73+
padding:10px 10px 10px 10px
74+
}
75+
76+
.github-box .github-box-title h3 .repo{
77+
font-weight:bold
78+
}
79+
80+
.github-box .github-box-title .github-stats{
81+
position:absolute;
82+
top:10px;
83+
right:10px;
84+
background:white;
85+
border:1px solid #ddd;
86+
border-radius:3px;
87+
font-size:11px;
88+
font-weight:bold;
89+
line-height:21px;
90+
height:21px
91+
}
92+
93+
.github-box .github-box-title .github-stats a{
94+
display:inline-block;
95+
height:21px;
96+
color:#666;
97+
padding:0 5px 0 18px;
98+
background:url('../img/repo.png') no-repeat;
99+
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
100+
opacity:0.7
101+
}
102+
103+
.github-box .github-box-title .github-stats a:hover{
104+
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
105+
opacity:1
106+
}
107+
108+
.github-box .github-box-title .github-stats .watchers{
109+
border-right:1px solid #ddd;
110+
background-position:3px 4px
111+
}
112+
113+
.github-box .github-box-title .github-stats .forks{
114+
background-position:3px -19px;
115+
padding-left:15px
116+
}
117+
118+
.github-box .github-box-content{
119+
padding:10px;
120+
font-weight:300;
121+
font-size:0.7em
122+
}
123+
124+
.github-box .github-box-content p{
125+
margin:0
126+
}
127+
128+
.github-box .github-box-content .link{
129+
font-weight:bold
130+
}
131+
132+
.github-box .github-box-download{
133+
position:relative;
134+
border-top:1px solid #ddd;
135+
background:white;
136+
border-radius:0 0 3px 3px;
137+
padding:10px;
138+
height:24px
139+
}
140+
141+
.github-box .github-box-download .updated{
142+
margin:0;
143+
font-size:13px;
144+
color:#666;
145+
line-height:24px
146+
}
147+
148+
.github-box .github-box-download .updated strong{
149+
font-size:12px;
150+
font-weight:bold;
151+
color:#000
152+
}
153+
154+
.github-box .github-box-download .download{
155+
position:absolute;
156+
display:block;
157+
top:10px;
158+
right:10px;
159+
height:24px;
160+
line-height:24px;
161+
font-size:12px;
162+
color:#666;
163+
font-weight:bold;
164+
text-shadow:0 1px 0 rgba(255,255,255,0.9);
165+
padding:0 10px;
166+
border:1px solid #ddd;
167+
border-bottom-color:#bbb;
168+
border-radius:3px;
169+
display:block;
170+
text-indent:-9999px;
171+
width:24px;
172+
padding:0;
173+
background:url('../img/download.png') no-repeat 6px 6px,-webkit-linear-gradient(#f5f5f5, #e5e5e5);
174+
background:url('../img/download.png') no-repeat 6px 6px,-moz-linear-gradient(#f1f7fa, #dbeaf1);
175+
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
176+
opacity:0.7
177+
}
178+
179+
.github-box .github-box-download .download:hover{
180+
color:#527894;
181+
border-color:#cfe3ed;
182+
border-bottom-color:#9fc7db;
183+
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
184+
opacity:1
185+
}
186+
187+
/* Font-face */
188+
189+
@font-face {
190+
font-family: 'MuseoSlab500Regular';
191+
src: url('../font/Museo_Slab_500-webfont.eot');
192+
src: url('../font/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
193+
url('../font/Museo_Slab_500-webfont.woff') format('woff'),
194+
url('../font/Museo_Slab_500-webfont.ttf') format('truetype'),
195+
url('../font/Museo_Slab_500-webfont.svg#MuseoSlab500Regular') format('svg');
196+
font-weight: normal;
197+
font-style: normal;
198+
}

‎demo.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE HTML>
2+
<html lang="en-US">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title></title>
6+
<link rel="stylesheet" href="css/style.css">
7+
</head>
8+
<body>
9+
10+
<div class="projects">
11+
<div class="github-widget" data-repo="zenorocha/web-log"></div>
12+
<div class="github-widget" data-repo="zenorocha/talks"></div>
13+
<div class="github-widget" data-repo="zenorocha/jquery-boilerplate"></div>
14+
<div class="github-widget" data-repo="zenorocha/hub.me"></div>
15+
</div>
16+
17+
<script src="js/jquery.js"></script>
18+
<script src="js/github.js"></script>
19+
20+
</body>
21+
</html>

‎font/Museo_Slab_500-webfont.eot‎

25.9 KB
Binary file not shown.

0 commit comments

Comments
 (0)