diff --git a/archive.php b/archive.php index 381bacf..a659bce 100644 --- a/archive.php +++ b/archive.php @@ -16,7 +16,36 @@ * @since Twenty Sixteen 1.0 */ -get_header(); ?> + get_header(); + $search = new search_filter(); + $the_search = isset($_GET['search']) ? esc_attr($_GET['search']) : ''; + $the_month = isset($_GET['date_month']) ? esc_attr($_GET['date_month']) : ''; + $the_year = isset($_GET['date_year']) ? esc_attr($_GET['date_year']) : ''; + if (get_class(get_queried_object()) == 'WP_Post_Type') { + $search->set_post_type(get_queried_object()->name); + } else if (get_class(get_queried_object()) != 'WP_Term_Object') { + $search->set_post_type('any'); + } + if ( get_query_var('paged') ) { + $search->set_page(get_query_var('paged')); + } + if ( isset($_GET['action']) ) { + if (isset($_GET['search'])) { + $search->set_search_text( $the_search ) ; + } + $date = array(); + if ( isset($_GET['date_month'])) { + $date['month'] = $the_month; + } + if ( isset( $_GET['date_year'] ) ) { + $date['year'] = $the_year; + } + if ( !empty($date) ) { + $search->set_date($date); + } + } + $query = $search->search(); +?>
@@ -27,8 +56,36 @@ } ?>
+
+
+
+
+
Filter
+
+
+ +
+
+ get_months_select(array( + 'name' => 'date_month', + 'class' => 'input-type' + ), $the_month); ?> +
+
+ get_years_select(array( + 'name' => 'date_year', + 'class' => 'input-type' + ), $the_year); ?> +
+
+ + +
+
+
+
- + have_posts()) : ?>
+
have_posts()) : + $query->the_post(); /* * Include the Post-Format-specific template for the content. @@ -51,7 +109,9 @@ get_template_part('template-parts/content', get_post_format()); // End the loop. - endwhile; + endwhile;?> +
+ +get_header(); + $search = new search_filter(); + $the_search = isset($_GET['search']) ? esc_attr($_GET['search']) : ''; + $the_month = isset($_GET['date_month']) ? esc_attr($_GET['date_month']) : ''; + $the_year = isset($_GET['date_year']) ? esc_attr($_GET['date_year']) : ''; + if (get_class(get_queried_object()) == 'WP_Post_Type') { + $search->set_post_type(get_queried_object()->name); + } else if (get_class(get_queried_object()) != 'WP_Term_Object') { + $search->set_post_type('any'); + } + if ( get_query_var('paged') ) { + $search->set_page(get_query_var('paged')); + } + if ( isset($_GET['action']) ) { + if (isset($_GET['search'])) { + $search->set_search_text( $the_search ) ; + } + $date = array(); + if ( isset($_GET['date_month'])) { + $date['month'] = $the_month; + } + if ( isset( $_GET['date_year'] ) ) { + $date['year'] = $the_year; + } + if ( !empty($date) ) { + $search->set_date($date); + } + } + $query = $search->search(); +?>
@@ -27,8 +56,36 @@ } ?>
+
+
+
+
+
Filter
+
+
+ +
+
+ get_months_select(array( + 'name' => 'date_month', + 'class' => 'input-type' + ), $the_month); ?> +
+
+ get_years_select(array( + 'name' => 'date_year', + 'class' => 'input-type' + ), $the_year); ?> +
+
+ + +
+
+
+
- + have_posts() ) { ?>
- +
have_posts() ) : + $query->the_post(); /* * Include the Post-Format-specific template for the content. @@ -53,8 +110,9 @@ get_template_part( 'template-parts/content', get_post_format() ); // End the loop. - endwhile; - + endwhile; ?> +
+
-
- -
diff --git a/css/app.css b/css/app.css index cf31aa6..d0eb06b 100644 --- a/css/app.css +++ b/css/app.css @@ -102,8 +102,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-2 { display: -ms-grid; display: grid; @@ -115,8 +114,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-2 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-3 { display: -ms-grid; display: grid; @@ -128,8 +126,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-3 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-4 { display: -ms-grid; display: grid; @@ -141,8 +138,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-4 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-5 { display: -ms-grid; display: grid; @@ -154,8 +150,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-5 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-6 { display: -ms-grid; display: grid; @@ -167,8 +162,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-6 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-7 { display: -ms-grid; display: grid; @@ -180,8 +174,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-7 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-8 { display: -ms-grid; display: grid; @@ -193,8 +186,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-8 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-9 { display: -ms-grid; display: grid; @@ -206,8 +198,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-9 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-10 { display: -ms-grid; display: grid; @@ -219,8 +210,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-10 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-11 { display: -ms-grid; display: grid; @@ -232,8 +222,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-11 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container.total-cols-12 { display: -ms-grid; display: grid; @@ -245,8 +234,7 @@ $desktop-xl-layout: 100em; // 1600px margin-bottom: 1.5rem; } @media (max-width: 44.375em) { .grid-container.total-cols-12 { - -ms-grid-columns: (minmax(15rem, 1fr))[auto-fit]; - grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } } + display: block; } } .grid-container .cell { -ms-grid-rows: (200px)[6]; grid-template-rows: repeat(6, 200px); } @@ -326,6 +314,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-1-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-1-columns.offset-2 { + -ms-grid-column-span: 1; + -ms-grid-column: 2; + grid-column: 2/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-3 { + -ms-grid-column-span: 1; + -ms-grid-column: 3; + grid-column: 3/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-4 { + -ms-grid-column-span: 1; + -ms-grid-column: 4; + grid-column: 4/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-5 { + -ms-grid-column-span: 1; + -ms-grid-column: 5; + grid-column: 5/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-6 { + -ms-grid-column-span: 1; + -ms-grid-column: 6; + grid-column: 6/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-7 { + -ms-grid-column-span: 1; + -ms-grid-column: 7; + grid-column: 7/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-8 { + -ms-grid-column-span: 1; + -ms-grid-column: 8; + grid-column: 8/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-9 { + -ms-grid-column-span: 1; + -ms-grid-column: 9; + grid-column: 9/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-10 { + -ms-grid-column-span: 1; + -ms-grid-column: 10; + grid-column: 10/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-1-columns.offset-11 { + -ms-grid-column-span: 1; + -ms-grid-column: 11; + grid-column: 11/span 1; } + @media (max-width: 44.375em) { + .grid-columns .use-1-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-2-columns { -ms-grid-column: span 2; grid-column: span 2; } @@ -333,6 +401,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-2-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-2-columns.offset-2 { + -ms-grid-column-span: 2; + -ms-grid-column: 2; + grid-column: 2/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-3 { + -ms-grid-column-span: 2; + -ms-grid-column: 3; + grid-column: 3/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-4 { + -ms-grid-column-span: 2; + -ms-grid-column: 4; + grid-column: 4/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-5 { + -ms-grid-column-span: 2; + -ms-grid-column: 5; + grid-column: 5/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-6 { + -ms-grid-column-span: 2; + -ms-grid-column: 6; + grid-column: 6/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-7 { + -ms-grid-column-span: 2; + -ms-grid-column: 7; + grid-column: 7/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-8 { + -ms-grid-column-span: 2; + -ms-grid-column: 8; + grid-column: 8/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-9 { + -ms-grid-column-span: 2; + -ms-grid-column: 9; + grid-column: 9/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-10 { + -ms-grid-column-span: 2; + -ms-grid-column: 10; + grid-column: 10/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-2-columns.offset-11 { + -ms-grid-column-span: 2; + -ms-grid-column: 11; + grid-column: 11/span 2; } + @media (max-width: 44.375em) { + .grid-columns .use-2-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-3-columns { -ms-grid-column: span 3; grid-column: span 3; } @@ -340,6 +488,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-3-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-3-columns.offset-2 { + -ms-grid-column-span: 3; + -ms-grid-column: 2; + grid-column: 2/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-3 { + -ms-grid-column-span: 3; + -ms-grid-column: 3; + grid-column: 3/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-4 { + -ms-grid-column-span: 3; + -ms-grid-column: 4; + grid-column: 4/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-5 { + -ms-grid-column-span: 3; + -ms-grid-column: 5; + grid-column: 5/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-6 { + -ms-grid-column-span: 3; + -ms-grid-column: 6; + grid-column: 6/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-7 { + -ms-grid-column-span: 3; + -ms-grid-column: 7; + grid-column: 7/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-8 { + -ms-grid-column-span: 3; + -ms-grid-column: 8; + grid-column: 8/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-9 { + -ms-grid-column-span: 3; + -ms-grid-column: 9; + grid-column: 9/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-10 { + -ms-grid-column-span: 3; + -ms-grid-column: 10; + grid-column: 10/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-3-columns.offset-11 { + -ms-grid-column-span: 3; + -ms-grid-column: 11; + grid-column: 11/span 3; } + @media (max-width: 44.375em) { + .grid-columns .use-3-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-4-columns { -ms-grid-column: span 4; grid-column: span 4; } @@ -347,6 +575,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-4-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-4-columns.offset-2 { + -ms-grid-column-span: 4; + -ms-grid-column: 2; + grid-column: 2/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-3 { + -ms-grid-column-span: 4; + -ms-grid-column: 3; + grid-column: 3/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-4 { + -ms-grid-column-span: 4; + -ms-grid-column: 4; + grid-column: 4/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-5 { + -ms-grid-column-span: 4; + -ms-grid-column: 5; + grid-column: 5/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-6 { + -ms-grid-column-span: 4; + -ms-grid-column: 6; + grid-column: 6/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-7 { + -ms-grid-column-span: 4; + -ms-grid-column: 7; + grid-column: 7/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-8 { + -ms-grid-column-span: 4; + -ms-grid-column: 8; + grid-column: 8/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-9 { + -ms-grid-column-span: 4; + -ms-grid-column: 9; + grid-column: 9/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-10 { + -ms-grid-column-span: 4; + -ms-grid-column: 10; + grid-column: 10/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-4-columns.offset-11 { + -ms-grid-column-span: 4; + -ms-grid-column: 11; + grid-column: 11/span 4; } + @media (max-width: 44.375em) { + .grid-columns .use-4-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-5-columns { -ms-grid-column: span 5; grid-column: span 5; } @@ -354,6 +662,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-5-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-5-columns.offset-2 { + -ms-grid-column-span: 5; + -ms-grid-column: 2; + grid-column: 2/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-3 { + -ms-grid-column-span: 5; + -ms-grid-column: 3; + grid-column: 3/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-4 { + -ms-grid-column-span: 5; + -ms-grid-column: 4; + grid-column: 4/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-5 { + -ms-grid-column-span: 5; + -ms-grid-column: 5; + grid-column: 5/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-6 { + -ms-grid-column-span: 5; + -ms-grid-column: 6; + grid-column: 6/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-7 { + -ms-grid-column-span: 5; + -ms-grid-column: 7; + grid-column: 7/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-8 { + -ms-grid-column-span: 5; + -ms-grid-column: 8; + grid-column: 8/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-9 { + -ms-grid-column-span: 5; + -ms-grid-column: 9; + grid-column: 9/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-10 { + -ms-grid-column-span: 5; + -ms-grid-column: 10; + grid-column: 10/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-5-columns.offset-11 { + -ms-grid-column-span: 5; + -ms-grid-column: 11; + grid-column: 11/span 5; } + @media (max-width: 44.375em) { + .grid-columns .use-5-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-6-columns { -ms-grid-column: span 6; grid-column: span 6; } @@ -361,6 +749,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-6-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-6-columns.offset-2 { + -ms-grid-column-span: 6; + -ms-grid-column: 2; + grid-column: 2/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-3 { + -ms-grid-column-span: 6; + -ms-grid-column: 3; + grid-column: 3/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-4 { + -ms-grid-column-span: 6; + -ms-grid-column: 4; + grid-column: 4/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-5 { + -ms-grid-column-span: 6; + -ms-grid-column: 5; + grid-column: 5/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-6 { + -ms-grid-column-span: 6; + -ms-grid-column: 6; + grid-column: 6/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-7 { + -ms-grid-column-span: 6; + -ms-grid-column: 7; + grid-column: 7/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-8 { + -ms-grid-column-span: 6; + -ms-grid-column: 8; + grid-column: 8/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-9 { + -ms-grid-column-span: 6; + -ms-grid-column: 9; + grid-column: 9/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-10 { + -ms-grid-column-span: 6; + -ms-grid-column: 10; + grid-column: 10/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-6-columns.offset-11 { + -ms-grid-column-span: 6; + -ms-grid-column: 11; + grid-column: 11/span 6; } + @media (max-width: 44.375em) { + .grid-columns .use-6-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-7-columns { -ms-grid-column: span 7; grid-column: span 7; } @@ -368,6 +836,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-7-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-7-columns.offset-2 { + -ms-grid-column-span: 7; + -ms-grid-column: 2; + grid-column: 2/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-3 { + -ms-grid-column-span: 7; + -ms-grid-column: 3; + grid-column: 3/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-4 { + -ms-grid-column-span: 7; + -ms-grid-column: 4; + grid-column: 4/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-5 { + -ms-grid-column-span: 7; + -ms-grid-column: 5; + grid-column: 5/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-6 { + -ms-grid-column-span: 7; + -ms-grid-column: 6; + grid-column: 6/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-7 { + -ms-grid-column-span: 7; + -ms-grid-column: 7; + grid-column: 7/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-8 { + -ms-grid-column-span: 7; + -ms-grid-column: 8; + grid-column: 8/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-9 { + -ms-grid-column-span: 7; + -ms-grid-column: 9; + grid-column: 9/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-10 { + -ms-grid-column-span: 7; + -ms-grid-column: 10; + grid-column: 10/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-7-columns.offset-11 { + -ms-grid-column-span: 7; + -ms-grid-column: 11; + grid-column: 11/span 7; } + @media (max-width: 44.375em) { + .grid-columns .use-7-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-8-columns { -ms-grid-column: span 8; grid-column: span 8; } @@ -375,6 +923,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-8-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-8-columns.offset-2 { + -ms-grid-column-span: 8; + -ms-grid-column: 2; + grid-column: 2/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-3 { + -ms-grid-column-span: 8; + -ms-grid-column: 3; + grid-column: 3/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-4 { + -ms-grid-column-span: 8; + -ms-grid-column: 4; + grid-column: 4/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-5 { + -ms-grid-column-span: 8; + -ms-grid-column: 5; + grid-column: 5/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-6 { + -ms-grid-column-span: 8; + -ms-grid-column: 6; + grid-column: 6/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-7 { + -ms-grid-column-span: 8; + -ms-grid-column: 7; + grid-column: 7/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-8 { + -ms-grid-column-span: 8; + -ms-grid-column: 8; + grid-column: 8/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-9 { + -ms-grid-column-span: 8; + -ms-grid-column: 9; + grid-column: 9/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-10 { + -ms-grid-column-span: 8; + -ms-grid-column: 10; + grid-column: 10/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-8-columns.offset-11 { + -ms-grid-column-span: 8; + -ms-grid-column: 11; + grid-column: 11/span 8; } + @media (max-width: 44.375em) { + .grid-columns .use-8-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-9-columns { -ms-grid-column: span 9; grid-column: span 9; } @@ -382,6 +1010,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-9-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-9-columns.offset-2 { + -ms-grid-column-span: 9; + -ms-grid-column: 2; + grid-column: 2/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-3 { + -ms-grid-column-span: 9; + -ms-grid-column: 3; + grid-column: 3/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-4 { + -ms-grid-column-span: 9; + -ms-grid-column: 4; + grid-column: 4/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-5 { + -ms-grid-column-span: 9; + -ms-grid-column: 5; + grid-column: 5/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-6 { + -ms-grid-column-span: 9; + -ms-grid-column: 6; + grid-column: 6/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-7 { + -ms-grid-column-span: 9; + -ms-grid-column: 7; + grid-column: 7/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-8 { + -ms-grid-column-span: 9; + -ms-grid-column: 8; + grid-column: 8/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-9 { + -ms-grid-column-span: 9; + -ms-grid-column: 9; + grid-column: 9/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-10 { + -ms-grid-column-span: 9; + -ms-grid-column: 10; + grid-column: 10/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-9-columns.offset-11 { + -ms-grid-column-span: 9; + -ms-grid-column: 11; + grid-column: 11/span 9; } + @media (max-width: 44.375em) { + .grid-columns .use-9-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-10-columns { -ms-grid-column: span 10; grid-column: span 10; } @@ -389,6 +1097,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-10-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-10-columns.offset-2 { + -ms-grid-column-span: 10; + -ms-grid-column: 2; + grid-column: 2/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-3 { + -ms-grid-column-span: 10; + -ms-grid-column: 3; + grid-column: 3/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-4 { + -ms-grid-column-span: 10; + -ms-grid-column: 4; + grid-column: 4/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-5 { + -ms-grid-column-span: 10; + -ms-grid-column: 5; + grid-column: 5/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-6 { + -ms-grid-column-span: 10; + -ms-grid-column: 6; + grid-column: 6/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-7 { + -ms-grid-column-span: 10; + -ms-grid-column: 7; + grid-column: 7/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-8 { + -ms-grid-column-span: 10; + -ms-grid-column: 8; + grid-column: 8/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-9 { + -ms-grid-column-span: 10; + -ms-grid-column: 9; + grid-column: 9/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-10 { + -ms-grid-column-span: 10; + -ms-grid-column: 10; + grid-column: 10/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-10-columns.offset-11 { + -ms-grid-column-span: 10; + -ms-grid-column: 11; + grid-column: 11/span 10; } + @media (max-width: 44.375em) { + .grid-columns .use-10-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-11-columns { -ms-grid-column: span 11; grid-column: span 11; } @@ -396,6 +1184,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-11-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-11-columns.offset-2 { + -ms-grid-column-span: 11; + -ms-grid-column: 2; + grid-column: 2/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-3 { + -ms-grid-column-span: 11; + -ms-grid-column: 3; + grid-column: 3/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-4 { + -ms-grid-column-span: 11; + -ms-grid-column: 4; + grid-column: 4/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-5 { + -ms-grid-column-span: 11; + -ms-grid-column: 5; + grid-column: 5/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-6 { + -ms-grid-column-span: 11; + -ms-grid-column: 6; + grid-column: 6/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-7 { + -ms-grid-column-span: 11; + -ms-grid-column: 7; + grid-column: 7/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-8 { + -ms-grid-column-span: 11; + -ms-grid-column: 8; + grid-column: 8/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-9 { + -ms-grid-column-span: 11; + -ms-grid-column: 9; + grid-column: 9/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-10 { + -ms-grid-column-span: 11; + -ms-grid-column: 10; + grid-column: 10/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-11-columns.offset-11 { + -ms-grid-column-span: 11; + -ms-grid-column: 11; + grid-column: 11/span 11; } + @media (max-width: 44.375em) { + .grid-columns .use-11-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } .grid-columns .use-12-columns { -ms-grid-column: span 12; grid-column: span 12; } @@ -403,6 +1271,86 @@ $desktop-xl-layout: 100em; // 1600px .grid-columns .use-12-columns { -ms-grid-column: span 12; grid-column: span 12; } } + .grid-columns .use-12-columns.offset-2 { + -ms-grid-column-span: 12; + -ms-grid-column: 2; + grid-column: 2/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-2 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-3 { + -ms-grid-column-span: 12; + -ms-grid-column: 3; + grid-column: 3/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-3 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-4 { + -ms-grid-column-span: 12; + -ms-grid-column: 4; + grid-column: 4/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-4 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-5 { + -ms-grid-column-span: 12; + -ms-grid-column: 5; + grid-column: 5/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-5 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-6 { + -ms-grid-column-span: 12; + -ms-grid-column: 6; + grid-column: 6/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-6 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-7 { + -ms-grid-column-span: 12; + -ms-grid-column: 7; + grid-column: 7/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-7 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-8 { + -ms-grid-column-span: 12; + -ms-grid-column: 8; + grid-column: 8/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-8 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-9 { + -ms-grid-column-span: 12; + -ms-grid-column: 9; + grid-column: 9/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-9 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-10 { + -ms-grid-column-span: 12; + -ms-grid-column: 10; + grid-column: 10/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-10 { + -ms-grid-column: span 12; + grid-column: span 12; } } + .grid-columns .use-12-columns.offset-11 { + -ms-grid-column-span: 12; + -ms-grid-column: 11; + grid-column: 11/span 12; } + @media (max-width: 44.375em) { + .grid-columns .use-12-columns.offset-11 { + -ms-grid-column: span 12; + grid-column: span 12; } } /** * Remove the unit of a length @@ -452,15 +1400,15 @@ h1, .h1 { line-height: 0.8em; } @media (max-width: 44.375em) { h1, .h1 { - font-size: 5.6rem; + font-size: 4.8rem; line-height: 1em; } } h2, .h2 { - font-size: 4.4rem; + font-size: 3.8rem; line-height: 1.1667em; } h3, .h3 { - font-size: 3.2rem; + font-size: 2.7rem; line-height: 1.4444em; } h4 { @@ -489,7 +1437,7 @@ strong { .txt-big { font-family: "Roboto Condensed", sans-serif; - font-size: 5.6rem; + font-size: 4.8rem; font-weight: 400; line-height: 1em; } @media (max-width: 44.375em) { @@ -499,6 +1447,14 @@ strong { .no-wrap { white-space: nowrap; } +.entry-content { + font-size: 1.9rem; + line-height: 3.1rem; } + +p { + font-size: 1.9rem; + line-height: 3.1rem; } + select, input[type="text"], input[type="email"], @@ -1371,6 +2327,29 @@ blockquote { width: 40%; } } /* ### --- END _elements.scss ==================================================================== */ +.filter-form { + padding-bottom: 3rem; + margin-bottom: 3rem; + border-bottom: 1px solid #E9E9E9; } + .filter-form .filter-row { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + .filter-form .filter-row .item { + margin-right: 1rem; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; } + .filter-form .filter-row .item.search-description h5 { + text-transform: uppercase; + font-family: "Roboto Condensed", sans-serif; + font-weight: 500; } + .filter-form .filter-row .item select, .filter-form .filter-row .item input { + margin-bottom: 0; } + .filter-form .filter-row .item:last-child { + margin-right: 0; } + .featured-programs .hero { max-width: 1120px; margin: 0 auto 20px; @@ -1486,6 +2465,10 @@ body::before, body::after { display: none !important; height: 0 !important; } +@media (max-width: 44.375em) { + body { + overflow-x: hidden; } } + .site { margin: 0; } @@ -1494,7 +2477,6 @@ body::before, body::after { .site-header { /* background-color: $blue-brand; */ - box-shadow: 0px 0 4px 0 rgba(0, 0, 0, 0.8); /*height: 70px; */ padding: 0; width: 100%; @@ -1543,6 +2525,13 @@ body::before, body::after { margin-bottom: 2px; } .site-header.sticky.detached .menu-toggle { top: -3px; } + @media (max-width: 44.375em) { + .site-header { + height: 50px; + margin-top: 0; } } + @media (min-width: 61.5625em) { + .site-header { + box-shadow: 0px 0 4px 0 rgba(0, 0, 0, 0.8); } } @media (min-width: 56.875em) { .site-header { background-image: none; @@ -1569,6 +2558,27 @@ body.admin-bar .site-header.sticky { body.admin-bar .site-header.sticky { margin-top: 32px; } } +.site-menu-wrapper .main-navigation { + margin: 0 -20px; } + .site-menu-wrapper .main-navigation .menu-item.menu-item-has-children .sub-menu { + background-color: #fff; + list-style-type: none; } + .site-menu-wrapper .main-navigation .menu-item.menu-item-has-children .sub-menu .menu-item { + margin-bottom: 0; + list-style: none; } + .site-menu-wrapper .main-navigation .menu-item.menu-item-has-children .sub-menu .menu-item a { + color: #000; + font-size: 1.8rem; } + +.archive-list .post .teaser-post-image { + text-align: center; } + +.archive-list .post .entry-content { + margin-top: 2rem; + width: 100% !important; + float: none !important; + text-align: center; } + .site-header-main { /* @include content-constrained(); @@ -1576,8 +2586,6 @@ body.admin-bar .site-header.sticky { justify-content: space-between; position: relative; */ } - .site-header-main .main-navigation { - margin: 0 -20px; } @media (min-width: 56.875em) { .site-header-main { background-image: linear-gradient(90deg, #1eb6d9, #1eb6d9, #1eb6d9); @@ -1608,9 +2616,9 @@ body.admin-bar .site-header.sticky { .site-header .site-header-menu { transition: margin 0.4s ease; - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; margin: 0 0 20px 0; } @media (min-width: 56.875em) { .site-header .site-header-menu { @@ -1618,7 +2626,7 @@ body.admin-bar .site-header.sticky { width: 60%; } } @media (min-width: 61.5625em) { .site-header .site-header-menu { - width: 60%; } } + width: 100%; } } .site-header.detached .site-header-menu { -webkit-align-self: center; @@ -1631,7 +2639,12 @@ body.admin-bar .site-header.sticky { padding-top: 2rem; padding-bottom: 2rem; } .entry-header .entry-title { - font-size: 56px; } + font-size: 48px; + line-height: 1.1em; } + +.single .wrapper-main .post .entry-content, .page .wrapper-main .post .entry-content { + float: none !important; + width: 100% !important; } .entry-main-content .entry-date-container { padding-top: 1.5rem; @@ -1668,6 +2681,7 @@ body.admin-bar .site-header.sticky { display: -webkit-flex; display: -ms-flexbox; display: flex; + margin: .8rem 0; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; @@ -1677,6 +2691,10 @@ body.admin-bar .site-header.sticky { .entry-meta .item-meta strong { text-transform: uppercase; font-size: 1.2rem; } + .entry-meta .item-meta.align-center { + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .site-branding { margin: 0; @@ -1801,6 +2819,7 @@ body.admin-bar .site-header.sticky { /* Remove extra margins at edges for different configurations */ } @media (max-width: 44.375em) { .cc-footer { + display: block; padding: 35px 0 25px 0; -webkit-flex-direction: row; -ms-flex-direction: row; @@ -1810,7 +2829,13 @@ body.admin-bar .site-header.sticky { flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; - justify-content: space-between; } } + justify-content: space-between; } + .cc-footer .column { + display: block; + width: 100% !important; + text-align: center; } + .cc-footer .column.cc-footer-license .license-icons { + text-align: center !important; } } .cc-footer .column { margin: 5px 0; } @media (max-width: 44.375em) { @@ -2108,6 +3133,16 @@ body.admin-bar .site-header.sticky { .wp-block-button .wp-block-button__link.has-cc-yellow-background-color:hover { background-color: #ffd019; } +@media (max-width: 48.9375em) { + .wp-block-gallery { + display: block; } + .wp-block-gallery .blocks-gallery-item { + width: 100%; } } + +@media (max-width: 48.9375em) { + .wp-block-media-text { + display: block; } } + /* ### --- END _layout.scss ==================================================================== */ /* ### --- _utils.scss ==================================================================== */ /* -- CC license inside heart -- */ @@ -2153,9 +3188,9 @@ body.admin-bar .site-header.sticky { display: -webkit-flex; display: -ms-flexbox; display: flex; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; @@ -2704,13 +3739,13 @@ h1.entry-title { margin-bottom: 25px; } @media (max-width: 44.375em) { h1.entry-title { - font-size: 5.6rem; + font-size: 4.8rem; line-height: 1em; } } .entry-content h2, .entry-summary h2, .comment-content h2 { - font-size: 4.4rem; + font-size: 3.8rem; line-height: 1.1667em; margin-bottom: 20px; margin-top: 0; } @@ -2719,7 +3754,7 @@ h1.entry-title { .entry-summary h3, .comment-content h3, .textwidget h3 { - font-size: 3.2rem; + font-size: 2.7rem; line-height: 1.4444em; margin: 0 0 20px 0; } @@ -2951,12 +3986,12 @@ body.home .site-main { body.home .entry-content h2 { color: #333333; - font-size: 3.8rem; + font-size: 3rem; line-height: 0.8em; margin-bottom: 20px; } @media (max-width: 44.375em) { body.home .entry-content h2 { - font-size: 5.6rem; + font-size: 4.8rem; line-height: 1em; } } @media (min-width: 56.875em) { @@ -2971,6 +4006,16 @@ body.home .entry-content h2 { float: left; width: 45%; } } +@media (max-width: 44.375em) { + .single .site-main > article, .page .site-main > article { + padding-right: 1.5rem; + padding-left: 1.5rem; } } + +@media (max-width: 44.375em) { + .single .wrapper-sidebar, .page .wrapper-sidebar { + padding-right: 1.5rem; + padding-left: 1.5rem; } } + body.author .site-main .author-page-header .author-info-container { float: left; width: 100%; @@ -3169,7 +4214,7 @@ body.author .site-main .author-page-header .edit-user-profile { padding-right: 55px; } } body.author .site-main .bio .author-first-last { - font-size: 3.2rem; + font-size: 2.7rem; line-height: 0px; display: inline-block; margin-bottom: 0.9em; @@ -3784,16 +4829,6 @@ body.page-id-48781 ul.ways-to-give { line-height: 0.9em; margin-bottom: 10px; } -.blog .site-main h1 { - position: absolute; - overflow: hidden; - clip: rect(0 0 0 0); - height: 1px; - width: 1px; - margin: -1px; - padding: 0; - border: 0; } - .blog .site-main .post { display: -webkit-flex; display: -ms-flexbox; @@ -3894,7 +4929,7 @@ body.page-id-48781 ul.ways-to-give { body.error404 { height: 100%; } body.error404 .page-title { - font-size: 4.4rem; } + font-size: 3.8rem; } body.error404 input { padding-bottom: 0; padding-top: 0; } @@ -4369,6 +5404,11 @@ blockquote.cc-short-block { letter-spacing: .3rem; font-weight: 700; line-height: 4.5rem; } + @media (max-width: 44.375em) { + .widget.title .grid-container { + display: block !important; } + .widget.title .grid-container .widget-title { + margin-bottom: 1rem; } } .widget.news { padding: 0; } .widget.news .widget-title { @@ -4944,7 +5984,7 @@ blockquote.cc-short-block { width: 100%; padding-bottom: 20px; } .widget_creativecommons_news_features_widget .feature-widget-inner .post-hero .item .teaser .title { - font-size: 5.6rem; + font-size: 4.8rem; letter-spacing: 0.9; line-height: 0.9em; margin-bottom: 15px; @@ -5000,7 +6040,7 @@ blockquote.cc-short-block { border-bottom: 1px solid #E9E9E9; margin-top: 30px; } .widget_creativecommons_news_features_widget .posts-featured .item .title { - font-size: 3.6rem; + font-size: 3.1rem; line-height: 0.9em; margin-bottom: 15px; font-weight: 700; } @@ -5159,7 +6199,7 @@ blockquote.cc-short-block { position: absolute; left: -3px; top: -8px; - font-size: 3.2rem; } + font-size: 2.7rem; } @media (min-width: 56.875em) { #text-8 .widget-title::before { top: -7px !important; } } @@ -5228,7 +6268,7 @@ blockquote.cc-short-block { position: absolute; left: -3px; top: -8px; - font-size: 3.2rem; } + font-size: 2.7rem; } @media (min-width: 56.875em) { #gform_widget-4 .widget-title::before { top: -7px !important; } } @@ -6396,8 +7436,7 @@ video.wp-video-shortcode { -ms-flex-wrap: wrap; flex-wrap: wrap; } .featured-programs article { - margin-bottom: 30px; - width: 50%; } + margin-bottom: 30px; } .featured-programs .item { text-align: center; width: 95%; @@ -6702,6 +7741,7 @@ button.donate.arrow:hover::after, #header-widget { text-align: right; + padding: 0; margin-bottom: 11px; right: 40px; position: relative; @@ -6856,7 +7896,7 @@ button.donate.arrow:hover::after, background-image: url(icons/flags/BZ.png); } .country_id .c_ca { - background-image: url(icons/flags/CA.png); } + background-image: url(icons/flags/ca.png); } .country_id .c_cc { background-image: url(icons/flags/CC.png); } @@ -7240,7 +8280,7 @@ button.donate.arrow:hover::after, background-image: url(icons/flags/NI.png); } .country_id .c_nl { - background-image: url(icons/flags/NL.png); } + background-image: url(icons/flags/nl.png); } .country_id .c_no { background-image: url(icons/flags/NO.png); } @@ -7894,12 +8934,12 @@ button.donate.arrow:hover::after, /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ height: auto; position: relative; - top: 0.5em; - left: 0.08em; } + top: 0.4em; + left: 0; } .social-navigation a[href^="mailto:"]:before { content: "\e801"; - left: 0.1em; + left: 0; top: 0.35em; } .social-navigation a[href*="facebook.com"]:before { @@ -8091,11 +9131,8 @@ button.donate.arrow:hover::after, /* ### < 640px ### ??? */ /* ### < 783px ### */ /* ### > 985px ### */ -.admin-bar .site-header.sticky.detached.offscreen { - top: 30px; } - .admin-bar.layout-mobile .site-header.sticky.detached.offscreen { - top: 45px; } + margin-top: 0; } @media (max-width: 44.375em) { /* 44.375em; // 710px diff --git a/footer.php b/footer.php index 158a551..0a1cfb7 100644 --- a/footer.php +++ b/footer.php @@ -46,21 +46,25 @@
-
- - */ ?> - - -
-
diff --git a/functions.php b/functions.php index 7b81881..6527198 100644 --- a/functions.php +++ b/functions.php @@ -10,6 +10,7 @@ * Include telated files */ require STYLESHEETPATH . '/inc/taxonomies.php'; +require STYLESHEETPATH . '/inc/search_filter.php'; require STYLESHEETPATH . '/inc/helpers.php'; require STYLESHEETPATH . '/inc/site.php'; require STYLESHEETPATH . '/inc/render.php'; @@ -20,7 +21,7 @@ // CUSTOM POST TYPES require STYLESHEETPATH. '/inc/custom-post-types/queulat-cc-chfeature-cpt-plugin/cc-chfeature-cpt-plugin.php'; require STYLESHEETPATH. '/inc/custom-post-types/queulat-cc-chvideos-cpt-plugin/cc-chvideos-cpt-plugin.php'; -require STYLESHEETPATH. '/inc/custom-post-types/queulat-cc-chdocument-cpt-plugin/cc-chdocument-cpt-plugin.php'; +//require STYLESHEETPATH. '/inc/custom-post-types/queulat-cc-chdocument-cpt-plugin/cc-chdocument-cpt-plugin.php'; require STYLESHEETPATH. '/inc/custom-post-types/queulat-cc-chevent-cpt-plugin/cc-chevent-cpt-plugin.php'; require STYLESHEETPATH. '/inc/custom-post-types/queulat-cc-chteam-cpt-plugin/cc-chteam-cpt-plugin.php'; require STYLESHEETPATH. '/inc/custom-post-types/queulat-cc-chwork-cpt-plugin/cc-chwork-cpt-plugin.php'; @@ -271,74 +272,9 @@ function enqueue_scripts() )); } - -function cc_chapter_widgets_init() { - - // Register three sidebars. - $sidebars = array( - 'a' => 'header-widget', - 'b' => 'homepage-content-widgets', - 'c' => 'footer-center', - ); - - $active_widgets = get_option( 'sidebars_widgets' ); - - if ( empty( $active_widgets[ $sidebars['a'] ] ) ) { - $counter = 1; - $active_widgets[ $sidebars['a'] ][0] = 'creativecommons_header_links-' . $counter; - $header_links_widget_content[ $counter ] = array( 'title' => 'WordPress Stack Exchange' ); - update_option( 'widget_creativecommons_header_links', $header_links_widget_content ); - } - - if ( empty( $active_widgets[ $sidebars['b'] ] ) ) { - $counter++; - $active_widgets[ $sidebars['b'] ][] = 'creativecommons_links-' . $counter; - $links_widget_content[ $counter ] = array( 'title' => 'WordPress Stack Exchange' ); - update_option( 'widget_creativecommons_links', $links_widget_content ); - - $counter++; - $active_widgets[ $sidebars['b'] ][] = 'creativecommons_programs-' . $counter; - $programs_widget_content[ $counter ] = array( 'title' => 'WordPress Stack Exchange' ); - update_option( 'widget_creativecommons_programs', $programs_widget_content ); - - $counter++; - $active_widgets[ $sidebars['b'] ][] = 'creativecommons_news-' . $counter; - $news_widget_content[ $counter ] = array( 'title' => 'WordPress Stack Exchange' ); - update_option( 'widget_creativecommons_news', $news_widget_content ); - - $counter++; - $active_widgets[ $sidebars['b'] ][] = 'creativecommons_works-' . $counter; - $works_widget_content[ $counter ] = array( 'title' => 'WordPress Stack Exchange' ); - update_option( 'widget_creativecommons_works', $works_widget_content ); - - $counter++; - $active_widgets[ $sidebars['b'] ][] = 'creativecommons_videos-' . $counter; - $videos_widget_content[ $counter ] = array( 'title' => 'WordPress Stack Exchange' ); - update_option( 'widget_creativecommons_videos', $videos_widget_content ); - } - - if ( empty( $active_widgets[ $sidebars['c'] ] ) ) { - - $counter++; - $active_widgets[ $sidebars['c'] ][] = 'creativecommons_footer_links-' . $counter; - $footer_links_widget_content[ $counter ] = array( 'title' => 'WordPress Stack Exchange' ); - update_option( 'widget_creativecommons_footer_links', $footer_links_widget_content ); - } - update_option( 'sidebars_widgets', $active_widgets ); - -} - - - // ############################################################################## // ############################################################################## -function cc_chapter_remove_parent_sidebars() { - unregister_sidebar( 'sidebar-2' ); - unregister_sidebar( 'sidebar-3' ); -} -add_action( 'widgets_init', 'cc_chapter_widgets_init', 10 ); -add_action( 'widgets_init', 'cc_chapter_remove_parent_sidebars', 11 ); // stop wp removing span tags function cc_chapter_tinymce_fix( $init ) { diff --git a/header.php b/header.php index 0df90f4..47f88e2 100644 --- a/header.php +++ b/header.php @@ -14,6 +14,25 @@ + + + + + + + + + + + + + + + + + + + @@ -44,7 +63,7 @@
- +