WordPress.org

Making WordPress.org

Changeset 848


Ignore:
Timestamp:
09/10/2014 06:41:11 PM (6 years ago)
Author:
iandunn
Message:

Central Theme: Add responsive styles.

Fixes #565
props ryelle

Location:
sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012
Files:
1 added
9 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/archive.php

    r842 r848  
    4242        </div><!-- #content -->
    4343
    44         <?php get_sidebar(); ?>
    45 
    4644    </div><!-- #container -->
    4745
     46    <?php get_sidebar(); ?>
     47
    4848<?php get_footer(); ?>
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/author.php

    r842 r848  
    4747        </div><!-- #content -->
    4848
    49         <?php get_sidebar(); ?>
    50 
    5149    </div><!-- #container -->
    5250
     51    <?php get_sidebar(); ?>
     52
    5353<?php get_footer(); ?>
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/category.php

    r842 r848  
    1 <?php
     1s<?php
    22/**
    33 * Category archives template
     
    3636        </div><!-- #content -->
    3737
    38         <?php get_sidebar(); ?>
    39 
    4038    </div><!-- #container -->
    4139
     40    <?php get_sidebar(); ?>
     41
    4242<?php get_footer(); ?>
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/functions.php

    r842 r848  
    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 );
     
    176177
    177178    /**
     179     * Enqueue scripts and styles.
     180     */
     181    static function enqueue_scripts() {
     182        wp_enqueue_script( 'central-navigation', get_stylesheet_directory_uri() . '/js/navigation.js', array(), '20140909', true );
     183    }
     184
     185    /**
    178186     * Filters excerpt_more.
    179187     */
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/header.php

    r842 r848  
    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    /*
     
    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">
     
    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 -->
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/index.php

    r842 r848  
    2727    </div><!-- #content -->
    2828   
    29     <?php get_sidebar('blog'); ?>
    30    
    3129</div><!-- #container -->
    3230
     31<?php get_sidebar('blog'); ?>
     32
    3333<?php get_footer(); ?>
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/search.php

    r842 r848  
    4242        </div><!-- #content -->
    4343
    44         <?php get_sidebar(); ?>
    45 
    4644    </div><!-- #container -->
    4745
     46    <?php get_sidebar(); ?>
     47
    4848<?php get_footer(); ?>
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/style.css

    r842 r848  
    2222    c. Layout
    2323    d. Buttons
    24     e. Header & Footer
     24    e. Common Elements
     25    f. Header & Footer
    252602. Homepage
    2627    a. Hero Panel
     
    3637    b. Post Format - Link
    373805. 2x retina
     3906. Responsive
    3840
    3941============================================= */
     
    231233}
    232234
     235/* Text meant only for screen readers */
     236.screen-reader-text {
     237    clip: rect(1px, 1px, 1px, 1px);
     238    position: absolute !important;
     239    height: 1px;
     240    width: 1px;
     241    overflow: hidden;
     242    left: 0;
     243}
     244
     245.screen-reader-text:hover,
     246.screen-reader-text:active,
     247.screen-reader-text:focus {
     248    background-color: #f1f1f1;
     249    border-radius: 3px;
     250    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     251    clip: auto !important;
     252    color: #21759b;
     253    display: block;
     254    font-size: 14px;
     255    font-weight: bold;
     256    height: auto;
     257    left: 5px;
     258    line-height: normal;
     259    padding: 15px 23px 14px;
     260    text-decoration: none;
     261    top: 5px;
     262    width: auto;
     263    z-index: 100000; /* Above WP toolbar */
     264}
    233265
    234266/* Widgets */
     
    275307/* ------------------------------------- */
    276308
    277 #main #content {
    278     float: left;
    279    
    280     margin: 0;
     309#content {
    281310    width: 660px;
    282311}
    283312
    284 #main #primary {
    285     float: right;
    286     position: static;
    287    
    288     margin: 0;
    289 }
    290 
     313#primary,
     314#secondary {
     315    position: relative;
     316    z-index: 10; /* Above #content */
     317}
    291318
    292319/* !Widgets */
     
    302329/* !Clear Fix  */
    303330.group:after,
     331.single-wordcamp #content:after,
    304332li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
    305333* html .group,
     
    503531}
    504532
    505 #header #masthead {
     533#masthead {
     534    position: relative;
     535    margin:  auto;
    506536    width: 940px;
    507     margin:  auto;
     537}
     538
     539#site-title {
    508540    position: relative;
    509 }
    510 
    511 #site-title {
    512     margin: 0 0 12px 0
     541    z-index: 10; /* To position above the full-width menu */
     542    margin: 0 0 12px 0;
     543    width: 382px;
    513544}
    514545
     
    516547    margin: 0 0 20px 0
    517548}
    518 
    519549
    520550#site-title a {
     
    530560/* !Main Navigation */
    531561
    532 #header #access {
     562#access {
    533563    background: transparent;
    534564    position: absolute;
    535    
     565
    536566    bottom: -10px;
    537567    right: 0;
    538    
    539     width: 552px;
    540    
     568
    541569    text-shadow: #ecfdff 0 1px;
    542570}
    543571
    544 #access .menu-header {
    545     width: 552px
     572/* Small menu */
     573.menu-toggle {
     574    display: none;
     575    margin: 0 auto 10px;
    546576}
    547577
     
    550580}
    551581
    552 #header #access li a {
     582#access li a {
    553583    font-size: 15px;
    554584    padding-bottom: 20px;
    555585    margin-left: 10px;
    556586}
    557 #header #access li a:hover,
    558 #header #access li:hover a {
     587#access li a:hover,
     588#access li:hover a {
    559589    background: transparent;
    560590    color: #0b5f7b;
    561591}
    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;
     592#access li.current_page_item > a,
     593#access li.current-menu-item > a,
     594#access li.current_page_parent > a {
     595    color: #0b607b !important; /* Override twentyten default */
    567596    background: url('images/menu-indicator.png') no-repeat center 31px;
    568    
    569597    position: relative;
    570598    z-index: 5
    571599}
    572600
    573 
    574601/* !Dropdowns */
    575602
    576603.page-template-template-home-php #access .sub-menu {
    577     background: #e0f5fa;
     604    background: #e0f5fa;
    578605}
    579606
     
    604631}
    605632
    606 #header #access .sub-menu li a {
     633#access .sub-menu li a {
    607634    background: none !important;
    608635   
     
    611638    font-size: 13px;
    612639    line-height: 1.3;
    613     font-weight: 700;
    614640
    615641    padding: 10px 20px;
     
    618644}
    619645
    620 #header #access .sub-menu li a:hover {
    621     color: #fff;
     646#access .sub-menu li a:hover {
     647    color: #fff !important;
    622648    background: #028db9 !important;
    623649    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
     
    13591385.wc-schedule #content .entry-title {
    13601386    background: url('images/icons-large-sprite.png') no-repeat;
    1361     padding: 1px 45px;
     1387    padding: 1px 0 1px 45px;
    13621388    font-size: 34px;
    13631389    font-weight: 600;
     
    16381664.single-wordcamp .wc-banner img {
    16391665    border: 0;
     1666    vertical-align: middle;
    16401667   
    16411668    box-shadow: none;
     
    16751702}
    16761703
    1677 
    1678 
    16791704.single-wordcamp .wc-single-website img {
     1705    display: block;
     1706    margin: 0 auto 5px;
    16801707    border: 7px #fff solid;
    1681    
    1682     width: 205px;
    1683     height: 148px;
    1684    
     1708    box-sizing: border-box;
    16851709    box-shadow: 0px 2px 5px #75888a;
    16861710    -webkit-box-shadow: 0px 2px 5px #75888a;   
     
    19161940#content .post h2.entry-title {
    19171941    margin-bottom: 5px;
    1918     line-height: 1;
     1942    line-height: 1.3;
    19191943    padding-top: 7px;
    19201944    padding-bottom: 4px
     
    20532077/* ------------------------------------- */
    20542078
     2079#content h1.page-title {
     2080    line-height: 1.3;
     2081}
     2082
    20552083.blog #content h1.page-title,
    20562084.archive #content h1.page-title,
    20572085.search #content h1.page-title {
    20582086    font-size: 34px;
    2059     background: url('images/icons-large-sprite.png') no-repeat 0 -64px;
    2060     padding: 0 0 22px 69px;
     2087    padding: 0 0 22px;
    20612088    border-bottom: 1px #ececec solid;
    20622089    margin: 0 -280px 40px 0;
     
    20692096}
    20702097
    2071 .archive #content h1.page-title,
    2072 .search #content h1.page-title {
    2073     background: none;
    2074     padding-left: 0;
     2098.blog #content h1.page-title {
     2099    background: url('images/icons-large-sprite.png') no-repeat 0 -64px;
     2100    padding: 0 0 22px 69px;
    20752101}
    20762102
     
    26332659        background-size: 32px 804px;
    26342660    }
    2635     #header #access li.current_page_item a,
    2636     #header #access li.current-menu-item a,
    2637     #header #access li.current_page_parent a {
     2661    #access li.current_page_item a,
     2662    #access li.current-menu-item a,
     2663    #access li.current_page_parent a {
    26382664        background: url('images/menu-indicator-2x.png') no-repeat center 31px;
    26392665        background-size: 62px 25px;
     
    26732699        background-size: 215px 215px;
    26742700    }
     2701    .blog #content h1.page-title {
     2702        background: url('images/icons-large-sprite-2x.png') no-repeat 0 -64px;
     2703        background-size: 100px 800px;
     2704    }
     2705    .comments-link {
     2706        background: url('images/icon-comments-2x.png') 0 3px no-repeat;
     2707        background-size: 14px 12px;
     2708    }
     2709    .download-link {
     2710        background: url('images/download-icon-2x.png') no-repeat right center;
     2711        background-size: 18px 17px;
     2712    }
     2713    .past-wordcamp-placeholder-thumb {
     2714        background: url('images/past-wordcamp-placeholder-thumb-2x.png') 3px 3px no-repeat;
     2715        background-size: 130px 60px;
     2716    }
     2717    .wc-code-is-poetry {
     2718        background: url(images/code-is-poetry-2x.png) no-repeat;
     2719        background-size: 152px 11px;
     2720    }
     2721    .wc-hero-mailinglist .wc-hero-mailinglist-email {
     2722        background: #fff url('images/icon-email-2x.png') no-repeat 8px 6px;
     2723        background-size: 25px 16px;
     2724    }
     2725    .wc-schedule #content .entry-title {
     2726        background: url('images/icons-large-sprite-2x.png') no-repeat;
     2727        background-size: 100px 800px;
     2728    }
     2729    .wc-schedule .wc-schedule-list li a:hover {
     2730        background: url('images/schedule-hover-arrow-2x.png') no-repeat 615px 20px;
     2731        background-size: 35px 26px;
     2732    }
     2733    .wordcamp-placeholder-thumb {
     2734        background: url('images/wordcamp-placeholder-thumb-2x.png') 3px 3px no-repeat;
     2735        background-size: 82px 37px;
     2736    }
     2737}
     2738
     2739/* !06. Responsive */
     2740/* ============================================= */
     2741@media screen and (max-width: 1024px) {
     2742    #wrapper {
     2743        margin: 20px auto;
     2744        width: 94%;
     2745    }
     2746
     2747    #access,
     2748    #access .menu-header,
     2749    div.menu,
     2750    #colophon,
     2751    #branding,
     2752    #main,
     2753    #footer,
     2754    #masthead {
     2755        margin: 0 auto;
     2756        width: 100%;
     2757    }
     2758
     2759    #footer {
     2760        margin-top: 30px;
     2761    }
     2762
     2763    #branding  {
     2764        overflow:hidden;
     2765    }
     2766
     2767    #content img {
     2768        max-width: 100%;
     2769    }
     2770
     2771    #container {
     2772        float: left;
     2773        margin: 0 -25.5319149% 0 0;
     2774        width: 99%;
     2775    }
     2776
     2777    #content {
     2778        width: 68.5957447%;
     2779        margin: 0 29.787234% 0 20px;
     2780    }
     2781
     2782    #primary,
     2783    #secondary {
     2784        overflow: hidden;
     2785        width: 23.40425535%; /* 200px / 940px */
     2786    }
     2787
     2788    #footer-widget-area .widget-area,
     2789    #site-generator,
     2790    #site-description  {
     2791        width: 23.40425535%; /* 200px / 940px */
     2792    }
     2793
     2794    .single #main #content {
     2795        width: 100%;
     2796    }
     2797
     2798    .single .entry-meta {
     2799        box-sizing: border-box;
     2800        padding-right: 20px;
     2801        width: 30%;
     2802    }
     2803
     2804    .single #content .post,
     2805    .single #content #comments {
     2806        width: 70%;
     2807        margin: 0;
     2808    }
     2809
     2810    .page-template-template-past-wordcamps-php #content {
     2811        width: 100%;
     2812        margin: 0;
     2813    }
     2814
     2815    .page-template-template-past-wordcamps-php #content .wc-schedule-list {
     2816        width: 100%;
     2817        margin: 0 auto;
     2818    }
     2819
     2820    .page-template-template-past-wordcamps-php .wc-schedule-list li {
     2821        box-sizing: border-box;
     2822        margin-right: 0;
     2823        padding-right: 20px;
     2824        width: 50%;
     2825    }
     2826
     2827    .single-wordcamp #main #content {
     2828        width: 100%;
     2829    }
     2830
     2831    .single-wordcamp .wc-banner img {
     2832        height: auto;
     2833    }
     2834
     2835    .single-wordcamp .wc-single-website,
     2836    .single-wordcamp .wc-single-info,
     2837    .single-wordcamp .wc-single-past {
     2838        box-sizing: border-box;
     2839        margin-left: 0;
     2840        margin-bottom: 20px;
     2841        margin-right: 0;
     2842        width: 25%;
     2843    }
     2844
     2845    .single-wordcamp .wc-single-info {
     2846        padding-left: 25px;
     2847        padding-right: 25px;
     2848        width: 50%;
     2849    }
     2850}
     2851
     2852@media screen and (max-width: 950px) {
     2853    #site-title {
     2854        box-sizing: border-box;
     2855        padding-left: 10px;
     2856    }
     2857
     2858    #access {
     2859        position: relative;
     2860        left: auto;
     2861        right:  auto;
     2862        bottom: auto;
     2863        margin-bottom: -10px;
     2864    }
     2865
     2866    #access .menu-header .menu {
     2867        float: none;
     2868    }
     2869
     2870    #wc-hero-panel .wc-hero-wrap {
     2871        margin: 0 auto;
     2872        width: 100%;
     2873    }
     2874
     2875    #wc-hero-panel .wc-hero-intro,
     2876    #wc-hero-panel .wc-hero-image {
     2877        position: relative;
     2878    }
     2879
     2880    #wc-hero-panel .wc-hero-intro {
     2881        margin: 27px 0 50px;
     2882        padding: 0 10em;
     2883        width: 100%;
     2884        box-sizing: border-box;
     2885    }
     2886
     2887    #wc-hero-panel .wc-hero-image {
     2888        margin: 0 auto;
     2889        height: 375px;
     2890    }
     2891
    26752892    .blog #content h1.page-title,
    26762893    .archive #content h1.page-title,
    26772894    .search #content h1.page-title {
    2678         background: url('images/icons-large-sprite-2x.png') no-repeat 0 -64px;
    2679         background-size: 100px 800px;
    2680     }
    2681     .comments-link {
    2682         background: url('images/icon-comments-2x.png') 0 3px no-repeat;
    2683         background-size: 14px 12px;
    2684     }
    2685     .download-link {
    2686         background: url('images/download-icon-2x.png') no-repeat right center;
    2687         background-size: 18px 17px;
    2688     }
    2689     .past-wordcamp-placeholder-thumb {
    2690         background: url('images/past-wordcamp-placeholder-thumb-2x.png') 3px 3px no-repeat;
    2691         background-size: 130px 60px;
    2692     }
     2895        margin-right: 0;
     2896    }
     2897}
     2898
     2899@media screen and (max-width: 768px) {
     2900    #wc-hero-panel .wc-hero-intro {
     2901        padding: 0 2em;
     2902    }
     2903
     2904    .single-wordcamp #content h1.entry-title {
     2905        margin-bottom: 0.3em;
     2906    }
     2907}
     2908
     2909@media screen and (max-width: 660px) {
     2910    #wrapper {
     2911        margin: 5px auto;
     2912        width: 96%;
     2913        padding: 0;
     2914    }
     2915
     2916    #colophon,
     2917    #branding,
     2918    #main,
     2919    #footer,
     2920    #content {
     2921        margin: 0 auto;
     2922        width: 100%;
     2923    }
     2924
     2925    #branding  {
     2926        overflow:hidden;
     2927    }
     2928
     2929    #site-title {
     2930        width: 100%;
     2931    }
     2932
     2933    #container {
     2934        float: left;
     2935        width: 100%;
     2936        margin: 0;
     2937    }
     2938
     2939    .alignleft, img.alignleft,
     2940    #content img.alignleft,
     2941    .alignright, img.alignright,
     2942    #content img.alignright {
     2943        clear: both;
     2944        display: block;
     2945        margin-left: auto;
     2946        margin-right: auto;
     2947        float: none;
     2948    }
     2949
     2950    #primary,
     2951    #secondary {
     2952        float: left;
     2953        overflow: hidden;
     2954        width: 99%;
     2955    }
     2956
     2957    #secondary {
     2958        clear: left;
     2959    }
     2960
    26932961    .wc-code-is-poetry {
    2694         background: url(images/code-is-poetry-2x.png) no-repeat;
    2695         background-size: 152px 11px;
    2696     }
    2697     .wc-hero-mailinglist .wc-hero-mailinglist-email {
    2698         background: #fff url('images/icon-email-2x.png') no-repeat 8px 6px;
    2699         background-size: 25px 16px;
    2700     }
    2701     .wc-schedule #content .entry-title {
    2702         background: url('images/icons-large-sprite-2x.png') no-repeat;
    2703         background-size: 100px 800px;
    2704     }
    2705     .wc-schedule .wc-schedule-list li a:hover {
    2706         background: url('images/schedule-hover-arrow-2x.png') no-repeat 615px 20px;
    2707         background-size: 35px 26px;
    2708     }
    2709     .wordcamp-placeholder-thumb {
    2710         background: url('images/wordcamp-placeholder-thumb-2x.png') 3px 3px no-repeat;
    2711         background-size: 82px 37px;
    2712     }
    2713 }
     2962        margin: 5px auto 10px;
     2963    }
     2964
     2965    #footer .menu-footer,
     2966    .wc-code-is-poetry {
     2967        float: none;
     2968    }
     2969
     2970    #footer .menu-footer ul {
     2971        margin: 10px 0;
     2972        text-align: center;
     2973    }
     2974
     2975    #footer .menu-footer ul li {
     2976        display: inline-block;
     2977        float: none;
     2978        margin: 0 10px;
     2979    }
     2980
     2981    #footer .menu-footer ul li:after {
     2982        content: '';
     2983    }
     2984
     2985    #footer .menu-footer ul a {
     2986        display: inline-block;
     2987        padding: 5px 0;
     2988    }
     2989
     2990    #wc-content-blocks > div {
     2991        float: none;
     2992        padding: 0 0 15px;
     2993        margin: 0 0 15px;
     2994        width: 100%;
     2995    }
     2996
     2997    #wc-content-blocks > div:last-child,
     2998    #wc-content-blocks .last {
     2999        float: none;
     3000    }
     3001
     3002    #wc-content-blocks .more {
     3003        position: relative;
     3004        width: 100%;
     3005    }
     3006
     3007    .blog #main #primary,
     3008    .archive #main #primary,
     3009    .search #main #primary {
     3010        margin-top: 0;
     3011    }
     3012
     3013    .blog #content h1.page-title,
     3014    .archive #content h1.page-title,
     3015    .search #content h1.page-title {
     3016        margin-right: 0;
     3017        margin-bottom: 15px;
     3018        padding-bottom: 0;
     3019        border-bottom: none;
     3020    }
     3021
     3022    .blog #searchform,
     3023    .archive #searchform,
     3024    .search #searchform {
     3025        position: relative;
     3026        top: auto;
     3027        right: auto;
     3028        padding: 0 25px 15px;
     3029        margin: 0 0 15px;
     3030        border-bottom: 1px #ececec solid;
     3031    }
     3032
     3033    .blog #searchform #s,
     3034    .archive #searchform #s,
     3035    .search #searchform #s {
     3036        box-sizing: border-box;
     3037        width: 100%;
     3038    }
     3039
     3040    #main .widget-area ul ul li {
     3041        border-bottom: none;
     3042    }
     3043
     3044    .single #main #content {
     3045        width: 100%;
     3046    }
     3047
     3048    .single .entry-meta,
     3049    .single #content .post,
     3050    .single #content #comments {
     3051        padding-right: 0px;
     3052        width: 100%;
     3053    }
     3054
     3055    .single .entry-meta ul li {
     3056        float: left;
     3057        width: 33%;
     3058    }
     3059
     3060    .single .entry-meta li.wc-single-search {
     3061        clear: both;
     3062        width: 100%;
     3063        margin: 0 0 25px;
     3064    }
     3065
     3066    .single .entry-meta #searchform #s {
     3067        width: 75%;
     3068    }
     3069
     3070    .page-template-template-past-wordcamps-php .wc-schedule-list li {
     3071        padding-right: 0;
     3072        width: 100%;
     3073    }
     3074
     3075    .single-wordcamp .wc-single-website {
     3076        width: 33%;
     3077    }
     3078    .single-wordcamp .wc-single-info {
     3079        width: 67%;
     3080    }
     3081
     3082    .single-wordcamp .wc-single-past {
     3083        float: none;
     3084        clear: both;
     3085        width: 100%;
     3086    }
     3087}
     3088
     3089@media screen and (max-width: 550px) {
     3090    #wc-hero-panel .wc-hero-image {
     3091        width: 100%;
     3092        box-sizing: border-box;
     3093    }
     3094
     3095    #wc-hero-panel .wc-hero-image:after {
     3096        display: none;
     3097    }
     3098
     3099    #wc-hero-panel .wc-hero-image img {
     3100        box-sizing: border-box;
     3101        max-width: 100%;
     3102        height: auto;
     3103    }
     3104
     3105    .single .entry-meta,
     3106    .single #content .post,
     3107    .single #content #comments {
     3108        box-sizing: border-box;
     3109        padding-left: 10px;
     3110        padding-right: 10px;
     3111    }
     3112
     3113    .single-wordcamp .wc-single-map {
     3114        float: none;
     3115        margin: 0 0 10px;
     3116    }
     3117}
     3118
     3119@media screen and (max-width: 500px) {
     3120    #access {
     3121        margin-bottom: 0;
     3122    }
     3123
     3124    #access ul {
     3125        display: none;
     3126    }
     3127
     3128    .menu-toggle,
     3129    #access.toggled ul {
     3130        display: block;
     3131    }
     3132
     3133    #access .menu-header li {
     3134        float: none;
     3135    }
     3136
     3137    #access ul ul.sub-menu {
     3138        position: relative;
     3139        top: 0;
     3140        float: none;
     3141        width: 100%;
     3142        box-shadow: none;
     3143    }
     3144
     3145    #access .menu-header a,
     3146    #access .sub-menu li a {
     3147        margin: 0 0 0 15px;
     3148        padding: 0;
     3149        font-size: 15px;
     3150        line-height: 38px;
     3151    }
     3152
     3153    #access .sub-menu li a {
     3154        /* Needed to override an earlier important */
     3155        margin: 0 0 0 25px !important;
     3156    }
     3157
     3158    #access li.current_page_item a,
     3159    #access li.current-menu-item a,
     3160    #access li.current_page_parent a {
     3161        background-image: none;
     3162    }
     3163
     3164    #access li:hover > a,
     3165    #access .sub-menu li a:hover {
     3166        /* Needed to override earlier important */
     3167        color: #0b5f7b !important;
     3168        background-color: transparent !important;
     3169        text-shadow: none;
     3170    }
     3171
     3172    .single .wc-back-link {
     3173        margin-bottom: 25px;
     3174    }
     3175
     3176    .single .entry-meta ul li {
     3177        float: none;
     3178        width: 100%;
     3179    }
     3180    .single .entry-meta li.wc-single-avatar,
     3181    .single .entry-meta li.wc-single-search {
     3182        display: none;
     3183    }
     3184}
     3185
     3186@media screen and (max-width: 450px) {
     3187    .single-wordcamp .wc-banner {
     3188        border: none;
     3189    }
     3190
     3191    .single-wordcamp .wc-single-website,
     3192    .single-wordcamp .wc-single-info {
     3193        float: none;
     3194        width: 100%;
     3195    }
     3196
     3197    .wc-single-past {
     3198        padding-left: 25px;
     3199        padding-right: 25px;
     3200    }
     3201
     3202    #comments .commentmetadata {
     3203        position: static;
     3204    }
     3205
     3206    #comments #respond .comment-form-author,
     3207    #comments #respond .comment-form-email,
     3208    #comments #respond .comment-form-url {
     3209        width: 100%;
     3210        float: none;
     3211        margin-right: 0;
     3212        margin-bottom: 0;
     3213    }
     3214
     3215    #comments #respond .comment-form-comment {
     3216        padding-top: 0;
     3217    }
     3218
     3219    #respond .form-allowed-tags {
     3220        padding-right: 0;
     3221    }
     3222
     3223    #respond .form-submit {
     3224        float: none;
     3225        margin: 0;
     3226    }
     3227}
     3228
     3229@media screen and (max-width: 400px) {
     3230    #site-title a {
     3231        background-size: contain;
     3232        width: 94%;
     3233        margin: 0 auto;
     3234    }
     3235
     3236    .wc-hero-actions {
     3237        text-align: center;
     3238    }
     3239
     3240    .wc-hero-actions .wc-primary-button {
     3241        display: block;
     3242    }
     3243
     3244    /* Remove the slider from smallest sizes. */
     3245    #wc-hero-panel .wc-hero-image {
     3246        display: none;
     3247    }
     3248}
  • sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/tag.php

    r842 r848  
    3131        </div><!-- #content -->
    3232
    33         <?php get_sidebar(); ?>
    34 
    3533    </div><!-- #container -->
    3634
     35    <?php get_sidebar(); ?>
     36
    3737<?php get_footer(); ?>
Note: See TracChangeset for help on using the changeset viewer.