WordPress.org
Get WordPress

Making WordPress.org

Changeset 591


Ignore:
Timestamp:
05/02/2014 09:43:28 PM (12 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.