News Show Pro GK4 with ICKI Sports - Any updates

In another support message, there was recognition that NSP GK4 will not work with ICKI sports and to expect to hear from Gavick about an update.

That was 7-8 months ago. Any news? Just installed the latest version of NSP GK4, but it is giving me fits. GK1 seems to be a decent module, but I don't believe it supports K2...at least I cannot figure out how to get it to work with K2.

Would really like:
1. GK4
2. K2

Any suggestions?

Three weeks.....

Hi

Please use GK4 and show me Your site than.

Not an option, since the site is now live.

Hi

Than sorry but I do not know how I can help if cannot see the probem I'll be waiting for the site to be oline for tests.

For the sake of clarity, the issue I have is the same as the one discussed in this thread from several months ago:

67-icki-sports/54799-news-show-pro-gk4-with-icki-sports.html#57659

In that thread, the ultimate conclusion was:
"News Show Pro GK4 needs some adjustments to work properly on IckiSports Template. For now please use News Show Pro GK1 on your website and expect news from us."

Ideally, for my needs, either News Show Pro GK4 needs to be updated to work with ICKI Sports or GK1 needs to work with K2. Since the forum post implies an update can be expected, I assumed it was actually being addressed and purchased access to ICKI.

The secondary point is that my request was posted for 3 weeks without so much as a cursory reply from Support. I really DO try to figure out solutions to issues before posting them here and it is frustrating that the 3 I have posted to date have been handled the same way.

It is not realistic or reasonable for Gavick to expect that I put a client's project on hold for such a long time and/or now take a live site and open it to publicly viewable troubleshooting. This is especially true since it has already been determined that the issue is related to ICKI and GK4 not working together "out of the box".

Gavick could simply install GK4 on the demo site used for sales and troubleshoot from there. Of course, that is no more reasonable a request than it is to ask me to open up my client's live site.

Hi

NSP GK1 is a dropped project because GK4 version is the newest one still developed. So when this template will be recoded to T3 framework I believe the newest modules will be used.

Meanwhile I can give You a fix for that, but it's extremly hard withouth seeing it, but please try to add this to css (for example the end of template.css file):

Code: Select all

div.nsp_main div.bottom {
background:none;
height:auto;
}


If this will work than I'll change my profession to more wizzardly

Glad to hear you are recoding for T3! While it does not have the features of GK4, my solution works for now and I will simply wait for the recoding upgrade. Thanks.

Hi

There is lot templates to recode so You may wait for a bit. Please try my suggestion. I'm curious, because this code just popped up in my head without looking at anything related

I've almost update NSP GK4 for template, but cant add this circles, can anybody help?

I will wait for as long as it takes. I am satisfied with using normal K2 functions, but would prefer GK4 when it is ready.

I DID try you recommended change to CSS, but it did not work.

Hi

Can someone show me this problem on live site ?

http://icki.simracing.su/
tab3 is nsp gk4, Top News gk1

Hi

The problem is because it's interferes with NSP GK1 style from template. I'll ask my coleque for help with this.

Hi

I will take a look and give you feedback today or tomorrow.

Cheers

Hi again

After some struggling i finally figure out how to solve an old problem with News Show GK4 bottom list on old templates, like this one.
So this night i will release the code necessary for NSP GK4 on IckiSports and other templates.

Cheers

great news, thx

Hi

Pleases try this:

IMPORTANT!
News Show Pro GK4 must have "Use default CSS" off and needs "[space]nsp" module suffix.

INSTRUCTIONS:
Open gk_stuff.css file and add this code:

Code: Select all

/* News Show Pro GK4 */
.nsp { position:relative; }
.nsp_main{overflow: hidden;padding-bottom: 10px;background: none;}
.nsp_bottom_interface,
.nsp_top_interface{overflow: hidden;min-height: 30px; padding-top: 7px;}
.nsp_bottom_interface div,
.nsp_top_interface div{ float:right; }
.nsp_bottom_interface .pagination,
.nsp_top_interface .pagination{ list-style-type:none; margin:0 10px 0 20px!important; padding:0; float:left; position: absolute; left: 0;}
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li{ cursor: pointer;float: left!important;width: 12px!important;height: 12px!important;margin-right:3px!important;min-height:12px!important;text-indent: -999em;border-top:none!important;padding: 0!important;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{ cursor:pointer; float: left;margin: 1px 0 0 0!important;text-indent: -999em;width: 33px;height: 15px; }
.nsp_bottom_interface .next,
.nsp_top_interface .next{ cursor:pointer; float: left;margin: 1px 0 0 0!important;text-indent: -999em;width: 33px;height: 15px; }
.nsp_bottom_interface .counter,
.nsp_top_interface .counter{padding-left: 10px; cursor:pointer; font-size:9px; float:left; margin:2px 0 0 7px; position: absolute;right:0; right:90px;}
.nsp_bottom_interface .counter strong,
.nsp_top_interface .counter strong {padding-right: 3px;}
.nsp_arts{ overflow:hidden;display: inline; }
.nsp_art{float:left;}
.nsp_art div{padding:0 10px; overflow:hidden; }
.nsp_art h4.nsp_header{font-weight:normal;font-size: 12px;margin:3px 0;float:none;}
.nsp_art h4.nsp_header a:hover{text-decoration: none;}
.nsp_art p.nsp_text{float:none;margin-top: 5px;font-size: 11px;}
.nsp_art p.nsp_info{font-size:90%}
.nsp_art .tleft{ text-align:left; }
.nsp_art .tright{ text-align:right; }
.nsp_art .tcenter{ text-align:center; }
.nsp_art .tjustify{ text-align:justify; }
.nsp_art .fleft{float:left;}
.nsp_art .fright{float:right;}
.nsp_art .fnone{ clear:both;width:100%;float:none; }
.readon_class.left,
.readon_class.right,
.readon_class.center{clear:both;}
.readon_class.left{float:left;}
.readon_class.right{float:right;}
.readon_class.center{display:inline;float:none;}
.readon_class.fright {margin: 5px 0 10px}
.nsp_links ul{margin:0;padding: 0;list-style-image: none!important;}
.nsp_links ul li{padding: 6px;   margin:0 0 5px;line-height: 120%;}
.nsp_links ul li h4{text-transform: uppercase;font-weight: normal;font-size: 11px;margin: 0 0 3px 0;}
.nsp_links ul li p{font-size: 11px;   margin: 0;}
.nsp_links_wrap.bottom {background: transparent;overflow: hidden;height: auto;margin-top: -5px;}
.nsp_info {clear:both;margin: 0;font-size: 10px;}
.nsp_avatar {position: relative;top:3px}

/* NSP GK4 - positioning */
.nsp_arts.left{float:right;}
.nsp_links_wrap.left{float:left;}
.nsp_arts.right{float:left;}
.nsp_links_wrap.right{float:right;}

/* NSP GK4 - make element unvisible */
.nsp_main .unvisible{ height:1px; left:-10000px; overflow:hidden!important; position:absolute; top:auto; width:1px; }

/* NSP GK4 - Exception mainbody */
div#mainbody div.nsp_bottom_interface .pagination,
div#mainbody div.nsp_top_interface .pagination{ margin:0 10px 0 10px!important;}


Open style1.css file and add this code:

Code: Select all

/* News Show Pro GK4 - style1
-----------------------------------------------------------------------------*/

/* NSP GK4 - default style*/
.nsp_bottom_interface div,
.nsp_top_interface div{background: transparent url('../images/style1/gk_stuff/bg_inter.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li{background: transparent url('../images/style1/gk_stuff/bullet_black_inactive.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat 0 0; }
.nsp_bottom_interface .prev:hover,
.nsp_top_interface .prev:hover{background-position: 100% 0;}
.nsp_bottom_interface .next,
.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/next.png') no-repeat 0 0;  }
.nsp_bottom_interface .next:hover,
.nsp_top_interface .next:hover{background-position: 100% 0; }
.nsp_art h4.nsp_header,
.nsp_art h4.nsp_header a{color: #fff;}
.nsp_art h4.nsp_header:hover,
.nsp_art h4.nsp_header a:hover{color: #b30b0d!important;}
.nsp_links ul li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nsp_links ul li:last-child {border:none!important;}
.nsp_links ul li:hover {background: #444;color: #fff;}
.nsp_links ul li h4,
.nsp_links ul li h4 a {color: #666;}
.nsp_links ul li:hover,
.nsp_links ul li:hover a{color: #fff!important;}

/* NSP GK4 - inset */
div#inset div.nsp_bottom_interface div,
div#inset div.nsp_top_interface div{background: transparent url('../images/style1/gk_stuff/white_bg_inter.png') no-repeat 0 0; }
div#inset div.nsp_bottom_interface .pagination li,
div#inset div.nsp_top_interface .pagination li{background: transparent url('../images/style1/gk_stuff/bullet_white_inactive.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .pagination li.active,
div#inset div.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev,
div#inset div.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/white_prev.png') no-repeat 0 0; }
div#inset div.nsp_bottom_interface .prev:hover,
div#inset div.nsp_top_interface .prev:hover{background: transparent url('../images/style1/gk_stuff/white_prev.png') no-repeat right 0;}
div#inset div.nsp_bottom_interface .next,
div#inset div.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/next.png') no-repeat 0 0;  }
div#inset div.nsp_bottom_interface .next:hover,
div#inset div.nsp_top_interface .next:hover{background: transparent url('../images/style1/gk_stuff/next.png') no-repeat right 0; }
div#inset div.nsp_art h4.nsp_header,
div#inset div.nsp_art h4.nsp_header a {color: #b30b0d!important;font-weight: bold;}
div#inset div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#inset div.nsp_links ul li{background: #E3E3E3;}
div#inset div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#inset div.nsp_links ul li h4,
div#inset div.nsp_links ul li h4 a {color: #333!important;}
div#inset div.nsp_links ul li:hover  h4,
div#inset div.nsp_links ul li:hover  h4 a{color: #b30b0d!important;}



/* NSP GK4 - mainbody*/
div#mainbody div.nsp_bottom_interface div,
div#mainbody div.nsp_top_interface div{background: transparent url('../images/style1/gk_stuff/white_bg_inter.png') no-repeat 0 0; }
div#mainbody div.nsp_bottom_interface .pagination,
div#mainbody div.nsp_top_interface .pagination{ }
div#mainbody div.nsp_bottom_interface .pagination li,
div#mainbody div.nsp_top_interface .pagination li{background: transparent url('../images/style1/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .pagination li.active,
div#mainbody div.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev,
div#mainbody div.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev:hover,
div#mainbody div.nsp_top_interface .prev:hover{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat right 0;}
div#mainbody div.nsp_bottom_interface .next,
div#mainbody div.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat 0 0; }
div#mainbody div.nsp_bottom_interface .next:hover,
div#mainbody div.nsp_top_interface .next:hover{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat right 0; }
div#mainbody div.nsp_art h4.nsp_header,
div#mainbody div.nsp_art h4.nsp_header a {color: #b30b0d!important;font-weight: bold;}
div#mainbody div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#mainbody div.nsp_links ul li{background: #f6f6f6;}
div#mainbody div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#mainbody div.nsp_links ul li h4,
div#mainbody div.nsp_links ul li h4 a {color: #333!important;}
div#mainbody div.nsp_links ul li:hover  h4,
div#mainbody div.nsp_links ul li:hover  h4 a{color: #b30b0d!important;}


Finally, open style2.css file and add this code:

Code: Select all

/* News Show Pro GK4 - style2 */

/* NSP GK4 - default style*/
.nsp_bottom_interface div,
.nsp_top_interface div{background: transparent url('../images/style2/gk_stuff/bg_inter.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li{background: transparent url('../images/style2/gk_stuff/bullet_black_inactive.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat 0 0; }
.nsp_bottom_interface .prev:hover,
.nsp_top_interface .prev:hover{background-position: 100% 0;}
.nsp_bottom_interface .next,
.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/next.png') no-repeat 0 0;  }
.nsp_bottom_interface .next:hover,
.nsp_top_interface .next:hover{background-position: 100% 0; }
.nsp_art h4.nsp_header,
.nsp_art h4.nsp_header a{color: #fff;}
.nsp_art h4.nsp_header:hover,
.nsp_art h4.nsp_header a:hover{color: #39a8e5!important;}
.nsp_links ul li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nsp_links ul li:last-child {border:none!important;}
.nsp_links ul li:hover {background: #444;color: #fff;}
.nsp_links ul li h4,
.nsp_links ul li h4 a {color: #666;}
.nsp_links ul li:hover,
.nsp_links ul li:hover a{color: #fff!important;}

/* NSP GK4 - inset */
div#inset div.nsp_bottom_interface div,
div#inset div.nsp_top_interface div{background: transparent url('../images/style2/gk_stuff/white_bg_inter.png') no-repeat 0 0; }
div#inset div.nsp_bottom_interface .pagination li,
div#inset div.nsp_top_interface .pagination li{background: transparent url('../images/style2/gk_stuff/bullet_white_inactive.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .pagination li.active,
div#inset div.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev,
div#inset div.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/white_prev.png') no-repeat 0 0; }
div#inset div.nsp_bottom_interface .prev:hover,
div#inset div.nsp_top_interface .prev:hover{background: transparent url('../images/style2/gk_stuff/white_prev.png') no-repeat right 0;}
div#inset div.nsp_bottom_interface .next,
div#inset div.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/next.png') no-repeat 0 0;  }
div#inset div.nsp_bottom_interface .next:hover,
div#inset div.nsp_top_interface .next:hover{background: transparent url('../images/style2/gk_stuff/next.png') no-repeat right 0; }
div#inset div.nsp_art h4.nsp_header,
div#inset div.nsp_art h4.nsp_header a {color: #39a8e5!important;font-weight: bold;}
div#inset div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#inset div.nsp_links ul li{background: #E3E3E3;}
div#inset div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#inset div.nsp_links ul li h4,
div#inset div.nsp_links ul li h4 a {color: #333!important;}
div#inset div.nsp_links ul li:hover  h4,
div#inset div.nsp_links ul li:hover  h4 a{color: #39a8e5!important;}



/* NSP GK4 - mainbody*/
div#mainbody div.nsp_bottom_interface div,
div#mainbody div.nsp_top_interface div{background: transparent url('../images/style2/gk_stuff/white_bg_inter.png') no-repeat 0 0; }
div#mainbody div.nsp_bottom_interface .pagination,
div#mainbody div.nsp_top_interface .pagination{ }
div#mainbody div.nsp_bottom_interface .pagination li,
div#mainbody div.nsp_top_interface .pagination li{background: transparent url('../images/style2/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .pagination li.active,
div#mainbody div.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev,
div#mainbody div.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev:hover,
div#mainbody div.nsp_top_interface .prev:hover{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat right 0;}
div#mainbody div.nsp_bottom_interface .next,
div#mainbody div.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat 0 0; }
div#mainbody div.nsp_bottom_interface .next:hover,
div#mainbody div.nsp_top_interface .next:hover{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat right 0; }
div#mainbody div.nsp_art h4.nsp_header,
div#mainbody div.nsp_art h4.nsp_header a {color: #2383b8!important;font-weight: bold;}
div#mainbody div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#mainbody div.nsp_links ul li{background: #f6f6f6;}
div#mainbody div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#mainbody div.nsp_links ul li h4,
div#mainbody div.nsp_links ul li h4 a {color: #333!important;}
div#mainbody div.nsp_links ul li:hover  h4,
div#mainbody div.nsp_links ul li:hover  h4 a{color: #39a8e5!important;}


Please test it and if you find any problem, please report.

Cheers

Text is stretched in one line. Buttons prev&next looks wrong, they have no backgrounds, no buttons in the form of circles.

here installed template and module in position tab3
http://icki.simracing.su/

Text is stretched in one line. Buttons prev&next looks wrong, they have no backgrounds, no buttons in the form of circles.

here installed template and module in position tab3
http://icki.simracing.su/

Please disable "Use default CSS" on External files parameters of NSP.

Cheers

Hi again

The previous version add problems with Opera, Chrome and within Tabs module (pagination position).
So, please use this one. I expect that all this problems are solved.

On gk_stuff.css file, use this lines:

Code: Select all

/* News Show Pro GK4 */
.nsp { position:relative; }
.nsp_main{overflow: hidden;padding-bottom: 10px;background: none;}
.nsp_bottom_interface,
.nsp_top_interface{overflow: hidden;min-height: 30px; padding-top: 7px;}
.nsp_bottom_interface div,
.nsp_top_interface div{ float:right; }
.nsp_bottom_interface .pagination,
.nsp_top_interface .pagination{ list-style-type:none; margin:0 10px 0 20px!important; padding:0; float:left;}
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li{ cursor: pointer;float: left!important;width: 12px!important;height: 12px!important;margin-right:3px!important;min-height:12px!important;text-indent: -999em;border-top:none!important;padding: 0!important;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{ cursor:pointer; float: left;margin: 1px 0 0 0!important;text-indent: -999em;width: 33px;height: 15px; }
.nsp_bottom_interface .next,
.nsp_top_interface .next{ cursor:pointer; float: left;margin: 1px 0 0 0!important;text-indent: -999em;width: 33px;height: 15px; }
.nsp_bottom_interface .counter,
.nsp_top_interface .counter{padding-left: 10px; cursor:pointer; font-size:9px; float:left; margin:2px 0 0 7px; position: absolute;right:0; right:90px;}
.nsp_bottom_interface .counter strong,
.nsp_top_interface .counter strong {padding-right: 3px;}
.nsp_arts{ overflow:hidden;height: auto!important;}
.nsp_arts.bottom  {background-image: none;}
.nsp_art{float:left;overflow: hidden;}
.nsp_art div{padding:0 10px; overflow:hidden; }
.nsp_art h4.nsp_header{font-weight:normal;font-size: 12px;margin:3px 0;float:none;}
.nsp_art h4.nsp_header a:hover{text-decoration: none;}
.nsp_art p.nsp_text{float:none;margin-top: 5px;font-size: 11px;}
.nsp_art p.nsp_info{font-size:90%}
.nsp_art .tleft{ text-align:left; }
.nsp_art .tright{ text-align:right; }
.nsp_art .tcenter{ text-align:center; }
.nsp_art .tjustify{ text-align:justify; }
.nsp_art .fleft{float:left;}
.nsp_art .fright{float:right;}
.nsp_art .fnone{ clear:both;width:100%;float:none; }
.readon_class.left,
.readon_class.right,
.readon_class.center{clear:both;}
.readon_class.left{float:left;}
.readon_class.right{float:right;}
.readon_class.center{display:inline;float:none;}
.readon_class.fright {margin: 5px 0 10px}
.nsp_links ul{margin:0;padding: 0;list-style-image: none!important;}
.nsp_links ul li{padding: 6px;   margin:0 0 5px;line-height: 120%;}
.nsp_links ul li h4{text-transform: uppercase;font-weight: normal;font-size: 11px;margin: 0 0 3px 0;}
.nsp_links ul li p{font-size: 11px;   margin: 0;}
.nsp_links_wrap.bottom {background: transparent;overflow: hidden;margin-top: -5px;display: inline;}
.nsp_info {clear:both;margin: 0;font-size: 10px;}
.nsp_avatar {position: relative;top:3px}

/* NSP GK4 - positioning */
.nsp_arts.left{float:right;}
.nsp_links_wrap.left{float:left;}
.nsp_arts.right{float:left;}
.nsp_links_wrap.right{float:right;}

/* NSP GK4 - make element unvisible */
.nsp_main .unvisible{ height:1px; left:-10000px; overflow:hidden!important; position:absolute; top:auto; width:1px; }

/* NSP GK4 - Exception mainbody */
div#mainbody div.nsp_bottom_interface .pagination,
div#mainbody div.nsp_top_interface .pagination{ margin:0 10px 0 10px!important;}


On style1.css use this lines:

Code: Select all

/* News Show Pro GK4 - style1
-----------------------------------------------------------------------------*/

/* NSP GK4 - default style*/
.nsp_bottom_interface div,
.nsp_top_interface div{background: transparent url('../images/style1/gk_stuff/bg_inter.png') no-repeat 100% 0; }
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li{background: transparent url('../images/style1/gk_stuff/bullet_black_inactive.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat 0 0; }
.nsp_bottom_interface .prev:hover,
.nsp_top_interface .prev:hover{background-position: 100% 0;}
.nsp_bottom_interface .next,
.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/next.png') no-repeat 0 0;  }
.nsp_bottom_interface .next:hover,
.nsp_top_interface .next:hover{background-position: 100% 0; }
.nsp_art h4.nsp_header,
.nsp_art h4.nsp_header a{color: #fff;}
.nsp_art h4.nsp_header:hover,
.nsp_art h4.nsp_header a:hover{color: #b30b0d!important;}
.nsp_links ul li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nsp_links ul li:last-child {border:none!important;}
.nsp_links ul li:hover {background: #444;color: #fff;}
.nsp_links ul li h4,
.nsp_links ul li h4 a {color: #666;}
.nsp_links ul li:hover,
.nsp_links ul li:hover a{color: #fff!important;}

/* NSP GK4 - inset */
div#inset div.nsp_bottom_interface div,
div#inset div.nsp_top_interface div{background: transparent url('../images/style1/gk_stuff/white_bg_inter.png') no-repeat 100% 0; }
div#inset div.nsp_bottom_interface .pagination li,
div#inset div.nsp_top_interface .pagination li{background: transparent url('../images/style1/gk_stuff/bullet_white_inactive.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .pagination li.active,
div#inset div.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev,
div#inset div.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/white_prev.png') no-repeat 0 0; }
div#inset div.nsp_bottom_interface .prev:hover,
div#inset div.nsp_top_interface .prev:hover{background: transparent url('../images/style1/gk_stuff/white_prev.png') no-repeat right 0;}
div#inset div.nsp_bottom_interface .next,
div#inset div.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/next.png') no-repeat 0 0;  }
div#inset div.nsp_bottom_interface .next:hover,
div#inset div.nsp_top_interface .next:hover{background: transparent url('../images/style1/gk_stuff/next.png') no-repeat right 0; }
div#inset div.nsp_art h4.nsp_header,
div#inset div.nsp_art h4.nsp_header a {color: #b30b0d!important;font-weight: bold;}
div#inset div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#inset div.nsp_links ul li{background: #E3E3E3;}
div#inset div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#inset div.nsp_links ul li h4,
div#inset div.nsp_links ul li h4 a {color: #333!important;}
div#inset div.nsp_links ul li:hover  h4,
div#inset div.nsp_links ul li:hover  h4 a{color: #b30b0d!important;}



/* NSP GK4 - mainbody*/
div#mainbody div.nsp_bottom_interface div,
div#mainbody div.nsp_top_interface div{background: transparent url('../images/style1/gk_stuff/white_bg_inter.png') no-repeat 100% 0; }
div#mainbody div.nsp_bottom_interface .pagination,
div#mainbody div.nsp_top_interface .pagination{ }
div#mainbody div.nsp_bottom_interface .pagination li,
div#mainbody div.nsp_top_interface .pagination li{background: transparent url('../images/style1/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .pagination li.active,
div#mainbody div.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev,
div#mainbody div.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev:hover,
div#mainbody div.nsp_top_interface .prev:hover{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat right 0;}
div#mainbody div.nsp_bottom_interface .next,
div#mainbody div.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat 0 0; }
div#mainbody div.nsp_bottom_interface .next:hover,
div#mainbody div.nsp_top_interface .next:hover{background: transparent url('../images/style1/gk_stuff/prev.png') no-repeat right 0; }
div#mainbody div.nsp_art h4.nsp_header,
div#mainbody div.nsp_art h4.nsp_header a {color: #b30b0d!important;font-weight: bold;}
div#mainbody div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#mainbody div.nsp_links ul li{background: #f6f6f6;}
div#mainbody div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#mainbody div.nsp_links ul li h4,
div#mainbody div.nsp_links ul li h4 a {color: #333!important;}
div#mainbody div.nsp_links ul li:hover  h4,
div#mainbody div.nsp_links ul li:hover  h4 a{color: #b30b0d!important;}


and on style2.css file, use this lines:

Code: Select all

/* News Show Pro GK4 - style2 */

/* NSP GK4 - default style*/
.nsp_bottom_interface div,
.nsp_top_interface div{background: transparent url('../images/style2/gk_stuff/bg_inter.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li{background: transparent url('../images/style2/gk_stuff/bullet_black_inactive.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat 0 0; }
.nsp_bottom_interface .prev:hover,
.nsp_top_interface .prev:hover{background-position: 100% 0;}
.nsp_bottom_interface .next,
.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/next.png') no-repeat 0 0;  }
.nsp_bottom_interface .next:hover,
.nsp_top_interface .next:hover{background-position: 100% 0; }
.nsp_art h4.nsp_header,
.nsp_art h4.nsp_header a{color: #fff;}
.nsp_art h4.nsp_header:hover,
.nsp_art h4.nsp_header a:hover{color: #39a8e5!important;}
.nsp_links ul li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nsp_links ul li:last-child {border:none!important;}
.nsp_links ul li:hover {background: #444;color: #fff;}
.nsp_links ul li h4,
.nsp_links ul li h4 a {color: #666;}
.nsp_links ul li:hover,
.nsp_links ul li:hover a{color: #fff!important;}

/* NSP GK4 - inset */
div#inset div.nsp_bottom_interface div,
div#inset div.nsp_top_interface div{background: transparent url('../images/style2/gk_stuff/white_bg_inter.png') no-repeat 0 0; }
div#inset div.nsp_bottom_interface .pagination li,
div#inset div.nsp_top_interface .pagination li{background: transparent url('../images/style2/gk_stuff/bullet_white_inactive.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .pagination li.active,
div#inset div.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev,
div#inset div.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/white_prev.png') no-repeat 0 0; }
div#inset div.nsp_bottom_interface .prev:hover,
div#inset div.nsp_top_interface .prev:hover{background: transparent url('../images/style2/gk_stuff/white_prev.png') no-repeat right 0;}
div#inset div.nsp_bottom_interface .next,
div#inset div.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/next.png') no-repeat 0 0;  }
div#inset div.nsp_bottom_interface .next:hover,
div#inset div.nsp_top_interface .next:hover{background: transparent url('../images/style2/gk_stuff/next.png') no-repeat right 0; }
div#inset div.nsp_art h4.nsp_header,
div#inset div.nsp_art h4.nsp_header a {color: #39a8e5!important;font-weight: bold;}
div#inset div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#inset div.nsp_links ul li{background: #E3E3E3;}
div#inset div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#inset div.nsp_links ul li h4,
div#inset div.nsp_links ul li h4 a {color: #333!important;}
div#inset div.nsp_links ul li:hover  h4,
div#inset div.nsp_links ul li:hover  h4 a{color: #39a8e5!important;}



/* NSP GK4 - mainbody*/
div#mainbody div.nsp_bottom_interface div,
div#mainbody div.nsp_top_interface div{background: transparent url('../images/style2/gk_stuff/white_bg_inter.png') no-repeat 0 0; }
div#mainbody div.nsp_bottom_interface .pagination,
div#mainbody div.nsp_top_interface .pagination{ }
div#mainbody div.nsp_bottom_interface .pagination li,
div#mainbody div.nsp_top_interface .pagination li{background: transparent url('../images/style2/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .pagination li.active,
div#mainbody div.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev,
div#mainbody div.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev:hover,
div#mainbody div.nsp_top_interface .prev:hover{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat right 0;}
div#mainbody div.nsp_bottom_interface .next,
div#mainbody div.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat 0 0; }
div#mainbody div.nsp_bottom_interface .next:hover,
div#mainbody div.nsp_top_interface .next:hover{background: transparent url('../images/style2/gk_stuff/prev.png') no-repeat right 0; }
div#mainbody div.nsp_art h4.nsp_header,
div#mainbody div.nsp_art h4.nsp_header a {color: #2383b8!important;font-weight: bold;}
div#mainbody div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#mainbody div.nsp_links ul li{background: #f6f6f6;}
div#mainbody div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#mainbody div.nsp_links ul li h4,
div#mainbody div.nsp_links ul li h4 a {color: #333!important;}
div#mainbody div.nsp_links ul li:hover  h4,
div#mainbody div.nsp_links ul li:hover  h4 a{color: #39a8e5!important;}


This will be added on next IckiSports template update.

Cheers

now it almost works, but there is no dividing lines between items and no circles )

...but there is no dividing lines between items and no circles )

Sorry, i forgot about the lines.
But no circles ? what do you mean? Can u show me your website?

Anyway... (and i think this is the final version ), here's the news code:

On gk_stuff.css:

Code: Select all

/* News Show Pro GK4 */
.nsp { position:relative; }
.nsp_main{overflow: hidden;padding-bottom: 10px;background: none;}
.nsp_bottom_interface,
.nsp_top_interface{overflow: hidden;min-height: 30px; padding-top: 7px;}
.nsp_bottom_interface div,
.nsp_top_interface div{ float:right; }
.nsp_bottom_interface .pagination,
.nsp_top_interface .pagination{ list-style-type:none; margin: 2px 0 0 20px!important; padding:0; float:left;}
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li{ cursor: pointer;float: left!important;width: 12px!important;height: 12px!important;margin-right:3px!important;min-height:12px!important;text-indent: -999em;border-top:none!important;padding: 0!important;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{ cursor:pointer; float: left;margin: 1px 0 0 10px!important;text-indent: -999em;width: 33px;height: 15px; }
.nsp_bottom_interface .next,
.nsp_top_interface .next{ cursor:pointer; float: left;margin: 1px 0 0 0!important;text-indent: -999em;width: 33px;height: 15px; }
.nsp_bottom_interface .counter,
.nsp_top_interface .counter{padding-left: 10px; cursor:pointer; font-size:9px; float:left; margin:2px 0 0 7px; position: absolute;right:0; right:90px;}
.nsp_bottom_interface .counter strong,
.nsp_top_interface .counter strong {padding-right: 3px;}
.nsp_arts{ overflow:hidden;height: auto!important;}
.nsp_arts.bottom  {background-image: none;padding-bottom: 10px;}
.nsp_art{float:left;overflow: hidden;}
.nsp_art div{padding:7px 10px 0!important; overflow:hidden; }
.nsp_art h4.nsp_header{font-weight:normal;font-size: 12px;margin:3px 0;float:none;}
.nsp_art h4.nsp_header a:hover{text-decoration: none;}
.nsp_art p.nsp_text{float:none;margin-top: 5px;font-size: 11px;}
.nsp_art p.nsp_info{font-size:90%}
.nsp_art .tleft{ text-align:left; }
.nsp_art .tright{ text-align:right; }
.nsp_art .tcenter{ text-align:center; }
.nsp_art .tjustify{ text-align:justify; }
.nsp_art .fleft{float:left;}
.nsp_art .fright{float:right;}
.nsp_art .fnone{ clear:both;width:100%;float:none; }
.readon_class.left,
.readon_class.right,
.readon_class.center{clear:both;}
.readon_class.left{float:left;}
.readon_class.right{float:right;}
.readon_class.center{display:inline;float:none;}
.readon_class.fright {margin: 5px 0 10px}
.nsp_links ul{margin:0;padding: 0;list-style-image: none!important;}
.nsp_links ul li{padding: 6px;   margin:0 0 5px;line-height: 120%;}
.nsp_links ul li h4{text-transform: uppercase;font-weight: normal;font-size: 11px;margin: 0 0 3px 0;}
.nsp_links ul li p{font-size: 11px;   margin: 0;}
.nsp_links_wrap.bottom {background: transparent;overflow: hidden;display: inline;}
.nsp_info {clear:both;margin: 0;font-size: 10px;}
.nsp_avatar {position: relative;top:3px}

/* NSP GK4 - positioning */
.nsp_arts.left{float:right;}
.nsp_links_wrap.left{float:left;}
.nsp_arts.right{float:left;}
.nsp_links_wrap.right{float:right;}

/* NSP GK4 - make element unvisible */
.nsp_main .unvisible{ height:1px; left:-10000px; overflow:hidden!important; position:absolute; top:auto; width:1px; }


On style1.css

Code: Select all

/* News Show Pro GK4 - style1
-----------------------------------------------------------------------------*/

/* NSP GK4 - default style*/
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li,
.nsp_bottom_interface .pagination li:hover,
.nsp_top_interface .pagination li:hover {background: transparent url('../images/style1/gk_stuff/bullet_black_inactive.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/nsp_gk4_inter_dark.png') no-repeat 0 0; }
.nsp_bottom_interface .prev:hover,
.nsp_top_interface .prev:hover{background-position: 0 100%;}
.nsp_bottom_interface .next,
.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/nsp_gk4_inter_dark.png') no-repeat 100% 0; }
.nsp_bottom_interface .next:hover,
.nsp_top_interface .next:hover{background-position: 100% 100%; }
.nsp_art_page>div,
.nsp_bottom_interface {border-top: 1px solid #474747;}
.nsp_art_page div:first-child {border-top: none;}
.nsp_art h4.nsp_header,
.nsp_art h4.nsp_header a{color: #fff;}
.nsp_art h4.nsp_header:hover,
.nsp_art h4.nsp_header a:hover{color: #b30b0d!important;}
.nsp_links ul li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nsp_links ul li:last-child {border:none!important;}
.nsp_links ul li:hover {background: #444;color: #fff;}
.nsp_links ul li h4,
.nsp_links ul li h4 a {color: #666;}
.nsp_links ul li:hover,
.nsp_links ul li:hover a{color: #fff!important;}

/* NSP GK4 - inset */
div#inset div.nsp_bottom_interface .pagination li,
div#inset div.nsp_top_interface .pagination li,
div#inset div.nsp_bottom_interface .pagination li:hover,
div#inset div.nsp_top_interface .pagination li:hover {background: transparent url('../images/style1/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .pagination li.active,
div#inset div.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev,
div#inset div.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/nsp_gk4_inter_white.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev:hover,
div#inset div.nsp_top_interface .prev:hover{background-position: 0 100%;}
div#inset div.nsp_bottom_interface .next,
div#inset div.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/nsp_gk4_inter_white.png') no-repeat 100% 0; }
div#inset div.nsp_bottom_interface .next:hover,
div#inset div.nsp_top_interface .next:hover{background-position: 100% 100%; }
div#inset div.nsp_art_page>div,
div#inset div.nsp_bottom_interface {border-top: 1px solid #ddd;}
div#inset div.nsp_art_page div:first-child {border-top: none;}
div#inset div.nsp_art h4.nsp_header,
div#inset div.nsp_art h4.nsp_header a {color: #b30b0d!important;font-weight: bold;}
div#inset div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#inset div.nsp_links ul li{background: #E3E3E3;}
div#inset div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#inset div.nsp_links ul li h4,
div#inset div.nsp_links ul li h4 a {color: #333!important;}
div#inset div.nsp_links ul li:hover  h4,
div#inset div.nsp_links ul li:hover  h4 a{color: #b30b0d!important;}



/* NSP GK4 - mainbody*/
div#mainbody div.nsp_bottom_interface .pagination li,
div#mainbody div.nsp_top_interface .pagination li,
div#mainbody div.nsp_bottom_interface .pagination li:hover,
div#mainbody div.nsp_top_interface .pagination li:hover {background: transparent url('../images/style1/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .pagination li.active,
div#mainbody div.nsp_top_interface .pagination li.active {background: transparent url('../images/style1/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev,
div#mainbody div.nsp_top_interface .prev{background: transparent url('../images/style1/gk_stuff/nsp_gk4_inter_white.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev:hover,
div#mainbody div.nsp_top_interface .prev:hover{background-position: 0 100%;}
div#mainbody div.nsp_bottom_interface .next,
div#mainbody div.nsp_top_interface .next{background: transparent url('../images/style1/gk_stuff/nsp_gk4_inter_white.png') no-repeat 100% 0; }
div#mainbody div.nsp_bottom_interface .next:hover,
div#mainbody div.nsp_top_interface .next:hover{background-position: 100% 100%; }
div#mainbody div.nsp_art_page>div,
div#mainbody div.nsp_bottom_interface {border-top: 1px solid #ddd;}
div#mainbody div.nsp_art_page div:first-child {border-top: none;}
div#mainbody div.nsp_art h4.nsp_header,
div#mainbody div.nsp_art h4.nsp_header a {color: #b30b0d!important;font-weight: bold;}
div#mainbody div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#mainbody div.nsp_links ul li{background: #f6f6f6;}
div#mainbody div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#mainbody div.nsp_links ul li h4,
div#mainbody div.nsp_links ul li h4 a {color: #333!important;}
div#mainbody div.nsp_links ul li:hover  h4,
div#mainbody div.nsp_links ul li:hover  h4 a{color: #b30b0d!important;}


On style2.css

Code: Select all

/* News Show Pro GK4 - style2 */

/* NSP GK4 - default style*/
.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li,
.nsp_bottom_interface .pagination li:hover,
.nsp_top_interface .pagination li:hover {background: transparent url('../images/style2/gk_stuff/bullet_black_inactive.png') no-repeat 0 0; }
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
.nsp_bottom_interface .prev,
.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/nsp_gk4_inter_dark.png') no-repeat 0 0; }
.nsp_bottom_interface .prev:hover,
.nsp_top_interface .prev:hover{background-position: 0 100%;}
.nsp_bottom_interface .next,
.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/nsp_gk4_inter_dark.png') no-repeat 100% 0; }
.nsp_bottom_interface .next:hover,
.nsp_top_interface .next:hover{background-position: 100% 100%; }
.nsp_art_page>div,
.nsp_bottom_interface {border-top: 1px solid #474747;}
.nsp_art_page div:first-child {border-top: none;}.nsp_art h4.nsp_header,
.nsp_art h4.nsp_header a{color: #fff;}
.nsp_art h4.nsp_header:hover,
.nsp_art h4.nsp_header a:hover{color: #39a8e5!important;}
.nsp_links ul li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nsp_links ul li:last-child {border:none!important;}
.nsp_links ul li:hover {background: #444;color: #fff;}
.nsp_links ul li h4,
.nsp_links ul li h4 a {color: #666;}
.nsp_links ul li:hover,
.nsp_links ul li:hover a{color: #fff!important;}

/* NSP GK4 - inset */
div#inset div.nsp_bottom_interface .pagination li,
div#inset div.nsp_top_interface .pagination li,
div#inset div.nsp_bottom_interface .pagination li:hover,
div#inset div.nsp_top_interface .pagination li:hover {background: transparent url('../images/style2/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .pagination li.active,
div#inset div.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev,
div#inset div.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/nsp_gk4_inter_white.png') no-repeat 0 0;}
div#inset div.nsp_bottom_interface .prev:hover,
div#inset div.nsp_top_interface .prev:hover{background-position: 0 100%;}
div#inset div.nsp_bottom_interface .next,
div#inset div.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/nsp_gk4_inter_white.png') no-repeat 100% 0; }
div#inset div.nsp_bottom_interface .next:hover,
div#inset div.nsp_top_interface .next:hover{background-position: 100% 100%; }
div#inset div.nsp_art_page>div,
div#inset div.nsp_bottom_interface {border-top: 1px solid #ddd;}
div#inset div.nsp_art_page div:first-child {border-top: none;}
div#inset div.nsp_art h4.nsp_header,
div#inset div.nsp_art h4.nsp_header a {color: #39a8e5!important;font-weight: bold;}
div#inset div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#inset div.nsp_links ul li{background: #E3E3E3;}
div#inset div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#inset div.nsp_links ul li h4,
div#inset div.nsp_links ul li h4 a {color: #333!important;}
div#inset div.nsp_links ul li:hover  h4,
div#inset div.nsp_links ul li:hover  h4 a{color: #39a8e5!important;}



/* NSP GK4 - mainbody*/
div#mainbody div.nsp_bottom_interface .pagination li,
div#mainbody div.nsp_top_interface .pagination li,
div#mainbody div.nsp_bottom_interface .pagination li:hover,
div#mainbody div.nsp_top_interface .pagination li:hover {background: transparent url('../images/style2/gk_stuff/bullet_black_inactive.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .pagination li.active,
div#mainbody div.nsp_top_interface .pagination li.active {background: transparent url('../images/style2/gk_stuff/bullet_white_active.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev,
div#mainbody div.nsp_top_interface .prev{background: transparent url('../images/style2/gk_stuff/nsp_gk4_inter_white.png') no-repeat 0 0;}
div#mainbody div.nsp_bottom_interface .prev:hover,
div#mainbody div.nsp_top_interface .prev:hover{background-position: 0 100%;}
div#mainbody div.nsp_bottom_interface .next,
div#mainbody div.nsp_top_interface .next{background: transparent url('../images/style2/gk_stuff/nsp_gk4_inter_white.png') no-repeat 100% 0; }
div#mainbody div.nsp_bottom_interface .next:hover,
div#mainbody div.nsp_top_interface .next:hover{background-position: 100% 100%; }
div#mainbody div.nsp_art_page>div,
div#mainbody div.nsp_bottom_interface {border-top: 1px solid #ddd;}
div#mainbody div.nsp_art_page div:first-child {border-top: none;}
div#mainbody div.nsp_art h4.nsp_header,
div#mainbody div.nsp_art h4.nsp_header a {color: #2383b8!important;font-weight: bold;}
div#mainbody div.nsp_art h4.nsp_header a:hover{color: #333!important;}
div#mainbody div.nsp_links ul li{background: #f6f6f6;}
div#mainbody div.nsp_links ul li:hover {background: #f1f1f1;color: #aaa!important;}
div#mainbody div.nsp_links ul li h4,
div#mainbody div.nsp_links ul li h4 a {color: #333!important;}
div#mainbody div.nsp_links ul li:hover  h4,
div#mainbody div.nsp_links ul li:hover  h4 a{color: #39a8e5!important;}


If you wish, u can download the respective files changed and replace them:

gk_icki_sports_2011-04-11.zip

screen_2011-04-10.png