Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9ea8e156a1 | |||
| 669f19560e | |||
| 343c961552 |
@ -8,7 +8,6 @@
|
||||
|
||||
function melville_theme_styles(){
|
||||
wp_enqueue_style( 'style', get_stylesheet_uri() );
|
||||
wp_enqueue_script('jquery');
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'melville_theme_styles' );
|
||||
|
||||
@ -67,8 +66,7 @@ function melville_setup() {
|
||||
// This theme uses wp_nav_menu() in one locations.
|
||||
register_nav_menus( array(
|
||||
'header-menu' => __( 'Header Menu', 'twentyten'),
|
||||
'footer-menu' => __( 'Footer Menu', 'twentyten' ),
|
||||
'slidedown-menu' => __( 'SlideDown Menu', 'twentyten' )
|
||||
'footer-menu' => __( 'Footer Menu', 'twentyten' )
|
||||
) );
|
||||
}
|
||||
endif;
|
||||
@ -378,39 +376,6 @@ function melville_widgets_init() {
|
||||
'after_title' => '</h3>',
|
||||
)
|
||||
);
|
||||
|
||||
|
||||
|
||||
// Area 5, located in the popout. Empty by default.
|
||||
register_sidebar(
|
||||
array(
|
||||
'name' => __( 'First Slidedown Widget Area', 'twentyten' ),
|
||||
'id' => 'first-slidedown-widget-area',
|
||||
'description' => __( 'An optional widget area for your site sidedown.', 'twentyten' ),
|
||||
'before_widget' => '<div id="%1$s" class="slidedown-widget-container %2$s">',
|
||||
'after_widget' => '</div>',
|
||||
'before_title' => '<h3 class="slidedown-widget-title">',
|
||||
'after_title' => '</h3>',
|
||||
)
|
||||
);
|
||||
|
||||
|
||||
// Area 6, located in the popout. Empty by default.
|
||||
register_sidebar(
|
||||
array(
|
||||
'name' => __( 'Second Slidedown Widget Area', 'twentyten' ),
|
||||
'id' => 'second-slidedown-widget-area',
|
||||
'description' => __( 'An optional widget area for your site slidedown.', 'twentyten' ),
|
||||
'before_widget' => '<div id="%1$s" class="slidedown-widget-container %2$s">',
|
||||
'after_widget' => '</div>',
|
||||
'before_title' => '<h3 class="slidedown-widget-title">',
|
||||
'after_title' => '</h3>',
|
||||
)
|
||||
);
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
/** Register sidebars by running twentyten_widgets_init() on the widgets_init hook. */
|
||||
add_action( 'widgets_init', 'melville_widgets_init' );
|
||||
|
||||
93
header.php
93
header.php
@ -33,80 +33,6 @@
|
||||
</script>
|
||||
<noscript><link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/noscript.css" /></noscript>
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
#panel
|
||||
{
|
||||
/* color: black; */
|
||||
text-align: left;
|
||||
/* background-color: #9BC8E8; */
|
||||
background-color: #e5eecc;
|
||||
border: solid 1px #c3c3c3;
|
||||
/* column-count: 4; */
|
||||
padding: 20px;
|
||||
display: none;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
#panel a {
|
||||
|
||||
/* color:black; */
|
||||
}
|
||||
|
||||
.bar1, .bar2, .bar3 {
|
||||
width: 35px;
|
||||
height: 5px;
|
||||
background-color: #777;
|
||||
margin: 6px 0;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.change .bar1 {
|
||||
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
|
||||
transform: rotate(-45deg) translate(-9px, 6px);
|
||||
}
|
||||
|
||||
.change .bar2 {opacity: 0;}
|
||||
|
||||
.change .bar3 {
|
||||
-webkit-transform: rotate(45deg) translate(-8px, -8px);
|
||||
transform: rotate(45deg) translate(-8px, -8px);
|
||||
}
|
||||
|
||||
#flip {
|
||||
margin: -40px 0 0 90%;
|
||||
}
|
||||
|
||||
#slidedown-widget-area { margin: 20px; }
|
||||
.slidedown-widget-container {}
|
||||
|
||||
div#slidedown-widget-area input#s {
|
||||
|
||||
width: 55%;
|
||||
|
||||
}
|
||||
|
||||
div#slidedown-widget-area input#searchsubmit { margin: 0 10px 0 20px; }
|
||||
|
||||
.slidedown-widget-area { width: 45%;}
|
||||
|
||||
.widget-float-left { float: left;}
|
||||
|
||||
.widget-float-right {
|
||||
float: right;
|
||||
}
|
||||
h3.slidedown-widget-title {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<title><?php
|
||||
/*
|
||||
* Print the <title> tag based on what is being viewed.
|
||||
@ -133,21 +59,12 @@ div#slidedown-widget-area input#searchsubmit { margin: 0 10px 0 20px; }
|
||||
<?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?>
|
||||
|
||||
<?php wp_head();?>
|
||||
|
||||
<script>
|
||||
jQuery(document).ready(function(){
|
||||
jQuery("#flip").click(function(){
|
||||
jQuery("#panel").slideToggle();
|
||||
jQuery("#flip").toggleClass("change");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
<div id="wrapper">
|
||||
<?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' => 'melville_header_menu', 'theme_location' => 'header-menu' ) ); ?>
|
||||
|
||||
<div id="header">
|
||||
<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
|
||||
@ -156,13 +73,5 @@ jQuery(document).ready(function(){
|
||||
</<?php echo $heading_tag; ?>>
|
||||
<div id="site-description"><?php bloginfo( 'description' ); ?></div>
|
||||
</div><!--#header-->
|
||||
<div id="flip"> <div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div></div>
|
||||
<div id="panel">
|
||||
<?php wp_nav_menu( array( 'container_class' => 'melville_header_menu', 'theme_location' => 'slidedown-menu' ) ); ?>
|
||||
<?php get_sidebar( 'slidedown' ); ?>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
</div>
|
||||
<div id="content">
|
||||
|
||||
@ -1,44 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* The popout widget areas
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Twenty_Ten
|
||||
* @since Twenty Ten 1.0
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php
|
||||
/*
|
||||
* The footer widget area is triggered if any of the areas
|
||||
* have widgets. So let's check that first.
|
||||
*
|
||||
* If none of the sidebars have widgets, then let's bail early.
|
||||
*/
|
||||
if ( ! is_active_sidebar( 'first-slidedown-widget-area' )
|
||||
&& ! is_active_sidebar( 'second-slidedown-widget-area' )
|
||||
) {
|
||||
return;
|
||||
}
|
||||
// If we get this far, we have widgets. Let do this.
|
||||
?>
|
||||
|
||||
<div id="slidedown-widget-area" role="complementary">
|
||||
|
||||
<?php if ( is_active_sidebar( 'first-slidedown-widget-area' ) ) : ?>
|
||||
<div id="first" class="widget-float-left slidedown-widget-area">
|
||||
<div class="xoxo">
|
||||
<?php dynamic_sidebar( 'first-slidedown-widget-area' ); ?>
|
||||
</div>
|
||||
</div><!-- #first .widget-area -->
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( is_active_sidebar( 'second-slidedown-widget-area' ) ) : ?>
|
||||
<div id="second" class="widget-float-right slidedown-widget-area">
|
||||
<div class="xoxo">
|
||||
<?php dynamic_sidebar( 'second-slidedown-widget-area' ); ?>
|
||||
</div>
|
||||
</div><!-- #second .widget-area -->
|
||||
<?php endif; ?>
|
||||
|
||||
</div><!-- #footer-widget-area -->
|
||||
62
style.css
62
style.css
@ -761,46 +761,38 @@ h3#reply-title { margin: 18px 0; }
|
||||
/* Footer Menu Styles */
|
||||
.melville_header_menu ul
|
||||
{
|
||||
/* list-style: none; */
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.melville_header_menu ul ul
|
||||
{
|
||||
/* display: none; */
|
||||
/* position: absolute; */
|
||||
/* background-color: white; */
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.melville_header_menu li
|
||||
{
|
||||
display: inline-block;
|
||||
width: 24%;
|
||||
vertical-align: top;
|
||||
padding: 0px;
|
||||
margin-bottom: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.melville_header_menu li a { text-decoration: none; }
|
||||
|
||||
/*
|
||||
.melville_header_menu li:hover ul
|
||||
{
|
||||
display: block;
|
||||
z-index: 10;
|
||||
padding: 0 10px;
|
||||
.melville_header_menu li:hover ul
|
||||
{
|
||||
display: block;
|
||||
z-index: 10;
|
||||
padding: 0 10px;
|
||||
border-top: 1px solid;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.melville_header_menu li li
|
||||
{
|
||||
/* display: block; */
|
||||
display: inline-block;
|
||||
display: block;
|
||||
text-align: left;
|
||||
padding-top: 10px;
|
||||
padding-left: 0px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.melville_header_menu li ul { }
|
||||
@ -810,7 +802,6 @@ h3#reply-title { margin: 18px 0; }
|
||||
{
|
||||
text-align: center;
|
||||
font-variant: small-caps;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
/* # Gutenberg Blocks ---------------------------------------------- */
|
||||
@ -986,32 +977,6 @@ p.has-drop-cap:not(:focus):first-letter
|
||||
#footer-widget-area .widget-area { width: 25%; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 550px) {
|
||||
|
||||
.widget-float-right, .widget-float-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.slidedown-widget-area {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.melville_header_menu {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.melville_header_menu li
|
||||
{
|
||||
width: 95%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* # Possibly Obsolete */
|
||||
.headerLine
|
||||
{
|
||||
@ -1023,14 +988,13 @@ p.has-drop-cap:not(:focus):first-letter
|
||||
|
||||
.sticky
|
||||
{
|
||||
/* background: #c3dce8; */
|
||||
background: #c3dce8;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 20px -80px !important;
|
||||
padding: 30px 80px;
|
||||
text-shadow: none;
|
||||
z-index: 0;
|
||||
background-color: #E1DEE0;
|
||||
}
|
||||
|
||||
@media screen and (prefers-color-scheme: dark)
|
||||
|
||||
Reference in New Issue
Block a user