diff --git a/kit/css/search.css b/kit/css/search.css new file mode 100644 index 0000000..70cb5aa --- /dev/null +++ b/kit/css/search.css @@ -0,0 +1,133 @@ +.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form { + display: inline-block; + vertical-align: bottom; +} + +.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form label { + display: block; +} + +.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form input { + width: 100%; + max-width: 400px; + padding: 12px; + border: none; + line-height: 1.3; + background-color: #eeeeee; +} + +.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form input:focus { + outline: 0 none; +} + +.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit { + display: inline-block; +} + +.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button { + max-width: 200px; + padding: 15px 20px; + border: none; + color: #eeeeee; + font-size: 16px; + font-weight: 400; + line-height: 1.3; + text-decoration: none; + text-transform: uppercase; + vertical-align: bottom; + border-radius: 0; + outline: none; + user-select: none; + transition: background-color .2s; +} + +@media screen and (max-width: 1280px) { + .tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button { + padding: 12px 20px; + } +} + +@media screen and (max-width: 560px) { + .tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button { + margin: 15px 0; + } +} + +.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button:hover { + text-decoration: none; + background-color: #333333; +} + +.tx-indexedsearch .tx-indexedsearch-browsebox { + margin-top: 15px; +} + +.tx-indexedsearch .tx-indexedsearch-browsebox > * + * { + margin-top: 30px; +} + +.tx-indexedsearch .tx-indexedsearch-browsebox ul { + display: block; + margin-top: 0; +} + +.tx-indexedsearch .tx-indexedsearch-browsebox ul li { + display: inline-block; + padding-left: 0; + margin-right: 20px; +} + +.tx-indexedsearch .tx-indexedsearch-browsebox ul li:last-child { + margin-right: 0; +} + +.tx-indexedsearch .tx-indexedsearch-browsebox ul li::before { + display: none; +} + + +.tx-indexedsearch .tx-indexedsearch-browsebox ul li a, .tx-indexedsearch .tx-indexedsearch-browsebox ul li span { + padding: 10px 15px; + color: #eeeeee; + background-color: #333333; + transition: background-color .3s; +} + +.tx-indexedsearch .tx-indexedsearch-res { + padding: 30px 0; +} + +.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a { + transition: color .3s; +} + +.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-description strong { + font-weight: 400; + background-color: rgba(0, 153, 130, 0.1); +} + +.tx-indexedsearch .tx-indexedsearch-res .link-more { + display: inline-block; + margin-top: 10px; + text-decoration: none; +} + +.tx-indexedsearch .tx-indexedsearch-res .link-more span { + transition: color .3s; +} + +.tx-indexedsearch .tx-indexedsearch-res .link-more span::after { + content: url(img/arrow-right-grey.svg); + position: absolute; + width: 17px; + margin-left: 10px; + transition: transform .3s; +} + +.tx-indexedsearch .tx-indexedsearch-res .link-more span:hover::after { + transform: translateX(3px); +} + +h2.screen-reader-text { + display: none; +} diff --git a/kit/functions.php b/kit/functions.php index 166161d..383bd0b 100644 --- a/kit/functions.php +++ b/kit/functions.php @@ -194,7 +194,7 @@ function kit_customize_css() background-color: ; } - .tx-indexedsearch .tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage a { + .tx-indexedsearch .tx-indexedsearch-browsebox ul li.current a { background-color: ; } @@ -251,3 +251,11 @@ function kit_customize_css() is_search() ) { + $query->set( 'posts_per_page', '10' ); + } +} +add_action( 'pre_get_posts', 'kit_modify_posts_per_page' ); diff --git a/kit/header.php b/kit/header.php index 7dd3376..fb8d3d9 100644 --- a/kit/header.php +++ b/kit/header.php @@ -18,6 +18,7 @@ + diff --git a/kit/search.php b/kit/search.php index 35d8fa5..34ec8a0 100644 --- a/kit/search.php +++ b/kit/search.php @@ -72,11 +72,32 @@ get_header(); +
+ 2, + 'prev_text' => __( '< Zurück', 'textdomain' ), + 'next_text' => __( 'Nächste >', 'textdomain' ), + 'type' => 'list', + 'before_page_number' => 'Seite ', + ) ); ?> +
-
- -
+ + + @@ -88,6 +109,8 @@ get_header(); + + p:last-child { width: 100%; } -.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form { - display: inline-block; - vertical-align: bottom; -} - -.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form label { - display: block; -} - -.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form input { - width: 100%; - max-width: 400px; - padding: 12px; - border: none; - line-height: 1.3; - background-color: #eeeeee; -} - -.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-form input:focus { - outline: 0 none; -} - -.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit { - display: inline-block; -} - -.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button { - max-width: 200px; - padding: 15px 20px; - border: none; - color: #eeeeee; - font-size: 16px; - font-weight: 400; - line-height: 1.3; - text-decoration: none; - text-transform: uppercase; - vertical-align: bottom; - border-radius: 0; - outline: none; - user-select: none; - transition: background-color .2s; -} - -@media screen and (max-width: 1280px) { - .tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button { - padding: 12px 20px; - } -} - -@media screen and (max-width: 560px) { - .tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button { - margin: 15px 0; - } -} - -.tx-indexedsearch .tx-indexedsearch-searchbox form fieldset .tx-indexedsearch-search-submit button:hover { - text-decoration: none; - background-color: #333333; -} - -.tx-indexedsearch .tx-indexedsearch-browsebox { - margin-top: 15px; -} - -.tx-indexedsearch .tx-indexedsearch-browsebox > * + * { - margin-top: 30px; -} - -.tx-indexedsearch .tx-indexedsearch-browsebox ul { - display: block; - margin-top: 0; -} - -.tx-indexedsearch .tx-indexedsearch-browsebox ul li { - display: inline-block; - padding-left: 0; - margin-right: 20px; -} - -.tx-indexedsearch .tx-indexedsearch-browsebox ul li:last-child { - margin-right: 0; -} - -.tx-indexedsearch .tx-indexedsearch-browsebox ul li::before { - display: none; -} - -.tx-indexedsearch .tx-indexedsearch-browsebox ul li a { - padding: 10px 15px; - color: #eeeeee; - background-color: #333333; - transition: background-color .3s; -} - -.tx-indexedsearch .tx-indexedsearch-res { - padding: 30px 0; -} - -.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a { - transition: color .3s; -} - -.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-description strong { - font-weight: 400; - background-color: rgba(0, 153, 130, 0.1); -} - -.tx-indexedsearch .tx-indexedsearch-res .link-more { - display: inline-block; - margin-top: 10px; - text-decoration: none; -} - -.tx-indexedsearch .tx-indexedsearch-res .link-more span { - transition: color .3s; -} - -.tx-indexedsearch .tx-indexedsearch-res .link-more span::after { - content: url(img/arrow-right-grey.svg); - position: absolute; - width: 17px; - margin-left: 10px; - transition: transform .3s; -} - -.tx-indexedsearch .tx-indexedsearch-res .link-more span:hover::after { - transform: translateX(3px); -} - /*# sourceMappingURL=main.css.map */