Skip to content

Commit 4c0b9fc

Browse files
author
koenmetsu
committed
Made JakeGinnivan theme work with disqus comments
1 parent c52ee2a commit 4c0b9fc

File tree

2 files changed

+267
-87
lines changed

2 files changed

+267
-87
lines changed

‎src/FunnelWeb.Web/Themes/JakeGinnivan/Content/Styles/Colours.css‎

Lines changed: 231 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -32,37 +32,43 @@ a:hover
3232
/* Tags Base Colours */
3333
.tags a
3434
{
35-
color:#000000;
35+
color: #000000;
3636
background-color: #adadad;
3737
}
3838
.tags a:before
3939
{
40-
border-color:transparent #adadad transparent transparent;
40+
border-color: transparent #adadad transparent transparent;
4141
}
4242
.tags a:after
4343
{
44-
background:#fff;
44+
background: #fff;
45+
}
46+
a.tag:hover
47+
{
48+
background-color: #555;
49+
}
50+
a.tag:hover:before
51+
{
52+
border-color: transparent #555 transparent transparent;
4553
}
46-
a.tag:hover { background-color: #555; }
47-
a.tag:hover:before { border-color:transparent #555 transparent transparent; }
4854

4955
h1, h2, h3, h4, h5, h6
5056
{
51-
color: #1B9FE1;
57+
color: #1B9FE1;
5258
}
5359

5460
.header
5561
{
5662
color: #ffffff;
57-
background-color:#000000;
58-
background-image:url('/get/MeSmall.jpg');
59-
background-repeat:no-repeat;
60-
background-position:right top;
63+
background-color: #000000;
64+
background-image: url('/get/MeSmall.jpg');
65+
background-repeat: no-repeat;
66+
background-position: right top;
6167
}
6268

6369
.nav
6470
{
65-
background-color:#000000;
71+
background-color: #000000;
6672
}
6773

6874
/* Search Box */
@@ -75,7 +81,7 @@ div.nav div.search
7581
div.nav div.search input
7682
{
7783
color: #CFCFCF;
78-
background-color:#000000;
84+
background-color: #000000;
7985
}
8086

8187
/* Content Page */
@@ -132,7 +138,7 @@ div.nav div.search input
132138
color: #000000;
133139
}
134140

135-
.post-line .comments
141+
.post-line .comments
136142
{
137143
background: #000000;
138144
color: #fff;
@@ -144,6 +150,13 @@ div.nav div.search input
144150
color: #ffffff;
145151
}
146152

153+
.post-line .comments .comment-count a
154+
{
155+
font-size: 15px;
156+
font-weight: 900;
157+
vertical-align: 1px;
158+
}
159+
147160
.post-line .summary-container
148161
{
149162
border-left: 5px solid #000000;
@@ -186,7 +199,7 @@ pre
186199
color: #ffffff;
187200
}
188201

189-
.entry-tools a
202+
.entry-tools a
190203
{
191204
color: #fff;
192205
}
@@ -210,74 +223,229 @@ pre
210223
background: #1B9FE1;
211224
}
212225

213-
a.keyword-open-source:hover{ color:#ffffff; background-color: #1B9FE1; }
214-
a.keyword-open-source:hover:before{border-color:transparent #1B9FE1 transparent transparent;}
226+
a.keyword-open-source:hover
227+
{
228+
color: #ffffff;
229+
background-color: #1B9FE1;
230+
}
231+
a.keyword-open-source:hover:before
232+
{
233+
border-color: transparent #1B9FE1 transparent transparent;
234+
}
215235

216236
.keyword-open-source .entry-date
217237
{
218-
background-color: #1B9FE1;
238+
background-color: #1B9FE1;
219239
}
220240

221241
/*.net*/
222-
.keyword--net .summary-container { border-left: 5px solid #E51400; }
223-
.keyword--net .comments .comment-count { background: #E51400; }
224-
a.keyword--net:hover { color:#ffffff; background-color: #E51400; }
225-
a.keyword--net:hover:before{border-color:transparent #E51400 transparent transparent;}
226-
.keyword--net .entry-date { background-color: #E51400; }
242+
.keyword--net .summary-container
243+
{
244+
border-left: 5px solid #E51400;
245+
}
246+
.keyword--net .comments .comment-count
247+
{
248+
background: #E51400;
249+
}
250+
a.keyword--net:hover
251+
{
252+
color: #ffffff;
253+
background-color: #E51400;
254+
}
255+
a.keyword--net:hover:before
256+
{
257+
border-color: transparent #E51400 transparent transparent;
258+
}
259+
.keyword--net .entry-date
260+
{
261+
background-color: #E51400;
262+
}
227263

228264
/*c#*/
229-
.keyword-c- .summary-container { border-left: 5px solid #A05000; }
230-
.keyword-c- .comments .comment-count { background: #A05000; }
231-
a.keyword-c-:hover { color:#ffffff; background-color: #A05000; }
232-
a.keyword-c-:hover:before{border-color:transparent #A05000 transparent transparent;}
233-
.keyword-c- .entry-date { background-color: #A05000; }
265+
.keyword-c- .summary-container
266+
{
267+
border-left: 5px solid #A05000;
268+
}
269+
.keyword-c- .comments .comment-count
270+
{
271+
background: #A05000;
272+
}
273+
a.keyword-c-:hover
274+
{
275+
color: #ffffff;
276+
background-color: #A05000;
277+
}
278+
a.keyword-c-:hover:before
279+
{
280+
border-color: transparent #A05000 transparent transparent;
281+
}
282+
.keyword-c- .entry-date
283+
{
284+
background-color: #A05000;
285+
}
234286

235287
/*powershell*/
236-
.keyword-powershell .summary-container { border-left: 5px solid #E671B8; }
237-
.keyword-powershell .comments .comment-count { background: #E671B8; }
238-
a.keyword-powershell:hover { color:#ffffff; background-color: #E671B8; }
239-
a.keyword-powershell:hover:before{border-color:transparent #E671B8 transparent transparent;}
240-
.keyword-powershell .entry-date { background-color: #E671B8; }
288+
.keyword-powershell .summary-container
289+
{
290+
border-left: 5px solid #E671B8;
291+
}
292+
.keyword-powershell .comments .comment-count
293+
{
294+
background: #E671B8;
295+
}
296+
a.keyword-powershell:hover
297+
{
298+
color: #ffffff;
299+
background-color: #E671B8;
300+
}
301+
a.keyword-powershell:hover:before
302+
{
303+
border-color: transparent #E671B8 transparent transparent;
304+
}
305+
.keyword-powershell .entry-date
306+
{
307+
background-color: #E671B8;
308+
}
241309

242310
/*patterns and practices*/
243-
.keyword-patterns-and-practices .summary-container { border-left: 5px solid #8CBF26; }
244-
.keyword-patterns-and-practices .comments .comment-count { background: #8CBF26; }
245-
a.keyword-patterns-and-practices:hover { color:#ffffff; background-color: #8CBF26; }
246-
a.keyword-patterns-and-practices:hover:before{border-color:transparent #8CBF26 transparent transparent;}
247-
.keyword-patterns-and-practices .entry-date { background-color: #8CBF26; }
311+
.keyword-patterns-and-practices .summary-container
312+
{
313+
border-left: 5px solid #8CBF26;
314+
}
315+
.keyword-patterns-and-practices .comments .comment-count
316+
{
317+
background: #8CBF26;
318+
}
319+
a.keyword-patterns-and-practices:hover
320+
{
321+
color: #ffffff;
322+
background-color: #8CBF26;
323+
}
324+
a.keyword-patterns-and-practices:hover:before
325+
{
326+
border-color: transparent #8CBF26 transparent transparent;
327+
}
328+
.keyword-patterns-and-practices .entry-date
329+
{
330+
background-color: #8CBF26;
331+
}
248332

249333
/*wpf*/
250-
.keyword-wpf .summary-container { border-left: 5px solid #F09609; }
251-
.keyword-wpf .comments .comment-count { background: #F09609; }
252-
a.keyword-wpf:hover { color:#ffffff; background-color: #F09609; }
253-
a.keyword-wpf:hover:before{border-color:transparent #F09609 transparent transparent;}
254-
.keyword-wpf .entry-date { background-color: #F09609; }
334+
.keyword-wpf .summary-container
335+
{
336+
border-left: 5px solid #F09609;
337+
}
338+
.keyword-wpf .comments .comment-count
339+
{
340+
background: #F09609;
341+
}
342+
a.keyword-wpf:hover
343+
{
344+
color: #ffffff;
345+
background-color: #F09609;
346+
}
347+
a.keyword-wpf:hover:before
348+
{
349+
border-color: transparent #F09609 transparent transparent;
350+
}
351+
.keyword-wpf .entry-date
352+
{
353+
background-color: #F09609;
354+
}
255355

256356
/*wp7*/
257-
.keyword-wp7 .summary-container { border-left: 5px solid #00ABA9; }
258-
.keyword-wp7 .comments .comment-count { background: #00ABA9; }
259-
a.keyword-wp7:hover { color:#ffffff; background-color: #00ABA9; }
260-
a.keyword-wp7:hover:before{border-color:transparent #00ABA9 transparent transparent;}
261-
.keyword-wp7 .entry-date { background-color: #00ABA9; }
357+
.keyword-wp7 .summary-container
358+
{
359+
border-left: 5px solid #00ABA9;
360+
}
361+
.keyword-wp7 .comments .comment-count
362+
{
363+
background: #00ABA9;
364+
}
365+
a.keyword-wp7:hover
366+
{
367+
color: #ffffff;
368+
background-color: #00ABA9;
369+
}
370+
a.keyword-wp7:hover:before
371+
{
372+
border-color: transparent #00ABA9 transparent transparent;
373+
}
374+
.keyword-wp7 .entry-date
375+
{
376+
background-color: #00ABA9;
377+
}
262378

263379
/*vsto*/
264-
.keyword-vsto .summary-container { border-left: 5px solid #339933; }
265-
.keyword-vsto .comments .comment-count { background: #339933; }
266-
a.keyword-vsto:hover { color:#ffffff; background-color: #339933; }
267-
a.keyword-vsto:hover:before{border-color:transparent #339933 transparent transparent;}
268-
.keyword-vsto .entry-date { background-color: #339933; }
380+
.keyword-vsto .summary-container
381+
{
382+
border-left: 5px solid #339933;
383+
}
384+
.keyword-vsto .comments .comment-count
385+
{
386+
background: #339933;
387+
}
388+
a.keyword-vsto:hover
389+
{
390+
color: #ffffff;
391+
background-color: #339933;
392+
}
393+
a.keyword-vsto:hover:before
394+
{
395+
border-color: transparent #339933 transparent transparent;
396+
}
397+
.keyword-vsto .entry-date
398+
{
399+
background-color: #339933;
400+
}
269401

270402
/*presenting*/
271-
.keyword-presenting .summary-container { border-left: 5px solid #A200FF; }
272-
.keyword-presenting .comments .comment-count { background: #A200FF; }
273-
a.keyword-presenting:hover { color:#ffffff; background-color: #A200FF; }
274-
a.keyword-presenting:hover:before{border-color:transparent #A200FF transparent transparent;}
275-
.keyword-presenting .entry-date { background-color: #A200FF; }
403+
.keyword-presenting .summary-container
404+
{
405+
border-left: 5px solid #A200FF;
406+
}
407+
.keyword-presenting .comments .comment-count
408+
{
409+
background: #A200FF;
410+
}
411+
a.keyword-presenting:hover
412+
{
413+
color: #ffffff;
414+
background-color: #A200FF;
415+
}
416+
a.keyword-presenting:hover:before
417+
{
418+
border-color: transparent #A200FF transparent transparent;
419+
}
420+
.keyword-presenting .entry-date
421+
{
422+
background-color: #A200FF;
423+
}
276424

277425
/*open-source*/
278-
.keyword-open-source .summary-container { border-left: 5px solid #1B9FE1; }
279-
.keyword-open-source .comments .comment-count { background: #1B9FE1; }
280-
a.keyword-open-source:hover { color:#ffffff; background-color: #1B9FE1; }
281-
a.keyword-open-source:hover{ color:#ffffff; background-color: #1B9FE1; }
282-
a.keyword-open-source:hover:before{border-color:transparent #1B9FE1 transparent transparent;}
283-
.keyword-open-source .entry-date { background-color: #1B9FE1; }
426+
.keyword-open-source .summary-container
427+
{
428+
border-left: 5px solid #1B9FE1;
429+
}
430+
.keyword-open-source .comments .comment-count
431+
{
432+
background: #1B9FE1;
433+
}
434+
a.keyword-open-source:hover
435+
{
436+
color: #ffffff;
437+
background-color: #1B9FE1;
438+
}
439+
a.keyword-open-source:hover
440+
{
441+
color: #ffffff;
442+
background-color: #1B9FE1;
443+
}
444+
a.keyword-open-source:hover:before
445+
{
446+
border-color: transparent #1B9FE1 transparent transparent;
447+
}
448+
.keyword-open-source .entry-date
449+
{
450+
background-color: #1B9FE1;
451+
}

0 commit comments

Comments
 (0)