moved divs to change spacing, CSS to match, will now shrink with screen

This commit is contained in:
Jacob Haddon 2020-06-29 16:23:28 -04:00
parent cda9ac5e6d
commit f755fd3541
2 changed files with 24 additions and 8 deletions

View File

@ -5,7 +5,7 @@
/** /**
* The template for displaying the footer. * The template for displaying the footer.
* *
* Contains the closing of the id=main div and all content * Contains the closing of the #wrapper div and all content
* after. Calls sidebar-footer.php for bottom widgets. * after. Calls sidebar-footer.php for bottom widgets.
* *
* @package WordPress * @package WordPress
@ -14,13 +14,17 @@
*/ */
?> ?>
<div class="push"> <div class="push">
</div> </div><!-- #push -->
</div><!--#wrapper-->
<div id="menu"><?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <div id="menu"><?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'menu-footer', 'theme_location' => 'primary' ) ); ?></div> <?php wp_nav_menu( array( 'container_class' => 'menu-footer', 'theme_location' => 'primary' ) ); ?>
</div> <!-- #menu -->
<div id="footer"> <div id="footer">
<?php wp_footer();?> <?php wp_footer();?>
<?php if(melville_footer == show) {echo '<p class="credits">Made by <a href="http://madebyraygun.com">Raygun</a>, powered by <a href="http://wordpress.org/" rel="generator">WordPress</a></p>';}?> <?php if(melville_footer == show) {echo '<p class="credits">Made by <a href="http://madebyraygun.com">Raygun</a>, powered by <a href="http://wordpress.org/" rel="generator">WordPress</a></p>';}?>
</div><!--/footer--> </div><!--/footer-->
</div><!--#wrapper-->
</body> </body>
</html> </html>

View File

@ -94,11 +94,11 @@ a#cancel-comment-reply-link
div#wrapper, div#header div#wrapper, div#header
{ {
/* width: 600px; */ /* width: 600px; */
width: 650px; max-width: 810px;
} }
#menu, div#footer #menu, div#footer
{ {
width: 810px; /* div#wrapper + 160 px */ max-width: 810px; /* div#wrapper + 160 px */
/* width: 760px; */ /* width: 760px; */
} }
@ -122,13 +122,13 @@ div#wrapper
min-height: 100%; min-height: 100%;
height: auto !important; height: auto !important;
margin: 0 auto -40px; margin: 0 auto -40px;
padding: 20px 80px 0 80px;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
-moz-box-shadow: 1px 0 20px #dddddd; -moz-box-shadow: 1px 0 20px #dddddd;
-webkit-box-shadow: 1px 0 20px #dddddd; -webkit-box-shadow: 1px 0 20px #dddddd;
box-shadow: 1px 0 20px #dddddd; box-shadow: 1px 0 20px #dddddd;
overflow: hidden; overflow: hidden;
padding-top: 20px;
} }
h1, h2, h3, h4, h5, h6 h1, h2, h3, h4, h5, h6
@ -247,7 +247,11 @@ hr { margin: 20px 0; }
text-decoration: none; text-decoration: none;
} }
div#content { margin: 0 0 20px 0; } div#content
{
margin: 0 0 20px 0;
padding: 0px 80px 0 80px;
}
#content div.post p.date, #content div.post p.post-meta #content div.post p.date, #content div.post p.post-meta
{ {
@ -774,4 +778,12 @@ p.has-drop-cap:not(:focus):first-letter
margin: 8px 3px -10px 0; margin: 8px 3px -10px 0;
} }
.headerLine
{
border-bottom: 0.5px #bbbbbb;
width: 80%;
margin-right: auto;
margin-left: auto;
}
/* @end */ /* @end */