Skip to content

Commit a5981c4

Browse files
zenorochazenorocha
committed
renaming css classes
1 parent 9e36852 commit a5981c4

File tree

2 files changed

+138
-142
lines changed

2 files changed

+138
-142
lines changed

‎assets/base.css

+130-133
Original file line numberDiff line numberDiff line change
@@ -1,159 +1,156 @@
1-
.github-repos:nth-child(even) .github-box{
2-
margin-right:0 !important
3-
}
4-
5-
.github-box{
6-
font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,sans-serif;
7-
background:#fafafa;
8-
border:1px solid #ddd;
9-
color:#666;
10-
-moz-border-radius:5px;
11-
-webkit-border-radius:5px;
12-
-o-border-radius:5px;
13-
-ms-border-radius:5px;
14-
-khtml-border-radius:5px;
15-
border-radius:5px;
16-
float:left;
17-
margin-right:1.2em;
18-
margin-bottom:2em;
19-
width:46%
20-
}
21-
22-
.github-box a{
23-
color:#4183C4;
24-
border:none
25-
}
26-
27-
.github-box .github-box-title{
28-
position:relative;
29-
border-bottom:1px solid #ddd;
30-
-moz-border-radius:5px 5px 0 0;
31-
-webkit-border-radius:5px 5px 0 0;
32-
-o-border-radius:5px 5px 0 0;
33-
-ms-border-radius:5px 5px 0 0;
34-
-khtml-border-radius:5px 5px 0 0;
35-
border-radius:5px 5px 0 0;
36-
background:#fcfcfc;
37-
background:-moz-linear-gradient(#fcfcfc, #ebebeb);
38-
background:-webkit-linear-gradient(#fcfcfc, #ebebeb);
39-
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#ebebeb')"
40-
}
41-
42-
.github-box .github-box-title h3{
43-
font-family:helvetica,arial,sans-serif;font-weight:normal;
44-
font-size:16px;
45-
color:gray;
46-
margin:0;
47-
padding:10px 10px 10px 10px
48-
}
49-
50-
.github-box .github-box-title h3 .repo{
51-
font-weight:bold
52-
}
53-
54-
.github-box .github-box-title .github-stats{
55-
position:absolute;
56-
top:10px;
57-
right:10px;
58-
background:white;
59-
border:1px solid #ddd;
60-
border-radius:3px;
61-
font-size:11px;
62-
font-weight:bold;
63-
line-height:21px;
64-
height:21px
65-
}
66-
67-
.github-box .github-box-title .github-stats a{
68-
display:inline-block;
69-
height:21px;
70-
color:#666;
71-
padding:0 5px 0 18px;
72-
background:url('btn-sprite.png') no-repeat;
73-
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
74-
opacity:0.7
1+
/* Github Box */
2+
3+
.github-box {
4+
font-family: "Helvetica Neue", Arial, sans-serif;
5+
background: #fafafa;
6+
border: 1px solid #ddd;
7+
color: #666;
8+
border-radius: 5px;
9+
float: left;
10+
margin-right: 1.2em;
11+
margin-bottom: 2em;
12+
width: 46%;
13+
}
14+
15+
.github-box a {
16+
color: #4183C4;
17+
border: none;
18+
}
19+
20+
/* Github Box Header */
21+
22+
.github-box .github-box-header {
23+
position: relative;
24+
border-bottom: 1px solid #ddd;
25+
border-radius: 5px 5px 0 0;
26+
background: #fcfcfc;
27+
background: -moz-linear-gradient(#fcfcfc, #ebebeb);
28+
background: -webkit-linear-gradient(#fcfcfc, #ebebeb);
29+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#ebebeb')";
30+
}
31+
32+
.github-box .github-box-header h3 {
33+
font-family: Helvetica, Arial, sans-serif;
34+
font-weight: normal;
35+
font-size: 16px;
36+
color: gray;
37+
margin: 0;
38+
padding: 10px 10px 10px 10px;
7539
}
7640

77-
.github-box .github-box-title .github-stats a:hover{
78-
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
79-
opacity:1
41+
.github-box .github-box-header h3 a {
42+
font-weight: bold
8043
}
8144

82-
.github-box .github-box-title .github-stats .watchers{
83-
border-right:1px solid #ddd;
84-
background-position:3px 4px
45+
/* Github Box Header - Stats */
46+
47+
.github-box .github-box-header .github-stats {
48+
position: absolute;
49+
top: 10px;
50+
right: 10px;
51+
background: white;
52+
border: 1px solid #ddd;
53+
border-radius: 3px;
54+
font-size: 11px;
55+
font-weight: bold;
56+
line-height: 21px;
57+
height: 21px;
58+
}
59+
60+
.github-box .github-box-header .github-stats a {
61+
display: inline-block;
62+
height: 21px;
63+
color: #666;
64+
padding: 0 5px 0 18px;
65+
background: url('btn-sprite.png') no-repeat;
66+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
67+
opacity: 0.7;
68+
}
69+
70+
.github-box .github-box-header .github-stats a:hover {
71+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
72+
opacity: 1;
8573
}
8674

87-
.github-box .github-box-title .github-stats .forks{
75+
.github-box .github-box-header .github-stats .repo-watchers {
76+
border-right: 1px solid #ddd;
77+
background-position: 3px 4px;
78+
}
79+
80+
.github-box .github-box-header .github-stats .repo-forks {
8881
background-position: 2px -14px;
89-
padding-left:15px
82+
padding-left: 15px;
9083
}
9184

92-
.github-box .github-box-content{
93-
padding:10px;
94-
font-weight:300;
95-
font-size:0.7em
85+
/* Github Box Content */
86+
87+
.github-box .github-box-content {
88+
padding: 10px;
89+
font-weight: 300;
90+
font-size: 0.7em;
9691
}
9792

98-
.github-box .github-box-content p{
99-
margin:0
93+
.github-box .github-box-content p {
94+
margin: 0;
10095
}
10196

102-
.github-box .github-box-content .link{
103-
font-weight:bold
97+
.github-box .github-box-content .repo-link {
98+
font-weight: bold;
10499
}
105100

106-
.github-box .github-box-download{
107-
position:relative;
108-
border-top:1px solid #ddd;
109-
background:white;
110-
border-radius:0 0 3px 3px;
111-
padding:10px;
112-
height:24px
101+
/* Github Box Download */
102+
103+
.github-box .github-box-download {
104+
position: relative;
105+
border-top: 1px solid #ddd;
106+
background: white;
107+
border-radius: 0 0 3px 3px;
108+
padding: 10px;
109+
height: 24px;
113110
}
114111

115-
.github-box .github-box-download .updated{
116-
margin:0;
117-
font-size:11px;
118-
color:#666;
119-
line-height:24px
112+
.github-box .github-box-download .repo-update {
113+
margin: 0;
114+
font-size: 11px;
115+
color: #666;
116+
line-height: 24px;
120117
}
121118

122-
.github-box .github-box-download .updated strong{
123-
font-size:12px;
124-
font-weight:bold;
125-
color:#000
119+
.github-box .github-box-download .repo-update strong {
120+
font-size: 12px;
121+
font-weight: bold;
122+
color: #000;
126123
}
127124

128-
.github-box .github-box-download .download{
129-
position:absolute;
130-
display:block;
131-
top:10px;
132-
right:10px;
133-
height:24px;
134-
line-height:24px;
135-
font-size:12px;
136-
color:#666;
137-
font-weight:bold;
138-
text-shadow:0 1px 0 rgba(255,255,255,0.9);
139-
padding:0 10px;
140-
border:1px solid #ddd;
141-
border-bottom-color:#bbb;
142-
border-radius:3px;
143-
display:block;
144-
text-indent:-9999px;
145-
width:24px;
146-
padding:0;
125+
.github-box .github-box-download .repo-download {
126+
position: absolute;
127+
display: block;
128+
top: 10px;
129+
right: 10px;
130+
height: 24px;
131+
line-height: 24px;
132+
font-size: 12px;
133+
color: #666;
134+
font-weight: bold;
135+
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
136+
padding: 0 10px;
137+
border: 1px solid #ddd;
138+
border-bottom-color: #bbb;
139+
border-radius: 3px;
140+
display: block;
141+
text-indent: -9999px;
142+
width: 24px;
143+
padding: 0;
147144
background: url('btn-sprite.png') no-repeat 4px -31px,-webkit-linear-gradient(whiteSmoke, #E5E5E5);
148-
background:url('btn-sprite.png') no-repeat 4px -31px,-moz-linear-gradient(#f1f7fa, #dbeaf1);
145+
background: url('btn-sprite.png') no-repeat 4px -31px,-moz-linear-gradient(#f1f7fa, #dbeaf1);
149146
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
150-
opacity:0.7
147+
opacity: 0.7;
151148
}
152149

153-
.github-box .github-box-download .download:hover{
154-
color:#527894;
155-
border-color:#cfe3ed;
156-
border-bottom-color:#9fc7db;
157-
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
158-
opacity:1
150+
.github-box .github-box-download .repo-download:hover {
151+
color: #527894;
152+
border-color: #cfe3ed;
153+
border-bottom-color: #9fc7db;
154+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
155+
opacity: 1;
159156
}

‎jquery.github.repos.js

+8-9
Original file line numberDiff line numberDiff line change
@@ -56,23 +56,22 @@
5656
var date = new Date(repo.pushed_at);
5757
var pushed_at = date.getMonth() + '/' + date.getDate() + '/' + date.getFullYear();
5858
var $widget = $(' \
59-
<div class="github-box repo"> \
60-
<div class="github-box-title"> \
59+
<div class="github-box"> \
60+
<div class="github-box-header"> \
6161
<h3> \
62-
<a class="repo" href="' + repo.url.replace('api.','').replace('repos/','') + '">' + repo.name + '</a> \
62+
<a href="' + repo.url.replace('api.','').replace('repos/','') + '">' + repo.name + '</a> \
6363
</h3> \
6464
<div class="github-stats"> \
65-
<a class="watchers" href="' + repo.url.replace('api.','').replace('repos/','') + '/watchers">' + repo.watchers + '</a> \
66-
<a class="forks" href="' + repo.url.replace('api.','').replace('repos/','') + '/forks">' + repo.forks + '</a> \
65+
<a class="repo-watchers" href="' + repo.url.replace('api.','').replace('repos/','') + '/watchers">' + repo.watchers + '</a> \
66+
<a class="repo-forks" href="' + repo.url.replace('api.','').replace('repos/','') + '/forks">' + repo.forks + '</a> \
6767
</div> \
6868
</div> \
6969
<div class="github-box-content"> \
70-
<p class="description">' + repo.description + ' &mdash; <a href="' + repo.url.replace('api.','').replace('repos/','') + '#readme">Read More</a></p> \
71-
<p class="link"><a href="' + repo.homepage + '">' + repo.homepage + '</a></p> \
70+
<p>' + repo.description + ' &mdash; <a href="' + repo.url.replace('api.','').replace('repos/','') + '#readme">Read More</a></p> \
7271
</div> \
7372
<div class="github-box-download"> \
74-
<p class="updated">Latest commit to <strong>master</strong> on ' + pushed_at + '</p> \
75-
<a class="download" href="' + repo.url.replace('api.','').replace('repos/','') + '/zipball/master">Download as zip</a> \
73+
<p class="repo-update">Latest commit to <strong>master</strong> on ' + pushed_at + '</p> \
74+
<a class="repo-download" href="' + repo.url.replace('api.','').replace('repos/','') + '/zipball/master">Download as zip</a> \
7675
</div> \
7776
</div> \
7877
');

0 commit comments

Comments
 (0)