updated footer to allow for widgets, updated css.
This commit is contained in:
Jacob Haddon
parent
f755fd3541
commit
7a87a0a75a
@ -21,6 +21,7 @@
|
||||
</div> <!-- #menu -->
|
||||
|
||||
<div id="footer">
|
||||
<?php get_sidebar( '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-->
|
||||
|
||||
@ -322,4 +322,63 @@ function melville_theme_options_page() { ?>
|
||||
<?php }
|
||||
|
||||
|
||||
|
||||
function twentyten_widgets_init() {
|
||||
|
||||
// Area 3, located in the footer. Empty by default.
|
||||
register_sidebar(
|
||||
array(
|
||||
'name' => __( 'First Footer Widget Area', 'twentyten' ),
|
||||
'id' => 'first-footer-widget-area',
|
||||
'description' => __( 'An optional widget area for your site footer.', 'twentyten' ),
|
||||
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
|
||||
'after_widget' => '</li>',
|
||||
'before_title' => '<h3 class="widget-title">',
|
||||
'after_title' => '</h3>',
|
||||
)
|
||||
);
|
||||
|
||||
// Area 4, located in the footer. Empty by default.
|
||||
register_sidebar(
|
||||
array(
|
||||
'name' => __( 'Second Footer Widget Area', 'twentyten' ),
|
||||
'id' => 'second-footer-widget-area',
|
||||
'description' => __( 'An optional widget area for your site footer.', 'twentyten' ),
|
||||
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
|
||||
'after_widget' => '</li>',
|
||||
'before_title' => '<h3 class="widget-title">',
|
||||
'after_title' => '</h3>',
|
||||
)
|
||||
);
|
||||
|
||||
// Area 5, located in the footer. Empty by default.
|
||||
register_sidebar(
|
||||
array(
|
||||
'name' => __( 'Third Footer Widget Area', 'twentyten' ),
|
||||
'id' => 'third-footer-widget-area',
|
||||
'description' => __( 'An optional widget area for your site footer.', 'twentyten' ),
|
||||
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
|
||||
'after_widget' => '</li>',
|
||||
'before_title' => '<h3 class="widget-title">',
|
||||
'after_title' => '</h3>',
|
||||
)
|
||||
);
|
||||
|
||||
// Area 6, located in the footer. Empty by default.
|
||||
register_sidebar(
|
||||
array(
|
||||
'name' => __( 'Fourth Footer Widget Area', 'twentyten' ),
|
||||
'id' => 'fourth-footer-widget-area',
|
||||
'description' => __( 'An optional widget area for your site footer.', 'twentyten' ),
|
||||
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
|
||||
'after_widget' => '</li>',
|
||||
'before_title' => '<h3 class="widget-title">',
|
||||
'after_title' => '</h3>',
|
||||
)
|
||||
);
|
||||
}
|
||||
/** Register sidebars by running twentyten_widgets_init() on the widgets_init hook. */
|
||||
add_action( 'widgets_init', 'twentyten_widgets_init' );
|
||||
|
||||
|
||||
?>
|
||||
|
||||
201
style.css
201
style.css
@ -369,7 +369,8 @@ div#header
|
||||
margin: 0 0 60px 0;
|
||||
padding: 0 0 20px 0;
|
||||
color: #777777;
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
/* border-bottom: 1px solid #bbbbbb; */
|
||||
background: url(images/post-sep.png) no-repeat center bottom;
|
||||
}
|
||||
|
||||
#site-title
|
||||
@ -691,14 +692,14 @@ h3#reply-title { margin: 18px 0; }
|
||||
/* @group Footer */
|
||||
.push, #footer
|
||||
{
|
||||
height: 40px;
|
||||
/* height: 40px; */
|
||||
clear: both;
|
||||
}
|
||||
|
||||
div#footer
|
||||
{
|
||||
margin: 0 auto;
|
||||
padding: 20px 0 0 0;
|
||||
/* padding: 20px 0 0 0; */
|
||||
background-color: #fafafa;
|
||||
border-top: 1px solid #dddddd;
|
||||
border-right: 1px solid #cccccc;
|
||||
@ -786,4 +787,196 @@ p.has-drop-cap:not(:focus):first-letter
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @end */
|
||||
|
||||
|
||||
/* =Widget Areas
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
.widget-area {
|
||||
width: 30%
|
||||
}
|
||||
|
||||
.widget-area ul {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
.widget-area ul ul {
|
||||
list-style: square;
|
||||
margin-left: 1.3em;
|
||||
}
|
||||
.widget-area select {
|
||||
max-width: 100%;
|
||||
}
|
||||
.widget_search #s {/* This keeps the search inputs in line */
|
||||
width: 60%;
|
||||
}
|
||||
.widget_search label {
|
||||
display: none;
|
||||
}
|
||||
.widget-container {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
hyphens: auto;
|
||||
margin: 0 0 18px 0;
|
||||
}
|
||||
.widget-container .wp-caption img {
|
||||
margin: auto;
|
||||
}
|
||||
.widget-title {
|
||||
color: #222;
|
||||
/* font-weight: bold; */
|
||||
}
|
||||
.widget-area a:link,
|
||||
.widget-area a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
.widget-area a:active,
|
||||
.widget-area a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.widget-area .entry-meta {
|
||||
font-size: 11px;
|
||||
}
|
||||
#wp_tag_cloud div {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
#wp-calendar {
|
||||
width: 100%;
|
||||
}
|
||||
#wp-calendar caption {
|
||||
color: #222;
|
||||
font-size: 14px;
|
||||
/* font-weight: bold; */
|
||||
padding-bottom: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
#wp-calendar thead {
|
||||
font-size: 11px;
|
||||
}
|
||||
#wp-calendar thead th {
|
||||
}
|
||||
#wp-calendar tbody {
|
||||
color: #aaa;
|
||||
}
|
||||
#wp-calendar tbody td {
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #fff;
|
||||
padding: 3px 0 2px;
|
||||
text-align: center;
|
||||
}
|
||||
#wp-calendar tbody .pad {
|
||||
background: none;
|
||||
}
|
||||
.wp-calendar-nav {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
.wp-calendar-nav span {
|
||||
display: table-cell;
|
||||
}
|
||||
.wp-calendar-nav-next,
|
||||
#wp-calendar tfoot #next {
|
||||
text-align: right;
|
||||
}
|
||||
.widget_rss a.rsswidget {
|
||||
color: #000;
|
||||
}
|
||||
.widget_rss a.rsswidget:hover {
|
||||
color: #ff4b33;
|
||||
}
|
||||
.widget_rss .widget-title img {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
}
|
||||
.widget_text ul,
|
||||
.widget_text ol {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.widget_text ol {
|
||||
margin-left: 1.3em;
|
||||
}
|
||||
.widget_text ul ul,
|
||||
.widget_text ol ol,
|
||||
.widget_text ul ol,
|
||||
.widget_text ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.widget_media_video video {
|
||||
max-width: 100%;
|
||||
}
|
||||
.tagcloud ul {
|
||||
list-style-type: none;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.tagcloud ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Helps galleries in widget areas look presentable in most cases. */
|
||||
.widget-area .gallery-columns-2 img,
|
||||
.widget-area .gallery-columns-3 img,
|
||||
.widget-area .gallery-columns-4 img,
|
||||
.widget-area .gallery-columns-5 img,
|
||||
.widget-area .gallery-columns-6 img,
|
||||
.widget-area .gallery-columns-7 img,
|
||||
.widget-area .gallery-columns-8 img,
|
||||
.widget-area .gallery-columns-9 img {
|
||||
border: none;
|
||||
max-width: 90%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Main sidebars */
|
||||
#main .widget-area ul {
|
||||
margin-left: 0;
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
#main .widget-area ul ul {
|
||||
border: none;
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
#primary {
|
||||
}
|
||||
#secondary {
|
||||
}
|
||||
|
||||
/* Footer widget areas */
|
||||
#footer-widget-area {
|
||||
|
||||
/* margin-top: 10px; */
|
||||
/*
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
*/
|
||||
margin: 20px;
|
||||
|
||||
}
|
||||
|
||||
.widget-area
|
||||
{
|
||||
float: left;
|
||||
max-width: 255px;
|
||||
width: 50%;
|
||||
min-width: 150px;
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* 14.2 - >= 783px
|
||||
*/
|
||||
|
||||
/* @media screen and (min-width: 48.9375em) */
|
||||
@media screen and (min-width: 775px)
|
||||
{
|
||||
|
||||
.widget-area
|
||||
{
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user