WordPress.org
Get WordPress

Making WordPress.org

Ticket #565: meta-565.diff

File meta-565.diff, 20.4 KB (added by ryelle, 9 years ago)

  • archive.php

     
    4141
    4242                </div><!-- #content -->
    4343
    44                 <?php get_sidebar(); ?>
    45 
    4644        </div><!-- #container -->
    4745
     46        <?php get_sidebar(); ?>
     47
    4848<?php get_footer(); ?>

  • author.php

     
    4646
    4747                </div><!-- #content -->
    4848
    49                 <?php get_sidebar(); ?>
    50 
    5149        </div><!-- #container -->
    5250
     51        <?php get_sidebar(); ?>
     52
    5353<?php get_footer(); ?>

  • category.php

     
    3535
    3636                </div><!-- #content -->
    3737
    38                 <?php get_sidebar(); ?>
    39 
    4038        </div><!-- #container -->
    4139
     40        <?php get_sidebar(); ?>
     41
    4242<?php get_footer(); ?>

  • functions.php

     
    3434                add_action( 'widgets_init', array( __CLASS__, 'widgets_init' ), 11 );
    3535                add_action( 'pre_get_posts', array( __CLASS__, 'pre_get_posts' ) );
    3636                add_action( 'init', array( __CLASS__, 'process_forms' ) );
     37                add_action( 'wp_enqueue_scripts', array( __CLASS__, 'enqueue_scripts' ) );
    3738
    3839                add_filter( 'excerpt_more', array( __CLASS__, 'excerpt_more' ), 11 );
    3940                // add_filter( 'wcpt_register_post_type', array( __CLASS__, 'wcpt_register_post_type' ) ); // set to public in wcpt plugin
    … …  
    175176        }
    176177
    177178        /**
     179         * Enqueue scripts and styles.
     180         */
     181        static function enqueue_scripts() {
     182                wp_enqueue_script( 'navigation', get_stylesheet_directory_uri() . '/js/navigation.js', array(), '20140909', true );
     183        }
     184
     185        /**
    178186         * Filters excerpt_more.
    179187         */
    180188        static function excerpt_more( $more ) {

  • header.php

     
    1717<!--<![endif]-->
    1818<head>
    1919<meta charset="<?php bloginfo( 'charset' ); ?>" />
     20<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    2021<title><?php
    2122        /*
    2223         * Print the <title> tag based on what is being viewed.
    … …  
    7071<body <?php body_class(); ?>>
    7172<div id="header" class="group">
    7273        <div id="masthead" class="group">
     74                <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
     75                <a href="#<?php echo is_front_page()? 'wc-hero-panel': 'content'; ?>" class="skip-link screen-reader-text"><?php _e( 'Skip to content', 'twentyten' ); ?></a>
     76
    7377                <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
    7478                <<?php echo $heading_tag; ?> id="site-title">
    7579                        <span>
    … …  
    7680                                <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
    7781                        </span>
    7882                </<?php echo $heading_tag; ?>>
     83
    7984                <div id="access" role="navigation">
    80                   <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    81                         <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
    8285                        <?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.  */ ?>
     86                        <button class="wc-primary-button menu-toggle"><?php _e( 'Primary Menu', 'adirondack' ); ?></button>
    8387                        <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    8488                </div><!-- #access -->
    8589        </div><!-- #masthead -->

  • index.php

     
    2626       
    2727        </div><!-- #content -->
    2828       
    29         <?php get_sidebar('blog'); ?>
    30        
    3129</div><!-- #container -->
    3230
     31<?php get_sidebar('blog'); ?>
     32
    3333<?php get_footer(); ?>

  • js/navigation.js

     
     1/**
     2 * navigation.js
     3 *
     4 * Handles toggling the navigation menu for small screens.
     5 */
     6( function() {
     7        var container, button, menu;
     8
     9        container = document.getElementById( 'access' );
     10        if ( ! container )
     11                return;
     12
     13        button = container.getElementsByTagName( 'button' )[0];
     14        if ( 'undefined' === typeof button )
     15                return;
     16
     17        menu = container.getElementsByTagName( 'ul' )[0];
     18
     19        // Hide menu toggle button if menu is empty and return early.
     20        if ( 'undefined' === typeof menu ) {
     21                button.style.display = 'none';
     22                return;
     23        }
     24
     25        if ( -1 === menu.className.indexOf( 'nav-menu' ) )
     26                menu.className += ' nav-menu';
     27
     28        button.onclick = function() {
     29                if ( -1 !== container.className.indexOf( 'toggled' ) )
     30                        container.className = container.className.replace( ' toggled', '' );
     31                else
     32                        container.className += ' toggled';
     33        };
     34
     35} )();

  • search.php

     
    4141
    4242                </div><!-- #content -->
    4343
    44                 <?php get_sidebar(); ?>
    45 
    4644        </div><!-- #container -->
    4745
     46        <?php get_sidebar(); ?>
     47
    4848<?php get_footer(); ?>

  • style.css

     
    3535        a. News index
    3636        b. Post Format - Link
    373705. 2x retina
     3806. Responsive
    3839
    3940============================================= */
    4041
    … …  
    230231        padding: 0 25px 0 0;
    231232}
    232233
     234/* Text meant only for screen readers */
     235.screen-reader-text {
     236        clip: rect(1px, 1px, 1px, 1px);
     237        position: absolute !important;
     238        height: 1px;
     239        width: 1px;
     240        overflow: hidden;
     241        left: 0;
     242}
    233243
     244.screen-reader-text:hover,
     245.screen-reader-text:active,
     246.screen-reader-text:focus {
     247        background-color: #f1f1f1;
     248        border-radius: 3px;
     249        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     250        clip: auto !important;
     251        color: #21759b;
     252        display: block;
     253        font-size: 14px;
     254        font-weight: bold;
     255        height: auto;
     256        left: 5px;
     257        line-height: normal;
     258        padding: 15px 23px 14px;
     259        text-decoration: none;
     260        top: 5px;
     261        width: auto;
     262        z-index: 100000; /* Above WP toolbar */
     263}
     264
    234265/* Widgets */
    235266.widget-area {
    236267        font-size: 14px;
    … …  
    274305/* !01c. Layout */
    275306/* ------------------------------------- */
    276307
    277 #main #content {
    278         float: left;
    279        
    280         margin: 0;
     308#content {
    281309        width: 660px;
    282310}
    283311
    284 #main #primary {
    285         float: right;
    286         position: static;
    287        
    288         margin: 0;
     312#primary,
     313#secondary {
     314        position: relative;
     315        z-index: 10; /* Above #content */
    289316}
    290317
    291 
    292318/* !Widgets */
    293319.widget-container {
    294320        margin-bottom: 40px
    … …  
    301327
    302328/* !Clear Fix  */
    303329.group:after,
     330.single-wordcamp #content:after,
    304331li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
    305332* html .group,
    306333* html li { height: 1% }
    … …  
    502529        background: #e0f5fa;
    503530}
    504531
    505 #header #masthead {
     532#masthead {
     533        position: relative;
     534        margin:  auto;
    506535        width: 940px;
    507         margin:  auto;
    508         position: relative;
    509536}
    510537
    511538#site-title {
    512         margin: 0 0 12px 0
     539        position: relative;
     540        z-index: 10; /* To position above the full-width menu */
     541        margin: 0 0 12px 0;
     542        width: 382px;
    513543}
    514544
    515545#ie7 #site-title a {
    … …  
    516546        margin: 0 0 20px 0
    517547}
    518548
    519 
    520549#site-title a {
    521550        background: url('images/wordcamp-central-logo.png') no-repeat;
    522551        width: 382px;
    … …  
    529558
    530559/* !Main Navigation */
    531560
    532 #header #access {
     561#access {
    533562        background: transparent;
    534563        position: absolute;
    535        
     564
    536565        bottom: -10px;
    537566        right: 0;
    538        
    539         width: 552px;
    540        
     567
    541568        text-shadow: #ecfdff 0 1px;
    542569}
    543570
    544 #access .menu-header {
    545         width: 552px
     571/* Small menu */
     572.menu-toggle {
     573        display: none;
     574        margin: 0 auto 10px;
    546575}
    547576
    548577#access .menu-header .menu {
    … …  
    549578        float: right
    550579}
    551580
    552 #header #access li a {
     581#access li a {
    553582        font-size: 15px;
    554583        padding-bottom: 20px;
    555584        margin-left: 10px;
    556585}
    557 #header #access li a:hover,
    558 #header #access li:hover a {
     586#access li a:hover,
     587#access li:hover a {
    559588        background: transparent;
    560589        color: #0b5f7b;
    561590}
    562 #header #access li.current_page_item a,
    563 #header #access li.current-menu-item a,
    564 #header #access li.current_page_parent a
    565 {
    566         color: #0b607b;
     591#access li.current_page_item > a,
     592#access li.current-menu-item > a,
     593#access li.current_page_parent > a {
     594        color: #0b607b !important; /* Override twentyten default */
    567595        background: url('images/menu-indicator.png') no-repeat center 31px;
    568        
    569596        position: relative;
    570597        z-index: 5
    571598}
    572599
    573 
    574600/* !Dropdowns */
    575601
    576602.page-template-template-home-php #access .sub-menu {
    577     background: #e0f5fa;
     603        background: #e0f5fa;
    578604}
    579605
    580606#access .sub-menu {
    … …  
    603629        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    604630}
    605631
    606 #header #access .sub-menu li a {
     632#access .sub-menu li a {
    607633        background: none !important;
    608634       
    609635        color: #028db9;
    … …  
    610636       
    611637        font-size: 13px;
    612638        line-height: 1.3;
    613         font-weight: 700;
    614639
    615640        padding: 10px 20px;
    616641        margin: 0 !important;
    … …  
    617642        width: auto;
    618643}
    619644
    620 #header #access .sub-menu li a:hover {
    621         color: #fff;
     645#access .sub-menu li a:hover {
     646        color: #fff !important;
    622647        background: #028db9 !important;
    623648        text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    624649}
    … …  
    13581383
    13591384.wc-schedule #content .entry-title {
    13601385        background: url('images/icons-large-sprite.png') no-repeat;
    1361         padding: 1px 45px;
     1386        padding: 1px 0 1px 45px;
    13621387        font-size: 34px;
    13631388        font-weight: 600;
    13641389}
    … …  
    16371662
    16381663.single-wordcamp .wc-banner img {
    16391664        border: 0;
     1665        vertical-align: middle;
    16401666       
    16411667        box-shadow: none;
    16421668        -webkit-box-shadow: none;       
    … …  
    16741700        -webkit-box-shadow: 0px 2px 5px #75888a;
    16751701}
    16761702
    1677 
    1678 
    16791703.single-wordcamp .wc-single-website img {
     1704        display: block;
     1705        margin: 0 auto 5px;
    16801706        border: 7px #fff solid;
    1681        
    1682         width: 205px;
    1683         height: 148px;
    1684        
     1707        box-sizing: border-box;
    16851708        box-shadow: 0px 2px 5px #75888a;
    16861709        -webkit-box-shadow: 0px 2px 5px #75888a;       
    16871710}
    … …  
    19151938
    19161939#content .post h2.entry-title {
    19171940        margin-bottom: 5px;
    1918         line-height: 1;
     1941        line-height: 1.3;
    19191942        padding-top: 7px;
    19201943        padding-bottom: 4px
    19211944}
    … …  
    20522075/* !04a. News Page */
    20532076/* ------------------------------------- */
    20542077
     2078#content h1.page-title {
     2079        line-height: 1.3;
     2080}
     2081
    20552082.blog #content h1.page-title,
    20562083.archive #content h1.page-title,
    20572084.search #content h1.page-title {
    20582085        font-size: 34px;
    2059         background: url('images/icons-large-sprite.png') no-repeat 0 -64px;
    2060         padding: 0 0 22px 69px;
     2086        padding: 0 0 22px;
    20612087        border-bottom: 1px #ececec solid;
    20622088        margin: 0 -280px 40px 0;
    20632089}
    … …  
    20682094        width: 870px;
    20692095}
    20702096
    2071 .archive #content h1.page-title,
    2072 .search #content h1.page-title {
    2073         background: none;
    2074         padding-left: 0;
     2097.blog #content h1.page-title {
     2098        background: url('images/icons-large-sprite.png') no-repeat 0 -64px;
     2099        padding: 0 0 22px 69px;
    20752100}
    20762101
    20772102.blog #container,
    … …  
    26322657                background: url(images/icons-sprite-2x.png) 0 -741px no-repeat;
    26332658                background-size: 32px 804px;
    26342659        }
    2635         #header #access li.current_page_item a,
    2636         #header #access li.current-menu-item a,
    2637         #header #access li.current_page_parent a {
     2660        #access li.current_page_item a,
     2661        #access li.current-menu-item a,
     2662        #access li.current_page_parent a {
    26382663                background: url('images/menu-indicator-2x.png') no-repeat center 31px;
    26392664                background-size: 62px 25px;
    26402665        }
    … …  
    26722697                background: #ceecf0 url('images/hero-bg-2x.png') -812px -90px;
    26732698                background-size: 215px 215px;
    26742699        }
    2675         .blog #content h1.page-title,
    2676         .archive #content h1.page-title,
    2677         .search #content h1.page-title {
     2700        .blog #content h1.page-title {
    26782701                background: url('images/icons-large-sprite-2x.png') no-repeat 0 -64px;
    26792702                background-size: 100px 800px;
    26802703        }
    … …  
    27102733                background: url('images/wordcamp-placeholder-thumb-2x.png') 3px 3px no-repeat;
    27112734                background-size: 82px 37px;
    27122735        }
    2713 }
    2714  No newline at end of file
     2736}
     2737
     2738/* !06. Responsive */
     2739/* ============================================= */
     2740@media screen and (max-width: 1024px) {
     2741        #wrapper {
     2742                margin: 20px auto;
     2743                width: 94%;
     2744        }
     2745
     2746        #access,
     2747        #access .menu-header,
     2748        div.menu,
     2749        #colophon,
     2750        #branding,
     2751        #main,
     2752        #footer,
     2753        #masthead {
     2754                margin: 0 auto;
     2755                width: 100%;
     2756        }
     2757
     2758        #footer {
     2759                margin-top: 30px;
     2760        }
     2761
     2762        #branding  {
     2763                overflow:hidden;
     2764        }
     2765
     2766        #content img {
     2767                max-width: 100%;
     2768        }
     2769
     2770        #container {
     2771                float: left;
     2772                margin: 0 -25.5319149% 0 0;
     2773                width: 99%;
     2774        }
     2775        #content {
     2776                width: 68.5957447%;
     2777                margin: 0 29.787234% 0 20px;
     2778        }
     2779        #primary,
     2780        #secondary {
     2781                overflow: hidden;
     2782                width: 23.40425535%; /* 200px / 940px */
     2783        }
     2784
     2785        #footer-widget-area .widget-area,
     2786        #site-generator,
     2787        #site-description  {
     2788                width: 23.40425535%; /* 200px / 940px */
     2789        }
     2790
     2791        .single #main #content {
     2792                width: 100%;
     2793        }
     2794        .single .entry-meta {
     2795                box-sizing: border-box;
     2796                padding-right: 20px;
     2797                width: 30%;
     2798        }
     2799        .single #content .post,
     2800        .single #content #comments {
     2801                width: 70%;
     2802                margin: 0;
     2803        }
     2804
     2805        .page-template-template-past-wordcamps-php #content {
     2806                width: 100%;
     2807                margin: 0;
     2808        }
     2809
     2810        .page-template-template-past-wordcamps-php #content .wc-schedule-list {
     2811                width: 100%;
     2812                margin: 0 auto;
     2813        }
     2814
     2815        .page-template-template-past-wordcamps-php .wc-schedule-list li {
     2816                box-sizing: border-box;
     2817                margin-right: 0;
     2818                padding-right: 20px;
     2819                width: 50%;
     2820        }
     2821
     2822        .single-wordcamp #main #content {
     2823                width: 100%;
     2824        }
     2825
     2826        .single-wordcamp .wc-banner img {
     2827                height: auto;
     2828        }
     2829
     2830        .single-wordcamp .wc-single-website,
     2831        .single-wordcamp .wc-single-info,
     2832        .single-wordcamp .wc-single-past {
     2833                box-sizing: border-box;
     2834                margin-left: 0;
     2835                margin-bottom: 20px;
     2836                margin-right: 0;
     2837                width: 25%;
     2838        }
     2839
     2840        .single-wordcamp .wc-single-info {
     2841                padding-left: 25px;
     2842                padding-right: 25px;
     2843                width: 50%;
     2844        }
     2845}
     2846
     2847@media screen and (max-width: 950px) {
     2848        #site-title {
     2849                box-sizing: border-box;
     2850                padding-left: 10px;
     2851        }
     2852        #wc-hero-panel .wc-hero-wrap {
     2853                margin: 0 auto;
     2854                width: 100%;
     2855        }
     2856
     2857        #wc-hero-panel .wc-hero-intro,
     2858        #wc-hero-panel .wc-hero-image {
     2859                position: relative;
     2860        }
     2861
     2862        #wc-hero-panel .wc-hero-intro {
     2863                margin: 27px 0 50px;
     2864                padding: 0 10em;
     2865                width: 100%;
     2866                box-sizing: border-box;
     2867        }
     2868
     2869        #wc-hero-panel .wc-hero-image {
     2870                margin: 0 auto;
     2871                height: 375px;
     2872        }
     2873
     2874        .blog #content h1.page-title,
     2875        .archive #content h1.page-title,
     2876        .search #content h1.page-title {
     2877                margin-right: 0;
     2878        }
     2879}
     2880
     2881@media screen and (max-width: 768px) {
     2882        #access {
     2883                position: relative;
     2884                left: auto;
     2885                right:  auto;
     2886                bottom: auto;
     2887                margin-bottom: -10px;
     2888        }
     2889        #access .menu-header .menu {
     2890                float: none;
     2891        }
     2892
     2893        #wc-hero-panel .wc-hero-intro {
     2894                padding: 0 2em;
     2895        }
     2896
     2897        .single-wordcamp #content h1.entry-title {
     2898                margin-bottom: 0.3em;
     2899        }
     2900}
     2901
     2902@media screen and (max-width: 660px) {
     2903        #wrapper {
     2904                margin: 5px auto;
     2905                width: 96%;
     2906                padding: 0;
     2907        }
     2908
     2909        #colophon,
     2910        #branding,
     2911        #main,
     2912        #footer,
     2913        #content {
     2914                margin: 0 auto;
     2915                width: 100%;
     2916        }
     2917
     2918        #branding  {
     2919                overflow:hidden;
     2920        }
     2921
     2922        #site-title {
     2923                width: 100%;
     2924        }
     2925
     2926        #container {
     2927                float: left;
     2928                width: 100%;
     2929                margin: 0;
     2930        }
     2931
     2932        .alignleft, img.alignleft,
     2933        #content img.alignleft,
     2934        .alignright, img.alignright,
     2935        #content img.alignright {
     2936                clear: both;
     2937                display: block;
     2938                margin-left: auto;
     2939                margin-right: auto;
     2940                float: none;
     2941        }
     2942
     2943        #primary,
     2944        #secondary {
     2945                float: left;
     2946                overflow: hidden;
     2947                width: 99%;
     2948        }
     2949        #secondary {
     2950                clear: left;
     2951        }
     2952
     2953        .wc-code-is-poetry {
     2954                margin: 5px auto 10px;
     2955        }
     2956
     2957        #footer .menu-footer,
     2958        .wc-code-is-poetry {
     2959                float: none;
     2960        }
     2961
     2962        #footer .menu-footer ul {
     2963                margin: 10px 0;
     2964                text-align: center;
     2965        }
     2966
     2967        #footer .menu-footer ul li {
     2968                display: inline-block;
     2969                float: none;
     2970                margin: 0 10px;
     2971        }
     2972        #footer .menu-footer ul li:after {
     2973                content: '';
     2974        }
     2975        #footer .menu-footer ul a {
     2976                display: inline-block;
     2977                padding: 5px 0;
     2978        }
     2979
     2980        #wc-content-blocks > div {
     2981                float: none;
     2982                padding: 0 0 15px;
     2983                margin: 0 0 15px;
     2984                width: 100%;
     2985        }
     2986
     2987        #wc-content-blocks > div:last-child,
     2988        #wc-content-blocks .last {
     2989                float: none;
     2990        }
     2991
     2992        #wc-content-blocks .more {
     2993                position: relative;
     2994                width: 100%;
     2995        }
     2996
     2997        .blog #main #primary,
     2998        .archive #main #primary,
     2999        .search #main #primary {
     3000                margin-top: 0;
     3001        }
     3002
     3003        .blog #content h1.page-title,
     3004        .archive #content h1.page-title,
     3005        .search #content h1.page-title {
     3006                margin-right: 0;
     3007                margin-bottom: 15px;
     3008                padding-bottom: 0;
     3009                border-bottom: none;
     3010        }
     3011
     3012        .blog #searchform,
     3013        .archive #searchform,
     3014        .search #searchform {
     3015                position: relative;
     3016                top: auto;
     3017                right: auto;
     3018                padding: 0 25px 15px;
     3019                margin: 0 0 15px;
     3020                border-bottom: 1px #ececec solid;
     3021        }
     3022
     3023        .blog #searchform #s,
     3024        .archive #searchform #s,
     3025        .search #searchform #s {
     3026                box-sizing: border-box;
     3027                width: 100%;
     3028        }
     3029
     3030        #main .widget-area ul ul li {
     3031                border-bottom: none;
     3032        }
     3033
     3034        .single #main #content {
     3035                width: 100%;
     3036        }
     3037        .single .entry-meta,
     3038        .single #content .post,
     3039        .single #content #comments {
     3040                padding-right: 0px;
     3041                width: 100%;
     3042        }
     3043        .single .entry-meta ul li {
     3044                float: left;
     3045                width: 33%;
     3046        }
     3047        .single .entry-meta li.wc-single-search {
     3048                clear: both;
     3049                width: 100%;
     3050                margin: 0 0 25px;
     3051        }
     3052        .single .entry-meta #searchform #s {
     3053                width: 75%;
     3054        }
     3055
     3056        .page-template-template-past-wordcamps-php .wc-schedule-list li {
     3057                padding-right: 0;
     3058                width: 100%;
     3059        }
     3060
     3061        .single-wordcamp .wc-single-website {
     3062                width: 33%;
     3063        }
     3064        .single-wordcamp .wc-single-info {
     3065                width: 67%;
     3066        }
     3067
     3068        .single-wordcamp .wc-single-past {
     3069                float: none;
     3070                clear: both;
     3071                width: 100%;
     3072        }
     3073}
     3074
     3075@media screen and (max-width: 550px) {
     3076        #wc-hero-panel .wc-hero-image {
     3077                width: 100%;
     3078                box-sizing: border-box;
     3079        }
     3080        #wc-hero-panel .wc-hero-image:after {
     3081                display: none;
     3082        }
     3083
     3084        #wc-hero-panel .wc-hero-image img {
     3085                box-sizing: border-box;
     3086                max-width: 100%;
     3087                height: auto;
     3088        }
     3089
     3090        .single .entry-meta,
     3091        .single #content .post,
     3092        .single #content #comments {
     3093                box-sizing: border-box;
     3094                padding-left: 10px;
     3095                padding-right: 10px;
     3096        }
     3097
     3098        .single-wordcamp .wc-single-map {
     3099                float: none;
     3100                margin: 0 0 10px;
     3101        }
     3102}
     3103
     3104@media screen and (max-width: 500px){
     3105        #access {
     3106                margin-bottom: 0;
     3107        }
     3108        #access ul {
     3109                display: none;
     3110        }
     3111        .menu-toggle,
     3112        #access.toggled ul {
     3113                display: block;
     3114        }
     3115
     3116        #access .menu-header li {
     3117                float: none;
     3118        }
     3119        #access ul ul.sub-menu {
     3120                position: relative;
     3121                top: 0;
     3122                float: none;
     3123                width: 100%;
     3124                box-shadow: none;
     3125        }
     3126
     3127        #access .menu-header a,
     3128        #access .sub-menu li a {
     3129                margin: 0 0 0 15px;
     3130                padding: 0;
     3131                font-size: 15px;
     3132                line-height: 38px;
     3133        }
     3134
     3135        #access .sub-menu li a {
     3136                /* Needed to override an earlier important */
     3137                margin: 0 0 0 25px !important;
     3138        }
     3139
     3140        #access li.current_page_item a,
     3141        #access li.current-menu-item a,
     3142        #access li.current_page_parent a {
     3143                background-image: none;
     3144        }
     3145
     3146        #access li:hover > a,
     3147        #access .sub-menu li a:hover {
     3148                /* Needed to override earlier importants */
     3149                color: #0b5f7b !important;
     3150                background-color: transparent !important;
     3151                text-shadow: none;
     3152        }
     3153
     3154        .single .wc-back-link {
     3155                margin-bottom: 25px;
     3156        }
     3157
     3158        .single .entry-meta ul li {
     3159                float: none;
     3160                width: 100%;
     3161        }
     3162        .single .entry-meta li.wc-single-avatar,
     3163        .single .entry-meta li.wc-single-search {
     3164                display: none;
     3165        }
     3166}
     3167
     3168@media screen and (max-width: 450px) {
     3169        .single-wordcamp .wc-banner {
     3170                border: none;
     3171        }
     3172        .single-wordcamp .wc-single-website,
     3173        .single-wordcamp .wc-single-info {
     3174                float: none;
     3175                width: 100%;
     3176        }
     3177
     3178        .wc-single-past {
     3179                padding-left: 25px;
     3180                padding-right: 25px;
     3181        }
     3182
     3183        #comments .commentmetadata {
     3184                position: static;
     3185        }
     3186        #comments #respond .comment-form-author,
     3187        #comments #respond .comment-form-email,
     3188        #comments #respond .comment-form-url {
     3189                width: 100%;
     3190                float: none;
     3191                margin-right: 0;
     3192                margin-bottom: 0;
     3193        }
     3194        #comments #respond .comment-form-comment {
     3195                padding-top: 0;
     3196        }
     3197        #respond .form-allowed-tags {
     3198                padding-right: 0;
     3199        }
     3200        #respond .form-submit {
     3201                float: none;
     3202                margin: 0;
     3203        }
     3204}
     3205
     3206@media screen and (max-width: 400px) {
     3207        #site-title a {
     3208                background-size: contain;
     3209                width: 94%;
     3210                margin: 0 auto;
     3211        }
     3212
     3213        .wc-hero-actions {
     3214                text-align: center;
     3215        }
     3216
     3217        .wc-hero-actions .wc-primary-button {
     3218                display: block;
     3219        }
     3220        /* Remove the slider from smallest sizes. */
     3221        #wc-hero-panel .wc-hero-image {
     3222                display: none;
     3223        }
     3224}

  • tag.php

     
    3030
    3131                </div><!-- #content -->
    3232
    33                 <?php get_sidebar(); ?>
    34 
    3533        </div><!-- #container -->
    3634
     35        <?php get_sidebar(); ?>
     36
    3737<?php get_footer(); ?>