diff --git a/footer.php b/footer.php index 051e6bf..c700d6b 100644 --- a/footer.php +++ b/footer.php @@ -21,6 +21,7 @@ diff --git a/functions.php b/functions.php index a3bb69c..6619d84 100644 --- a/functions.php +++ b/functions.php @@ -322,4 +322,63 @@ function melville_theme_options_page() { ?> __( 'First Footer Widget Area', 'twentyten' ), + 'id' => 'first-footer-widget-area', + 'description' => __( 'An optional widget area for your site footer.', 'twentyten' ), + 'before_widget' => '
  • ', + 'after_widget' => '
  • ', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) + ); + + // 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' => '
  • ', + 'after_widget' => '
  • ', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) + ); + + // 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' => '
  • ', + 'after_widget' => '
  • ', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) + ); + + // 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' => '
  • ', + 'after_widget' => '
  • ', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) + ); +} +/** Register sidebars by running twentyten_widgets_init() on the widgets_init hook. */ +add_action( 'widgets_init', 'twentyten_widgets_init' ); + + ?> diff --git a/style.css b/style.css index fa89ae4..88f0742 100644 --- a/style.css +++ b/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 */ \ No newline at end of file +/* @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%; +} + +} + +