|
1 | 1 | /* Github Box */ |
2 | 2 |
|
3 | 3 | .github-box-wrap { |
4 | | - display: inline-block; |
5 | | - width: 46%; |
6 | | - margin-right: 0.6em; |
7 | | - margin-left: 0.6em; |
8 | | - margin-bottom: 2em; |
| 4 | + display: inline-block; |
| 5 | + width: 46%; |
| 6 | + margin-right: 0.6em; |
| 7 | + margin-left: 0.6em; |
| 8 | + margin-bottom: 2em; |
9 | 9 | } |
10 | 10 |
|
11 | 11 | .github-box { |
12 | | - font-family: "Helvetica Neue", Arial, sans-serif; |
13 | | - background: #fafafa; |
14 | | - border: 1px solid #ddd; |
15 | | - color: #666; |
16 | | - border-radius: 5px; |
17 | | - width: 100%; |
| 12 | + font-family: "Helvetica Neue", Arial, sans-serif; |
| 13 | + background: #fafafa; |
| 14 | + border: 1px solid #ddd; |
| 15 | + color: #666; |
| 16 | + border-radius: 5px; |
| 17 | + width: 100%; |
18 | 18 | } |
19 | 19 |
|
20 | 20 | .github-box a { |
21 | | - color: #4183C4; |
22 | | - border: none; |
| 21 | + color: #4183C4; |
| 22 | + border: none; |
23 | 23 | } |
24 | 24 |
|
25 | 25 | /* Github Box Header */ |
26 | 26 |
|
27 | 27 | .github-box .github-box-header { |
28 | | - position: relative; |
29 | | - border-bottom: 1px solid #ddd; |
30 | | - border-radius: 5px 5px 0 0; |
31 | | - background: #fcfcfc; |
32 | | - background: -moz-linear-gradient(#fcfcfc, #ebebeb); |
33 | | - background: -webkit-linear-gradient(#fcfcfc, #ebebeb); |
34 | | - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#ebebeb')"; |
| 28 | + position: relative; |
| 29 | + border-bottom: 1px solid #ddd; |
| 30 | + border-radius: 5px 5px 0 0; |
| 31 | + background: #fcfcfc; |
| 32 | + background: -moz-linear-gradient(#fcfcfc, #ebebeb); |
| 33 | + background: -webkit-linear-gradient(#fcfcfc, #ebebeb); |
| 34 | + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#ebebeb')"; |
35 | 35 | } |
36 | 36 |
|
37 | 37 | .github-box .github-box-header h3 { |
38 | | - font-family: Helvetica, Arial, sans-serif; |
39 | | - font-weight: normal; |
40 | | - font-size: 16px; |
41 | | - color: gray; |
42 | | - margin: 0; |
43 | | - padding: 10px 10px 10px 10px; |
| 38 | + font-family: Helvetica, Arial, sans-serif; |
| 39 | + font-weight: normal; |
| 40 | + font-size: 16px; |
| 41 | + color: gray; |
| 42 | + margin: 0; |
| 43 | + padding: 10px 10px 10px 10px; |
44 | 44 | } |
45 | 45 |
|
46 | 46 | .github-box .github-box-header h3 a { |
47 | | - font-weight: bold |
| 47 | + font-weight: bold |
48 | 48 | } |
49 | 49 |
|
50 | 50 | /* Github Box Header - Stats */ |
51 | 51 |
|
52 | 52 | .github-box .github-box-header .github-stats { |
53 | | - position: absolute; |
54 | | - top: 10px; |
55 | | - right: 10px; |
56 | | - background: white; |
57 | | - border: 1px solid #ddd; |
58 | | - border-radius: 3px; |
59 | | - font-size: 11px; |
60 | | - font-weight: bold; |
61 | | - line-height: 21px; |
62 | | - height: 21px; |
| 53 | + position: absolute; |
| 54 | + top: 10px; |
| 55 | + right: 10px; |
| 56 | + background: white; |
| 57 | + border: 1px solid #ddd; |
| 58 | + border-radius: 3px; |
| 59 | + font-size: 11px; |
| 60 | + font-weight: bold; |
| 61 | + line-height: 21px; |
| 62 | + height: 21px; |
63 | 63 | } |
64 | 64 |
|
65 | 65 | .github-box .github-box-header .github-stats a { |
66 | | - display: inline-block; |
67 | | - height: 21px; |
68 | | - color: #666; |
69 | | - padding: 0 5px 0 18px; |
70 | | - background: url('btn-sprite.png') no-repeat; |
71 | | - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); |
72 | | - opacity: 0.7; |
| 66 | + display: inline-block; |
| 67 | + height: 21px; |
| 68 | + color: #666; |
| 69 | + padding: 0 5px 0 18px; |
| 70 | + background: url('btn-sprite.png') no-repeat; |
| 71 | + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); |
| 72 | + opacity: 0.7; |
73 | 73 | } |
74 | 74 |
|
75 | 75 | .github-box .github-box-header .github-stats a:hover { |
76 | | - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
77 | | - opacity: 1; |
| 76 | + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
| 77 | + opacity: 1; |
78 | 78 | } |
79 | 79 |
|
80 | 80 | .github-box .github-box-header .github-stats .repo-watchers { |
81 | | - border-right: 1px solid #ddd; |
82 | | - background-position: 3px 4px; |
| 81 | + border-right: 1px solid #ddd; |
| 82 | + background-position: 3px 4px; |
83 | 83 | } |
84 | 84 |
|
85 | 85 | .github-box .github-box-header .github-stats .repo-forks { |
86 | | - background-position: 2px -14px; |
87 | | - padding-left: 15px; |
| 86 | + background-position: 2px -14px; |
| 87 | + padding-left: 15px; |
88 | 88 | } |
89 | 89 |
|
90 | 90 | /* Github Box Content */ |
91 | 91 |
|
92 | 92 | .github-box .github-box-content { |
93 | | - padding: 10px; |
94 | | - font-weight: 300; |
95 | | - font-size: 0.7em; |
| 93 | + padding: 10px; |
| 94 | + font-weight: 300; |
| 95 | + font-size: 0.7em; |
96 | 96 | } |
97 | 97 |
|
98 | 98 | .github-box .github-box-content p { |
99 | | - margin: 0; |
100 | | - width: 100%; |
101 | | - white-space: nowrap; |
102 | | - overflow: hidden; |
103 | | - text-overflow: ellipsis; |
| 99 | + margin: 0; |
| 100 | + width: 100%; |
| 101 | + white-space: nowrap; |
| 102 | + overflow: hidden; |
| 103 | + text-overflow: ellipsis; |
104 | 104 | } |
105 | 105 |
|
106 | 106 | .github-box .github-box-content .repo-link { |
107 | | - font-weight: bold; |
| 107 | + font-weight: bold; |
108 | 108 | } |
109 | 109 |
|
110 | 110 | /* Github Box Download */ |
111 | 111 |
|
112 | 112 | .github-box .github-box-download { |
113 | | - position: relative; |
114 | | - border-top: 1px solid #ddd; |
115 | | - background: white; |
116 | | - border-radius: 0 0 3px 3px; |
117 | | - padding: 10px; |
118 | | - height: 24px; |
| 113 | + position: relative; |
| 114 | + border-top: 1px solid #ddd; |
| 115 | + background: white; |
| 116 | + border-radius: 0 0 3px 3px; |
| 117 | + padding: 10px; |
| 118 | + height: 24px; |
119 | 119 | } |
120 | 120 |
|
121 | 121 | .github-box .github-box-download .repo-update { |
122 | | - margin: 0; |
123 | | - font-size: 11px; |
124 | | - color: #666; |
125 | | - line-height: 24px; |
| 122 | + margin: 0; |
| 123 | + font-size: 11px; |
| 124 | + color: #666; |
| 125 | + line-height: 24px; |
126 | 126 | } |
127 | 127 |
|
128 | 128 | .github-box .github-box-download .repo-update strong { |
129 | | - font-size: 12px; |
130 | | - font-weight: bold; |
131 | | - color: #000; |
| 129 | + font-size: 12px; |
| 130 | + font-weight: bold; |
| 131 | + color: #000; |
132 | 132 | } |
133 | 133 |
|
134 | 134 | .github-box .github-box-download .repo-download { |
135 | | - position: absolute; |
136 | | - display: block; |
137 | | - top: 10px; |
138 | | - right: 10px; |
139 | | - height: 24px; |
140 | | - line-height: 24px; |
141 | | - font-size: 12px; |
142 | | - color: #666; |
143 | | - font-weight: bold; |
144 | | - text-shadow: 0 1px 0 rgba(255,255,255,0.9); |
145 | | - padding: 0 10px; |
146 | | - border: 1px solid #ddd; |
147 | | - border-bottom-color: #bbb; |
148 | | - border-radius: 3px; |
149 | | - display: block; |
150 | | - text-indent: -9999px; |
151 | | - width: 24px; |
152 | | - padding: 0; |
153 | | - background: url('btn-sprite.png') no-repeat 4px -31px,-webkit-linear-gradient(whiteSmoke, #E5E5E5); |
154 | | - background: url('btn-sprite.png') no-repeat 4px -31px,-moz-linear-gradient(#f1f7fa, #dbeaf1); |
155 | | - filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); |
156 | | - opacity: 0.7; |
| 135 | + position: absolute; |
| 136 | + display: block; |
| 137 | + top: 10px; |
| 138 | + right: 10px; |
| 139 | + height: 24px; |
| 140 | + line-height: 24px; |
| 141 | + font-size: 12px; |
| 142 | + color: #666; |
| 143 | + font-weight: bold; |
| 144 | + text-shadow: 0 1px 0 rgba(255,255,255,0.9); |
| 145 | + padding: 0 10px; |
| 146 | + border: 1px solid #ddd; |
| 147 | + border-bottom-color: #bbb; |
| 148 | + border-radius: 3px; |
| 149 | + display: block; |
| 150 | + text-indent: -9999px; |
| 151 | + width: 24px; |
| 152 | + padding: 0; |
| 153 | + background: url('btn-sprite.png') no-repeat 4px -31px,-webkit-linear-gradient(whiteSmoke, #E5E5E5); |
| 154 | + background: url('btn-sprite.png') no-repeat 4px -31px,-moz-linear-gradient(#f1f7fa, #dbeaf1); |
| 155 | + filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); |
| 156 | + opacity: 0.7; |
157 | 157 | } |
158 | 158 |
|
159 | 159 | .github-box .github-box-download .repo-download:hover { |
160 | | - color: #527894; |
161 | | - border-color: #cfe3ed; |
162 | | - border-bottom-color: #9fc7db; |
163 | | - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
164 | | - opacity: 1; |
165 | | -} |
166 | | - |
167 | | -/* breakpoint content-driven */ |
168 | | -@media all and (max-width: 678px) { |
169 | | - .github-box-wrap { |
170 | | - display: block; |
171 | | - width: inherit; |
172 | | - margin-right: 0; |
173 | | - } |
| 160 | + color: #527894; |
| 161 | + border-color: #cfe3ed; |
| 162 | + border-bottom-color: #9fc7db; |
| 163 | + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
| 164 | + opacity: 1; |
| 165 | +} |
| 166 | + |
| 167 | +/* Breakpoint content-driven */ |
| 168 | + |
| 169 | +@media all and (max-width: 678px) { |
| 170 | + .github-box-wrap { |
| 171 | + display: block; |
| 172 | + width: inherit; |
| 173 | + margin-right: 0; |
| 174 | + } |
174 | 175 | } |
0 commit comments