WordPress.org
Get WordPress

Making WordPress.org

Changeset 591


Ignore:
Timestamp:
05/02/2014 09:43:28 PM (11 years ago)
Author:
coffee2code
Message:

Code Reference: Various template and style improvements. props nicolealleyinteractivecom

  • Add plugin and theme handbook templates
  • Refactor templates
  • Refactor SCSS/CSS
  • SCSS/CSS cleanups
Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
10 added
8 edited
4 moved

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/archive.php

    r571 r591  
    1111get_header(); ?>
    1212
    13 <div class="<?php body_class( 'pagebody' ) ?>">
    14     <div class="site-main">
    15         <header class="page-header">
    16             <?php breadcrumb_trail(); ?>
    17         </header><!-- .page-header -->
     13    <div id="content-area">
    1814
    19         <?php if ( have_posts() ) : ?>
     15        <?php breadcrumb_trail(); ?>
     16
     17        <main id="main" class="site-main" role="main">
     18
     19            <?php if ( have_posts() ) : ?>
    2020
    2121
    22             <?php /* Start the Loop */ ?>
    23             <?php while ( have_posts() ) : the_post(); ?>
     22                <?php /* Start the Loop */ ?>
     23                <?php while ( have_posts() ) : the_post(); ?>
    2424
    25                 <?php
    26                     /* Include the Post-Format-specific template for the content.
    27                     * If you want to override this in a child theme, then include a file
    28                     * called content-___.php (where ___ is the Post Format name) and that will be used instead.
    29                     */
    30                     get_template_part( 'content', get_template_part_name() );
    31                 ?>
     25                    <?php
     26                        /* Include the Post-Format-specific template for the content.
     27                        * If you want to override this in a child theme, then include a file
     28                        * called content-___.php (where ___ is the Post Format name) and that will be used instead.
     29                        */
     30                        get_template_part( 'content', 'reference' );
     31                    ?>
    3232
    33             <?php endwhile; ?>
     33                <?php endwhile; ?>
    3434
    35             <?php //wporg_developer_paging_nav(); ?>
     35                <?php //wporg_developer_paging_nav(); ?>
    3636
    37         <?php else : ?>
     37            <?php else : ?>
    3838
    39             <?php get_template_part( 'content', 'none' ); ?>
     39                <?php get_template_part( 'content', 'none' ); ?>
    4040
    41         <?php endif; ?>
    42         <?php loop_pagination(); ?>
    43 
    44     </div>
    45     <!-- /site-main -->
    46 </div><!-- /pagebody -->
     41            <?php endif; ?>
     42            <?php loop_pagination(); ?>
     43        </main>
     44        <!-- /wrapper -->
     45    </div><!-- /pagebody -->
    4746
    4847<?php get_footer(); ?>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/content-reference.php

    r570 r591  
    4242    </section>
    4343    -->
    44    
     44
    4545    <?php if ( $params = get_params() ) : ?>
    4646    <hr/>
    … …  
    7272    </section>
    7373    <?php endif; ?>
    74    
     74
    7575    <?php if ( $arguments = get_arguments() ) : //todo: output arg data ?>
    7676    <hr/>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/footer.php

    r554 r591  
    88 */
    99?>
    10 
    1110    </div><!-- #content -->
    1211

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php

    r566 r591  
    4040
    4141add_action( 'init', __NAMESPACE__ . '\\init' );
    42 
     42add_filter( 'handbook_post_types', __NAMESPACE__ . '\\filter_handbook_post_types' );
    4343
    4444function init() {
    … …  
    5858}
    5959
     60/**
     61* handbook post_type filter function
     62*/
     63function filter_handbook_post_types( $types ) {
     64    return array( 'theme', 'plugin' );
     65}
    6066
    6167/**
    … …  
    246252        ),
    247253        'public'                => true,
     254        // Hierarchical x 2 to enable (.+) rather than ([^/]+) for rewrites.
    248255        'hierarchical'          => true,
    249256        'rewrite'               => array( 'slug' => 'reference/files', 'hierarchical' => true ),
    … …  
    300307    wp_enqueue_style( 'open-sans', '//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' );
    301308    wp_enqueue_style( 'wporg-developer-style', get_stylesheet_uri(), array(), '2' );
    302     wp_enqueue_style( 'wp-dev-sass-compiled', get_template_directory_uri() . '/main.css', array( 'wporg-developer-style' ), '20140425' );
     309    wp_enqueue_style( 'wp-dev-sass-compiled', get_template_directory_uri() . '/stylesheets/main.css', array( 'wporg-developer-style' ), '20140425' );
    303310    wp_enqueue_script( 'wporg-developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true );
    304311    wp_enqueue_script( 'wporg-developer-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php

    r569 r591  
    280280            case 'reference':
    281281                return 'Code Reference';
     282            case 'theme-handbook':
     283                return 'Theme Handbook';
     284            case 'plugin-handbook':
     285                return 'Plugin Handbook';
    282286            default:
    283287                return 'Developer Resources';
    284288        }
    285     }
    286     /**
    287      * Get template part name
    288      *
    289      * @return string
    290      */
    291     function get_template_part_name( $post_type = null ) {
    292         if ( empty( $post_type ) ) {
    293             $post_type = get_post_type();
    294         }
    295 
    296         $reference = array( 'wp-parser-class', 'wp-parser-function', 'wp-parser-method' );
    297         if ( in_array( $post_type, $reference ) ) {
    298             $part = 'reference';
    299         } else {
    300             $part = $post_type;
    301         }
    302 
    303         return $part;
    304289    }
    305290
    … …  
    374359        if ( $args ) {
    375360            foreach ( $args as $arg ) {
    376                 $arg_string = '';   
     361                $arg_string = '';
    377362                if ( ! empty( $arg['name'] ) && ! empty( $types[ $arg['name'] ] ) ) {
    378363                    $arg_string .= ' <span class="arg-type">' . $types[ $arg['name'] ] . '</span>';
    379364                }
    380    
     365
    381366                if ( ! empty( $arg['name'] ) ) {
    382367                    $arg_string .= '&nbsp;<span class="arg-name">' . $arg['name'] . '</span>&nbsp;';
    383368                }
    384    
     369
    385370                if ( is_array( $arg ) && array_key_exists( 'default', $arg ) ) {
    386    
     371
    387372                    if ( is_null( $arg['default'] ) ) {
    388373                        $arg['default'] = 'null';
    389374                    }
    390    
     375
    391376                    $arg_string .= '=&nbsp;<span class="arg-default">' . $arg['default'] . "</span>";
    392377                }
    393    
     378
    394379                $args_strings[] = $arg_string;
    395380            }
    … …  
    420405        $args = get_post_meta( $post_id, '_wp-parser_args', true );
    421406        $tags = get_post_meta( $post_id, '_wp-parser_tags', true );
    422        
     407
    423408        if ( $tags ) {
    424409            foreach ( $tags as $tag ) {
    … …  
    438423            }
    439424        }
    440        
     425
    441426        if ( $args ) {
    442427            foreach ( $args as $arg ) {
    … …  
    444429                    $params[ $arg['name'] ]['default'] = $arg['default'];
    445430                }
    446    
    447             }
    448         }
    449        
     431
     432            }
     433        }
     434
    450435        return $params;
    451436    }
    … …  
    465450        $arguments = array();
    466451        $args = get_post_meta( $post_id, '_wp-parser_args', true );
    467        
     452
    468453        if ( $args ) {
    469454            foreach ( $args as $arg ) {
    … …  
    473458            }
    474459        }
    475        
     460
    476461        return $arguments;
    477462    }
    … …  
    562547
    563548    /**
    564      * Compare two objects by name for sorting.
     549     * Compare two objects by name for sorting.
    565550     *
    566551     * @param WP_Post $a Post A

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

    r572 r591  
    1 $header-font: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    2 $body-font: "Helvetica Neue",Helvetica,Arial,sans-serif;
    3 $code-font: monospace;
    4 $serif-font: Georgia,​Times,​serif;
    5 
    6 /* =Reset
    7 -------------------------------------------------------------- */
    8 
    9 html, body, div, span, applet, object, iframe,
    10 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    11 a, abbr, acronym, address, big, cite, code,
    12 del, dfn, em, font, ins, kbd, q, s, samp,
    13 small, strike, strong, sub, sup, tt, var,
    14 dl, dt, dd, ol, ul, li,
    15 fieldset, form, label, legend,
    16 table, caption, tbody, tfoot, thead, tr, th, td {
    17     border: 0;
    18     font-family: inherit;
    19     font-size: 100%;
    20     font-style: inherit;
    21     font-weight: inherit;
    22     margin: 0;
    23     outline: 0;
    24     padding: 0;
    25     vertical-align: baseline;
    26 }
    27 html {
    28     font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    29     overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    30     -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    31     -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    32 }
    33 
    34 body {
    35     background: #fff;
    36 }
    37 article,
    38 aside,
    39 details,
    40 figcaption,
    41 figure,
    42 footer,
    43 header,
    44 main,
    45 nav,
    46 section {
    47     display: block;
    48 }
    49 ol, ul {
    50     list-style: none;
    51 }
    52 table { /* tables still need 'cellspacing="0"' in the markup */
    53     border-collapse: separate;
    54     border-spacing: 0;
    55 }
    56 caption, th, td {
    57     font-weight: normal;
    58     text-align: left;
    59 }
    60 blockquote:before, blockquote:after,
    61 q:before, q:after {
    62     content: "";
    63 }
    64 blockquote, q {
    65     quotes: "" "";
    66 }
    67 a:focus {
    68     outline: thin dotted;
    69 }
    70 a:hover,
    71 a:active {
    72     outline: 0;
    73 }
    74 a img {
    75     border: 0;
    76 }
    77 
    78 
    79 /* =Global
    80 ----------------------------------------------- */
    81 
    82 body,
    83 button,
    84 input,
    85 select,
    86 textarea {
    87     color: #404040;
    88     font-family: $body-font;
    89     font-size: 16px;
    90     font-size: 1.6rem;
    91     line-height: 1.5;
    92 }
    93 
    94 
    95 
    96 
    97 /*
    98 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    99 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    100 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    101 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    102 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    103 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    104 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    105 */
    106 
    107 #page {
     1@import "reset";
     2@import "global";
     3
     4.devhub-wrap {
    1085    padding-bottom: 1.5em;
    109 }
    110 //Global Fonts
    111 .devhub-wrap {
    112     /*
    113     *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    114     *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    115     *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    116     *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    117     *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    118     */
    119 
    120     /* Headings */
    121     h1, h2, h3, h4, h5, h6 {
    122         clear: both;
    123     }
    124     hr {
    125         background-color: #dfdfdf;
    126         border: 0;
    127         height: 1px;
    128         margin: 1.5em 0;
    129     }
    130 
    131     /* Text elements */
    132     p {
    133         margin-bottom: 1.5em;
    134     }
    135     ul, ol {
    136         margin: 0 0 1.5em 3em;
    137     }
    138     ul {
    139         list-style: disc;
    140     }
    141     ol {
    142         list-style: decimal;
    143     }
    144     li > ul,
    145     li > ol {
    146         margin-bottom: 0;
    147         margin-left: 1.5em;
    148     }
    149     dt {
    150         font-weight: bold;
    151     }
    152     dd {
    153         margin: 0 1.5em 1.5em;
    154     }
    155     b, strong {
    156         font-weight: bold;
    157     }
    158     dfn, cite, em, i {
    159         font-style: italic;
    160     }
    161     blockquote {
    162         margin: 0 1.5em;
    163     }
    164     address {
    165         margin: 0 0 1.5em;
    166     }
    167     pre {
    168         background: #eee;
    169         font-family: "Courier 10 Pitch", Courier, monospace;
    170         font-size: 15px;
    171         font-size: 1.5rem;
    172         line-height: 1.6;
    173         margin-bottom: 1.6em;
    174         max-width: 100%;
    175         overflow: auto;
    176         padding: 1.6em;
    177     }
    178     code, kbd, tt, var {
    179         font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    180     }
    181     abbr, acronym {
    182         border-bottom: 1px dotted #666;
    183         cursor: help;
    184     }
    185     mark, ins {
    186         background: #fff9c0;
    187         text-decoration: none;
    188     }
    189     sup,
    190     sub {
    191         font-size: 75%;
    192         height: 0;
    193         line-height: 0;
    194         position: relative;
    195         vertical-align: baseline;
    196     }
    197     sup {
    198         bottom: 1ex;
    199     }
    200     sub {
    201         top: .5ex;
    202     }
    203     small {
    204         font-size: 75%;
    205     }
    206     big {
    207         font-size: 125%;
    208     }
    209     figure {
    210         margin: 0;
    211     }
    212     table {
    213         margin: 0 0 1.5em;
    214         width: 100%;
    215     }
    216     th {
    217         font-weight: bold;
    218     }
    219     img {
    220         height: auto; /* Make sure images are scaled correctly. */
    221         max-width: 100%; /* Adhere to container width. */
    222     }
    223     button,
    224     input,
    225     select,
    226     textarea {
    227         font-size: 100%; /* Corrects font size not being inherited in all browsers */
    228         margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    229         vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    230         *vertical-align: middle; /* Improves appearance and consistency in all browsers */
    231     }
     6    *,
     7    *:before,
     8    *:after {
     9      -moz-box-sizing: border-box;
     10      -webkit-box-sizing: border-box;
     11      box-sizing: border-box;
     12    }
     13    #content-area,
     14    .inner-wrap {
     15        margin: 0 auto;
     16        max-width: 60em;
     17    }
     18    .page-header {
     19        margin-top: 1em;
     20    }
     21
     22    a {
     23        color: #21759b;
     24    }
     25
     26    .site-main {
     27        h2,
     28        h3,
     29        h4,
     30        h5,
     31        h6 {
     32            color: #1e1e1e;
     33            font-family: $header-font;
     34        }
     35
     36    }
     37
     38    h2.widget-title,
     39    h3.widget-title {
     40        font-family: $header-font;
     41    }
     42
     43    #headline h2 a {
     44        color: #555;
     45        font-weight: 300;
     46        font-size: 28px;
     47        line-height: 1em;
     48        text-shadow: #fff 0px 1px 0px;
     49        font-family: $header-font;
     50    }
     51
     52    h2 {
     53        font-size: 28px;
     54        font-size: 2.8rem;
     55        line-height: 32px;
     56        line-height: 3.2rem;
     57    }
     58    h3 {
     59        font-size: 22px;
     60        font-size: 2.2rem;
     61        line-height: 26px;
     62        line-height: 2.6rem;
     63    }
     64    h4 {
     65        font-size: 18px;
     66        font-size: 1.8rem;
     67        line-height: 22px;
     68        line-height: 2.2rem;
     69        border-bottom: none;
     70
     71        .dashicons {
     72            font-size: 22px;
     73            font-size: 2.2rem;
     74            line-height: 22px;
     75            line-height: 2.2rem;
     76            height: 22px;
     77            width: 22px;
     78            height: 2.2rem;
     79            width: 2.2rem;
     80        }
     81    }
     82
    23283    a.button,
    23384    button,
    … …  
    23586        line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    23687    }
     88
    23789    a.button,
    23890    button,
    … …  
    252104        height: auto;
    253105        padding: .6em 1.8em;
    254     }
    255     button,
    256     input[type="button"],
    257     input[type="reset"],
    258     input[type="submit"] {
     106        text-decoration: none;
    259107        -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    260     }
    261     a.button:hover,
    262     button:hover,
    263     input[type="button"]:hover,
    264     input[type="reset"]:hover,
    265     input[type="submit"]:hover {
    266         border-color: #ccc #bbb #aaa #bbb;
    267         background: #f0f0f0;
    268     }
    269     a.button:focus,
    270     button:focus,
    271     input[type="button"]:focus,
    272     input[type="reset"]:focus,
    273     input[type="submit"]:focus,
    274     button:active,
    275     input[type="button"]:active,
    276     input[type="reset"]:active,
    277     input[type="submit"]:active {
    278         border-color: #aaa #bbb #bbb #bbb;
    279         background: #f0f0f0;
     108        &:hover {
     109            border-color: #ccc #bbb #aaa #bbb;
     110            background: #f0f0f0;
     111        }
     112        &:focus, &:active {
     113            border-color: #aaa #bbb #bbb #bbb;
     114            background: #f0f0f0;
     115            -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
     116            box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
     117        }
     118        &.shiny-blue {
     119            background-color: #21759b;
     120            background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
     121            background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
     122            background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
     123            background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
     124            background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
     125            background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
     126            border-color: #21759b;
     127            border-bottom-color: #1e6a8d;
     128            -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     129            box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     130            color: #fff;
     131            text-decoration: none;
     132            text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     133            padding: 3px 8px;
     134            &:hover {
     135                background-color: #278ab7;
     136                background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
     137                background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
     138                background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
     139                background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
     140                background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
     141                background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
     142                border-color: #1b607f;
     143                -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     144                box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     145                color: #fff;
     146                text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     147            }
     148        }
    280149    }
    281150    input[type="checkbox"],
    282151    input[type="radio"] {
     152        box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    283153        padding: 0; /* Addresses excess padding in IE8/9 */
    284154    }
    … …  
    303173    input[type="search"],
    304174    textarea {
     175        padding: 3px;
    305176        color: #666;
    306177        border: 1px solid #ccc;
    307178        border-radius: 3px;
    308     }
    309     input[type="text"]:focus,
    310     input[type="email"]:focus,
    311     input[type="url"]:focus,
    312     input[type="password"]:focus,
    313     input[type="search"]:focus,
    314     textarea:focus {
    315         color: #111;
    316     }
    317     input[type="text"],
    318     input[type="email"],
    319     input[type="url"],
    320     input[type="password"],
    321     input[type="search"] {
    322         padding: 3px;
     179        &:focus {
     180            color: #111;
     181        }
    323182    }
    324183    textarea {
    … …  
    327186        vertical-align: top; /* Improves readability and alignment in all browsers */
    328187        width: 98%;
    329     }
    330 
    331 
    332     /* Alignment */
    333     .alignleft {
    334         display: inline;
    335         float: left;
    336         margin-right: 1.5em;
    337     }
    338     .alignright {
    339         display: inline;
    340         float: right;
    341         margin-left: 1.5em;
    342     }
    343     .aligncenter {
    344         clear: both;
    345         display: block;
    346         margin: 0 auto;
    347188    }
    348189
    … …  
    522363
    523364
    524     *,
    525     *:before,
    526     *:after {
    527       -moz-box-sizing: border-box;
    528       -webkit-box-sizing: border-box;
    529       box-sizing: border-box;
    530     }
    531 
    532     .site-main,
    533     .inner-wrap {
    534         margin: 0 auto;
    535         max-width: 60em;
    536     }
    537   .site-main {
    538     padding: 0 10px;
    539   }
    540     .page-header {
    541         margin-top: 1em;
    542     }
    543 
    544     a {
    545         color: #21759b;
    546     }
    547 
    548     .site-main {
    549         h2,
    550         h3,
    551         h4,
    552         h5,
    553         h6 {
    554             color: #1e1e1e;
    555             font-family: $header-font;
    556         }
    557 
    558     }
    559 
    560     h2.widget-title,
    561     h3.widget-title {
    562         font-family: $header-font;
    563     }
    564 
    565     #headline h2 a {
    566         color: #555;
    567         font-weight: 300;
    568         font-size: 28px;
    569         line-height: 1em;
    570         text-shadow: #fff 0px 1px 0px;
    571         font-family: $header-font;
    572     }
    573 
    574     h2 {
    575         font-size: 28px;
    576         font-size: 2.8rem;
    577         line-height: 32px;
    578         line-height: 3.2rem;
    579     }
    580     h3 {
    581         font-size: 22px;
    582         font-size: 2.2rem;
    583         line-height: 26px;
    584         line-height: 2.6rem;
    585     }
    586     h4 {
    587         font-size: 18px;
    588         font-size: 1.8rem;
    589         line-height: 22px;
    590         line-height: 2.2rem;
    591         border-bottom: none;
    592 
    593         .dashicons {
    594             font-size: 22px;
    595             font-size: 2.2rem;
    596             line-height: 22px;
    597             line-height: 2.2rem;
    598             height: 22px;
    599             width: 22px;
    600             height: 2.2rem;
    601             width: 2.2rem;
    602         }
    603     }
    604 
    605 
    606     button,
    607     input,
    608     select,
    609     textarea {
    610         font-size: 100%; /* Corrects font size not being inherited in all browsers */
    611         margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    612         vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    613         *vertical-align: middle; /* Improves appearance and consistency in all browsers */
    614         font-weight: 300;
    615     }
    616     button,
    617     input {
    618         line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    619     }
    620     button,
    621     input[type="button"],
    622     input[type="reset"],
    623     input[type="submit"] {
    624         text-decoration: none;
    625     }
    626     button.shiny-blue,
    627     input[type="button"].shiny-blue,
    628     input[type="reset"].shiny-blue,
    629     input[type="submit"].shiny-blue {
    630         background-color: #21759b;
    631         background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    632         background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    633         background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
    634         background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
    635         background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
    636         background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
    637         border-color: #21759b;
    638         border-bottom-color: #1e6a8d;
    639         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    640         box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    641         color: #fff;
    642         text-decoration: none;
    643         text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    644         padding: 3px 8px;
    645     }
    646     button.shiny-blue:hover,
    647     input[type="button"].shiny-blue:hover,
    648     input[type="reset"].shiny-blue:hover,
    649     input[type="submit"].shiny-blue:hover {
    650         background-color: #278ab7;
    651         background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    652         background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    653         background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
    654         background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
    655         background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
    656         background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
    657         border-color: #1b607f;
    658         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    659         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    660         color: #fff;
    661         text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    662     }
    663     button:focus,
    664     input[type="button"]:focus,
    665     input[type="reset"]:focus,
    666     input[type="submit"]:focus,
    667     button:active,
    668     input[type="button"]:active,
    669     input[type="reset"]:active,
    670     input[type="submit"]:active {
    671         border-color: #0e3950;
    672         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    673         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    674     }
    675     input[type="checkbox"],
    676     input[type="radio"] {
    677         box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    678         padding: 0; /* Addresses excess padding in IE8/9 */
    679     }
    680     input[type="search"] {
    681         -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    682         -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    683         -moz-box-sizing:    content-box;
    684         box-sizing:         content-box;
    685     }
    686     input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    687         -webkit-appearance: none;
    688     }
    689     button::-moz-focus-inner,
    690     input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    691         border: 0;
    692         padding: 0;
    693     }
    694     input[type="text"],
    695     input[type="email"],
    696     input[type="url"],
    697     input[type="password"],
    698     input[type="search"],
    699     textarea {
    700         color: #666;
    701         border: 1px solid #ccc;
    702         border-radius: 3px;
    703     }
    704     input[type="text"]:focus,
    705     input[type="email"]:focus,
    706     input[type="url"]:focus,
    707     input[type="password"]:focus,
    708     input[type="search"]:focus,
    709     textarea:focus {
    710         color: #111;
    711     }
    712     input[type="text"],
    713     input[type="email"],
    714     input[type="url"],
    715     input[type="password"],
    716     input[type="search"] {
    717         padding: 3px;
    718     }
    719     textarea {
    720         overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    721         padding-left: 3px;
    722         vertical-align: top; /* Improves readability and alignment in all browsers */
    723         width: 98%;
    724     }
    725365
    726366    /*
    … …  
    744384            }
    745385
    746             font-size: 13px;
    747             font-size: 1.3rem;
     386            font-size: 14px;
     387            font-size: 1.4rem;
    748388
    749389        }
    … …  
    762402    }
    763403    .breadcrumb-trail {
    764         font-size: 13px;
    765404        margin-top: 1em;
    766405    }
    … …  
    909548    }
    910549
    911     .section .home-primary-content {
    912         max-width: 600px;
    913         max-width: 60rem;
    914         margin: 0 auto;
    915     }
    916 
    917550    .section.light-gray {
    918551        background: #f2f2f2;
    … …  
    932565    }
    933566
     567    .section .home-primary-content {
     568        max-width: 600px;
     569        max-width: 60rem;
     570        margin: 0 auto;
     571    }
    934572
    935573    .box {
    … …  
    940578    }
    941579
    942     .reference-landing .section {
    943         max-width: 700px;
    944         max-width: 70rem;
    945         margin: 0 auto;
    946 
    947         h2,
    948         h3,
    949         h4 {
     580    .reference-landing {
     581        padding: 1em 0;
     582        .section {
     583            max-width: 700px;
     584            max-width: 70rem;
     585            margin: 0 auto;
     586            padding: 1.5em 0;
     587
     588            h2,
     589            h3,
     590            h4 {
     591                margin-bottom: 1em;
     592                color: #404040;
     593            }
     594
     595            h2.widget-title,
     596            h3.widget-title,
     597            h4.widget-title {
     598                margin-bottom: 0;
     599            }
     600            &.search-guide {
     601                padding-bottom: 0;
     602            }
     603            &.section.topic-guide, &.section.new-in-guide  {
     604                padding-top: 0;
     605            }
     606        }
     607        .searchform {
     608            overflow: hidden;
     609            height: auto;
    950610            margin-bottom: 1em;
    951             color: #404040;
    952         }
    953 
    954         h2.widget-title,
    955         h3.widget-title,
    956         h4.widget-title {
    957             margin-bottom: 0;
    958         }
    959     }
    960     .reference-landing .section.search-guide {
    961         padding-bottom: 0;
    962     }
    963     .reference-landing {
    964         .section.topic-guide, .section.new-in-guide  {
    965             padding-top: 0;
    966         }
    967     }
     611            input {
     612                height: 50px;
     613                height: 5rem;
     614                margin-bottom: 1em;
     615                width: 100%;
     616            }
     617            input[type="submit"] {
     618                width: 85px;
     619                width: 8.5rem;
     620                float: left;
     621            }
     622            label {
     623                width: 560px;
     624                width: 56rem;
     625                max-width: 100%;
     626                margin-right: 15px;
     627                display: inline-block;
     628                float: left;
     629                .search-field input[type="text"] {
     630                    width: 100%;
     631                }
     632
     633            }
     634        }
     635    }
     636
    968637    .reference-landing .box,
    969     .sidebar .box {
     638    .sidebar .box,
     639    .sidebar .widget_wporg_handbook_pages {
    970640        padding: 0;
     641        border: 2px solid #cccccc;
     642        background-color: #eeeeee;
     643        ul {
     644            padding: 2em;
     645        }
    971646
    972647
    … …  
    994669    }
    995670
    996     .reference-landing {
    997         padding: 1em 0;
    998     }
    999 
    1000     .reference-landing .section {
    1001         padding: 1.5em 0;
    1002     }
    1003671
    1004672    .no-bullets,
    … …  
    1027695    }
    1028696
    1029     .reference-landing .searchform,
    1030     .reference-landing .searchform input {
    1031         height: 50px;
    1032         height: 5rem;
    1033         margin-bottom: 1em;
    1034         width: 100%;
    1035     }
    1036 
    1037     .reference-landing .searchform label {
    1038         width: 560px;
    1039         width: 56rem;
    1040         max-width: 100%;
    1041         margin-right: 15px;
    1042         display: inline-block;
    1043         float: left;
    1044         .search-field input[type="text"] {
    1045             width: 100%;
    1046         }
    1047     }
    1048 
    1049     .reference-landing .searchform {
    1050         overflow: hidden;
    1051         height: auto;
    1052     }
    1053 
    1054     .reference-landing .searchform input[type="submit"] {
    1055         width: 85px;
    1056         width: 8.5rem;
    1057         float: left;
    1058     }
    1059 
    1060     .view-all-new-in {
    1061         font-style: italic;
    1062     }
    1063697
    1064698    .box.transparent {
    … …  
    1077711        border: 1px solid #d8d8d8;
    1078712        .widget-title {
    1079             color: #666;
     713            color: #666666;
    1080714            background: #d8d8d8;
    1081715            text-transform: uppercase;
    … …  
    1102736        h1 {
    1103737            margin: 24px 0;
    1104             padding-left: 100px;
    1105738            a {
    1106                 margin-left: -100px;
    1107739                color: #24831d;
    1108740                font-family: $code-font;
    1109741                font-size: 20px;
    1110                 .hook-func {
    1111                     color: #888;
    1112                 }
    1113742                .arg-type {
    1114743                    color: #cd2f23;
    … …  
    1157786    }
    1158787
    1159     @media ( max-width: 43em ) {
    1160 
    1161         .section .box,
    1162         .home-primary-content,
    1163         .reference-landing .section {
    1164             float: none;
    1165             width: 100%;
    1166             padding: 1.5em 10%;
    1167             clear: both;
    1168             text-align: center;
    1169             display: block;
    1170         }
    1171         .reference-landing .section .box,
    1172         .sidebar .box {
    1173             padding: 0;
    1174             margin-bottom: 1.5em;
    1175         }
    1176         .home-primary-content .entry-content,
    1177         .reference-landing .section {
    1178             text-align: left;
    1179         }
    1180 
    1181         .horizontal-list li {
    1182             display: block;
    1183             a {
    1184                 border-left: none;
    1185             }
    1186         }
    1187 
    1188         .horizontal-list li:first-child a {
    1189             padding: 0 40px;
    1190             padding: 0 4rem;
    1191         }
    1192 
    1193 
    1194         .reference-landing .searchform input[type="text"],
    1195         .reference-landing .searchform input[type="submit"] {
    1196             width: 100%;
    1197             margin-right: 0;
    1198             margin-bottom: 1em;
    1199             float: none;
    1200             clear: both;
    1201         }
    1202 
    1203     }
    1204 
    1205 
    1206788    /* Comments */
    1207789    .comment-list,
    … …  
    1309891    }
    1310892
     893    /*
     894     * Content
     895     *
     896     */
     897    #content-area.has-sidebar {
     898        float: none;
     899        margin: 0 auto;
     900        width: 60em;
     901    }
     902
     903    .has-sidebar {
     904
     905        main {
     906            float: right;
     907            width: 67%;
     908            margin: 0;
     909            clear: none;
     910            padding: 0 12px;
     911            padding: 0 1.2rem;
     912        }
     913        .widget-area {
     914            float: left;
     915            overflow: hidden;
     916            width: 30%;
     917            margin-left: -55px;
     918            margin: 0;
     919            clear: none;
     920
     921            .widget {
     922                width: 100%;
     923            }
     924        }
     925
     926    }
    1311927}
    1312928
    … …  
    1317933        width: 100%;
    1318934
    1319         .site-main,
     935        #content-area,
    1320936        .inner-wrap {
    1321937            max-width: 100%;
    1322938            padding: 0 1%;
    1323         }
    1324 
     939            .has-sidebar {
     940                width: 100%;
     941            }
     942        }
    1325943    }
    1326944}
    1327945
    1328 
    1329 
    1330 /*
    1331  * Content
    1332  *
    1333  */
    1334 .has-sidebar.content-area {
    1335     float: none;
    1336     margin: 0 auto;
    1337     width: 60em;
    1338 }
    1339 
    1340 .has-sidebar {
    1341 
    1342     .site-main {
    1343         float: right;
    1344         width: 67%;
    1345         margin: 0;
    1346         clear: none;
    1347         padding: 0 12px;
    1348         padding: 0 1.2rem;
    1349     }
    1350     .widget-area {
    1351         float: left;
    1352         overflow: hidden;
    1353         width: 30%;
    1354         margin-left: -55px;
    1355         margin: 0;
    1356         clear: none;
    1357 
    1358         .widget {
    1359             width: 100%;
    1360         }
    1361     }
    1362 
    1363 }
    1364 
    1365 @media ( max-width: 60em ) {
    1366     .has-sidebar.content-area {
    1367         width: 100%;
    1368     }
    1369 }
    1370 
    1371946@media ( max-width: 43em ) {
    1372947
    1373     .has-sidebar {
    1374 
    1375         .site-main {
     948    #content-area.has-sidebar {
     949
     950        main {
    1376951            float: right;
    1377952            width: 96%;
    … …  
    1394969    }
    1395970
     971    .section .box,
     972    .home-primary-content,
     973    .reference-landing .section {
     974        float: none;
     975        width: 100%;
     976        padding: 1.5em 10%;
     977        clear: both;
     978        text-align: center;
     979        display: block;
     980    }
     981    .reference-landing .section .box,
     982    .sidebar .box {
     983        padding: 0;
     984        margin-bottom: 1.5em;
     985    }
     986    .home-primary-content .entry-content,
     987    .reference-landing .section {
     988        text-align: left;
     989    }
     990
     991    .horizontal-list li {
     992        display: block;
     993        a {
     994            border-left: none;
     995        }
     996    }
     997
     998    .horizontal-list li:first-child a {
     999        padding: 0 40px;
     1000        padding: 0 4rem;
     1001    }
     1002
     1003
     1004    .reference-landing .searchform input[type="text"],
     1005    .reference-landing .searchform input[type="submit"] {
     1006        width: 100%;
     1007        margin-right: 0;
     1008        margin-bottom: 1em;
     1009        float: none;
     1010        clear: both;
     1011    }
    13961012}

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/search.php

    r554 r591  
    2020            <?php while ( have_posts() ) : the_post(); ?>
    2121
    22                 <?php get_template_part( 'content', get_template_part_name() ); ?>
     22                <?php get_template_part( 'content' ); ?>
    2323
    2424            <?php endwhile; ?>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/sidebar.php

    r554 r591  
    66 */
    77?>
    8     <div id="secondary" class="widget-area sidebar section" role="complementary">
     8<?php if ( is_active_sidebar( get_post_type() ) ) : ?>
     9    <div id="sidebar" class="widget-area sidebar section" role="complementary">
    910        <?php do_action( 'before_sidebar' ); ?>
    10         <?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>
    11 
    12             <aside id="search" class="box gray widget widget_search">
    13                 <?php get_search_form(); ?>
    14             </aside>
    15 
    16             <aside id="archives" class="box gray widget">
    17                 <h1 class="widget-title"><?php _e( 'Archives', 'wporg' ); ?></h1>
    18                 <ul>
    19                     <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
    20                 </ul>
    21             </aside>
    22 
    23             <aside id="meta" class="box gray widget">
    24                 <h1 class="widget-title"><?php _e( 'Meta', 'wporg' ); ?></h1>
    25                 <ul>
    26                     <?php wp_register(); ?>
    27                     <li><?php wp_loginout(); ?></li>
    28                     <?php wp_meta(); ?>
    29                 </ul>
    30             </aside>
    31 
     11        <?php if ( ! dynamic_sidebar( get_post_type() ) ) : ?>
    3212        <?php endif; // end sidebar widget area ?>
    3313    </div><!-- #secondary -->
     14<?php endif; ?>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-theme-handbook.php

    r572 r591  
    1 <?php
     1<?php namespace DevHub;
    22/**
    33 * The Template for displaying all single posts.
    … …  
    88get_header(); ?>
    99
    10     <div id="primary" class="content-area has-sidebar">
     10    <div id="content-area" class="has-sidebar">
    1111
    12         <header class="page-header">
    13             <h1 class="page-title"><?php _e( 'Handbook', 'wporg' ); ?></h1>
    14         </header><!-- .page-header -->
     12        <?php breadcrumb_trail(); ?>
    1513
    1614        <main id="main" class="site-main" role="main">
    … …  
    1816        <?php while ( have_posts() ) : the_post(); ?>
    1917
    20             <?php get_template_part( 'content', 'single' ); ?>
     18            <?php get_template_part( 'content', 'handbook'); ?>
     19
     20            <?php wporg_developer_post_nav(); ?>
    2121
    2222            <?php

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single.php

    r554 r591  
    88get_header(); ?>
    99
    10     <div id="primary" class="content-area">
     10    <div id="content-area" <?php body_class(); ?>>
     11
     12        <?php breadcrumb_trail(); ?>
    1113
    1214        <main id="main" class="site-main" role="main">
    13         <?php breadcrumb_trail(); ?>
    1415
    1516        <?php while ( have_posts() ) : the_post(); ?>
    1617
    17             <?php get_template_part( 'content', get_template_part_name() ); ?>
     18            <?php get_template_part( 'content', 'reference'); ?>
     19
     20            <?php wporg_developer_post_nav(); ?>
    1821
    1922            <?php
    … …  
    2730
    2831        </main><!-- #main -->
    29         <?php //get_sidebar(); ?>
    3032    </div><!-- #primary -->
    3133<?php get_footer(); ?>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r572 r591  
    6363}
    6464
    65 blockquote:before, blockquote:after,
    66 q:before, q:after {
    67   content: "";
    68 }
    69 
    7065blockquote, q {
    7166  quotes: "" "";
    7267}
     68blockquote:before, blockquote:after, q:before, q:after {
     69  content: "";
     70}
    7371
    7472a:focus {
    7573  outline: thin dotted;
    7674}
    77 
    78 a:hover,
    79 a:active {
     75a:hover, a:active {
    8076  outline: 0;
    8177}
    82 
    8378a img {
    8479  border: 0;
    … …  
    9994}
    10095
    101 /*
    102 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    103 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    104 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    105 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    106 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    107 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    108 *  =========== Devhub Custom ========== Devhub Custom ========== Devhub Custom =====
    109 */
    110 
    111 #page {
     96/* Headings */
     97h1, h2, h3, h4, h5, h6 {
     98  clear: both;
     99}
     100
     101hr {
     102  background-color: #dfdfdf;
     103  border: 0;
     104  height: 1px;
     105  margin: 1.5em 0;
     106}
     107
     108/* Text elements */
     109p {
     110  margin-bottom: 1.5em;
     111}
     112
     113ul, ol {
     114  margin: 0 0 1.5em 3em;
     115}
     116
     117ul {
     118  list-style: disc;
     119}
     120
     121ol {
     122  list-style: decimal;
     123}
     124
     125li > ul,
     126li > ol {
     127  margin-bottom: 0;
     128  margin-left: 1.5em;
     129}
     130
     131dt {
     132  font-weight: bold;
     133}
     134
     135dd {
     136  margin: 0 1.5em 1.5em;
     137}
     138
     139b, strong {
     140  font-weight: bold;
     141}
     142
     143dfn, cite, em, i {
     144  font-style: italic;
     145}
     146
     147blockquote {
     148  margin: 0 1.5em;
     149}
     150
     151address {
     152  margin: 0 0 1.5em;
     153}
     154
     155pre {
     156  background: #eee;
     157  font-family: "Courier 10 Pitch", Courier, monospace;
     158  font-size: 15px;
     159  font-size: 1.5rem;
     160  line-height: 1.6;
     161  margin-bottom: 1.6em;
     162  max-width: 100%;
     163  overflow: auto;
     164  padding: 1.6em;
     165}
     166
     167code, kbd, tt, var {
     168  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
     169}
     170
     171abbr, acronym {
     172  border-bottom: 1px dotted #666;
     173  cursor: help;
     174}
     175
     176mark, ins {
     177  background: #fff9c0;
     178  text-decoration: none;
     179}
     180
     181sup,
     182sub {
     183  font-size: 75%;
     184  height: 0;
     185  line-height: 0;
     186  position: relative;
     187  vertical-align: baseline;
     188}
     189
     190sup {
     191  bottom: 1ex;
     192}
     193
     194sub {
     195  top: .5ex;
     196}
     197
     198small {
     199  font-size: 75%;
     200}
     201
     202big {
     203  font-size: 125%;
     204}
     205
     206figure {
     207  margin: 0;
     208}
     209
     210table {
     211  margin: 0 0 1.5em;
     212  width: 100%;
     213}
     214
     215th {
     216  font-weight: bold;
     217}
     218
     219img {
     220  height: auto;
     221  /* Make sure images are scaled correctly. */
     222  max-width: 100%;
     223  /* Adhere to container width. */
     224}
     225
     226/* Form Elements */
     227button,
     228input,
     229select,
     230textarea {
     231  font-size: 100%;
     232  /* Corrects font size not being inherited in all browsers */
     233  margin: 0;
     234  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
     235  vertical-align: baseline;
     236  /* Improves appearance and consistency in all browsers */
     237  *vertical-align: middle;
     238  /* Improves appearance and consistency in all browsers */
     239  font-weight: 300;
     240}
     241
     242button,
     243input {
     244  line-height: normal;
     245  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
     246}
     247
     248/* Alignment */
     249.alignleft {
     250  display: inline;
     251  float: left;
     252  margin-right: 1.5em;
     253}
     254
     255.alignright {
     256  display: inline;
     257  float: right;
     258  margin-left: 1.5em;
     259}
     260
     261.aligncenter {
     262  clear: both;
     263  display: block;
     264  margin: 0 auto;
     265}
     266
     267.devhub-wrap {
    112268  padding-bottom: 1.5em;
    113 }
    114 .devhub-wrap {
    115   /*
    116   *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    117   *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    118   *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    119   *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    120   *  =========== Port _s defaults ========== Port _s defaults ========== Port _s defaults =====
    121   */
    122   /* Headings */
    123   /* Text elements */
    124   /* Alignment */
    125269  /* Text meant only for screen readers */
    126270  /* Clearing */
    … …  
    147291   */
    148292  /* Comments */
    149 }
    150 .devhub-wrap h1, .devhub-wrap h2, .devhub-wrap h3, .devhub-wrap h4, .devhub-wrap h5, .devhub-wrap h6 {
    151   clear: both;
    152 }
    153 .devhub-wrap hr {
    154   background-color: #dfdfdf;
    155   border: 0;
    156   height: 1px;
    157   margin: 1.5em 0;
    158 }
    159 .devhub-wrap p {
    160   margin-bottom: 1.5em;
    161 }
    162 .devhub-wrap ul, .devhub-wrap ol {
    163   margin: 0 0 1.5em 3em;
    164 }
    165 .devhub-wrap ul {
    166   list-style: disc;
    167 }
    168 .devhub-wrap ol {
    169   list-style: decimal;
    170 }
    171 .devhub-wrap li > ul,
    172 .devhub-wrap li > ol {
    173   margin-bottom: 0;
    174   margin-left: 1.5em;
    175 }
    176 .devhub-wrap dt {
    177   font-weight: bold;
    178 }
    179 .devhub-wrap dd {
    180   margin: 0 1.5em 1.5em;
    181 }
    182 .devhub-wrap b, .devhub-wrap strong {
    183   font-weight: bold;
    184 }
    185 .devhub-wrap dfn, .devhub-wrap cite, .devhub-wrap em, .devhub-wrap i {
    186   font-style: italic;
    187 }
    188 .devhub-wrap blockquote {
    189   margin: 0 1.5em;
    190 }
    191 .devhub-wrap address {
    192   margin: 0 0 1.5em;
    193 }
    194 .devhub-wrap pre {
    195   background: #eee;
    196   font-family: "Courier 10 Pitch", Courier, monospace;
    197   font-size: 15px;
    198   font-size: 1.5rem;
    199   line-height: 1.6;
    200   margin-bottom: 1.6em;
    201   max-width: 100%;
    202   overflow: auto;
    203   padding: 1.6em;
    204 }
    205 .devhub-wrap code, .devhub-wrap kbd, .devhub-wrap tt, .devhub-wrap var {
    206   font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    207 }
    208 .devhub-wrap abbr, .devhub-wrap acronym {
    209   border-bottom: 1px dotted #666;
    210   cursor: help;
    211 }
    212 .devhub-wrap mark, .devhub-wrap ins {
    213   background: #fff9c0;
    214   text-decoration: none;
    215 }
    216 .devhub-wrap sup,
    217 .devhub-wrap sub {
    218   font-size: 75%;
    219   height: 0;
    220   line-height: 0;
    221   position: relative;
    222   vertical-align: baseline;
    223 }
    224 .devhub-wrap sup {
    225   bottom: 1ex;
    226 }
    227 .devhub-wrap sub {
    228   top: .5ex;
    229 }
    230 .devhub-wrap small {
    231   font-size: 75%;
    232 }
    233 .devhub-wrap big {
    234   font-size: 125%;
    235 }
    236 .devhub-wrap figure {
    237   margin: 0;
    238 }
    239 .devhub-wrap table {
    240   margin: 0 0 1.5em;
    241   width: 100%;
    242 }
    243 .devhub-wrap th {
    244   font-weight: bold;
    245 }
    246 .devhub-wrap img {
    247   height: auto;
    248   /* Make sure images are scaled correctly. */
    249   max-width: 100%;
    250   /* Adhere to container width. */
    251 }
    252 .devhub-wrap button,
    253 .devhub-wrap input,
    254 .devhub-wrap select,
    255 .devhub-wrap textarea {
    256   font-size: 100%;
    257   /* Corrects font size not being inherited in all browsers */
    258   margin: 0;
    259   /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    260   vertical-align: baseline;
    261   /* Improves appearance and consistency in all browsers */
    262   *vertical-align: middle;
    263   /* Improves appearance and consistency in all browsers */
     293  /*
     294   * Content
     295   *
     296   */
     297}
     298.devhub-wrap *,
     299.devhub-wrap *:before,
     300.devhub-wrap *:after {
     301  -moz-box-sizing: border-box;
     302  -webkit-box-sizing: border-box;
     303  box-sizing: border-box;
     304}
     305.devhub-wrap #content-area,
     306.devhub-wrap .inner-wrap {
     307  margin: 0 auto;
     308  max-width: 60em;
     309}
     310.devhub-wrap .page-header {
     311  margin-top: 1em;
     312}
     313.devhub-wrap a {
     314  color: #21759b;
     315}
     316.devhub-wrap .site-main h2,
     317.devhub-wrap .site-main h3,
     318.devhub-wrap .site-main h4,
     319.devhub-wrap .site-main h5,
     320.devhub-wrap .site-main h6 {
     321  color: #1e1e1e;
     322  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
     323}
     324.devhub-wrap h2.widget-title,
     325.devhub-wrap h3.widget-title {
     326  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
     327}
     328.devhub-wrap #headline h2 a {
     329  color: #555;
     330  font-weight: 300;
     331  font-size: 28px;
     332  line-height: 1em;
     333  text-shadow: #fff 0px 1px 0px;
     334  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
     335}
     336.devhub-wrap h2 {
     337  font-size: 28px;
     338  font-size: 2.8rem;
     339  line-height: 32px;
     340  line-height: 3.2rem;
     341}
     342.devhub-wrap h3 {
     343  font-size: 22px;
     344  font-size: 2.2rem;
     345  line-height: 26px;
     346  line-height: 2.6rem;
     347}
     348.devhub-wrap h4 {
     349  font-size: 18px;
     350  font-size: 1.8rem;
     351  line-height: 22px;
     352  line-height: 2.2rem;
     353  border-bottom: none;
     354}
     355.devhub-wrap h4 .dashicons {
     356  font-size: 22px;
     357  font-size: 2.2rem;
     358  line-height: 22px;
     359  line-height: 2.2rem;
     360  height: 22px;
     361  width: 22px;
     362  height: 2.2rem;
     363  width: 2.2rem;
    264364}
    265365.devhub-wrap a.button,
    … …  
    287387  height: auto;
    288388  padding: .6em 1.8em;
    289 }
    290 .devhub-wrap button,
    291 .devhub-wrap input[type="button"],
    292 .devhub-wrap input[type="reset"],
    293 .devhub-wrap input[type="submit"] {
     389  text-decoration: none;
    294390  -webkit-appearance: button;
    295391  /* Corrects inability to style clickable 'input' types in iOS */
    … …  
    303399  background: #f0f0f0;
    304400}
    305 .devhub-wrap a.button:focus,
     401.devhub-wrap a.button:focus, .devhub-wrap a.button:active,
    306402.devhub-wrap button:focus,
     403.devhub-wrap button:active,
    307404.devhub-wrap input[type="button"]:focus,
     405.devhub-wrap input[type="button"]:active,
    308406.devhub-wrap input[type="reset"]:focus,
     407.devhub-wrap input[type="reset"]:active,
    309408.devhub-wrap input[type="submit"]:focus,
    310 .devhub-wrap button:active,
    311 .devhub-wrap input[type="button"]:active,
    312 .devhub-wrap input[type="reset"]:active,
    313409.devhub-wrap input[type="submit"]:active {
    314410  border-color: #aaa #bbb #bbb #bbb;
    315411  background: #f0f0f0;
     412  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
     413  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
     414}
     415.devhub-wrap a.button.shiny-blue,
     416.devhub-wrap button.shiny-blue,
     417.devhub-wrap input[type="button"].shiny-blue,
     418.devhub-wrap input[type="reset"].shiny-blue,
     419.devhub-wrap input[type="submit"].shiny-blue {
     420  background-color: #21759b;
     421  background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
     422  background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
     423  background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
     424  background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
     425  background-image: -o-linear-gradient(top, #2a95c5, #21759b);
     426  background-image: linear-gradient(to bottom, #2a95c5, #21759b);
     427  border-color: #21759b;
     428  border-bottom-color: #1e6a8d;
     429  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
     430  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
     431  color: #fff;
     432  text-decoration: none;
     433  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
     434  padding: 3px 8px;
     435}
     436.devhub-wrap a.button.shiny-blue:hover,
     437.devhub-wrap button.shiny-blue:hover,
     438.devhub-wrap input[type="button"].shiny-blue:hover,
     439.devhub-wrap input[type="reset"].shiny-blue:hover,
     440.devhub-wrap input[type="submit"].shiny-blue:hover {
     441  background-color: #278ab7;
     442  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
     443  background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
     444  background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
     445  background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
     446  background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
     447  background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
     448  border-color: #1b607f;
     449  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
     450  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
     451  color: #fff;
     452  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    316453}
    317454.devhub-wrap input[type="checkbox"],
    318455.devhub-wrap input[type="radio"] {
     456  box-sizing: border-box;
     457  /* Addresses box sizing set to content-box in IE8/9 */
    319458  padding: 0;
    320459  /* Addresses excess padding in IE8/9 */
    … …  
    344483.devhub-wrap input[type="search"],
    345484.devhub-wrap textarea {
     485  padding: 3px;
    346486  color: #666;
    347487  border: 1px solid #ccc;
    … …  
    356496  color: #111;
    357497}
    358 .devhub-wrap input[type="text"],
    359 .devhub-wrap input[type="email"],
    360 .devhub-wrap input[type="url"],
    361 .devhub-wrap input[type="password"],
    362 .devhub-wrap input[type="search"] {
    363   padding: 3px;
    364 }
    365498.devhub-wrap textarea {
    366499  overflow: auto;
    … …  
    370503  /* Improves readability and alignment in all browsers */
    371504  width: 98%;
    372 }
    373 .devhub-wrap .alignleft {
    374   display: inline;
    375   float: left;
    376   margin-right: 1.5em;
    377 }
    378 .devhub-wrap .alignright {
    379   display: inline;
    380   float: right;
    381   margin-left: 1.5em;
    382 }
    383 .devhub-wrap .aligncenter {
    384   clear: both;
    385   display: block;
    386   margin: 0 auto;
    387505}
    388506.devhub-wrap .screen-reader-text {
    … …  
    517635  display: block;
    518636}
    519 .devhub-wrap *,
    520 .devhub-wrap *:before,
    521 .devhub-wrap *:after {
    522   -moz-box-sizing: border-box;
    523   -webkit-box-sizing: border-box;
    524   box-sizing: border-box;
    525 }
    526 .devhub-wrap .site-main,
    527 .devhub-wrap .inner-wrap {
    528   margin: 0 auto;
    529   max-width: 60em;
    530 }
    531 .devhub-wrap .site-main {
    532   padding: 0 10px;
    533 }
    534 .devhub-wrap .page-header {
    535   margin-top: 1em;
    536 }
    537 .devhub-wrap a {
    538   color: #21759b;
    539 }
    540 .devhub-wrap .site-main h2,
    541 .devhub-wrap .site-main h3,
    542 .devhub-wrap .site-main h4,
    543 .devhub-wrap .site-main h5,
    544 .devhub-wrap .site-main h6 {
    545   color: #1e1e1e;
    546   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    547 }
    548 .devhub-wrap h2.widget-title,
    549 .devhub-wrap h3.widget-title {
    550   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    551 }
    552 .devhub-wrap #headline h2 a {
    553   color: #555;
    554   font-weight: 300;
    555   font-size: 28px;
    556   line-height: 1em;
    557   text-shadow: #fff 0px 1px 0px;
    558   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    559 }
    560 .devhub-wrap h2 {
    561   font-size: 28px;
    562   font-size: 2.8rem;
    563   line-height: 32px;
    564   line-height: 3.2rem;
    565 }
    566 .devhub-wrap h3 {
    567   font-size: 22px;
    568   font-size: 2.2rem;
    569   line-height: 26px;
    570   line-height: 2.6rem;
    571 }
    572 .devhub-wrap h4 {
    573   font-size: 18px;
    574   font-size: 1.8rem;
    575   line-height: 22px;
    576   line-height: 2.2rem;
    577   border-bottom: none;
    578 }
    579 .devhub-wrap h4 .dashicons {
    580   font-size: 22px;
    581   font-size: 2.2rem;
    582   line-height: 22px;
    583   line-height: 2.2rem;
    584   height: 22px;
    585   width: 22px;
    586   height: 2.2rem;
    587   width: 2.2rem;
    588 }
    589 .devhub-wrap button,
    590 .devhub-wrap input,
    591 .devhub-wrap select,
    592 .devhub-wrap textarea {
    593   font-size: 100%;
    594   /* Corrects font size not being inherited in all browsers */
    595   margin: 0;
    596   /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    597   vertical-align: baseline;
    598   /* Improves appearance and consistency in all browsers */
    599   *vertical-align: middle;
    600   /* Improves appearance and consistency in all browsers */
    601   font-weight: 300;
    602 }
    603 .devhub-wrap button,
    604 .devhub-wrap input {
    605   line-height: normal;
    606   /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    607 }
    608 .devhub-wrap button,
    609 .devhub-wrap input[type="button"],
    610 .devhub-wrap input[type="reset"],
    611 .devhub-wrap input[type="submit"] {
    612   text-decoration: none;
    613 }
    614 .devhub-wrap button.shiny-blue,
    615 .devhub-wrap input[type="button"].shiny-blue,
    616 .devhub-wrap input[type="reset"].shiny-blue,
    617 .devhub-wrap input[type="submit"].shiny-blue {
    618   background-color: #21759b;
    619   background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    620   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    621   background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
    622   background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
    623   background-image: -o-linear-gradient(top, #2a95c5, #21759b);
    624   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    625   border-color: #21759b;
    626   border-bottom-color: #1e6a8d;
    627   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    628   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    629   color: #fff;
    630   text-decoration: none;
    631   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    632   padding: 3px 8px;
    633 }
    634 .devhub-wrap button.shiny-blue:hover,
    635 .devhub-wrap input[type="button"].shiny-blue:hover,
    636 .devhub-wrap input[type="reset"].shiny-blue:hover,
    637 .devhub-wrap input[type="submit"].shiny-blue:hover {
    638   background-color: #278ab7;
    639   background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    640   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    641   background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
    642   background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
    643   background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
    644   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    645   border-color: #1b607f;
    646   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    647   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    648   color: #fff;
    649   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    650 }
    651 .devhub-wrap button:focus,
    652 .devhub-wrap input[type="button"]:focus,
    653 .devhub-wrap input[type="reset"]:focus,
    654 .devhub-wrap input[type="submit"]:focus,
    655 .devhub-wrap button:active,
    656 .devhub-wrap input[type="button"]:active,
    657 .devhub-wrap input[type="reset"]:active,
    658 .devhub-wrap input[type="submit"]:active {
    659   border-color: #0e3950;
    660   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
    661   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
    662 }
    663 .devhub-wrap input[type="checkbox"],
    664 .devhub-wrap input[type="radio"] {
    665   box-sizing: border-box;
    666   /* Addresses box sizing set to content-box in IE8/9 */
    667   padding: 0;
    668   /* Addresses excess padding in IE8/9 */
    669 }
    670 .devhub-wrap input[type="search"] {
    671   -webkit-appearance: textfield;
    672   /* Addresses appearance set to searchfield in S5, Chrome */
    673   -webkit-box-sizing: content-box;
    674   /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    675   -moz-box-sizing: content-box;
    676   box-sizing: content-box;
    677 }
    678 .devhub-wrap input[type="search"]::-webkit-search-decoration {
    679   /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    680   -webkit-appearance: none;
    681 }
    682 .devhub-wrap button::-moz-focus-inner,
    683 .devhub-wrap input::-moz-focus-inner {
    684   /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    685   border: 0;
    686   padding: 0;
    687 }
    688 .devhub-wrap input[type="text"],
    689 .devhub-wrap input[type="email"],
    690 .devhub-wrap input[type="url"],
    691 .devhub-wrap input[type="password"],
    692 .devhub-wrap input[type="search"],
    693 .devhub-wrap textarea {
    694   color: #666;
    695   border: 1px solid #ccc;
    696   border-radius: 3px;
    697 }
    698 .devhub-wrap input[type="text"]:focus,
    699 .devhub-wrap input[type="email"]:focus,
    700 .devhub-wrap input[type="url"]:focus,
    701 .devhub-wrap input[type="password"]:focus,
    702 .devhub-wrap input[type="search"]:focus,
    703 .devhub-wrap textarea:focus {
    704   color: #111;
    705 }
    706 .devhub-wrap input[type="text"],
    707 .devhub-wrap input[type="email"],
    708 .devhub-wrap input[type="url"],
    709 .devhub-wrap input[type="password"],
    710 .devhub-wrap input[type="search"] {
    711   padding: 3px;
    712 }
    713 .devhub-wrap textarea {
    714   overflow: auto;
    715   /* Removes default vertical scrollbar in IE6/7/8/9 */
    716   padding-left: 3px;
    717   vertical-align: top;
    718   /* Improves readability and alignment in all browsers */
    719   width: 98%;
    720 }
    721637.devhub-wrap .site-header {
    722638  background: none repeat scroll 0 0 #F7F7F7;
    … …  
    732648}
    733649.devhub-wrap .site-branding .breadcrumb {
    734   font-size: 13px;
    735   font-size: 1.3rem;
     650  font-size: 14px;
     651  font-size: 1.4rem;
    736652}
    737653.devhub-wrap .site-branding .breadcrumb .active {
    738654  font-weight: 600;
    739 }
    740 .devhub-wrap .breadcrumb-trail {
    741   font-size: 13px;
    742   margin-top: 1em;
    743655}
    744656.devhub-wrap .site-branding .site-title {
    … …  
    752664  font-weight: 300;
    753665}
     666.devhub-wrap .breadcrumb-trail {
     667  margin-top: 1em;
     668}
    754669.devhub-wrap h1.entry-title,
    755670.devhub-wrap h1.page-title {
    … …  
    789704  padding: 30px 0;
    790705  padding: 3rem 0;
    791 }
    792 .devhub-wrap .reference-landing .section.search-guide {
    793   padding-bottom: 0;
    794 }
    795 .devhub-wrap .reference-landing .section.topic-guide, .devhub-wrap .reference-landing .section.new-in-guide {
    796   padding-top: 0;
    797706}
    798707.devhub-wrap .section.blue .box {
    … …  
    881790  margin-left: 6.5rem;
    882791}
     792.devhub-wrap .section.light-gray {
     793  background: #f2f2f2;
     794  color: #606060;
     795}
     796.devhub-wrap .section.light-gray .widget-title {
     797  color: #606060;
     798  font-weight: 600;
     799}
     800.devhub-wrap .section.light-gray .widget-title a {
     801  color: #2D96C2;
     802}
     803.devhub-wrap .section.light-gray a {
     804  color: #606060;
     805  text-decoration: none;
     806}
    883807.devhub-wrap .section .home-primary-content {
    884808  max-width: 600px;
    885809  max-width: 60rem;
    886810  margin: 0 auto;
    887 }
    888 .devhub-wrap .section.light-gray {
    889   background: #f2f2f2;
    890   color: #606060;
    891 }
    892 .devhub-wrap .section.light-gray .widget-title {
    893   color: #606060;
    894   font-weight: 600;
    895 }
    896 .devhub-wrap .section.light-gray .widget-title a {
    897   color: #2D96C2;
    898 }
    899 .devhub-wrap .section.light-gray a {
    900   color: #606060;
    901   text-decoration: none;
    902811}
    903812.devhub-wrap .box {
    … …  
    907816  clear: none;
    908817}
     818.devhub-wrap .reference-landing {
     819  padding: 1em 0;
     820}
    909821.devhub-wrap .reference-landing .section {
    910822  max-width: 700px;
    911823  max-width: 70rem;
    912824  margin: 0 auto;
     825  padding: 1.5em 0;
    913826}
    914827.devhub-wrap .reference-landing .section h2,
    … …  
    923836  margin-bottom: 0;
    924837}
    925 .devhub-wrap .reference-landing .box,
    926 .devhub-wrap .sidebar .box {
    927   padding: 0;
    928 }
    929 .devhub-wrap .reference-landing .box .widget-title,
    930 .devhub-wrap .sidebar .box .widget-title {
    931   padding: 10px 30px;
    932   padding: 1rem 30px;
    933   font-size: 16px;
    934   font-size: 1.6rem;
    935 }
    936 .devhub-wrap .reference-landing .box .widget-content,
    937 .devhub-wrap .sidebar .box .widget-content {
    938   padding: 16px 30px;
    939   padding: 1.6rem 3rem;
    940 }
    941 .devhub-wrap .three-columns .box {
    942   width: 31%;
    943   margin: 1.15%;
    944 }
    945 .devhub-wrap .two-columns .box {
    946   width: 48%;
    947   margin: 1%;
    948 }
    949 .devhub-wrap .reference-landing {
    950   padding: 1em 0;
    951 }
    952 .devhub-wrap .reference-landing .section {
    953   padding: 1.5em 0;
    954 }
    955 .devhub-wrap .no-bullets,
    956 .devhub-wrap .sidebar .widget ul {
    957   list-style-type: none;
    958   margin: 0;
    959   padding: 0;
    960 }
    961 .devhub-wrap .horizontal-list {
    962   display: inline;
    963   list-style-type: none;
    964   margin: 0;
    965   padding: 0;
    966 }
    967 .devhub-wrap .horizontal-list li {
    968   display: inline;
    969 }
    970 .devhub-wrap .horizontal-list li a {
    971   padding: 0px 40px;
    972   padding: 0 4rem;
    973   border-left: 1px solid #ccc;
    974 }
    975 .devhub-wrap .horizontal-list li:first-child a {
    976   padding-left: 0;
    977   border-left: none;
    978 }
    979 .devhub-wrap .reference-landing .searchform,
     838.devhub-wrap .reference-landing .section.search-guide {
     839  padding-bottom: 0;
     840}
     841.devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide {
     842  padding-top: 0;
     843}
     844.devhub-wrap .reference-landing .searchform {
     845  overflow: hidden;
     846  height: auto;
     847  margin-bottom: 1em;
     848}
    980849.devhub-wrap .reference-landing .searchform input {
    981850  height: 50px;
    … …  
    983852  margin-bottom: 1em;
    984853  width: 100%;
     854}
     855.devhub-wrap .reference-landing .searchform input[type="submit"] {
     856  width: 85px;
     857  width: 8.5rem;
     858  float: left;
    985859}
    986860.devhub-wrap .reference-landing .searchform label {
    … …  
    995869  width: 100%;
    996870}
    997 .devhub-wrap .reference-landing .searchform {
    998   overflow: hidden;
    999   height: auto;
    1000 }
    1001 .devhub-wrap .reference-landing .searchform input[type="submit"] {
    1002   width: 85px;
    1003   width: 8.5rem;
    1004   float: left;
    1005 }
    1006 .devhub-wrap .view-all-new-in {
    1007   font-style: italic;
     871.devhub-wrap .reference-landing .box,
     872.devhub-wrap .sidebar .box,
     873.devhub-wrap .sidebar .widget_wporg_handbook_pages {
     874  padding: 0;
     875  border: 2px solid #cccccc;
     876  background-color: #eeeeee;
     877}
     878.devhub-wrap .reference-landing .box ul,
     879.devhub-wrap .sidebar .box ul,
     880.devhub-wrap .sidebar .widget_wporg_handbook_pages ul {
     881  padding: 2em;
     882}
     883.devhub-wrap .reference-landing .box .widget-title,
     884.devhub-wrap .sidebar .box .widget-title,
     885.devhub-wrap .sidebar .widget_wporg_handbook_pages .widget-title {
     886  padding: 10px 30px;
     887  padding: 1rem 30px;
     888  font-size: 16px;
     889  font-size: 1.6rem;
     890}
     891.devhub-wrap .reference-landing .box .widget-content,
     892.devhub-wrap .sidebar .box .widget-content,
     893.devhub-wrap .sidebar .widget_wporg_handbook_pages .widget-content {
     894  padding: 16px 30px;
     895  padding: 1.6rem 3rem;
     896}
     897.devhub-wrap .three-columns .box {
     898  width: 31%;
     899  margin: 1.15%;
     900}
     901.devhub-wrap .two-columns .box {
     902  width: 48%;
     903  margin: 1%;
     904}
     905.devhub-wrap .no-bullets,
     906.devhub-wrap .sidebar .widget ul {
     907  list-style-type: none;
     908  margin: 0;
     909  padding: 0;
     910}
     911.devhub-wrap .horizontal-list {
     912  display: inline;
     913  list-style-type: none;
     914  margin: 0;
     915  padding: 0;
     916}
     917.devhub-wrap .horizontal-list li {
     918  display: inline;
     919}
     920.devhub-wrap .horizontal-list li a {
     921  padding: 0px 40px;
     922  padding: 0 4rem;
     923  border-left: 1px solid #ccc;
     924}
     925.devhub-wrap .horizontal-list li:first-child a {
     926  padding-left: 0;
     927  border-left: none;
    1008928}
    1009929.devhub-wrap .box.transparent {
    … …  
    1021941}
    1022942.devhub-wrap .box.gray .widget-title {
    1023   color: #666;
     943  color: #666666;
    1024944  background: #d8d8d8;
    1025945  text-transform: uppercase;
    … …  
    1043963.devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
    1044964  margin: 24px 0;
    1045   padding-left: 100px;
    1046965}
    1047966.devhub-wrap .wp-parser-class h1 a, .devhub-wrap .wp-parser-function h1 a, .devhub-wrap .wp-parser-hook h1 a, .devhub-wrap .wp-parser-method h1 a {
    1048   margin-left: -100px;
    1049967  color: #24831d;
    1050968  font-family: monospace;
    1051969  font-size: 20px;
    1052970}
     971.devhub-wrap .wp-parser-class h1 a .arg-type, .devhub-wrap .wp-parser-function h1 a .arg-type, .devhub-wrap .wp-parser-hook h1 a .arg-type, .devhub-wrap .wp-parser-method h1 a .arg-type {
     972  color: #cd2f23;
     973}
     974.devhub-wrap .wp-parser-class h1 a .arg-name, .devhub-wrap .wp-parser-function h1 a .arg-name, .devhub-wrap .wp-parser-hook h1 a .arg-name, .devhub-wrap .wp-parser-method h1 a .arg-name {
     975  color: #0f55c8;
     976}
     977.devhub-wrap .wp-parser-class h1 a .arg-default, .devhub-wrap .wp-parser-function h1 a .arg-default, .devhub-wrap .wp-parser-hook h1 a .arg-default, .devhub-wrap .wp-parser-method h1 a .arg-default {
     978  color: #000000;
     979}
    1053980.devhub-wrap .wp-parser-class h1 a:hover, .devhub-wrap .wp-parser-function h1 a:hover, .devhub-wrap .wp-parser-hook h1 a:hover, .devhub-wrap .wp-parser-method h1 a:hover {
    1054981  border-bottom: 1px dotted #21759b;
    1055 }
    1056 .devhub-wrap .wp-parser-class h1 a .hook-func, .devhub-wrap .wp-parser-function h1 a .hook-func, .devhub-wrap .wp-parser-hook h1 a .hook-func, .devhub-wrap .wp-parser-method h1 a .hook-func {
    1057   color: #888;
    1058 }
    1059 .devhub-wrap .wp-parser-class h1 a .arg-type, .devhub-wrap .wp-parser-function h1 a .arg-type, .devhub-wrap .wp-parser-hook h1 a .arg-type, .devhub-wrap .wp-parser-method h1 a .arg-type {
    1060   color: #cd2f23;
    1061 }
    1062 .devhub-wrap .wp-parser-class h1 a .arg-name, .devhub-wrap .wp-parser-function h1 a .arg-name, .devhub-wrap .wp-parser-hook h1 a .arg-name, .devhub-wrap .wp-parser-method h1 a .arg-name {
    1063   color: #0f55c8;
    1064 }
    1065 .devhub-wrap .wp-parser-class h1 a .arg-default, .devhub-wrap .wp-parser-function h1 a .arg-default, .devhub-wrap .wp-parser-hook h1 a .arg-default, .devhub-wrap .wp-parser-method h1 a .arg-default {
    1066   color: #000000;
    1067982}
    1068983.devhub-wrap .wp-parser-class h2, .devhub-wrap .wp-parser-function h2, .devhub-wrap .wp-parser-hook h2, .devhub-wrap .wp-parser-method h2 {
    … …  
    1073988  margin-bottom: 0;
    1074989}
    1075 .devhub-wrap .wp-parser-class .parameters dd .desc .type, .devhub-wrap .wp-parser-class .parameters dd .desc .required,
    1076 .devhub-wrap .wp-parser-function .parameters dd .desc .type, .devhub-wrap .wp-parser-function .parameters dd .desc .required,
    1077 .devhub-wrap .wp-parser-hook .parameters dd .desc .type, .devhub-wrap .wp-parser-hook .parameters dd .desc .required,
    1078 .devhub-wrap .wp-parser-method .parameters dd .desc .type, .devhub-wrap .wp-parser-method .parameters dd .desc .required {
     990.devhub-wrap .wp-parser-class .parameters dd .desc .type, .devhub-wrap .wp-parser-class .parameters dd .desc .required, .devhub-wrap .wp-parser-function .parameters dd .desc .type, .devhub-wrap .wp-parser-function .parameters dd .desc .required, .devhub-wrap .wp-parser-hook .parameters dd .desc .type, .devhub-wrap .wp-parser-hook .parameters dd .desc .required, .devhub-wrap .wp-parser-method .parameters dd .desc .type, .devhub-wrap .wp-parser-method .parameters dd .desc .required {
    1079991  font-style: italic;
    1080992}
    … …  
    10921004  font-size: 18px;
    10931005  margin-bottom: 20px;
    1094 }
    1095 @media (max-width: 43em) {
    1096   .devhub-wrap .section .box,
    1097   .devhub-wrap .home-primary-content,
    1098   .devhub-wrap .reference-landing .section {
    1099     float: none;
    1100     width: 100%;
    1101     padding: 1.5em 10%;
    1102     clear: both;
    1103     text-align: center;
    1104     display: block;
    1105   }
    1106   .devhub-wrap .reference-landing .section .box,
    1107   .devhub-wrap .sidebar .box {
    1108     padding: 0;
    1109     margin-bottom: 1.5em;
    1110   }
    1111   .devhub-wrap .home-primary-content .entry-content,
    1112   .devhub-wrap .reference-landing .section {
    1113     text-align: left;
    1114   }
    1115   .devhub-wrap .horizontal-list li {
    1116     display: block;
    1117   }
    1118   .devhub-wrap .horizontal-list li a {
    1119     border-left: none;
    1120   }
    1121   .devhub-wrap .horizontal-list li:first-child a {
    1122     padding: 0 40px;
    1123     padding: 0 4rem;
    1124   }
    1125   .devhub-wrap .reference-landing .searchform input[type="text"],
    1126   .devhub-wrap .reference-landing .searchform input[type="submit"] {
    1127     width: 100%;
    1128     margin-right: 0;
    1129     margin-bottom: 1em;
    1130     float: none;
    1131     clear: both;
    1132   }
    11331006}
    11341007.devhub-wrap .comment-list,
    … …  
    11981071  margin: 0 0 1.5em;
    11991072}
    1200 
    1201 @media (max-width: 60em) {
    1202   .devhub-wrap {
    1203     max-width: 100%;
    1204     width: 100%;
    1205   }
    1206   .devhub-wrap .site-main,
    1207   .devhub-wrap .inner-wrap {
    1208     max-width: 100%;
    1209     padding: 0 1%;
    1210   }
    1211 }
    1212 /*
    1213  * Content
    1214  *
    1215  */
    1216 .has-sidebar.content-area {
     1073.devhub-wrap #content-area.has-sidebar {
    12171074  float: none;
    12181075  margin: 0 auto;
    12191076  width: 60em;
    12201077}
    1221 
    1222 .has-sidebar .site-main {
     1078.devhub-wrap .has-sidebar main {
    12231079  float: right;
    12241080  width: 67%;
    … …  
    12281084  padding: 0 1.2rem;
    12291085}
    1230 .has-sidebar .widget-area {
     1086.devhub-wrap .has-sidebar .widget-area {
    12311087  float: left;
    12321088  overflow: hidden;
    … …  
    12361092  clear: none;
    12371093}
    1238 .has-sidebar .widget-area .widget {
     1094.devhub-wrap .has-sidebar .widget-area .widget {
    12391095  width: 100%;
    12401096}
    12411097
    12421098@media (max-width: 60em) {
    1243   .has-sidebar.content-area {
     1099  .devhub-wrap {
     1100    max-width: 100%;
    12441101    width: 100%;
    12451102  }
     1103  .devhub-wrap #content-area,
     1104  .devhub-wrap .inner-wrap {
     1105    max-width: 100%;
     1106    padding: 0 1%;
     1107  }
     1108  .devhub-wrap #content-area .has-sidebar,
     1109  .devhub-wrap .inner-wrap .has-sidebar {
     1110    width: 100%;
     1111  }
    12461112}
    12471113@media (max-width: 43em) {
    1248   .has-sidebar .site-main {
     1114  #content-area.has-sidebar main {
    12491115    float: right;
    12501116    width: 96%;
    … …  
    12541120    padding: 0 1.2rem;
    12551121  }
    1256   .has-sidebar .widget-area {
     1122  #content-area.has-sidebar .widget-area {
    12571123    float: none;
    12581124    overflow: hidden;
    … …  
    12611127    clear: both;
    12621128  }
    1263   .has-sidebar .widget-area .widget {
     1129  #content-area.has-sidebar .widget-area .widget {
    12641130    width: 100%;
    12651131  }
    1266 }
     1132
     1133  .section .box,
     1134  .home-primary-content,
     1135  .reference-landing .section {
     1136    float: none;
     1137    width: 100%;
     1138    padding: 1.5em 10%;
     1139    clear: both;
     1140    text-align: center;
     1141    display: block;
     1142  }
     1143
     1144  .reference-landing .section .box,
     1145  .sidebar .box {
     1146    padding: 0;
     1147    margin-bottom: 1.5em;
     1148  }
     1149
     1150  .home-primary-content .entry-content,
     1151  .reference-landing .section {
     1152    text-align: left;
     1153  }
     1154
     1155  .horizontal-list li {
     1156    display: block;
     1157  }
     1158  .horizontal-list li a {
     1159    border-left: none;
     1160  }
     1161
     1162  .horizontal-list li:first-child a {
     1163    padding: 0 40px;
     1164    padding: 0 4rem;
     1165  }
     1166
     1167  .reference-landing .searchform input[type="text"],
     1168  .reference-landing .searchform input[type="submit"] {
     1169    width: 100%;
     1170    margin-right: 0;
     1171    margin-bottom: 1em;
     1172    float: none;
     1173    clear: both;
     1174  }
     1175}
Note: See TracChangeset for help on using the changeset viewer.