diff --git a/.buildpath b/.buildpath deleted file mode 100644 index 7d2c19b..0000000 --- a/.buildpath +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/.project b/.project deleted file mode 100644 index d442fe5..0000000 --- a/.project +++ /dev/null @@ -1,28 +0,0 @@ - - - template - - - - - - org.eclipse.wst.common.project.facet.core.builder - - - - - org.eclipse.wst.validation.validationbuilder - - - - - org.eclipse.dltk.core.scriptbuilder - - - - - - org.eclipse.php.core.PHPNature - org.eclipse.wst.common.project.facet.core.nature - - diff --git a/.settings/org.eclipse.php.core.prefs b/.settings/org.eclipse.php.core.prefs deleted file mode 100644 index 94975cb..0000000 --- a/.settings/org.eclipse.php.core.prefs +++ /dev/null @@ -1,2 +0,0 @@ -eclipse.preferences.version=1 -include_path=0;/template diff --git a/.settings/org.eclipse.wst.common.project.facet.core.xml b/.settings/org.eclipse.wst.common.project.facet.core.xml deleted file mode 100644 index fe725be..0000000 --- a/.settings/org.eclipse.wst.common.project.facet.core.xml +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/res/templateDetails.tmpl.xml b/res/templateDetails.tmpl.xml index c61ab2d..5198688 100644 --- a/res/templateDetails.tmpl.xml +++ b/res/templateDetails.tmpl.xml @@ -50,39 +50,51 @@
- - - - + + + +
- - - - - + + + + +
- - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
diff --git a/slt.xml b/slt.xml deleted file mode 100644 index aae7761..0000000 --- a/slt.xml +++ /dev/null @@ -1,21 +0,0 @@ - - - - Joomla Template - Template for the SLT for the Joomla! CMS - slt - template - 0.0.1 - - - http://localhost/slt-update/slt1.tar - - - Christian Wolf - - - - - \ No newline at end of file diff --git a/slt/.stylelintrc.json b/slt/.stylelintrc.json index 99e7990..8d9844d 100644 --- a/slt/.stylelintrc.json +++ b/slt/.stylelintrc.json @@ -6,6 +6,8 @@ ], "rules": { "indentation": 4, - "selector-class-pattern": "^([a-z][a-z0-9]*)((-|__)[a-z0-9]+)*$" + "selector-class-pattern": "^([a-z][a-z0-9]*)((-|__)[a-z0-9]+)*$", + "string-quotes": "single", + "declaration-colon-newline-after": null } } diff --git a/slt/css/components/_index.scss b/slt/css/components/_index.scss index 83e9d0a..4fca922 100644 --- a/slt/css/components/_index.scss +++ b/slt/css/components/_index.scss @@ -6,3 +6,4 @@ @use 'verbandstag'; @use 'vereine'; @use 'contact-list'; +@use 'read-more'; diff --git a/slt/css/components/_read-more.scss b/slt/css/components/_read-more.scss new file mode 100644 index 0000000..6920cbe --- /dev/null +++ b/slt/css/components/_read-more.scss @@ -0,0 +1,9 @@ +.readmore > .btn { + color: var(--color-menu, #000); + background-color: var(--color-menu-background, #eee); + + &:hover { + color: var(--color-menu-active, #000); + background-color: var(--color-menu-background-active, #ccc); + } +} diff --git a/slt/css/core/_core.scss b/slt/css/core/_core.scss index 892bd3c..351ffc1 100644 --- a/slt/css/core/_core.scss +++ b/slt/css/core/_core.scss @@ -6,6 +6,7 @@ body { display: flex; flex-direction: column; align-items: center; + background-color: var(--color-side-background, #fff); /* padding: 0px 20px 10px 20px; */ padding: 0; @@ -23,6 +24,13 @@ a { text-decoration: none; } +a, +a:hover, +a:active, +a:visited { + color: var(--color-main-link, #000); +} + p { text-align: justify; hyphens: auto; diff --git a/slt/css/core/_default-classes.scss b/slt/css/core/_default-classes.scss index 4dbbf78..346362d 100644 --- a/slt/css/core/_default-classes.scss +++ b/slt/css/core/_default-classes.scss @@ -21,10 +21,35 @@ li.row-fluid { padding-bottom: 0; } -.row-striped .row-fluid:nth-child(n), -.list-striped li:nth-child(n), -.table-striped tbody > tr:nth-child(n) > td { - background-color: initial; +// .row-striped .row-fluid:nth-child(n), +// .list-striped li:nth-child(n), +// .table-striped tbody > tr:nth-child(n) > td { +// background-color: initial; +// } + +.table-striped { + > thead > tr { + color: var(--color-effect-header, #000); + background-color: var(--color-effect-background-header, #aaa); + } +} + +.list-striped li:nth-child(odd), +.row-striped .row-fluid:nth-child(odd), +.table-striped > tbody > tr:nth-child(odd) { + color: var(--color-effect, #000); + background-color: var(--color-effect-background, #ccc); +} + +.list-striped li:hover, +.row-striped .row-fluid:hover, +.table-striped > tbody > tr:hover { + color: var(--color-effect-header, #000); + background-color: var(--color-effect-background-header, #aaa); +} + +.table-hover > tbody > tr:hover > * { + color: unset; } .well { diff --git a/slt/css/dynamic-styles.css.php b/slt/css/dynamic-styles.css.php index 2d86ef8..0eae0d6 100644 --- a/slt/css/dynamic-styles.css.php +++ b/slt/css/dynamic-styles.css.php @@ -25,165 +25,53 @@ header("Cache-Control: must-revalidate, max-age=$offset, public"); $leftImageValue = empty($params['imgleft']) ? 'none' - : "url(\"" . JPATH_BASE . '/' . $params['imgleft'] . "\")"; + : "url(\"" . JPATH_BASE . $params['imgleft'] . "\")"; $rightImageValue = empty($params['imgright']) ? 'none' - : "url(\"" . JPATH_BASE . '/' . $params['imgright'] . "\")"; + : "url(\"" . JPATH_BASE . $params['imgright'] . "\")"; ?> - -#left-menu -{ - display: none; -} - + -body -{ - background-color: ; +:root { + --color-fg-top: ; + --color-bg-top: ; + --color-fg-top-dark: ; + --color-bg-top-dark: ; + --color-fg-top-light: ; + --color-bg-top-light: ; + + --color-main: ; + --color-main-link: ; + + --color-page-bg-top: ; + --color-page-bg-bottom: ; + + --color-menu: ; + --color-menu-background: ; + --color-menu-active: ; + --color-menu-background-active: ; + + --color-effect: ; + --color-effect-background: ; + --color-effect-header: ; + --color-effect-background-header: ; + + + --color-side-background: ; + --image-left-side: ; + --image-right-side: ; } -a, a:hover, a:active, a:visited -{ - color: ; -} +); - color: ; -} +exit(); ?> -#mobile-menu li > a { - background-color: ; - color: ; -} - -#mobile-menu li.current > a { - background-color: ; - color: ; -} - -ul.mod-menu { - background-color: ; - color: ; -} - -#mobile-menu { - background-color: ; - color: ; -} - -ul.mod-menu li.current > a, -ul.mod-menu li.current:hover > a -{ - background-color: ; - color: ; -} - -ul.nav > li > a:hover, -ul.nav > li > a:focus, -ul.mod-menu__sub > li > a:hover, -ul.mod-menu__sub > li > a:focus -{ - background-color: ; - color: ; -} - -#topmenu, -#topmenu > ul.mod-menu { - background-color: ; - color: ; -} - -#topmenu .mod-menu__sub > li.current - -{ - background-color: ; - color: ; -} - -#topmenu .mod-menu__sub { - background-color: ; - color: ; -} - -#topmenu .nav > li:hover, -#topmenu .nav > li:focus, -#topmenu .nav > li.active, -#topmenu .mod-menu__sub > li:hover, -#topmenu .mod-menu__sub > li:focus -{ - background-color: ; - color: ; -} - -#left-side-image -{ - background-image: ; -} - -#right-side-image -{ - background-image: ; -} - -.list-striped li:nth-child(odd), -.row-striped .row-fluid:nth-child(odd), -.table-striped > tbody > tr:nth-child(odd) -{ - background-color: ; - color: ; -} -.row-striped .row-fluid:nth-child(odd) a, -.table-striped > tbody > tr:nth-child(odd) a -{ - color: ; -} -.list-striped li:hover, -.row-striped .row-fluid:hover, -.table-striped > tbody > tr:hover -{ - background-color: ; - color: ; -} -.row-striped .row-fluid:hover a, -.table-striped > tbody > tr:hover a -{ - color: ; -} -.table-striped > thead > tr -{ - background-color: ; - color: ; -} - -table.alternating tr:nth-child(even) { - background-color: ; - color: ; -} -table.alternating tr:nth-child(even) a -{ - color: ; -} -table.alternating tr:nth-child(1) { - background-color: ; - color: ; -} -table.alternating tr:nth-child(1) a { - color: ; -} -.readmore > .btn -{ - color: ; - background-color: ; -} -.readmore > .btn:hover -{ - color: ; - background-color: ; +:root { + --color-effect: blue; + --color-effect-background: red; + --color-effect-header: yellow; + --color-effect-background-header: green; } diff --git a/slt/css/layout/_alternating-table.scss b/slt/css/layout/_alternating-table.scss new file mode 100644 index 0000000..a6a7d6d --- /dev/null +++ b/slt/css/layout/_alternating-table.scss @@ -0,0 +1,19 @@ +.alternating { + tr:nth-child(even) { + color: var(--color-effect, #000); + background-color: var(--color-effect-background, #ccc); + + a { + color: inherit; + } + } + + tr:nth-child(1) { + color: var(--color-effect-header, #000); + background-color: var(--color-effect-background-header, #aaa); + + a { + color: inherit; + } + } +} diff --git a/slt/css/layout/_index.scss b/slt/css/layout/_index.scss index 0480bf5..3ab0501 100644 --- a/slt/css/layout/_index.scss +++ b/slt/css/layout/_index.scss @@ -9,3 +9,4 @@ @use 'main-content'; @use 'blog'; @use 'mobile-table'; +@use 'alternating-table'; diff --git a/slt/css/layout/_menu.scss b/slt/css/layout/_menu.scss index a2170fb..c2ac6b8 100644 --- a/slt/css/layout/_menu.scss +++ b/slt/css/layout/_menu.scss @@ -1,37 +1,47 @@ @use '../abstract' as abstract; -.nav { - font-size: inherit; - - a { - color: inherit; - } -} - -.mod-menu__sub { - font-size: small; - - > li > a { - @include abstract.for-desktop { - display: block; - } - } -} - .nav, .mod-menu__sub { padding: 0; > li { display: block; + } +} - > .mod-menu__sub { - padding-left: 10px; - margin-left: 10px; +.nav { + font-size: inherit; + color: var(--color-menu, #000); + background-color: var(--color-menu-background, #eee); - /* border-left: solid gray 1px; */ + a { + color: inherit; + } - /* TODO */ + li.current > a { + color: var(--color-menu-active, #000); + background-color: var(--color-menu-background-active, #ccc); + } + + li > a:hover, + li > a:focus { + color: var(--color-menu-active, #000); + background-color: var(--color-menu-background-active, #ccc); + } + + .mod-menu__sub { + font-size: small; + padding-left: 10px; + margin-left: 10px; + + /* border-left: solid gray 1px; */ + + /* TODO */ + + > li > a { + @include abstract.for-desktop { + display: block; + } } } } diff --git a/slt/css/layout/_mobile-menu.scss b/slt/css/layout/_mobile-menu.scss index 681a904..3443de0 100644 --- a/slt/css/layout/_mobile-menu.scss +++ b/slt/css/layout/_mobile-menu.scss @@ -23,10 +23,31 @@ padding-right: 0; } - li > a { - margin: 5px 0; - padding: 10px; - display: block; + li { + > a { + margin: 5px 0; + padding: 10px; + display: block; + color: var(--color-menu, #000); + background-color: var(--color-menu-background, #eee); + } + + &.current > a { + color: var(--color-menu-active, #000); + background-color: var(--color-menu-background-active, #ccc); + } + + margin-left: 5px; + margin-right: 5px; + + ul { + border: none; + } + + > ul.nav { + margin-left: -5px; + margin-right: -5px; + } } .nav { @@ -41,20 +62,6 @@ flex-direction: column; } - li { - margin-left: 5px; - margin-right: 5px; - } - - li > ul.nav { - margin-left: -5px; - margin-right: -5px; - } - - li ul { - border: none; - } - > ul.mod-menu { background-color: initial; color: initial; diff --git a/slt/css/layout/_mobile-table.scss b/slt/css/layout/_mobile-table.scss index 0344e46..7191603 100644 --- a/slt/css/layout/_mobile-table.scss +++ b/slt/css/layout/_mobile-table.scss @@ -16,8 +16,9 @@ table:not(.no-responsive-table) { border-style: none; border-bottom-style: solid; border-width: 1px; + border-color: var(--color-mobile-table-border, #000); - &:nth-child(2) { + &:nth-child(1) { border-top-style: solid; } diff --git a/slt/css/layout/_page-layout.scss b/slt/css/layout/_page-layout.scss index b4f4e32..0e611a8 100644 --- a/slt/css/layout/_page-layout.scss +++ b/slt/css/layout/_page-layout.scss @@ -36,6 +36,11 @@ #page-bg { display: none; + background-image: linear-gradient( + to bottom, + var(--color-page-bg-top, #eee), + var(--color-page-bg-bottom, #fff) + ); @include abstract.for-desktop { display: block; diff --git a/slt/css/layout/_side-images.scss b/slt/css/layout/_side-images.scss index ea0854b..a456234 100644 --- a/slt/css/layout/_side-images.scss +++ b/slt/css/layout/_side-images.scss @@ -15,9 +15,11 @@ #left-side-image { left: 0; + background-image: var(--image-left-side, none); } #right-side-image { right: 0; + background-image: var(--image-right-side, none); } } diff --git a/slt/css/layout/_topmenu.scss b/slt/css/layout/_topmenu.scss index db78910..57ab572 100644 --- a/slt/css/layout/_topmenu.scss +++ b/slt/css/layout/_topmenu.scss @@ -1,5 +1,17 @@ @use '../abstract/' as abstract; +#topmenu-div { + @include abstract.for-desktop { + position: sticky; + top: 0; + width: 100%; + z-index: 1; + } + + color: var(--color-fg-top, #fff); + background-color: var(--color-bg-top, #000); +} + #topmenu { display: none; font-weight: bold; @@ -38,6 +50,8 @@ flex-flow: row nowrap; justify-content: space-between; align-items: center; + color: var(--color-fg-top, #fff); + background-color: var(--color-bg-top, #000); @include abstract.for-desktop { padding: 0 10px; @@ -70,6 +84,13 @@ background-color: inherit; } + &:hover, + &:focus, + &.active { + color: var(--color-fg-top-dark, #000); + background-color: var(--color-bg-top-dark, #aaa); + } + > .mod-menu__sub { position: absolute; display: none; @@ -80,6 +101,10 @@ padding: 0; } + color: var(--color-fg-top-light, #000); + background-color: var(--color-bg-top-light, #ddd); + box-shadow: 3px 5px 5px 2px rgb(0 0 0 / 50%); + > li { @include abstract.for-desktop { padding: 0 5px; @@ -94,18 +119,26 @@ } } + &:hover, + &:focus, + &.active { + color: var(--color-fg-top-dark, #000); + background-color: var(--color-bg-top-dark, #aaa); + } + &:hover > a { text-decoration: none; } + + &.current { + color: var(--color-fg-top-dark, #000); + background-color: var(--color-bg-top-dark, #aaa); + } } } &:hover > .mod-menu__sub { display: block; - - @include abstract.for-desktop { - box-shadow: 3px 5px 5px 2px rgb(0 0 0 / 50%); - } } } } @@ -152,15 +185,6 @@ } } -#topmenu-div { - @include abstract.for-desktop { - position: sticky; - top: 0; - width: 100%; - z-index: 1; - } -} - a.facebook { img { display: none; diff --git a/slt/css/style.scss b/slt/css/style.scss index 7a1cee1..c7ca936 100644 --- a/slt/css/style.scss +++ b/slt/css/style.scss @@ -1,7 +1,7 @@ -@use "abstract"; -@use "core"; -@use "layout"; -@use "components"; +@use 'abstract'; +@use 'core'; +@use 'layout'; +@use 'components'; /* * Debug diff --git a/slt/language/en-GB/en-GB.tpl_slt.ini b/slt/language/en-GB/en-GB.tpl_slt.ini index fb1bb22..b0dab41 100644 --- a/slt/language/en-GB/en-GB.tpl_slt.ini +++ b/slt/language/en-GB/en-GB.tpl_slt.ini @@ -11,17 +11,24 @@ TPL_SLT_LINK_COLOR_MAIN="Foreground color of links in 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_BOTTOM="Background color at bottom of gradient" - -TPL_SLT_BACKGROUND_COLOR_1="Background color of menu" -TPL_SLT_BACKGROUND_COLOR_2="Background color of selected menu entry" -TPL_SLT_BACKGROUND_COLOR_3="Background color of active menu entry" + TPL_SLT_FOREGROUND_COLOR_1="Foreground color of menu" TPL_SLT_FOREGROUND_COLOR_2="Foreground color of selected 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_1="Background color of menu" +TPL_SLT_BACKGROUND_COLOR_2="Background color of selected menu entry" +TPL_SLT_BACKGROUND_COLOR_3="Background color of active menu entry" + +TPL_SLT_FOREGROUND_EFFECT_COLOR="Foreground effect color" +TPL_SLT_BACKGROUND_EFFECT_COLOR="Background effect color" +TPL_SLT_FOREGROUND_EFFECT_HEADER_COLOR="Foreground effect color for headers" +TPL_SLT_BACKGROUND_EFFECT_HEADER_COLOR="Background effect color for headers" + TPL_SLT_BACKGROUND_COLOR_AT_SIDES="Background Color at the Sides" TPL_SLT_LEFT_BACKGROUND_IMAGE="Left background image" TPL_SLT_RIGHT_BACKGROUND_IMAGE="Right background image"