Fix ‘Experience’ page styling #13

Merged
Rumperuu merged 2 commits from fix/experience-page-styling into master 2021-01-21 10:25:29 +00:00
4 changed files with 133 additions and 127 deletions

View file

@ -4,17 +4,14 @@
* / * /
/** /**
* The template for displaying all items, indexed by organisation.
* *
* * @package Omphaloskepsis
* The template for displaying all single posts and attachments * @since Omphaloskepsis 1.0
*
* @package WordPress
* @subpackage Twenty_Sixteen
* @since Twenty Sixteen 1.0
*/ */
get_header(); ?> get_header(); ?>
<div id="experience-wrapper" class="content-area col-10 col-m-12"> <main id="experience-wrapper" class="content-area col-10 col-m-12">
<!--Page Title & Details--> <!--Page Title & Details-->
<header class="post-header-title"> <header class="post-header-title">
<h1 style="margin-bottom: 20px;" id="page-title">Experience.</h1> <h1 style="margin-bottom: 20px;" id="page-title">Experience.</h1>
@ -26,7 +23,7 @@ get_header(); ?>
<?php the_content(); ?> <?php the_content(); ?>
</div> </div>
<div style="width: 70%; margin: auto; margin-top: 20px; border: 2px dashed #020202; padding: 20px; border-radius: 25px;" class="entry-content tile" id="settings"> <div class="entry-content tile" id="settings">
<h3 style="margin-bottom: 14px;" class="subheading">Settings</h3> <h3 style="margin-bottom: 14px;" class="subheading">Settings</h3>
<form action="/experience-by-companies" id="settings" method="GET"> <form action="/experience-by-companies" id="settings" method="GET">
<input class="checkbox" type="checkbox" id="toplevel" value="toplevel" checked="checked"> <input class="checkbox" type="checkbox" id="toplevel" value="toplevel" checked="checked">
@ -136,6 +133,6 @@ get_header(); ?>
} }
}); });
</script> </script>
</div> </main>
<?php get_footer(); ?> <?php get_footer(); ?>

View file

@ -4,11 +4,10 @@
* / * /
/** /**
* The template for displaying all single posts and attachments * The template for displaying all roles in a timeline.
* *
* @package WordPress * @package Omphaloskepsis
* @subpackage Twenty_Sixteen * @since Omphaloskepsis 1.0
* @since Twenty Sixteen 1.0
*/ */
get_header(); ?> get_header(); ?>
@ -29,7 +28,7 @@ function withinDates( $jSDate, $jEDate ) {
$loop = new WP_Query( $args ); $loop = new WP_Query( $args );
?> ?>
<div id="experience-wrapper" class="content-area col-10 col-m-12"> <main id="experience-wrapper" class="content-area col-10 col-m-12">
<header class="post-header-title"> <header class="post-header-title">
<h1 id="page-title">Experience</h1> <h1 id="page-title">Experience</h1>
<h2 id="page-subtitle">or, a brief history of Ben</h2> <h2 id="page-subtitle">or, a brief history of Ben</h2>
@ -41,7 +40,7 @@ function withinDates( $jSDate, $jEDate ) {
<?php the_content(); ?> <?php the_content(); ?>
</div> </div>
<div style="width: 70%; margin: auto; margin-top: 20px; border: 2px dashed #020202; padding: 20px; border-radius: 25px;" class="entry-content tile" id="settings"> <div class="entry-content tile" id="settings">
<h3 style="margin-bottom: 14px;" class="subheading">Settings</h3> <h3 style="margin-bottom: 14px;" class="subheading">Settings</h3>
<form action="/experience-timeline" id="settings" method="GET"> <form action="/experience-timeline" id="settings" method="GET">
<input class="checkbox" type="checkbox" id="separate" value="separate" checked="checked"> <input class="checkbox" type="checkbox" id="separate" value="separate" checked="checked">
@ -140,6 +139,6 @@ function withinDates( $jSDate, $jEDate ) {
</section> </section>
</main> </main>
</div> </div>
</div> </main>
<?php // get_sidebar(); ?> <?php // get_sidebar(); ?>
<?php get_footer(); ?> <?php get_footer(); ?>

View file

@ -1167,11 +1167,21 @@ a:hover, a:focus {
#experience-wrapper { #experience-wrapper {
grid-area: page-container; grid-area: page-container;
width: 100%;
}
.entry-content.tile#settings {
width: 70%;
margin: auto;
margin-top: 1em;
border: 2px dashed #020202;
padding: 1em;
border-radius: 25px;
margin-bottom: 1em;
} }
#organisations-grid { #organisations-grid {
border-spacing: 1em; border-spacing: 1em;
margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
border-radius: 10px; border-radius: 10px;
} }