Added color for links in text, modified alternating tables

This commit is contained in:
Christian Wolf 2017-12-04 11:45:46 +01:00
parent cefebb1288
commit b5fefde376
4 changed files with 46 additions and 3 deletions

View File

@ -120,6 +120,11 @@ ul.nav-child > li > a:hover
border-top-style: none; border-top-style: none;
} }
.row-striped .row-fluid:nth-child(n)
{
background-color: inherit;
}
/* /*
<?php <?php
print_r($params); print_r($params);

View File

@ -64,6 +64,11 @@ body
background-color: <?php echo $this->params{'bgcolorside'}; ?>; background-color: <?php echo $this->params{'bgcolorside'}; ?>;
} }
a, a:hover, a:active, a:visited
{
color: <?php echo $params{'mainlicolor'}; ?>;
}
#page-bg #page-bg
{ {
background-image: linear-gradient(to bottom, <?php echo $params{'mainbgcolortop'} . ',' . $params{'mainbgcolorbot'}; ?>); background-image: linear-gradient(to bottom, <?php echo $params{'mainbgcolortop'} . ',' . $params{'mainbgcolorbot'}; ?>);
@ -89,7 +94,7 @@ ul.menu li.current > a,
ul.menu li.current:hover > a ul.menu li.current:hover > a
{ {
background-color: <?php echo $params{'bgcolor2'}; ?>; background-color: <?php echo $params{'bgcolor2'}; ?>;
color: <?php echo $params{'fgcolor2'}; ?>; color: <?php echo $params{'licolor2'}; ?>;
} }
ul.nav > li > a:hover, ul.nav > li > a:hover,
@ -98,7 +103,7 @@ ul.nav-child > li > a:hover,
ul.nav-child > li > a:focus ul.nav-child > li > a:focus
{ {
background-color: <?php echo $params{'bgcolor3'}; ?>; background-color: <?php echo $params{'bgcolor3'}; ?>;
color: <?php echo $params{'fgcolor3'}; ?>; color: <?php echo $params{'licolor3'}; ?>;
} }
#topmenu, #topmenu,
@ -137,15 +142,40 @@ ul.nav-child > li > a:focus
background-image: <?php echo $rightImageValue; ?>; background-image: <?php echo $rightImageValue; ?>;
} }
table.alternating tr:nth-child(1) { .row-striped .row-fluid:nth-child(odd)
{
background-color: <?php echo $params{'bgcolor1'}; ?>;
color: <?php echo $params{'fgcolor1'}; ?>;
}
.row-striped .row-fluid:nth-child(odd) a
{
color: <?php echo $params{'licolor1'}; ?>;
}
.row-striped .row-fluid:hover
{
background-color: <?php echo $params{'bgcolor2'}; ?>; background-color: <?php echo $params{'bgcolor2'}; ?>;
color: <?php echo $params{'fgcolor2'}; ?>; color: <?php echo $params{'fgcolor2'}; ?>;
} }
.row-striped .row-fluid:hover a
{
color: <?php echo $params{'licolor2'}; ?>;
}
table.alternating tr:nth-child(even) { table.alternating tr:nth-child(even) {
background-color: <?php echo $params{'bgcolor2'}; ?>;
color: <?php echo $params{'fgcolor2'}; ?>;
}
table.alternating tr:nth-child(even) a
{
color: <?php echo $params{'licolor2'}; ?>;
}
table.alternating tr:nth-child(1) {
background-color: <?php echo $params{'bgcolor3'}; ?>; background-color: <?php echo $params{'bgcolor3'}; ?>;
color: <?php echo $params{'fgcolor3'}; ?>; color: <?php echo $params{'fgcolor3'}; ?>;
} }
table.alternating tr:nth-child(1) a {
color: <?php echo $params{'licolor3'}; ?>;
}
</style> </style>
<!-- <!--

View File

@ -7,6 +7,7 @@ TPL_SLT_FOREGROUND_COLOR_TOP_LIGHT="Foreground color of unselected item"
TPL_SLT_BACKGROUND_COLOR_TOP_LIGHT="Background color of unselected item" TPL_SLT_BACKGROUND_COLOR_TOP_LIGHT="Background color of unselected item"
COM_TEMPLATES_TPL_SLT_COLORS_MAIN_FIELDSET_LABEL="Colors of the main part" COM_TEMPLATES_TPL_SLT_COLORS_MAIN_FIELDSET_LABEL="Colors of the main part"
TPL_SLT_LINK_COLOR_MAIN="Foreground color of links in main text"
TPL_SLT_FOREGROUND_COLOR_MAIN="Foreground color of main text" TPL_SLT_FOREGROUND_COLOR_MAIN="Foreground color of main text"
TPL_SLT_BACKGROUND_COLOR_MAIN_TOP="Background color at top of gradient" TPL_SLT_BACKGROUND_COLOR_MAIN_TOP="Background color at top of gradient"
TPL_SLT_BACKGROUND_COLOR_MAIN_BOTTOM="Background color at bottom of gradient" TPL_SLT_BACKGROUND_COLOR_MAIN_BOTTOM="Background color at bottom of gradient"
@ -17,6 +18,9 @@ TPL_SLT_BACKGROUND_COLOR_3="Background color of active menu entry"
TPL_SLT_FOREGROUND_COLOR_1="Foreground color of menu" TPL_SLT_FOREGROUND_COLOR_1="Foreground color of menu"
TPL_SLT_FOREGROUND_COLOR_2="Foreground color of selected menu entry" TPL_SLT_FOREGROUND_COLOR_2="Foreground color of selected menu entry"
TPL_SLT_FOREGROUND_COLOR_3="Foreground color of active menu entry" TPL_SLT_FOREGROUND_COLOR_3="Foreground color of active menu entry"
TPL_SLT_LINK_COLOR_1="Foreground link color of menu"
TPL_SLT_LINK_COLOR_2="Foreground link color of selected menu entry"
TPL_SLT_LINK_COLOR_3="Foreground link color of active menu entry"
TPL_SLT_BACKGROUND_COLOR_AT_SIDES="Background Color at the Sides" TPL_SLT_BACKGROUND_COLOR_AT_SIDES="Background Color at the Sides"
TPL_SLT_LEFT_BACKGROUND_IMAGE="Left background image" TPL_SLT_LEFT_BACKGROUND_IMAGE="Left background image"

View File

@ -91,14 +91,18 @@
<fieldset name='TPL_SLT_COLORS_MAIN'> <fieldset name='TPL_SLT_COLORS_MAIN'>
<!--<field name="fgcolor1" type='color' default='#fff' label='TPL_SLT_FOREGROUND_COLOR_1'></field>--> <!--<field name="fgcolor1" type='color' default='#fff' label='TPL_SLT_FOREGROUND_COLOR_1'></field>-->
<field name="mainfgcolor" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_MAIN'></field> <field name="mainfgcolor" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_MAIN'></field>
<field name="mainlicolor" type='color' default='#222' label='TPL_SLT_LINK_COLOR_MAIN'></field>
<field name="mainbgcolortop" type='color' default='#ddd' label='TPL_SLT_BACKGROUND_COLOR_MAIN_TOP'></field> <field name="mainbgcolortop" type='color' default='#ddd' label='TPL_SLT_BACKGROUND_COLOR_MAIN_TOP'></field>
<field name="mainbgcolorbot" type='color' default='#fff' label='TPL_SLT_BACKGROUND_COLOR_MAIN_BOTTOM'></field> <field name="mainbgcolorbot" type='color' default='#fff' label='TPL_SLT_BACKGROUND_COLOR_MAIN_BOTTOM'></field>
<field name="fgcolor1" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_1'></field> <field name="fgcolor1" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_1'></field>
<field name="licolor1" type='color' default='#222' label='TPL_SLT_LINK_COLOR_1'></field>
<field name="bgcolor1" type='color' default='#ddd' label='TPL_SLT_BACKGROUND_COLOR_1' format='rgba'></field> <field name="bgcolor1" type='color' default='#ddd' label='TPL_SLT_BACKGROUND_COLOR_1' format='rgba'></field>
<field name="fgcolor2" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_2'></field> <field name="fgcolor2" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_2'></field>
<field name="licolor2" type='color' default='#222' label='TPL_SLT_LINK_COLOR_2'></field>
<field name="bgcolor2" type='color' default='#bbb' label='TPL_SLT_BACKGROUND_COLOR_2' format='rgba'></field> <field name="bgcolor2" type='color' default='#bbb' label='TPL_SLT_BACKGROUND_COLOR_2' format='rgba'></field>
<field name="fgcolor3" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_3'></field> <field name="fgcolor3" type='color' default='#000' label='TPL_SLT_FOREGROUND_COLOR_3'></field>
<field name="licolor3" type='color' default='#222' label='TPL_SLT_LINK_COLOR_3'></field>
<field name="bgcolor3" type='color' default='#888' label='TPL_SLT_BACKGROUND_COLOR_3' format='rgba'></field> <field name="bgcolor3" type='color' default='#888' label='TPL_SLT_BACKGROUND_COLOR_3' format='rgba'></field>
<field name="bgcolorside" type='color' default='#ebebeb' label='TPL_SLT_BACKGROUND_COLOR_AT_SIDES'></field> <field name="bgcolorside" type='color' default='#ebebeb' label='TPL_SLT_BACKGROUND_COLOR_AT_SIDES'></field>