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.
*
* 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.
*
* @package WordPress
@ -14,13 +14,17 @@
*/
?>
<div class="push">
</div>
</div><!--#wrapper-->
</div><!-- #push -->
<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">
<?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>';}?>
</div><!--/footer-->
</div><!--#wrapper-->
</body>
</html>

View File

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