templates/blocks/news_block_top.tpl
<{if $block.displayview==2}> <{* Classical view *}>
<style type="text/css">
#fullSupport {
padding: 1.5em;
background: <{$block.color2}>;
min-height: 300px;
}
<{if $block.tabskin==1}>
<{* Bar Style *}>
#tabNavigation {
background: #F90;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
list-style: none outside none;
color: inherit;
margin: 0;
padding: 0;
}
html #tabNavigation /* */
{
padding: 4px 0 4px 0;
}
html > body #tabNavigation {
margin: 0;
padding: 4px 0 4px 0;
}
#tabNavigation li {
display: inline;
line-height: 1em;
}
#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
background: <{$block.color4}>;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
color: #FFF;
cursor: pointer;
height: 1em;
margin: -1px 0 -1px 0;
padding: 3px 6px 3px 6px;
text-decoration: none;
}
html #tabNavigation a /* */, html #tabNavigation a:link /* */, html #tabNavigation a:visited /* */
{
border-bottom: none;
height: auto;
margin: 0;
}
html > body #tabNavigation a, html > body #tabNavigation a:link, html > body #tabNavigation a:visited {
border-bottom: none;
padding: 4px 6px 4px 6px;
}
\head + body #tabNavigation a, \head + body #tabNavigation a:link, \head + body #tabNavigation a:visited {
padding: 3px 6px 3px 6px;
}
#tabNavigation a:hover {
background: <{$block.color5}>;
color: inherit;
}
#tabNavigation a:active {
background: #CCC;
border-right: 1px solid #000;
color: inherit;
}
#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
background: <{$block.color3}>;
border-bottom: none;
border-right: 1px solid #000;
border-top: 1px solid #000;
color: #000;
cursor: text;
padding: 3px 5px 4px 5px;
}
html > body #tabNavigation .selectedTab a, html > body #tabNavigation .selectedTab a:link, html > body #tabNavigation .selectedTab a:visited {
padding: 4px 5px 5px 5px;
}
\head + body #tabNavigation .selectedTab a, \head + body #tabNavigation .selectedTab a:link, \head + body #tabNavigation .selectedTab a:visited, \head + body #tabNavigation .selectedTab a:hover {
padding: 3px 5px 4px 5px;
}
.fixTabsIE {
visibility: hidden;
}
<{elseif $block.tabskin==2}>
<{* Beveled *}>
#tabNavigation {
border-bottom: 1px solid #000;
list-style: none outside none;
margin: 0;
padding: 0;
}
html #tabNavigation /* */
{
padding: 4px 0 2px 0;
}
html > body #tabNavigation {
padding: 3px 0 1px 0;
}
head + body #tabNavigation {
padding: 4px 0 2px 0;
}
#tabNavigation li {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
display: inline;
height: 1em;
margin: 0 0 0 3px;
padding: 0;
z-index: 1000;
}
html #tabNavigation li /* */
{
height: auto;
}
html > body #tabNavigation li {
height: auto;
margin: 0 -5px 0 -3px;
padding: 3px 5px 2px 5px;
}
html > body ul[id]#tabNavigation li {
margin: 0 0 0 3px;
padding: 3px 0 2px 0;
}
#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
background: <{$block.color4}>;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-top: 1px solid #CCC;
color: #FFF;
height: 1em;
padding: 2px 4px 2px 4px;
text-decoration: none;
}
html #tabNavigation a /* */, html #tabNavigation a:link /* */, html #tabNavigation a:visited /* */
{
height: auto;
}
#tabNavigation a:hover {
background: <{$block.color5}>;
border-left: 1px solid #888;
border-right: 1px solid #888;
border-top: 1px solid #888;
color: #FFF;
}
#tabNavigation a:active {
background: #C60;
border-left: 1px solid #E80;
border-right: 1px solid #E80;
border-top: 1px solid #E80;
color: #FFF;
}
html > body #tabNavigation li.selectedTab {
margin: 0 -5px 0 -3px;
padding: 3px 5px 2px 5px;
}
html > body ul[id]#tabNavigation li.selectedTab {
margin: 0 0 0 3px;
padding: 3px 0 2px 0;
}
#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
background: <{$block.color3}>;
border-left: 1px solid #FC3;
border-right: 1px solid #FC3;
border-top: 1px solid #FC3;
color: #FFF;
margin: -2px 0 0 0;
padding: 3px 4px 3px 4px;
position: relative;
top: 2px;
}
html #tabNavigation .selectedTab a /* */, html #tabNavigation .selectedTab a:link /* */, html #tabNavigation .selectedTab a:visited /* */, html #tabNavigation .selectedTab a:hover /* */
{
margin: -1px 0 0 0;
top: 1px;
}
html > body #tabNavigation .selectedTab a, html > body #tabNavigation .selectedTab a:link, html > body #tabNavigation .selectedTab a:visited, html > body #tabNavigation .selectedTab a:hover {
padding: 2px 4px 2px 4px;
top: 0;
}
head:first-child + body #tabNavigation .selectedTab a, head:first-child + body #tabNavigation .selectedTab a:link, head:first-child + body #tabNavigation .selectedTab a:visited, head:first-child + body #tabNavigation .selectedTab a:hover {
margin: -1px 0 0 0;
padding: 2px 4px 4px 4px;
top: 0;
}
head:first-child + body ul[id]#tabNavigation .selectedTab a, head:first-child + body ul[id]#tabNavigation .selectedTab a:link, head:first-child + body ul[id]#tabNavigation .selectedTab a:visited, head:first-child + body ul[id]#tabNavigation .selectedTab a:hover {
padding: 3px 4px 3px 4px;
top: 1px;
}
.fixTabsIE {
visibility: hidden;
}
<{elseif $block.tabskin==3}>
<{* Classic *}>
ul, li {
list-style: disc;
margin: 0 10px 0 10px;
}
#tabNavigation {
background: #789;
color: inherit;
list-style: none outside none;
margin: 0;
padding: 0;
}
html #tabNavigation /* */
{
padding: 6px 0 6px 1px;
}
html > body #tabNavigation {
margin: 0;
padding: 6px 0 6px 1px;
}
#tabNavigation li {
display: inline;
line-height: 1em;
margin: 0;
padding: 0;
}
#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
background: url(<{$block.imagesurl}>unselectedEnd.gif) <{$block.color4}> no-repeat scroll top right;
color: #FFF;
cursor: pointer;
height: 1em;
padding: 5px 21px 5px 2px;
text-decoration: none;
z-index: 1000;
}
html #tabNavigation a /* */, html #tabNavigation a:link /* */, html #tabNavigation a:visited /* */
{
height: auto;
margin: 0;
padding: 5px 21px 5px 2px;
}
#tabNavigation a:hover {
background: url(<{$block.imagesurl}>unselectedEnd.gif) <{$block.color5}> no-repeat scroll top right;
color: #FFF;
text-decoration: underline;
}
#tabNavigation a:active {
background: url(<{$block.imagesurl}>unselectedEnd.gif) #789 no-repeat scroll top right;
color: #567;
text-decoration: none;
}
#tabNavigation li.selectedTab {
background: url(<{$block.imagesurl}>selectedStart.gif) #FFF no-repeat scroll top left;
color: inherit;
margin: 0 0 0 -22px;
padding: 0 0 0 23px;
}
html > body #tabNavigation li.selectedTab {
background: url(<{$block.imagesurl}>selectedStart.gif) #FFF no-repeat scroll top left;
color: inherit;
margin: 0 0 0 -22px;
padding: 5px 1px 5px 22px;
}
html > body ul[id]#tabNavigation li.selectedTab {
background: url(<{$block.imagesurl}>selectedStart.gif) #FFF no-repeat scroll top left;
color: inherit;
margin: 0 0 0 -22px;
padding: 5px 0 5px 23px;
}
#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
background: transparent url(<{$block.imagesurl}>selectedEnd.gif) no-repeat scroll top right;
border-bottom: none;
color: #000;
cursor: text;
padding: 5px 21px 5px 2px;
text-decoration: none;
}
html #tabNavigation .selectedTab a /* */, html #tabNavigation .selectedTab a:link /* */, html #tabNavigation .selectedTab a:visited /* */, html #tabNavigation .selectedTab a:hover /* */
{
padding: 5px 21px 5px 1px;
}
#tabNavigation .fixTabsIE a, #tabNavigation .fixTabsIE a:link, #tabNavigation .fixTabsIE a:visited, #tabNavigation .fixTabsIE a:hover {
display: none;
}
<{elseif $block.tabskin==4}>
<{* Folders *}>
#tabNavigation {
border-bottom: 1px solid #C60;
list-style: none outside none;
margin: 0;
padding: 0 0 0 20px;
}
\html #tabNavigation /* */
{
margin: 0;
padding: 3px 0 3px 20px;
}
html > body #tabNavigation {
margin: 0;
padding: 0 0 1px 20px;
}
\head + body #tabNavigation {
padding: 0 0 3px 20px;
}
html > body ul[id] #tabNavigation {
padding: 0 0 0 20px;
}
#tabNavigation li, #subNavigation li {
display: inline;
list-style: none outside none;
}
#tabNavigation .preloadUnselected {
background: transparent url(<{$block.imagesurl}>unselected.gif);
}
#tabNavigation .preloadSelected {
background: transparent url(<{$block.imagesurl}>selected.gif);
}
#tabNavigation .preloadHover {
background: transparent url(<{$block.imagesurl}>hover.gif);
}
#tabNavigation .preloadActive {
background: transparent url(<{$block.imagesurl}>active.gif);
}
html > body #tabNavigation li {
background: transparent url(<{$block.imagesurl}>unselected.gif) no-repeat top left;
border-right: 1px solid #666;
display: block;
float: left;
height: 1em;
margin: 3px 5px 3px -15px;
padding: 3px 5px 5px 27px;
}
head:first-child + body #tabNavigation li {
background: none;
border-right: none;
display: inline;
float: none;
margin: 0;
padding: 0;
}
#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
background: transparent url(<{$block.imagesurl}>unselected.gif) no-repeat top left;
border-right: 1px solid #666;
color: #FFF;
display: inline;
height: 1em;
margin: 0 0 0 -15px;
padding: 3px 5px 3px 27px;
text-decoration: none;
}
html > body #tabNavigation a, html > body #tabNavigation a:link, html > body #tabNavigation a:visited {
border-right: none;
margin: 0;
padding: 0;
}
head:first-child + body #tabNavigation a, head:first-child + body #tabNavigation a:link, head:first-child + body #tabNavigation a:visited {
border-right: 1px solid #666;
margin: 0 0 0 -15px;
padding: 3px 5px 3px 27px;
position: relative;
z-index: 50;
}
#tabNavigation a:hover {
background: transparent url(<{$block.imagesurl}>hover.gif) no-repeat top left;
border-right: 1px solid #333;
color: #FFF;
text-decoration: none;
}
html > body #tabNavigation a:hover {
border-right: none;
text-decoration: underline;
}
head:first-child + body #tabNavigation a:hover {
border-right: 1px solid #333;
padding: 4px 5px 3px 27px;
position: relative;
text-decoration: none;
z-index: 5000;
}
#tabNavigation a:active {
background: transparent url(<{$block.imagesurl}>active.gif) no-repeat top left;
color: #FFF;
text-decoration: none;
}
html > body #tabNavigation a:active {
text-decoration: underline;
}
head:first-child + body #tabNavigation a:active {
text-decoration: none;
}
html > body #tabNavigation li.selectedTab {
background: transparent url(<{$block.imagesurl}>selected.gif) no-repeat top left;
border-right: 1px solid #C60;
display: block;
float: left;
height: 1em;
margin: 3px 5px 5px -15px;
padding: 3px 5px 5px 27px;
}
head:first-child + body #tabNavigation li.selectedTab {
background: none;
border-right: none;
display: inline;
float: none;
margin: 0;
padding: 0;
}
#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited {
background: transparent url(<{$block.imagesurl}>selected.gif) no-repeat top left;
border-right: 1px solid #C60;
color: #FFF;
cursor: text;
display: inline;
height: 1em;
margin: 0 0 0 -15px;
padding: 3px 5px 3px 27px;
}
html > body #tabNavigation .selectedTab a, html > body #tabNavigation .selectedTab a:link, html > body #tabNavigation .selectedTab a:visited {
border-right: none;
margin: 0;
padding: 0;
}
head:first-child + body #tabNavigation .selectedTab a, head:first-child + body #tabNavigation .selectedTab a:link, head:first-child + body #tabNavigation .selectedTab a:visited, head:first-child + body #tabNavigation .selectedTab a:hover {
background: transparent url(<{$block.imagesurl}>selected.gif) no-repeat top left;
border-right: 1px solid #C60;
margin: 0 0 0 -15px;
padding: 3px 5px 3px 27px;
position: relative;
z-index: 10000;
}
\html head:first-child + body #tabNavigation .selectedTab a, \html head:first-child + body #tabNavigation .selectedTab a:link, \html head:first-child + body #tabNavigation .selectedTab a:visited, \html head:first-child + body #tabNavigation .selectedTab a:hover {
padding: 4px 5px 5px 27px;
}
.fixTabsIE {
visibility: hidden;
}
<{elseif $block.tabskin==5}>
<{* MacOs *}>
#tabNavigation {
background: #CCC;
border-bottom: 1px solid #999;
border-top: 1px solid #FFF;
color: inherit;
list-style: none outside none;
margin: 0;
padding: 0;
}
html #tabNavigation /* */
{
padding: 4px 0 4px 0;
}
html > body #tabNavigation {
margin: 0;
padding: 4px 0 4px 0;
}
#tabNavigation li {
display: inline;
line-height: 1em;
}
#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
background: inherit;
border: 1px solid #FFF;
border-right-color: #999;
border-bottom-color: #999;
color: #000;
cursor: pointer;
height: 1em;
margin: -1px 0 -1px 0;
padding: 3px 6px 3px 6px;
text-decoration: none;
white-space: normal;
}
html #tabNavigation a /* */, html #tabNavigation a:link /* */, html #tabNavigation a:visited /* */
{
height: auto;
margin: 0;
}
html > body #tabNavigation a, html > body #tabNavigation a:link, html > body #tabNavigation a:visited {
padding: 4px 6px 4px 6px;
}
\head + body #tabNavigation a, \head + body #tabNavigation a:link, \head + body #tabNavigation a:visited {
padding: 3px 6px 3px 6px;
}
#tabNavigation a:hover {
background: <{$block.color5}>;
border: 1px solid #CCC;
border-right-color: #666;
border-bottom-color: #666;
color: inherit;
}
#tabNavigation a:active {
background: #CCC;
border: 1px solid #999;
border-right-color: #FFF;
border-bottom-color: #FFF;
color: inherit;
}
#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
background: <{$block.color3}>;
border: 1px solid #FFF;
border-right-color: #999;
border-bottom-color: #999;
color: #000;
cursor: text;
font-weight: bold;
}
#tabNavigation .fixTabsIE a, #tabNavigation .fixTabsIE a:link, #tabNavigation .fixTabsIE a:visited {
visibility: hidden;
}
html #tabNavigation .fixTabsIE a /* */, html #tabNavigation .fixTabsIE a:link /* */, html #tabNavigation .fixTabsIE a:visited /* */
{
background: #CCC;
border-bottom: none;
border-left: 1px solid #FFF;
border-right: none;
border-top: none;
color: inherit;
cursor: text;
margin: 0;
padding: 3px 6px 3px 6px;
visibility: visible;
}
<{elseif $block.tabskin==6}>
<{* Plain *}>
#tabNavigation {
border-bottom: 1px solid #000;
font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0 18px 0;
}
ul#tabNavigation li {
display: inline;
list-style: none outside none;
}
ul#tabNavigation a, ul#tabNavigation a:link, ul#tabNavigation a:visited {
background: <{$block.color4}>;
border: 1px solid #000;
color: #000;
float: left;
margin: 0 0 0 5px;
padding: 2px 6px 2px 6px;
text-decoration: none;
}
ul#tabNavigation a:hover, ul#tabNavigation a:focus {
background: <{$block.color5}>;
color: #FFF;
}
ul#tabNavigation a:active {
background: #FFF;
border-bottom: none;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
color: #00F;
padding: 2px 6px 3px 6px;
}
ul#tabNavigation li.selectedTab a, ul#tabNavigation li.selectedTab a:link, ul#tabNavigation li.selectedTab a:visited {
background: <{$block.color3}>;
border-bottom: none;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
color: #000;
cursor: text;
margin: 0 0 0 5px;
padding: 2px 6px 3px 6px;
}
ul#tabNavigation li.fixTabsIE {
display: none;
visibility: hidden;
}
<{elseif $block.tabskin==7}>
<{* Rounded *}>
#tabNavigation {
background: #FFF;
border-bottom: 1px solid #000;
color: inherit;
list-style: none outside none;
margin: 1px 0 0 0;
padding: 0;
}
html #tabNavigation /* */
{
padding: 4px 0 4px 0;
}
html > body #tabNavigation {
margin: 0;
padding: 4px 0 4px 0;
}
#tabNavigation li {
background: url(<{$block.imagesurl}>unselected_left.gif) #C60 no-repeat scroll top left;
color: inherit;
display: inline;
line-height: 1em;
margin: 0 0 0 2px;
padding: 0;
}
html > body #tabNavigation li {
margin: 0 0 0 -6px;
padding: 3px 0 3px 8px;
}
html > body ul[id]#tabNavigation li {
margin: 0 0 0 2px;
padding: 3px 0 3px 0;
}
#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
background: transparent url(<{$block.imagesurl}>unselected_right.gif) no-repeat scroll top right;
border-bottom: 1px solid #000;
color: #FFF;
cursor: pointer;
height: 1em;
margin: -1px 0 -1px 0;
padding: 3px 8px 3px 8px;
text-decoration: none;
}
html #tabNavigation a /* */, html #tabNavigation a:link /* */, html #tabNavigation a:visited /* */
{
border-bottom: none;
height: auto;
margin: 0 0 0 4px;
padding: 3px 8px 3px 4px;
}
#tabNavigation a:hover {
background: transparent url(<{$block.imagesurl}>unselected_right.gif) no-repeat scroll top right;
color: #FFF;
text-decoration: underline;
}
#tabNavigation a:active {
background: transparent url(<{$block.imagesurl}>unselected_right.gif) no-repeat scroll top right;
color: #000;
text-decoration: underline;
}
#tabNavigation li.selectedTab {
background: transparent url(<{$block.imagesurl}>selected_left_F90.gif) no-repeat scroll top left;
color: inherit;
padding: 0;
}
html > body #tabNavigation li.selectedTab {
margin: 0 0 0 -6px;
padding: 4px 0 4px 8px;
}
html > body ul[id]#tabNavigation li.selectedTab {
margin: 0 0 0 2px;
padding: 4px 0 4px 0;
}
#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
background: transparent url(<{$block.imagesurl}>selected_right_F90.gif) no-repeat scroll top right;
border-bottom: none;
color: #000;
cursor: text;
padding: 4px 8px 4px 8px;
text-decoration: none;
}
html #tabNavigation .selectedTab a /* */, html #tabNavigation .selectedTab a:link /* */, html #tabNavigation .selectedTab a:visited /* */, html #tabNavigation .selectedTab a:hover /* */
{
padding: 4px 8px 4px 4px;
}
.fixTabsIE {
visibility: hidden;
}
<{elseif $block.tabskin==8}>
<{* ZDnet *}>
#tabNavigation {
list-style: none outside none;
margin: 0;
padding: 4px 0 3px 0;
}
@media all {
#tabNavigation {
text-align: center;
}
}
#tabNavigation li {
background: #000;
display: inline;
line-height: 1em;
margin: 0 4px 0 4px;
padding: 0;
position: relative;
top: 10px;
}
html #tabNavigation li /* */
{
line-height: 1.2em;
top: 6px;
}
html > body #tabNavigation li {
margin: 0 2px 0 4px;
padding: 4px 0 4px 0;
}
#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
background: <{$block.color4}>;
border: 1px solid #FFF;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0 4px 0 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}
html #tabNavigation a /* */, html #tabNavigation a:link /* */, html #tabNavigation a:visited /* */
{
height: auto;
margin: 0 -4px 0 0;
}
html > body #tabNavigation a, html > body #tabNavigation a:link, html > body #tabNavigation a:visited {
margin: 0;
}
#tabNavigation a:hover {
background: <{$block.color5}>;
border: 1px solid #FFF;
bottom: 1px;
color: #FFF;
padding: 3px 5px 3px 5px;
position: relative;
right: 1px;
}
#tabNavigation a:active {
background: #666;
border: 1px solid #FFF;
bottom: 0;
color: #FFF;
padding: 3px 5px 3px 5px;
position: relative;
right: 0;
}
#tabNavigation li.selectedTab {
background: <{$block.color3}>;
display: inline;
margin: 0 4px 0 4px;
position: relative;
top: 4px;
}
#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
background: #F90;
border-bottom: none;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0 5px 0 0;
padding: 3px 5px 0 5px;
position: relative;
right: 0;
}
html #tabNavigation .selectedTab a /* */, html #tabNavigation .selectedTab a:link /* */, html #tabNavigation .selectedTab a:visited /* */, html #tabNavigation .selectedTab a:hover /* */
{
margin: 0 -2px 0 0;
}
.fixTabsIE {
visibility: hidden;
}
<{/if}>
</style>
<{* ************************************** Tabs creation ************************************** *}>
<ul id="tabNavigation">
<{foreach item=onetab from=$block.tabs}>
<{if $block.current_tab == $onetab.id}>
<li class="selectedTab"><a href='#'><{$onetab.title}></a></li>
<{else}>
<li><a href="<{$block.url}>NewsTab=<{$onetab.id}>"><{$onetab.title}></a></li>
<{/if}>
<{/foreach}>
<li class="fixTabsIE"><a href="javascript:void(0);"> </a></li>
</ul>
<{if $block.current_is_spotlight}>
<div style="border-top: 1px solid #000000; background: <{$block.color1}> none repeat scroll 0; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"><{$block.spotlight.author}> <{$block.lang_on}> <{$block.spotlight.date}> <{if $block.use_rating}> - <{$block.spotlight.rating}>/10 (<{$block.spotlight.number_votes}>)<{/if}>
, <{$block.spotlight.hits}> <{$block.lang_reads}><br></div>
<{else}>
<div style="border-top: 1px solid #000000; background: <{$block.color1}> none repeat scroll 0; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;">
<{foreach item=onesummary from=$block.smallheader}>
<{$onesummary}>
<{/foreach}>
<br></div>
<{/if}>
<{* ************************************** Body of the current tab ************************************** *}>
<div id="fullSupport">
<{if $block.current_is_spotlight && $block.tabs.id==0}>
<table border='0'>
<tr>
<td colspan='2'>
<table border='0'>
<tr>
<td><img src='<{$block.spotlight.topic_image}>' border='0' alt=''></td>
<td align='left'><{$block.spotlight.topic_description}></td>
</tr>
</table>
<div class="itemBody">
<ul>
<li><{$block.spotlight.title_with_link}></li>
</ul>
</div>
</td>
</tr>
<tr>
<td><{$block.spotlight.image}> </td>
<td><p class="note"><{$block.spotlight.text}></p></td>
</tr>
</table>
<br>
<div style="text-align: center;">
<hr width='85%'>
</div>
<ul>
<{foreach item=onenews from=$block.spotlight.news}>
<li><{$onenews.date}> - <{$onenews.title_with_link}></li>
<{/foreach}>
</ul>
<{else}>
<table border='0'>
<tr>
<td><img src='<{$block.topic_image}>' border='0' alt=''></td>
<td align='left'><{$block.topic_description}></td>
</tr>
</table>
<{foreach item=onenews from=$block.news}>
<div class="itemBody">
<ul>
<li><{$onenews.title}></li>
</ul>
<span class="itemStats"> <{$onenews.author}> <{$block.lang_on}> <{$onenews.date}>
- <{if $block.use_rating}> <{$onenews.rating}>/10 (<{$onenews.number_votes}>)<{/if}>
, <{$onenews.hits}> <{$block.lang_reads}></span></div>
<p class="note"><{$onenews.text}></p>
<{/foreach}>
<{/if}>
</div>
<{else}> <{* ************************************** Classical view ************************************** *}>
<table>
<{if $block.spotlight}>
<tr>
<td>
<table>
<tr>
<td colspan='2'>
<table border='0'>
<tr>
<td><img src='<{$block.spotlight.topic_image}>' border='0'
alt='<{$block.spotlight.title}>'></td>
<td align='left'><{$block.spotlight.topic_description}></td>
</tr>
</table>
<span style="color: #FF6600; "><b><{$block.spotlight.title}></b></span> <{$block.spotlight.author}>
<{if $block.sort=='counter'}>
(<{$block.spotlight.hits}>)
<{elseif $block.sort=='published'}>
(<{$block.spotlight.date}>)
<{else}>
(<{$block.spotlight.rating}>)
<{/if}>
</td>
</tr>
<tr>
<td><{$block.spotlight.image}></td>
<td><{$block.spotlight.text}></td>
</tr>
<tr>
<td colspan='2'>
<{if $block.spotlight.read_more}>
<hr width='98%'>
<div align='right'><a
href="<{$xoops_url}>/modules/news/article.php?storyid=<{$block.spotlight.id}>"><{$block.lang_read_more}></a>
</div>
<hr width='98%'>
<{/if}>
</td>
</tr>
</table>
</td>
</tr>
<{/if}>
<tr>
<td>
<{foreach item=news from=$block.stories}>
<{if $news.id != $block.spotlight.id}>
<h2>
<span>
<{if $block.sort=='counter'}>
[<{$news.hits}>]
<{elseif $block.sort=='published'}>
[<{$news.date}>]
<{else}>
[<{$news.rating}>]
<{/if}>
</span>
<a href="<{$xoops_url}>/modules/news/article.php?storyid=<{$news.id}>" <{$news.infotips}> ><{$news.title}></a>
</h2>
<{if $news.teaser}><p><{$news.teaser}></p><{/if}>
<{/if}>
<{/foreach}>
</td>
</tr>
</table>
<{/if}>