WordPress.org
Get WordPress

Making WordPress.org

Ticket #493: 493.patch

File 493.patch, 62.3 KB (added by zamfeer, 11 years ago)

a simple solution that places a smaller search form in the header on internal pages

  • searchform.php 

    IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
     
    88<form role="search" method="get" class="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    99        <label>
    1010                <span class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg' ); ?></span>
    11                 <input type="text" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'wporg' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
     11                <input type="text" class="search-field" placeholder="<?php echo esc_attr_x( 'Search reference&hellip;', 'placeholder', 'wporg' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
    1212        </label>
    1313        <input type="submit" class="shiny-blue search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'wporg' ); ?>">
    1414</form>

  • scss/global.scss 

    IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
     
    33$header-font: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    44$body-font: "Helvetica Neue",Helvetica,Arial,sans-serif;
    55$code-font: monospace;
    6 $serif-font: Georgia,​Times,​serif;
     6$serif-font: Georgia,Times,serif;
    77
    88body,
    99button,
     10 No newline at end of file

  • stylesheets/main.css 

    IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
     
    1616  margin: 0;
    1717  outline: 0;
    1818  padding: 0;
    19   vertical-align: baseline;
    20 }
     19  vertical-align: baseline; }
    2120
    2221html {
    2322  font-size: 62.5%;
    … …  
    2726  -webkit-text-size-adjust: 100%;
    2827  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    2928  -ms-text-size-adjust: 100%;
    30   /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    31 }
     29  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }
    3230
    3331body {
    34   background: #fff;
    35 }
     32  background: #fff; }
    3633
    3734article,
    3835aside,
    … …  
    4441main,
    4542nav,
    4643section {
    47   display: block;
    48 }
     44  display: block; }
    4945
    5046ol, ul {
    51   list-style: none;
    52 }
     47  list-style: none; }
    5348
    5449table {
    5550  /* tables still need 'cellspacing="0"' in the markup */
    5651  border-collapse: separate;
    57   border-spacing: 0;
    58 }
     52  border-spacing: 0; }
    5953
    6054caption, th, td {
    6155  font-weight: normal;
    62   text-align: left;
    63 }
     56  text-align: left; }
    6457
    6558blockquote, q {
    66   quotes: "" "";
    67 }
    68 blockquote:before, blockquote:after, q:before, q:after {
    69   content: "";
    70 }
     59  quotes: "" ""; }
     60  blockquote:before, blockquote:after, q:before, q:after {
     61    content: ""; }
    7162
    7263a:focus {
    73   outline: thin dotted;
    74 }
     64  outline: thin dotted; }
    7565a:hover, a:active {
    76   outline: 0;
    77 }
     66  outline: 0; }
    7867a img {
    79   border: 0;
    80 }
     68  border: 0; }
    8169
    8270/* =Global
    8371----------------------------------------------- */
    … …  
    9078  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    9179  font-size: 16px;
    9280  font-size: 1.6rem;
    93   line-height: 1.5;
    94 }
     81  line-height: 1.5; }
    9582
    9683/* Headings */
    9784h1, h2, h3, h4, h5, h6 {
    98   clear: both;
    99 }
     85  clear: both; }
    10086
    10187hr {
    10288  background-color: #dfdfdf;
    10389  border: 0;
    10490  height: 1px;
    105   margin: 1.5em 0;
    106 }
     91  margin: 1.5em 0; }
    10792
    10893/* Text elements */
    10994p {
    110   margin-bottom: 1.5em;
    111 }
     95  margin-bottom: 1.5em; }
    11296
    11397ul, ol {
    114   margin: 0 0 1.5em 3em;
    115 }
     98  margin: 0 0 1.5em 3em; }
    11699
    117100ul {
    118   list-style: disc;
    119 }
     101  list-style: disc; }
    120102
    121103ol {
    122   list-style: decimal;
    123 }
     104  list-style: decimal; }
    124105
    125106li > ul,
    126107li > ol {
    127108  margin-bottom: 0;
    128   margin-left: 1.5em;
    129 }
     109  margin-left: 1.5em; }
    130110
    131111dt {
    132   font-weight: bold;
    133 }
     112  font-weight: bold; }
    134113
    135114dd {
    136   margin: 0 1.5em 1.5em;
    137 }
     115  margin: 0 1.5em 1.5em; }
    138116
    139117b, strong {
    140   font-weight: bold;
    141 }
     118  font-weight: bold; }
    142119
    143120dfn, cite, em, i {
    144   font-style: italic;
    145 }
     121  font-style: italic; }
    146122
    147123blockquote {
    148   margin: 0 1.5em;
    149 }
     124  margin: 0 1.5em; }
    150125
    151126address {
    152   margin: 0 0 1.5em;
    153 }
     127  margin: 0 0 1.5em; }
    154128
    155129pre {
    156130  background: #eee;
    … …  
    161135  margin-bottom: 1.6em;
    162136  max-width: 100%;
    163137  overflow: auto;
    164   padding: 1.6em;
    165 }
     138  padding: 1.6em; }
    166139
    167140code, kbd, tt, var {
    168   font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    169 }
     141  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
    170142
    171143abbr, acronym {
    172144  border-bottom: 1px dotted #666;
    173   cursor: help;
    174 }
     145  cursor: help; }
    175146
    176147mark, ins {
    177148  background: #fff9c0;
    178   text-decoration: none;
    179 }
     149  text-decoration: none; }
    180150
    181151sup,
    182152sub {
    … …  
    184154  height: 0;
    185155  line-height: 0;
    186156  position: relative;
    187   vertical-align: baseline;
    188 }
     157  vertical-align: baseline; }
    189158
    190159sup {
    191   bottom: 1ex;
    192 }
     160  bottom: 1ex; }
    193161
    194162sub {
    195   top: .5ex;
    196 }
     163  top: .5ex; }
    197164
    198165small {
    199   font-size: 75%;
    200 }
     166  font-size: 75%; }
    201167
    202168big {
    203   font-size: 125%;
    204 }
     169  font-size: 125%; }
    205170
    206171figure {
    207   margin: 0;
    208 }
     172  margin: 0; }
    209173
    210174table {
    211175  margin: 0 0 1.5em;
    212   width: 100%;
    213 }
     176  width: 100%; }
    214177
    215178th {
    216   font-weight: bold;
    217 }
     179  font-weight: bold; }
    218180
    219181img {
    220182  height: auto;
    221183  /* Make sure images are scaled correctly. */
    222184  max-width: 100%;
    223   /* Adhere to container width. */
    224 }
     185  /* Adhere to container width. */ }
    225186
    226187/* Form Elements */
    227188button,
    … …  
    236197  /* Improves appearance and consistency in all browsers */
    237198  *vertical-align: middle;
    238199  /* Improves appearance and consistency in all browsers */
    239   font-weight: 300;
    240 }
     200  font-weight: 300; }
    241201
    242202button,
    243203input {
    244204  line-height: normal;
    245   /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    246 }
     205  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ }
    247206
    248207/* Alignment */
    249208.alignleft {
    250209  display: inline;
    251210  float: left;
    252   margin-right: 1.5em;
    253 }
     211  margin-right: 1.5em; }
    254212
    255213.alignright {
    256214  display: inline;
    257215  float: right;
    258   margin-left: 1.5em;
    259 }
     216  margin-left: 1.5em; }
    260217
    261218.aligncenter {
    262219  clear: both;
    263220  display: block;
    264   margin: 0 auto;
    265 }
     221  margin: 0 auto; }
    266222
    267223.devhub-wrap {
    268224  padding-bottom: 1.5em;
    … …  
    293249  /*
    294250   * Content
    295251   *
    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, .devhub-wrap #content-area {
    306   padding: 0 10px;
    307 }
    308 .devhub-wrap #content-area,
    309 .devhub-wrap .inner-wrap {
    310   margin: 0 auto;
    311   max-width: 60em;
    312 }
    313 .devhub-wrap .page-header {
    314   margin-top: 1em;
    315 }
    316 .devhub-wrap a {
    317   color: #21759b;
    318 }
    319 .devhub-wrap .site-main h2,
    320 .devhub-wrap .site-main h3,
    321 .devhub-wrap .site-main h4,
    322 .devhub-wrap .site-main h5,
    323 .devhub-wrap .site-main h6 {
    324   color: #1e1e1e;
    325   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    326 }
    327 .devhub-wrap h2.widget-title,
    328 .devhub-wrap h3.widget-title {
    329   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    330 }
    331 .devhub-wrap #headline h2 a {
    332   color: #555;
    333   font-weight: 300;
    334   font-size: 28px;
    335   line-height: 1em;
    336   text-shadow: #fff 0px 1px 0px;
    337   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    338 }
    339 .devhub-wrap h2 {
    340   font-size: 28px;
    341   font-size: 2.8rem;
    342   line-height: 32px;
    343   line-height: 3.2rem;
    344 }
    345 .devhub-wrap h3 {
    346   font-size: 22px;
    347   font-size: 2.2rem;
    348   line-height: 26px;
    349   line-height: 2.6rem;
    350 }
    351 .devhub-wrap h4 {
    352   font-size: 18px;
    353   font-size: 1.8rem;
    354   line-height: 22px;
    355   line-height: 2.2rem;
    356   border-bottom: none;
    357 }
    358 .devhub-wrap h4 .dashicons {
    359   font-size: 22px;
    360   font-size: 2.2rem;
    361   line-height: 22px;
    362   line-height: 2.2rem;
    363   height: 22px;
    364   width: 22px;
    365   height: 2.2rem;
    366   width: 2.2rem;
    367 }
    368 .devhub-wrap a.button,
    369 .devhub-wrap button,
    370 .devhub-wrap input {
    371   line-height: normal;
    372   /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    373 }
    374 .devhub-wrap a.button,
    375 .devhub-wrap button,
    376 .devhub-wrap input[type="button"],
    377 .devhub-wrap input[type="reset"],
    378 .devhub-wrap input[type="submit"] {
    379   border: 1px solid #ccc;
    380   border-color: #ccc #ccc #bbb #ccc;
    381   border-radius: 3px;
    382   background: #fff;
    383   color: rgba(0, 0, 0, 0.8);
    384   cursor: pointer;
    385   /* Improves usability and consistency of cursor style between image-type 'input' and others */
    386   font-size: 16px;
    387   font-size: 1.6rem;
    388   line-height: 1.1;
    389   float: none;
    390   height: auto;
    391   padding: .6em 1.8em;
    392   text-decoration: none;
    393   -webkit-appearance: button;
    394   /* Corrects inability to style clickable 'input' types in iOS */
    395 }
    396 .devhub-wrap a.button:hover,
    397 .devhub-wrap button:hover,
    398 .devhub-wrap input[type="button"]:hover,
    399 .devhub-wrap input[type="reset"]:hover,
    400 .devhub-wrap input[type="submit"]:hover {
    401   border-color: #ccc #bbb #aaa #bbb;
    402   background: #f0f0f0;
    403 }
    404 .devhub-wrap a.button:focus, .devhub-wrap a.button:active,
    405 .devhub-wrap button:focus,
    406 .devhub-wrap button:active,
    407 .devhub-wrap input[type="button"]:focus,
    408 .devhub-wrap input[type="button"]:active,
    409 .devhub-wrap input[type="reset"]:focus,
    410 .devhub-wrap input[type="reset"]:active,
    411 .devhub-wrap input[type="submit"]:focus,
    412 .devhub-wrap input[type="submit"]:active {
    413   border-color: #aaa #bbb #bbb #bbb;
    414   background: #f0f0f0;
    415   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
    416   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
    417 }
    418 .devhub-wrap a.button.shiny-blue,
    419 .devhub-wrap button.shiny-blue,
    420 .devhub-wrap input[type="button"].shiny-blue,
    421 .devhub-wrap input[type="reset"].shiny-blue,
    422 .devhub-wrap input[type="submit"].shiny-blue {
    423   background-color: #21759b;
    424   background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    425   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    426   background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
    427   background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
    428   background-image: -o-linear-gradient(top, #2a95c5, #21759b);
    429   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    430   border-color: #21759b;
    431   border-bottom-color: #1e6a8d;
    432   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    433   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    434   color: #fff;
    435   text-decoration: none;
    436   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    437   padding: 3px 8px;
    438 }
    439 .devhub-wrap a.button.shiny-blue:hover,
    440 .devhub-wrap button.shiny-blue:hover,
    441 .devhub-wrap input[type="button"].shiny-blue:hover,
    442 .devhub-wrap input[type="reset"].shiny-blue:hover,
    443 .devhub-wrap input[type="submit"].shiny-blue:hover {
    444   background-color: #278ab7;
    445   background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    446   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    447   background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
    448   background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
    449   background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
    450   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    451   border-color: #1b607f;
    452   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    453   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    454   color: #fff;
    455   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    456 }
    457 .devhub-wrap input[type="checkbox"],
    458 .devhub-wrap input[type="radio"] {
    459   box-sizing: border-box;
    460   /* Addresses box sizing set to content-box in IE8/9 */
    461   padding: 0;
    462   /* Addresses excess padding in IE8/9 */
    463 }
    464 .devhub-wrap input[type="search"] {
    465   -webkit-appearance: textfield;
    466   /* Addresses appearance set to searchfield in S5, Chrome */
    467   -webkit-box-sizing: content-box;
    468   /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    469   -moz-box-sizing: content-box;
    470   box-sizing: content-box;
    471 }
    472 .devhub-wrap input[type="search"]::-webkit-search-decoration {
    473   /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    474   -webkit-appearance: none;
    475 }
    476 .devhub-wrap button::-moz-focus-inner,
    477 .devhub-wrap input::-moz-focus-inner {
    478   /* 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/ */
    479   border: 0;
    480   padding: 0;
    481 }
    482 .devhub-wrap input[type="text"],
    483 .devhub-wrap input[type="email"],
    484 .devhub-wrap input[type="url"],
    485 .devhub-wrap input[type="password"],
    486 .devhub-wrap input[type="search"],
    487 .devhub-wrap textarea {
    488   padding: 3px;
    489   color: #666;
    490   border: 1px solid #ccc;
    491   border-radius: 3px;
    492 }
    493 .devhub-wrap input[type="text"]:focus,
    494 .devhub-wrap input[type="email"]:focus,
    495 .devhub-wrap input[type="url"]:focus,
    496 .devhub-wrap input[type="password"]:focus,
    497 .devhub-wrap input[type="search"]:focus,
    498 .devhub-wrap textarea:focus {
    499   color: #111;
    500 }
    501 .devhub-wrap textarea {
    502   overflow: auto;
    503   /* Removes default vertical scrollbar in IE6/7/8/9 */
    504   padding-left: 3px;
    505   vertical-align: top;
    506   /* Improves readability and alignment in all browsers */
    507   width: 98%;
    508 }
    509 .devhub-wrap .screen-reader-text {
    510   clip: rect(1px, 1px, 1px, 1px);
    511   position: absolute !important;
    512 }
    513 .devhub-wrap .screen-reader-text:hover,
    514 .devhub-wrap .screen-reader-text:active,
    515 .devhub-wrap .screen-reader-text:focus {
    516   background-color: #f1f1f1;
    517   border-radius: 3px;
    518   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    519   clip: auto !important;
    520   color: #21759b;
    521   display: block;
    522   font-size: 14px;
    523   font-weight: bold;
    524   height: auto;
    525   left: 5px;
    526   line-height: normal;
    527   padding: 15px 23px 14px;
    528   text-decoration: none;
    529   top: 5px;
    530   width: auto;
    531   z-index: 100000;
    532   /* Above WP toolbar */
    533 }
    534 .devhub-wrap .clear:before,
    535 .devhub-wrap .clear:after,
    536 .devhub-wrap .entry-content:before,
    537 .devhub-wrap .entry-content:after,
    538 .devhub-wrap .comment-content:before,
    539 .devhub-wrap .comment-content:after,
    540 .devhub-wrap .site-header:before,
    541 .devhub-wrap .site-header:after,
    542 .devhub-wrap .site-content:before,
    543 .devhub-wrap .site-content:after,
    544 .devhub-wrap .site-footer:before,
    545 .devhub-wrap .site-footer:after {
    546   content: '';
    547   display: table;
    548 }
    549 .devhub-wrap .clear:after,
    550 .devhub-wrap .entry-content:after,
    551 .devhub-wrap .comment-content:after,
    552 .devhub-wrap .site-header:after,
    553 .devhub-wrap .site-content:after,
    554 .devhub-wrap .site-footer:after {
    555   clear: both;
    556 }
    557 .devhub-wrap .hentry {
    558   margin: 0 0 1.5em;
    559 }
    560 .devhub-wrap .byline,
    561 .devhub-wrap .updated {
    562   display: none;
    563 }
    564 .devhub-wrap .single .byline,
    565 .devhub-wrap .group-blog .byline {
    566   display: inline;
    567 }
    568 .devhub-wrap .page-content,
    569 .devhub-wrap .entry-content,
    570 .devhub-wrap .entry-summary {
    571   margin: 1.5em 0 0;
    572 }
    573 .devhub-wrap .page-links {
    574   clear: both;
    575   margin: 0 0 1.5em;
    576 }
    577 .devhub-wrap .page-content img.wp-smiley,
    578 .devhub-wrap .entry-content img.wp-smiley,
    579 .devhub-wrap .comment-content img.wp-smiley {
    580   border: none;
    581   margin-bottom: 0;
    582   margin-top: 0;
    583   padding: 0;
    584 }
    585 .devhub-wrap .wp-caption {
    586   border: 1px solid #ccc;
    587   margin-bottom: 1.5em;
    588   max-width: 100%;
    589 }
    590 .devhub-wrap .wp-caption img[class*="wp-image-"] {
    591   display: block;
    592   margin: 1.2% auto 0;
    593   max-width: 98%;
    594 }
    595 .devhub-wrap .wp-caption-text {
    596   text-align: center;
    597 }
    598 .devhub-wrap .wp-caption .wp-caption-text {
    599   margin: 0.8075em 0;
    600 }
    601 .devhub-wrap .site-main .gallery {
    602   margin-bottom: 1.5em;
    603 }
    604 .devhub-wrap .site-main .gallery a img {
    605   border: none;
    606   height: auto;
    607   max-width: 90%;
    608 }
    609 .devhub-wrap .site-main .gallery dd {
    610   margin: 0;
    611 }
    612 .devhub-wrap embed,
    613 .devhub-wrap iframe,
    614 .devhub-wrap object {
    615   max-width: 100%;
    616 }
    617 .devhub-wrap .comment-content a {
    618   word-wrap: break-word;
    619 }
    620 .devhub-wrap .bypostauthor {
    621   background: #eee;
    622 }
    623 .devhub-wrap .widget {
    624   margin: 0 0 1.5em;
    625 }
    626 .devhub-wrap .widget select {
    627   max-width: 100%;
    628 }
    629 .devhub-wrap .widget_search .search-submit {
    630   display: none;
    631 }
    632 .devhub-wrap .infinite-scroll .paging-navigation,
    633 .devhub-wrap .infinite-scroll.neverending .site-footer {
    634   /* Theme Footer (when set to scrolling) */
    635   display: none;
    636 }
    637 .devhub-wrap .infinity-end.neverending .site-footer {
    638   display: block;
    639 }
    640 .devhub-wrap .site-header {
    641   background: none repeat scroll 0 0 #F7F7F7;
    642   border-bottom: 1px solid #DFDFDF;
    643   height: 62px;
    644 }
    645 .devhub-wrap .site-branding {
    646   width: 100%;
    647 }
    648 .devhub-wrap .site-branding a {
    649   text-decoration: none;
    650   color: #606060;
    651 }
    652 .devhub-wrap .site-branding .site-title {
    653   color: #555555;
    654   float: left;
    655   font-size: 28px;
    656   line-height: 1em;
    657   padding-left: 9px;
    658   padding-top: 18px;
    659   text-shadow: 0 1px 0 #FFFFFF;
    660   font-weight: 300;
    661 }
    662 .devhub-wrap .breadcrumbs {
    663   font-size: 13px;
    664   font-size: 1.3rem;
    665 }
    666 .devhub-wrap .breadcrumbs .active {
    667   font-weight: 600;
    668 }
    669 .devhub-wrap .breadcrumb-trail {
    670   margin-top: 1em;
    671 }
    672 .devhub-wrap h1.entry-title,
    673 .devhub-wrap h1.page-title {
    674   font-weight: 300;
    675   font-size: 37px;
    676   font-size: 3.7rem;
    677   color: #606060;
    678   text-align: center;
    679 }
    680 .devhub-wrap h1.entry-title a,
    681 .devhub-wrap h1.page-title a {
    682   text-decoration: none;
    683   color: #606060;
    684 }
    685 .devhub-wrap h1.single-entry-title,
    686 .devhub-wrap h2.entry-title {
    687   text-align: left;
    688   font-size: 30px;
    689   font-size: 3rem;
    690   padding: 0 0 24px;
    691   padding: 0 0 2.4rem;
    692 }
    693 .devhub-wrap h1.single-entry-title a,
    694 .devhub-wrap h2.entry-title a {
    695   text-decoration: none;
    696   color: #606060;
    697 }
    698 .devhub-wrap .home-landing .section {
    699   padding: 30px 0%;
    700   padding: 3rem 0%;
    701 }
    702 .devhub-wrap .color.section {
    703   color: #fff;
    704 }
    705 .devhub-wrap .section.blue {
    706   background: #0F3D57;
    707   padding: 30px 0;
    708   padding: 3rem 0;
    709 }
    710 .devhub-wrap .section.blue .box {
    711   text-align: center;
    712 }
    713 .devhub-wrap .section.blue .box .widget-description {
    714   padding: 1em 15%;
    715 }
    716 .devhub-wrap .section.blue .widget-title {
    717   font-size: 62px;
    718   font-size: 6.2rem;
    719   line-height: 78px;
    720   line-height: 7.8rem;
    721 }
    722 .devhub-wrap .section.blue .widget-title .dashicons {
    723   font-size: 84px;
    724   font-size: 8.4rem;
    725   line-height: 84px;
    726   line-height: 8.4rem;
    727   height: 84px;
    728   width: 84px;
    729   height: 8.4rem;
    730   width: 8.4rem;
    731   margin-right: 16px;
    732   margin-right: 1.6rem;
    733 }
    734 .devhub-wrap .section.gray {
    735   background: #797878;
    736   color: #fff;
    737 }
    738 .devhub-wrap .section.gray h2,
    739 .devhub-wrap .section.gray h3,
    740 .devhub-wrap .section.gray h4 {
    741   color: #fff;
    742 }
    743 .devhub-wrap .section.gray .inner-wrap {
    744   max-width: 700px;
    745   max-width: 70rem;
    746   margin: 0 auto;
    747 }
    748 .devhub-wrap .section.gray .inner-wrap .code-ref-left {
    749   float: left;
    750   width: 70%;
    751   clear: none;
    752 }
    753 .devhub-wrap .section.gray .inner-wrap .code-ref-right {
    754   float: left;
    755   width: 30%;
    756   clear: none;
    757 }
    758 .devhub-wrap .section.gray .inner-wrap .go {
    759   float: right;
    760 }
    761 @media (max-width: 43em) {
    762   .devhub-wrap .section.gray .inner-wrap .code-ref-left,
    763   .devhub-wrap .section.gray .inner-wrap .code-ref-right {
    764     float: none;
    765     width: 100%;
    766     padding: 1.5em 10%;
    767     clear: both;
    768     text-align: center;
    769   }
    770   .devhub-wrap .section.gray .inner-wrap .go {
    771     float: none;
    772   }
    773 }
    774 .devhub-wrap .section.gray .widget-title {
    775   font-weight: 300;
    776   font-size: 40px;
    777   font-size: 5rem;
    778   line-height: 50px;
    779   line-height: 5rem;
    780 }
    781 .devhub-wrap .section.gray .widget-title .dashicons {
    782   font-size: 50px;
    783   font-size: 5rem;
    784   line-height: 50px;
    785   line-height: 5rem;
    786   height: 50px;
    787   width: 50px;
    788   height: 5rem;
    789   width: 5rem;
    790 }
    791 .devhub-wrap .section.gray .widget-description {
    792   margin-left: 65px;
    793   margin-left: 6.5rem;
    794 }
    795 .devhub-wrap .section.light-gray {
    796   background: #f2f2f2;
    797   color: #606060;
    798 }
    799 .devhub-wrap .section.light-gray .widget-title {
    800   color: #606060;
    801   font-weight: 600;
    802 }
    803 .devhub-wrap .section.light-gray .widget-title a {
    804   color: #2D96C2;
    805 }
    806 .devhub-wrap .section.light-gray a {
    807   color: #606060;
    808   text-decoration: none;
    809 }
    810 .devhub-wrap .section .home-primary-content {
    811   max-width: 600px;
    812   max-width: 60rem;
    813   margin: 0 auto;
    814 }
    815 .devhub-wrap .box {
    816   padding: 30px;
    817   padding: 3rem;
    818   float: left;
    819   clear: none;
    820 }
    821 .devhub-wrap .reference-landing {
    822   padding: 1em 0;
    823 }
    824 .devhub-wrap .reference-landing .section {
    825   max-width: 700px;
    826   max-width: 70rem;
    827   margin: 0 auto;
    828   padding: 1.5em 0;
    829 }
    830 .devhub-wrap .reference-landing .section h2,
    831 .devhub-wrap .reference-landing .section h3,
    832 .devhub-wrap .reference-landing .section h4 {
    833   margin-bottom: 1em;
    834   color: #404040;
    835 }
    836 .devhub-wrap .reference-landing .section h2.widget-title,
    837 .devhub-wrap .reference-landing .section h3.widget-title,
    838 .devhub-wrap .reference-landing .section h4.widget-title {
    839   margin-bottom: 0;
    840 }
    841 .devhub-wrap .reference-landing .section.search-guide {
    842   padding-bottom: 0;
    843 }
    844 .devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide {
    845   padding-top: 0;
    846 }
    847 .devhub-wrap .reference-landing .searchform {
    848   overflow: hidden;
    849   height: auto;
    850   margin-bottom: 1em;
    851 }
    852 .devhub-wrap .reference-landing .searchform input {
    853   height: 50px;
    854   height: 5rem;
    855   margin-bottom: 1em;
    856   width: 100%;
    857 }
    858 .devhub-wrap .reference-landing .searchform input[type="submit"] {
    859   width: 85px;
    860   width: 8.5rem;
    861   float: left;
    862 }
    863 .devhub-wrap .reference-landing .searchform label {
    864   width: 560px;
    865   width: 56rem;
    866   max-width: 100%;
    867   margin-right: 15px;
    868   display: inline-block;
    869   float: left;
    870 }
    871 .devhub-wrap .reference-landing .searchform label .search-field input[type="text"] {
    872   width: 100%;
    873 }
    874 .devhub-wrap .reference-landing .box,
    875 .devhub-wrap .sidebar .box {
    876   padding: 0;
    877   border: 2px solid #cccccc;
    878   background-color: #eeeeee;
    879 }
    880 .devhub-wrap .reference-landing .box ul,
    881 .devhub-wrap .sidebar .box ul {
    882   padding: 2em;
    883 }
    884 .devhub-wrap .reference-landing .box .widget-title,
    885 .devhub-wrap .sidebar .box .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   padding: 16px 30px;
    894   padding: 1.6rem 3rem;
    895 }
    896 .devhub-wrap #sidebar {
    897   padding: 0;
    898   border: 2px solid #cecece;
    899   background-color: #f4f3f3;
    900 }
    901 .devhub-wrap #sidebar > ul {
    902   padding: 0;
    903   margin: 0;
    904   list-style-type: none;
    905 }
    906 .devhub-wrap #sidebar > ul li h2.widgettitle {
    907   background-color: #cecece;
    908   color: #8a8989;
    909   text-align: center;
    910   text-transform: uppercase;
    911   font-size: 14px;
    912   letter-spacing: 2px;
    913 }
    914 .devhub-wrap #sidebar > ul li ul {
    915   list-style-type: none;
    916   margin-left: 10px;
    917   padding: 15px 0;
    918   counter-reset: item;
    919 }
    920 .devhub-wrap #sidebar > ul li ul li:before {
    921   content: counter(item);
    922   counter-increment: item;
    923   background-color: #cecece;
    924   width: 25px;
    925   display: inline-block;
    926   color: #fff;
    927   margin-right: 10px;
    928   text-align: center;
    929   padding: 3px 0;
    930   font-size: 13px;
    931   border-radius: 50%;
    932 }
    933 .devhub-wrap #sidebar > ul li ul li a {
    934   font-size: 14px;
    935   color: #4b4b4b;
    936   font-weight: bold;
    937 }
    938 .devhub-wrap #sidebar > ul li ul li ul {
    939   list-style-type: none;
    940   padding: 0;
    941   margin-left: 44px;
    942 }
    943 .devhub-wrap #sidebar > ul li ul li ul li:before {
    944   content: none;
    945 }
    946 .devhub-wrap #sidebar > ul li ul li ul li a {
    947   font-weight: normal;
    948 }
    949 .devhub-wrap #sidebar > ul li ul li ul li ul {
    950   margin-left: 20px;
    951 }
    952 .devhub-wrap .reference-landing .box ul {
    953   padding: 0;
    954   overflow: hidden;
    955 }
    956 .devhub-wrap .three-columns .box {
    957   width: 31%;
    958   margin: 1.15%;
    959 }
    960 .devhub-wrap .two-columns .box {
    961   width: 48%;
    962   margin: 1% 1% 1% 0;
    963 }
    964 .devhub-wrap #sidebar,
    965 .devhub-wrap .no-bullets,
    966 .devhub-wrap .sidebar .widget ul {
    967   list-style-type: none;
    968   margin: 0;
    969   padding: 0;
    970 }
    971 .devhub-wrap .horizontal-list {
    972   display: inline;
    973   list-style-type: none;
    974   margin: 0;
    975   padding: 0;
    976 }
    977 .devhub-wrap .horizontal-list li {
    978   display: inline;
    979 }
    980 .devhub-wrap .horizontal-list li a {
    981   padding: 0px 40px;
    982   padding: 0 4rem;
    983   border-left: 1px solid #ccc;
    984 }
    985 .devhub-wrap .horizontal-list li:first-child a {
    986   padding-left: 0;
    987   border-left: none;
    988 }
    989 .devhub-wrap .view-all-new-in {
    990   font-style: italic;
    991 }
    992 .devhub-wrap .box.transparent {
    993   background: none;
    994   color: #fff;
    995 }
    996 .devhub-wrap .box.transparent h2,
    997 .devhub-wrap .box.transparent h3,
    998 .devhub-wrap .box.transparent h4 {
    999   color: #fff;
    1000 }
    1001 .devhub-wrap .box.gray {
    1002   background: #fff;
    1003   border: 1px solid #d8d8d8;
    1004 }
    1005 .devhub-wrap .box.gray .widget-title {
    1006   color: #666666;
    1007   background: #d8d8d8;
    1008   text-transform: uppercase;
    1009 }
    1010 .devhub-wrap .box .unordered-list {
    1011   list-style-type: none;
    1012   padding: 0;
    1013   margin: 0;
    1014   font-size: 13px;
    1015   font-size: 1.3rem;
    1016   line-height: 30px;
    1017   line-height: 3rem;
    1018 }
    1019 .devhub-wrap .widget-description {
    1020   font-style: italic;
    1021   font-weight: 300;
    1022 }
    1023 .devhub-wrap .wp-parser-class, .devhub-wrap .wp-parser-function, .devhub-wrap .wp-parser-hook, .devhub-wrap .wp-parser-method {
    1024   border-bottom: 1px solid #dfdfdf;
    1025 }
    1026 .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
    1027   margin: 24px 0;
    1028   padding-left: 100px;
    1029 }
    1030 .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 {
    1031   margin-left: -100px;
    1032   color: #24831d;
    1033   font-family: monospace;
    1034   font-size: 20px;
    1035 }
    1036 .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 {
    1037   color: #888888;
    1038 }
    1039 .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 {
    1040   color: #cd2f23;
    1041 }
    1042 .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 {
    1043   color: #0f55c8;
    1044 }
    1045 .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 {
    1046   color: #000000;
    1047 }
    1048 .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 {
    1049   border-bottom: 1px dotted #21759b;
    1050 }
    1051 .devhub-wrap .wp-parser-class h2, .devhub-wrap .wp-parser-function h2, .devhub-wrap .wp-parser-hook h2, .devhub-wrap .wp-parser-method h2 {
    1052   font-family: Georgia, ​Times, ​serif;
    1053   margin-bottom: .5em;
    1054 }
    1055 .devhub-wrap .wp-parser-class .parameters p, .devhub-wrap .wp-parser-function .parameters p, .devhub-wrap .wp-parser-hook .parameters p, .devhub-wrap .wp-parser-method .parameters p {
    1056   margin-bottom: 0;
    1057 }
    1058 .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 {
    1059   font-style: italic;
    1060 }
    1061 .devhub-wrap .wp-parser-class .parameters dd .default, .devhub-wrap .wp-parser-function .parameters dd .default, .devhub-wrap .wp-parser-hook .parameters dd .default, .devhub-wrap .wp-parser-method .parameters dd .default {
    1062   font-style: italic;
    1063 }
    1064 .devhub-wrap .wp-parser-class .learn-more, .devhub-wrap .wp-parser-function .learn-more, .devhub-wrap .wp-parser-hook .learn-more, .devhub-wrap .wp-parser-method .learn-more {
    1065   background-color: #f1f1f1;
    1066   border: 1px solid #dfdfdf;
    1067   border-radius: 5px;
    1068   padding: 20px;
    1069 }
    1070 .devhub-wrap .single .wp-parser-class, .devhub-wrap .single .wp-parser-function, .devhub-wrap .single .wp-parser-hook, .devhub-wrap .single .wp-parser-method {
    1071   border-bottom-style: none;
    1072 }
    1073 .devhub-wrap .source-content {
    1074   overflow: auto;
    1075 }
    1076 .devhub-wrap .source-code-links {
    1077   margin-left: 2em;
    1078   margin-top: 1em;
    1079 }
    1080 .devhub-wrap .source-code-links span:first-child {
    1081   display: none;
    1082   border-right: 1px solid #999;
    1083   margin-right: 1em;
    1084   padding-right: 1em;
    1085 }
    1086 .devhub-wrap .source-code-container {
    1087   border-right: 1px solid #dfdfdf;
    1088   overflow-x: auto;
    1089   overflow-y: hidden;
    1090 }
    1091 .devhub-wrap .show-complete-source, .devhub-wrap .less-complete-source {
    1092   display: none;
    1093 }
    1094 .devhub-wrap .loop-pagination {
    1095   text-align: center;
    1096   font-size: 18px;
    1097   margin-bottom: 20px;
    1098 }
    1099 .devhub-wrap .comment-list,
    1100 .devhub-wrap .comment-list ol {
    1101   list-style: none;
    1102   margin: 0 0 1.5em 0;
    1103   padding: 0;
    1104 }
    1105 .devhub-wrap .comment-list li {
    1106   padding: 24px 24px 0 24px;
    1107   padding: 1.5rem 1.5rem 0 1.5rem;
    1108   border: 0 solid #eee;
    1109   border-bottom-width: 1px;
    1110   background: #fff;
    1111 }
    1112 .devhub-wrap .comment-list li {
    1113   padding-top: 0;
    1114 }
    1115 .devhub-wrap .comment-list .avatar {
    1116   float: left;
    1117   width: 2.5em;
    1118   height: 2.5em;
    1119   margin: -0.5em 1em 0.5em 0;
    1120   padding: 0.125em;
    1121   border: 1px solid #eee;
    1122 }
    1123 .devhub-wrap .comment-author-attribution {
    1124   font-weight: bold;
    1125 }
    1126 .devhub-wrap .comment-meta {
    1127   margin: 0 0 1.5em 0;
    1128   font-size: 0.75em;
    1129 }
    1130 .devhub-wrap .comment-content {
    1131   margin-left: 60px;
    1132   margin-left: 3.75rem;
    1133   margin-left: 0;
    1134   clear: both;
    1135 }
    1136 .devhub-wrap .comment-content ol {
    1137   list-style: decimal inside;
    1138   margin: 0 0 1.5em 0;
    1139   border-top: none;
    1140   margin: 0 0 1.5em 1.5em;
    1141   padding: 0;
    1142 }
    1143 .devhub-wrap .comment-content ul {
    1144   list-style: square inside;
    1145   margin: 0 0 1.5em 0;
    1146   border-top: none;
    1147   margin: 0 0 1.5em 1.5em;
    1148   padding: 0;
    1149 }
    1150 .devhub-wrap .comment-content li {
    1151   border: none;
    1152   padding: 0;
    1153 }
    1154 .devhub-wrap #respond {
    1155   overflow: hidden;
    1156 }
    1157 .devhub-wrap .comment-list #respond {
    1158   margin: 1.5em 0 0;
    1159 }
    1160 .devhub-wrap #respond .log-in-out a {
    1161   font-style: italic;
    1162 }
    1163 .devhub-wrap #reply-title small a {
    1164   font-style: italic;
    1165 }
    1166 .devhub-wrap #respond #submit {
    1167   float: left;
    1168   margin: 0 0 1.5em;
    1169 }
    1170 .devhub-wrap #content-area.has-sidebar {
    1171   float: none;
    1172   margin: 0 auto;
    1173   width: 60em;
    1174 }
    1175 .devhub-wrap .has-sidebar main {
    1176   float: right;
    1177   width: 67%;
    1178   margin: 0;
    1179   clear: none;
    1180   padding: 0 12px;
    1181   padding: 0 1.2rem;
    1182 }
    1183 .devhub-wrap .has-sidebar .widget-area {
    1184   float: left;
    1185   overflow: hidden;
    1186   width: 30%;
    1187   margin-left: -55px;
    1188   margin: 0;
    1189   clear: none;
    1190 }
    1191 .devhub-wrap .has-sidebar .widget-area .widget {
    1192   width: 100%;
    1193 }
     252   */ }
     253  .devhub-wrap *,
     254  .devhub-wrap *:before,
     255  .devhub-wrap *:after {
     256    -moz-box-sizing: border-box;
     257    -webkit-box-sizing: border-box;
     258    box-sizing: border-box; }
     259  .devhub-wrap #content, .devhub-wrap #content-area {
     260    padding: 0 10px; }
     261  .devhub-wrap #content-area,
     262  .devhub-wrap .inner-wrap {
     263    margin: 0 auto;
     264    max-width: 60em; }
     265  .devhub-wrap .page-header {
     266    margin-top: 1em; }
     267  .devhub-wrap a {
     268    color: #21759b; }
     269  .devhub-wrap .site-main h2,
     270  .devhub-wrap .site-main h3,
     271  .devhub-wrap .site-main h4,
     272  .devhub-wrap .site-main h5,
     273  .devhub-wrap .site-main h6 {
     274    color: #1e1e1e;
     275    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
     276  .devhub-wrap h2.widget-title,
     277  .devhub-wrap h3.widget-title {
     278    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
     279  .devhub-wrap #headline h2 a {
     280    color: #555;
     281    font-weight: 300;
     282    font-size: 28px;
     283    line-height: 1em;
     284    text-shadow: #fff 0px 1px 0px;
     285    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
     286  .devhub-wrap h2 {
     287    font-size: 28px;
     288    font-size: 2.8rem;
     289    line-height: 32px;
     290    line-height: 3.2rem; }
     291  .devhub-wrap h3 {
     292    font-size: 22px;
     293    font-size: 2.2rem;
     294    line-height: 26px;
     295    line-height: 2.6rem; }
     296  .devhub-wrap h4 {
     297    font-size: 18px;
     298    font-size: 1.8rem;
     299    line-height: 22px;
     300    line-height: 2.2rem;
     301    border-bottom: none; }
     302    .devhub-wrap h4 .dashicons {
     303      font-size: 22px;
     304      font-size: 2.2rem;
     305      line-height: 22px;
     306      line-height: 2.2rem;
     307      height: 22px;
     308      width: 22px;
     309      height: 2.2rem;
     310      width: 2.2rem; }
     311  .devhub-wrap a.button,
     312  .devhub-wrap button,
     313  .devhub-wrap input {
     314    line-height: normal;
     315    /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ }
     316  .devhub-wrap a.button,
     317  .devhub-wrap button,
     318  .devhub-wrap input[type="button"],
     319  .devhub-wrap input[type="reset"],
     320  .devhub-wrap input[type="submit"] {
     321    border: 1px solid #ccc;
     322    border-color: #ccc #ccc #bbb #ccc;
     323    border-radius: 3px;
     324    background: #fff;
     325    color: rgba(0, 0, 0, 0.8);
     326    cursor: pointer;
     327    /* Improves usability and consistency of cursor style between image-type 'input' and others */
     328    font-size: 16px;
     329    font-size: 1.6rem;
     330    line-height: 1.1;
     331    float: none;
     332    height: auto;
     333    padding: .6em 1.8em;
     334    text-decoration: none;
     335    -webkit-appearance: button;
     336    /* Corrects inability to style clickable 'input' types in iOS */ }
     337    .devhub-wrap a.button:hover,
     338    .devhub-wrap button:hover,
     339    .devhub-wrap input[type="button"]:hover,
     340    .devhub-wrap input[type="reset"]:hover,
     341    .devhub-wrap input[type="submit"]:hover {
     342      border-color: #ccc #bbb #aaa #bbb;
     343      background: #f0f0f0; }
     344    .devhub-wrap a.button:focus, .devhub-wrap a.button:active,
     345    .devhub-wrap button:focus,
     346    .devhub-wrap button:active,
     347    .devhub-wrap input[type="button"]:focus,
     348    .devhub-wrap input[type="button"]:active,
     349    .devhub-wrap input[type="reset"]:focus,
     350    .devhub-wrap input[type="reset"]:active,
     351    .devhub-wrap input[type="submit"]:focus,
     352    .devhub-wrap input[type="submit"]:active {
     353      border-color: #aaa #bbb #bbb #bbb;
     354      background: #f0f0f0;
     355      -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
     356      box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4); }
     357    .devhub-wrap a.button.shiny-blue,
     358    .devhub-wrap button.shiny-blue,
     359    .devhub-wrap input[type="button"].shiny-blue,
     360    .devhub-wrap input[type="reset"].shiny-blue,
     361    .devhub-wrap input[type="submit"].shiny-blue {
     362      background-color: #21759b;
     363      background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
     364      background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
     365      background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
     366      background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
     367      background-image: -o-linear-gradient(top, #2a95c5, #21759b);
     368      background-image: linear-gradient(to bottom, #2a95c5, #21759b);
     369      border-color: #21759b;
     370      border-bottom-color: #1e6a8d;
     371      -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
     372      box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
     373      color: #fff;
     374      text-decoration: none;
     375      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
     376      padding: 3px 8px; }
     377      .devhub-wrap a.button.shiny-blue:hover,
     378      .devhub-wrap button.shiny-blue:hover,
     379      .devhub-wrap input[type="button"].shiny-blue:hover,
     380      .devhub-wrap input[type="reset"].shiny-blue:hover,
     381      .devhub-wrap input[type="submit"].shiny-blue:hover {
     382        background-color: #278ab7;
     383        background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
     384        background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
     385        background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
     386        background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
     387        background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
     388        background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
     389        border-color: #1b607f;
     390        -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
     391        box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
     392        color: #fff;
     393        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
     394  .devhub-wrap input[type="checkbox"],
     395  .devhub-wrap input[type="radio"] {
     396    box-sizing: border-box;
     397    /* Addresses box sizing set to content-box in IE8/9 */
     398    padding: 0;
     399    /* Addresses excess padding in IE8/9 */ }
     400  .devhub-wrap input[type="search"] {
     401    -webkit-appearance: textfield;
     402    /* Addresses appearance set to searchfield in S5, Chrome */
     403    -webkit-box-sizing: content-box;
     404    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
     405    -moz-box-sizing: content-box;
     406    box-sizing: content-box; }
     407  .devhub-wrap input[type="search"]::-webkit-search-decoration {
     408    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
     409    -webkit-appearance: none; }
     410  .devhub-wrap button::-moz-focus-inner,
     411  .devhub-wrap input::-moz-focus-inner {
     412    /* 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/ */
     413    border: 0;
     414    padding: 0; }
     415  .devhub-wrap input[type="text"],
     416  .devhub-wrap input[type="email"],
     417  .devhub-wrap input[type="url"],
     418  .devhub-wrap input[type="password"],
     419  .devhub-wrap input[type="search"],
     420  .devhub-wrap textarea {
     421    padding: 3px;
     422    color: #666;
     423    border: 1px solid #ccc;
     424    border-radius: 3px; }
     425    .devhub-wrap input[type="text"]:focus,
     426    .devhub-wrap input[type="email"]:focus,
     427    .devhub-wrap input[type="url"]:focus,
     428    .devhub-wrap input[type="password"]:focus,
     429    .devhub-wrap input[type="search"]:focus,
     430    .devhub-wrap textarea:focus {
     431      color: #111; }
     432  .devhub-wrap textarea {
     433    overflow: auto;
     434    /* Removes default vertical scrollbar in IE6/7/8/9 */
     435    padding-left: 3px;
     436    vertical-align: top;
     437    /* Improves readability and alignment in all browsers */
     438    width: 98%; }
     439  .devhub-wrap .screen-reader-text {
     440    clip: rect(1px, 1px, 1px, 1px);
     441    position: absolute !important; }
     442  .devhub-wrap .screen-reader-text:hover,
     443  .devhub-wrap .screen-reader-text:active,
     444  .devhub-wrap .screen-reader-text:focus {
     445    background-color: #f1f1f1;
     446    border-radius: 3px;
     447    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     448    clip: auto !important;
     449    color: #21759b;
     450    display: block;
     451    font-size: 14px;
     452    font-weight: bold;
     453    height: auto;
     454    left: 5px;
     455    line-height: normal;
     456    padding: 15px 23px 14px;
     457    text-decoration: none;
     458    top: 5px;
     459    width: auto;
     460    z-index: 100000;
     461    /* Above WP toolbar */ }
     462  .devhub-wrap .clear:before,
     463  .devhub-wrap .clear:after,
     464  .devhub-wrap .entry-content:before,
     465  .devhub-wrap .entry-content:after,
     466  .devhub-wrap .comment-content:before,
     467  .devhub-wrap .comment-content:after,
     468  .devhub-wrap .site-header:before,
     469  .devhub-wrap .site-header:after,
     470  .devhub-wrap .site-content:before,
     471  .devhub-wrap .site-content:after,
     472  .devhub-wrap .site-footer:before,
     473  .devhub-wrap .site-footer:after {
     474    content: '';
     475    display: table; }
     476  .devhub-wrap .clear:after,
     477  .devhub-wrap .entry-content:after,
     478  .devhub-wrap .comment-content:after,
     479  .devhub-wrap .site-header:after,
     480  .devhub-wrap .site-content:after,
     481  .devhub-wrap .site-footer:after {
     482    clear: both; }
     483  .devhub-wrap .hentry {
     484    margin: 0 0 1.5em; }
     485  .devhub-wrap .byline,
     486  .devhub-wrap .updated {
     487    display: none; }
     488  .devhub-wrap .single .byline,
     489  .devhub-wrap .group-blog .byline {
     490    display: inline; }
     491  .devhub-wrap .page-content,
     492  .devhub-wrap .entry-content,
     493  .devhub-wrap .entry-summary {
     494    margin: 1.5em 0 0; }
     495  .devhub-wrap .page-links {
     496    clear: both;
     497    margin: 0 0 1.5em; }
     498  .devhub-wrap .page-content img.wp-smiley,
     499  .devhub-wrap .entry-content img.wp-smiley,
     500  .devhub-wrap .comment-content img.wp-smiley {
     501    border: none;
     502    margin-bottom: 0;
     503    margin-top: 0;
     504    padding: 0; }
     505  .devhub-wrap .wp-caption {
     506    border: 1px solid #ccc;
     507    margin-bottom: 1.5em;
     508    max-width: 100%; }
     509  .devhub-wrap .wp-caption img[class*="wp-image-"] {
     510    display: block;
     511    margin: 1.2% auto 0;
     512    max-width: 98%; }
     513  .devhub-wrap .wp-caption-text {
     514    text-align: center; }
     515  .devhub-wrap .wp-caption .wp-caption-text {
     516    margin: 0.8075em 0; }
     517  .devhub-wrap .site-main .gallery {
     518    margin-bottom: 1.5em; }
     519  .devhub-wrap .site-main .gallery a img {
     520    border: none;
     521    height: auto;
     522    max-width: 90%; }
     523  .devhub-wrap .site-main .gallery dd {
     524    margin: 0; }
     525  .devhub-wrap embed,
     526  .devhub-wrap iframe,
     527  .devhub-wrap object {
     528    max-width: 100%; }
     529  .devhub-wrap .comment-content a {
     530    word-wrap: break-word; }
     531  .devhub-wrap .bypostauthor {
     532    background: #eee; }
     533  .devhub-wrap .widget {
     534    margin: 0 0 1.5em; }
     535  .devhub-wrap .widget select {
     536    max-width: 100%; }
     537  .devhub-wrap .widget_search .search-submit {
     538    display: none; }
     539  .devhub-wrap .infinite-scroll .paging-navigation,
     540  .devhub-wrap .infinite-scroll.neverending .site-footer {
     541    /* Theme Footer (when set to scrolling) */
     542    display: none; }
     543  .devhub-wrap .infinity-end.neverending .site-footer {
     544    display: block; }
     545  .devhub-wrap .site-header {
     546    background: none repeat scroll 0 0 #F7F7F7;
     547    border-bottom: 1px solid #DFDFDF;
     548    height: 62px; }
     549  .devhub-wrap .site-branding {
     550    width: 100%; }
     551    .devhub-wrap .site-branding a {
     552      text-decoration: none;
     553      color: #606060; }
     554    .devhub-wrap .site-branding .site-title {
     555      color: #555555;
     556      float: left;
     557      font-size: 28px;
     558      line-height: 1em;
     559      padding-left: 9px;
     560      padding-top: 18px;
     561      text-shadow: 0 1px 0 #FFFFFF;
     562      font-weight: 300; }
     563    .devhub-wrap .site-branding .searchform {
     564      padding-top: 18px;
     565      float: right; }
     566  .devhub-wrap .breadcrumbs {
     567    font-size: 13px;
     568    font-size: 1.3rem; }
     569    .devhub-wrap .breadcrumbs .active {
     570      font-weight: 600; }
     571  .devhub-wrap .breadcrumb-trail {
     572    margin-top: 1em; }
     573  .devhub-wrap h1.entry-title,
     574  .devhub-wrap h1.page-title {
     575    font-weight: 300;
     576    font-size: 37px;
     577    font-size: 3.7rem;
     578    color: #606060;
     579    text-align: center; }
     580    .devhub-wrap h1.entry-title a,
     581    .devhub-wrap h1.page-title a {
     582      text-decoration: none;
     583      color: #606060; }
     584  .devhub-wrap h1.single-entry-title,
     585  .devhub-wrap h2.entry-title {
     586    text-align: left;
     587    font-size: 30px;
     588    font-size: 3rem;
     589    padding: 0 0 24px;
     590    padding: 0 0 2.4rem; }
     591    .devhub-wrap h1.single-entry-title a,
     592    .devhub-wrap h2.entry-title a {
     593      text-decoration: none;
     594      color: #606060; }
     595  .devhub-wrap .home-landing .section {
     596    padding: 30px 0%;
     597    padding: 3rem 0%; }
     598  .devhub-wrap .color.section {
     599    color: #fff; }
     600  .devhub-wrap .section.blue {
     601    background: #0F3D57;
     602    padding: 30px 0;
     603    padding: 3rem 0; }
     604    .devhub-wrap .section.blue .box {
     605      text-align: center; }
     606      .devhub-wrap .section.blue .box .widget-description {
     607        padding: 1em 15%; }
     608    .devhub-wrap .section.blue .widget-title {
     609      font-size: 62px;
     610      font-size: 6.2rem;
     611      line-height: 78px;
     612      line-height: 7.8rem; }
     613      .devhub-wrap .section.blue .widget-title .dashicons {
     614        font-size: 84px;
     615        font-size: 8.4rem;
     616        line-height: 84px;
     617        line-height: 8.4rem;
     618        height: 84px;
     619        width: 84px;
     620        height: 8.4rem;
     621        width: 8.4rem;
     622        margin-right: 16px;
     623        margin-right: 1.6rem; }
     624  .devhub-wrap .section.gray {
     625    background: #797878;
     626    color: #fff; }
     627    .devhub-wrap .section.gray h2,
     628    .devhub-wrap .section.gray h3,
     629    .devhub-wrap .section.gray h4 {
     630      color: #fff; }
     631    .devhub-wrap .section.gray .inner-wrap {
     632      max-width: 700px;
     633      max-width: 70rem;
     634      margin: 0 auto; }
     635      .devhub-wrap .section.gray .inner-wrap .code-ref-left {
     636        float: left;
     637        width: 70%;
     638        clear: none; }
     639      .devhub-wrap .section.gray .inner-wrap .code-ref-right {
     640        float: left;
     641        width: 30%;
     642        clear: none; }
     643      .devhub-wrap .section.gray .inner-wrap .go {
     644        float: right; }
     645      @media (max-width: 43em) {
     646        .devhub-wrap .section.gray .inner-wrap .code-ref-left,
     647        .devhub-wrap .section.gray .inner-wrap .code-ref-right {
     648          float: none;
     649          width: 100%;
     650          padding: 1.5em 10%;
     651          clear: both;
     652          text-align: center; }
     653        .devhub-wrap .section.gray .inner-wrap .go {
     654          float: none; } }
     655    .devhub-wrap .section.gray .widget-title {
     656      font-weight: 300;
     657      font-size: 40px;
     658      font-size: 5rem;
     659      line-height: 50px;
     660      line-height: 5rem; }
     661      .devhub-wrap .section.gray .widget-title .dashicons {
     662        font-size: 50px;
     663        font-size: 5rem;
     664        line-height: 50px;
     665        line-height: 5rem;
     666        height: 50px;
     667        width: 50px;
     668        height: 5rem;
     669        width: 5rem; }
     670    .devhub-wrap .section.gray .widget-description {
     671      margin-left: 65px;
     672      margin-left: 6.5rem; }
     673  .devhub-wrap .section.light-gray {
     674    background: #f2f2f2;
     675    color: #606060; }
     676    .devhub-wrap .section.light-gray .widget-title {
     677      color: #606060;
     678      font-weight: 600; }
     679      .devhub-wrap .section.light-gray .widget-title a {
     680        color: #2D96C2; }
     681    .devhub-wrap .section.light-gray a {
     682      color: #606060;
     683      text-decoration: none; }
     684  .devhub-wrap .section .home-primary-content {
     685    max-width: 600px;
     686    max-width: 60rem;
     687    margin: 0 auto; }
     688  .devhub-wrap .box {
     689    padding: 30px;
     690    padding: 3rem;
     691    float: left;
     692    clear: none; }
     693  .devhub-wrap .reference-landing {
     694    padding: 1em 0; }
     695    .devhub-wrap .reference-landing .section {
     696      max-width: 700px;
     697      max-width: 70rem;
     698      margin: 0 auto;
     699      padding: 1.5em 0; }
     700      .devhub-wrap .reference-landing .section h2,
     701      .devhub-wrap .reference-landing .section h3,
     702      .devhub-wrap .reference-landing .section h4 {
     703        margin-bottom: 1em;
     704        color: #404040; }
     705      .devhub-wrap .reference-landing .section h2.widget-title,
     706      .devhub-wrap .reference-landing .section h3.widget-title,
     707      .devhub-wrap .reference-landing .section h4.widget-title {
     708        margin-bottom: 0; }
     709      .devhub-wrap .reference-landing .section.search-guide {
     710        padding-bottom: 0; }
     711      .devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide {
     712        padding-top: 0; }
     713    .devhub-wrap .reference-landing .searchform {
     714      overflow: hidden;
     715      height: auto;
     716      margin-bottom: 1em; }
     717      .devhub-wrap .reference-landing .searchform input {
     718        height: 50px;
     719        height: 5rem;
     720        margin-bottom: 1em;
     721        width: 100%; }
     722      .devhub-wrap .reference-landing .searchform input[type="submit"] {
     723        width: 85px;
     724        width: 8.5rem;
     725        float: left; }
     726      .devhub-wrap .reference-landing .searchform label {
     727        width: 560px;
     728        width: 56rem;
     729        max-width: 100%;
     730        margin-right: 15px;
     731        display: inline-block;
     732        float: left; }
     733        .devhub-wrap .reference-landing .searchform label .search-field input[type="text"] {
     734          width: 100%; }
     735  .devhub-wrap .reference-landing .box,
     736  .devhub-wrap .sidebar .box {
     737    padding: 0;
     738    border: 2px solid #cccccc;
     739    background-color: #eeeeee; }
     740    .devhub-wrap .reference-landing .box ul,
     741    .devhub-wrap .sidebar .box ul {
     742      padding: 2em; }
     743    .devhub-wrap .reference-landing .box .widget-title,
     744    .devhub-wrap .sidebar .box .widget-title {
     745      padding: 10px 30px;
     746      padding: 1rem 30px;
     747      font-size: 16px;
     748      font-size: 1.6rem; }
     749    .devhub-wrap .reference-landing .box .widget-content,
     750    .devhub-wrap .sidebar .box .widget-content {
     751      padding: 16px 30px;
     752      padding: 1.6rem 3rem; }
     753  .devhub-wrap #sidebar {
     754    padding: 0;
     755    border: 2px solid #cecece;
     756    background-color: #f4f3f3; }
     757    .devhub-wrap #sidebar > ul {
     758      padding: 0;
     759      margin: 0;
     760      list-style-type: none; }
     761      .devhub-wrap #sidebar > ul li h2.widgettitle {
     762        background-color: #cecece;
     763        color: #8a8989;
     764        text-align: center;
     765        text-transform: uppercase;
     766        font-size: 14px;
     767        letter-spacing: 2px; }
     768      .devhub-wrap #sidebar > ul li ul {
     769        list-style-type: none;
     770        margin-left: 10px;
     771        padding: 15px 0;
     772        counter-reset: item; }
     773        .devhub-wrap #sidebar > ul li ul li:before {
     774          content: counter(item);
     775          counter-increment: item;
     776          background-color: #cecece;
     777          width: 25px;
     778          display: inline-block;
     779          color: #fff;
     780          margin-right: 10px;
     781          text-align: center;
     782          padding: 3px 0;
     783          font-size: 13px;
     784          border-radius: 50%; }
     785        .devhub-wrap #sidebar > ul li ul li a {
     786          font-size: 14px;
     787          color: #4b4b4b;
     788          font-weight: bold; }
     789        .devhub-wrap #sidebar > ul li ul li ul {
     790          list-style-type: none;
     791          padding: 0;
     792          margin-left: 44px; }
     793          .devhub-wrap #sidebar > ul li ul li ul li:before {
     794            content: none; }
     795          .devhub-wrap #sidebar > ul li ul li ul li a {
     796            font-weight: normal; }
     797          .devhub-wrap #sidebar > ul li ul li ul li ul {
     798            margin-left: 20px; }
     799  .devhub-wrap .reference-landing .box ul {
     800    padding: 0;
     801    overflow: hidden; }
     802  .devhub-wrap .three-columns .box {
     803    width: 31%;
     804    margin: 1.15%; }
     805  .devhub-wrap .two-columns .box {
     806    width: 48%;
     807    margin: 1% 1% 1% 0; }
     808  .devhub-wrap #sidebar,
     809  .devhub-wrap .no-bullets,
     810  .devhub-wrap .sidebar .widget ul {
     811    list-style-type: none;
     812    margin: 0;
     813    padding: 0; }
     814  .devhub-wrap .horizontal-list {
     815    display: inline;
     816    list-style-type: none;
     817    margin: 0;
     818    padding: 0; }
     819  .devhub-wrap .horizontal-list li {
     820    display: inline; }
     821  .devhub-wrap .horizontal-list li a {
     822    padding: 0px 40px;
     823    padding: 0 4rem;
     824    border-left: 1px solid #ccc; }
     825  .devhub-wrap .horizontal-list li:first-child a {
     826    padding-left: 0;
     827    border-left: none; }
     828  .devhub-wrap .view-all-new-in {
     829    font-style: italic; }
     830  .devhub-wrap .box.transparent {
     831    background: none;
     832    color: #fff; }
     833    .devhub-wrap .box.transparent h2,
     834    .devhub-wrap .box.transparent h3,
     835    .devhub-wrap .box.transparent h4 {
     836      color: #fff; }
     837  .devhub-wrap .box.gray {
     838    background: #fff;
     839    border: 1px solid #d8d8d8; }
     840    .devhub-wrap .box.gray .widget-title {
     841      color: #666666;
     842      background: #d8d8d8;
     843      text-transform: uppercase; }
     844  .devhub-wrap .box .unordered-list {
     845    list-style-type: none;
     846    padding: 0;
     847    margin: 0;
     848    font-size: 13px;
     849    font-size: 1.3rem;
     850    line-height: 30px;
     851    line-height: 3rem; }
     852  .devhub-wrap .widget-description {
     853    font-style: italic;
     854    font-weight: 300; }
     855  .devhub-wrap .wp-parser-class, .devhub-wrap .wp-parser-function, .devhub-wrap .wp-parser-hook, .devhub-wrap .wp-parser-method {
     856    border-bottom: 1px solid #dfdfdf; }
     857    .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
     858      margin: 24px 0;
     859      padding-left: 100px; }
     860      .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 {
     861        margin-left: -100px;
     862        color: #24831d;
     863        font-family: monospace;
     864        font-size: 20px; }
     865        .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 {
     866          color: #888888; }
     867        .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 {
     868          color: #cd2f23; }
     869        .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 {
     870          color: #0f55c8; }
     871        .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 {
     872          color: #000000; }
     873      .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 {
     874        border-bottom: 1px dotted #21759b; }
     875    .devhub-wrap .wp-parser-class h2, .devhub-wrap .wp-parser-function h2, .devhub-wrap .wp-parser-hook h2, .devhub-wrap .wp-parser-method h2 {
     876      font-family: Georgia, Times, serif;
     877      margin-bottom: .5em; }
     878    .devhub-wrap .wp-parser-class .parameters p, .devhub-wrap .wp-parser-function .parameters p, .devhub-wrap .wp-parser-hook .parameters p, .devhub-wrap .wp-parser-method .parameters p {
     879      margin-bottom: 0; }
     880    .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 {
     881      font-style: italic; }
     882    .devhub-wrap .wp-parser-class .parameters dd .default, .devhub-wrap .wp-parser-function .parameters dd .default, .devhub-wrap .wp-parser-hook .parameters dd .default, .devhub-wrap .wp-parser-method .parameters dd .default {
     883      font-style: italic; }
     884    .devhub-wrap .wp-parser-class .learn-more, .devhub-wrap .wp-parser-function .learn-more, .devhub-wrap .wp-parser-hook .learn-more, .devhub-wrap .wp-parser-method .learn-more {
     885      background-color: #f1f1f1;
     886      border: 1px solid #dfdfdf;
     887      border-radius: 5px;
     888      padding: 20px; }
     889  .devhub-wrap .single .wp-parser-class, .devhub-wrap .single .wp-parser-function, .devhub-wrap .single .wp-parser-hook, .devhub-wrap .single .wp-parser-method {
     890    border-bottom-style: none; }
     891  .devhub-wrap .source-content {
     892    overflow: auto; }
     893  .devhub-wrap .source-code-links {
     894    margin-left: 2em;
     895    margin-top: 1em; }
     896  .devhub-wrap .source-code-links span:first-child {
     897    display: none;
     898    border-right: 1px solid #999;
     899    margin-right: 1em;
     900    padding-right: 1em; }
     901  .devhub-wrap .source-code-container {
     902    border-right: 1px solid #dfdfdf;
     903    overflow-x: auto;
     904    overflow-y: hidden; }
     905  .devhub-wrap .show-complete-source, .devhub-wrap .less-complete-source {
     906    display: none; }
     907  .devhub-wrap .loop-pagination {
     908    text-align: center;
     909    font-size: 18px;
     910    margin-bottom: 20px; }
     911  .devhub-wrap .comment-list,
     912  .devhub-wrap .comment-list ol {
     913    list-style: none;
     914    margin: 0 0 1.5em 0;
     915    padding: 0; }
     916  .devhub-wrap .comment-list li {
     917    padding: 24px 24px 0 24px;
     918    padding: 1.5rem 1.5rem 0 1.5rem;
     919    border: 0 solid #eee;
     920    border-bottom-width: 1px;
     921    background: #fff; }
     922  .devhub-wrap .comment-list li:first-child {
     923    padding-top: 0; }
     924  .devhub-wrap .comment-list .avatar {
     925    float: left;
     926    width: 2.5em;
     927    height: 2.5em;
     928    margin: -0.5em 1em 0.5em 0;
     929    padding: 0.125em;
     930    border: 1px solid #eee; }
     931  .devhub-wrap .comment-author-attribution {
     932    font-weight: bold; }
     933  .devhub-wrap .comment-meta {
     934    margin: 0 0 1.5em 0;
     935    font-size: 0.75em; }
     936  .devhub-wrap .comment-content {
     937    margin-left: 60px;
     938    margin-left: 3.75rem;
     939    margin-left: 0;
     940    clear: both; }
     941  .devhub-wrap .comment-content ol {
     942    list-style: decimal inside;
     943    margin: 0 0 1.5em 0;
     944    border-top: none;
     945    margin: 0 0 1.5em 1.5em;
     946    padding: 0; }
     947  .devhub-wrap .comment-content ul {
     948    list-style: square inside;
     949    margin: 0 0 1.5em 0;
     950    border-top: none;
     951    margin: 0 0 1.5em 1.5em;
     952    padding: 0; }
     953  .devhub-wrap .comment-content li {
     954    border: none;
     955    padding: 0; }
     956  .devhub-wrap #respond {
     957    overflow: hidden; }
     958  .devhub-wrap .comment-list #respond {
     959    margin: 1.5em 0 0; }
     960  .devhub-wrap #respond .log-in-out a {
     961    font-style: italic; }
     962  .devhub-wrap #reply-title small a {
     963    font-style: italic; }
     964  .devhub-wrap #respond #submit {
     965    float: left;
     966    margin: 0 0 1.5em; }
     967  .devhub-wrap #content-area.has-sidebar {
     968    float: none;
     969    margin: 0 auto;
     970    width: 60em; }
     971  .devhub-wrap .has-sidebar main {
     972    float: right;
     973    width: 67%;
     974    margin: 0;
     975    clear: none;
     976    padding: 0 12px;
     977    padding: 0 1.2rem; }
     978  .devhub-wrap .has-sidebar .widget-area {
     979    float: left;
     980    overflow: hidden;
     981    width: 30%;
     982    margin-left: -55px;
     983    margin: 0;
     984    clear: none; }
     985    .devhub-wrap .has-sidebar .widget-area .widget {
     986      width: 100%; }
    1194987
    1195988@media (max-width: 60em) {
    1196989  .devhub-wrap {
    1197990    max-width: 100%;
    1198     width: 100%;
    1199   }
    1200   .devhub-wrap #content,
    1201   .devhub-wrap #content-area,
    1202   .devhub-wrap .inner-wrap {
    1203     max-width: 100%;
    1204     padding: 0 13px;
    1205   }
    1206   .devhub-wrap #content-area .has-sidebar,
    1207   .devhub-wrap .inner-wrap .has-sidebar {
    1208     width: 100%;
    1209   }
    1210   .devhub-wrap .site-branding .site-title {
    1211     padding-left: 0;
    1212   }
    1213 }
     991    width: 100%; }
     992    .devhub-wrap #content,
     993    .devhub-wrap #content-area,
     994    .devhub-wrap .inner-wrap {
     995      max-width: 100%;
     996      padding: 0 13px; }
     997    .devhub-wrap #content-area .has-sidebar,
     998    .devhub-wrap .inner-wrap .has-sidebar {
     999      width: 100%; } }
    12141000@media (max-width: 43em) {
    12151001  #content-area.has-sidebar main {
    12161002    float: right;
    … …  
    12181004    margin: 0 auto;
    12191005    clear: both;
    12201006    padding: 0 12px;
    1221     padding: 0 1.2rem;
    1222   }
     1007    padding: 0 1.2rem; }
    12231008  #content-area.has-sidebar .widget-area {
    12241009    float: none;
    12251010    overflow: hidden;
    12261011    width: 80%;
    12271012    margin: 0 auto;
    1228     clear: both;
    1229   }
    1230   #content-area.has-sidebar .widget-area .widget {
    1231     width: 100%;
    1232   }
     1013    clear: both; }
     1014    #content-area.has-sidebar .widget-area .widget {
     1015      width: 100%; }
    12331016
    12341017  .section .box,
    12351018  .home-primary-content,
    … …  
    12391022    padding: 1.5em 10%;
    12401023    clear: both;
    12411024    text-align: center;
    1242     display: block;
    1243   }
     1025    display: block; }
    12441026
    12451027  .reference-landing .section .box,
    12461028  .sidebar .box {
    12471029    padding: 0;
    1248     margin-bottom: 1.5em;
    1249   }
     1030    margin-bottom: 1.5em; }
    12501031
    12511032  .home-primary-content .entry-content,
    12521033  .reference-landing .section {
    1253     text-align: left;
    1254   }
     1034    text-align: left; }
    12551035
    12561036  .devhub-wrap .horizontal-list li {
    1257     display: block;
    1258   }
    1259   .devhub-wrap .horizontal-list li a {
    1260     border-left: none;
    1261   }
     1037    display: block; }
     1038    .devhub-wrap .horizontal-list li a {
     1039      border-left: none; }
    12621040  .devhub-wrap .horizontal-list li:first-child a {
    12631041    padding: 0 40px;
    1264     padding: 0 4rem;
    1265   }
     1042    padding: 0 4rem; }
    12661043  .devhub-wrap .reference-landing .searchform {
    1267     text-alignment: center;
    1268   }
     1044    text-alignment: center; }
    12691045  .devhub-wrap .reference-landing .searchform input[type="text"],
    12701046  .devhub-wrap .reference-landing .searchform input[type="submit"] {
    12711047    width: 100%;
    12721048    margin-right: 0;
    12731049    margin-bottom: 1em;
    12741050    float: none;
    1275     clear: both;
    1276   }
     1051    clear: both; }
    12771052  .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
    1278     padding-left: 45px;
    1279   }
    1280   .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 {
    1281     margin-left: -45px;
    1282   }
     1053    padding-left: 45px; }
     1054    .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 {
     1055      margin-left: -45px; }
    12831056  .devhub-wrap .two-columns .box {
    1284     width: 99%;
    1285   }
    1286 }
     1057    width: 99%; }
     1058  .devhub-wrap .site-branding .site-title {
     1059    padding-left: 0;
     1060    padding-top: 5px;
     1061    font-size: 20px;
     1062    text-align: center;
     1063    width: 100%; }
     1064  .devhub-wrap .site-branding .searchform {
     1065    padding-top: 5px;
     1066    width: 100%;
     1067    text-align: center; } }

  • scss/main.scss 

    IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
     
    391391                    text-shadow: 0 1px 0 #FFFFFF;
    392392                    font-weight: 300;
    393393                }
    394 
    395         }
     394        .searchform {
     395            padding-top: 18px;
     396            float: right;
     397        }
     398        }
    396399        .breadcrumbs {
    397400                .active {
    398401                        font-weight: 600;
    … …  
    10591062                                width: 100%;
    10601063                        }
    10611064                }
    1062                 .site-branding .site-title {
    1063                         padding-left: 0;
    1064                 }
    1065         }
    1066 }
     1065        }
     1066}
    10671067
    10681068@media ( max-width: 43em ) {
    10691069
    … …  
    11491149                .two-columns .box {
    11501150                        width: 99%;
    11511151                }
    1152         }
     1152
     1153        .site-branding .site-title {
     1154            padding-left: 0;
     1155            padding-top: 5px;
     1156            font-size: 20px;
     1157            text-align: center;
     1158            width: 100%;
     1159        }
     1160        .site-branding .searchform {
     1161            padding-top: 5px;
     1162            width: 100%;
     1163            text-align: center;
     1164        }
     1165
     1166    }
    11531167}
     1168 No newline at end of file

  • header.php 

    IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
     
    1616                        <div class="site-branding">
    1717                                <?php if ( ! is_front_page() ) : ?>
    1818                                        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/reference/' ) ); ?>" rel="home"><?php echo DevHub\get_site_section_title(); ?></a></h1>
    19                                 <?php else : ?>
     19                <?php else : ?>
    2020                                        <span class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo DevHub\get_site_section_title(); ?></a></span>
    2121                                <?php endif; ?>
     22                <?php if ( ! is_page('reference') ) : ?>
     23                    <?php get_search_form(); ?>
     24                <?php endif; ?>
    2225                        </div>
    2326                </div><!-- .inner-wrap -->
    2427        </header><!-- #masthead -->