Making WordPress.org

Ticket #1014: 1014.diff

File 1014.diff, 37.7 KB (added by atimmer, 10 years ago)
  • Gruntfile.js

     
     1module.exports = function( grunt ) {
     2
     3        // Load tasks.
     4        require( 'matchdep' ).filterDev(['grunt-*']).forEach( grunt.loadNpmTasks );
     5
     6        // Project configuration.
     7        grunt.initConfig({
     8                sass: {
     9                        all: {
     10                                expand: true,
     11                                cwd: "scss",
     12                                dest: "stylesheets",
     13                                ext: '.css',
     14                                src: [ '**/*.scss' ],
     15                                options: {
     16                                        outputStyle: 'expanded'
     17                                }
     18                        }
     19                },
     20                watch: {
     21                        all: {
     22                                files: [ "scss/**/*.scss" ],
     23                                tasks: [ "sass:all" ],
     24                                options: {
     25                                        spawn: false
     26                                }
     27                        }
     28                }
     29        });
     30
     31        grunt.registerTask( 'default', [ 'sass:all' ] );
     32};
  • package.json

     
     1{
     2    "name": "wporg-developer",
     3    "description": "Theme for developer.wordpress.org",
     4    "repository": {
     5        "type": "svn",
     6        "url": "https://meta.trac.wordpress.org/browser/sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer"
     7    },
     8    "author": "The WordPress Contributors",
     9    "license": "GPLv2 or later",
     10    "devDependencies": {
     11        "grunt": "~0.4.5",
     12        "grunt-contrib-watch": "~0.6.1",
     13        "grunt-sass": "~1.0.0",
     14        "matchdep": "~0.3.0"
     15    }
     16}
  • stylesheets/admin.css

     
    2828.expl-row-actions {
    2929  display: block;
    3030}
     31
    3132.expl-row-actions a {
    3233  display: inline-block;
    3334}
     35
    3436.expl-row-actions a:first-child {
    3537  padding-right: 6px;
    3638  padding-left: 0;
    3739}
     40
    3841.expl-row-actions a:nth-child(n+2) {
    3942  padding-left: 8px;
    4043  border-left: 1px solid #ccc;
     
    4346.status {
    4447  font-weight: bold;
    4548}
     49
    4650.status.pending {
    4751  color: red;
    4852}
     53
    4954.status.publish {
    5055  color: green;
    5156}
     
    5762  padding-top: 10px;
    5863  padding-bottom: 10px;
    5964}
     65
    6066.post-type-wp-parser-function .form-table td,
    6167.post-type-wp-parser-class .form-table td,
    6268.post-type-wp-parser-method .form-table td,
     
    6369.post-type-wp-parser-hook .form-table td {
    6470  padding: 10px;
    6571}
     72
    6673.post-type-wp-parser-function .form-table td p,
    6774.post-type-wp-parser-class .form-table td p,
    6875.post-type-wp-parser-method .form-table td p,
  • stylesheets/main.css

     
    6565blockquote, q {
    6666  quotes: "" "";
    6767}
     68
    6869blockquote:before, blockquote:after, q:before, q:after {
    6970  content: "";
    7071}
     
    7273a:focus {
    7374  outline: thin dotted;
    7475}
     76
    7577a:hover, a:active {
    7678  outline: 0;
    7779}
     80
    7881a img {
    7982  border: 0;
    8083}
     
    269272.home .devhub-wrap #content {
    270273  padding: 0;
    271274}
     275
    272276.home .devhub-wrap .site-header {
    273277  margin-bottom: 0;
    274278}
     
    278282  /* Text meant only for screen readers */
    279283  /* Clearing */
    280284  /* =Content
    281   ----------------------------------------------- */
     285        ----------------------------------------------- */
    282286  /* =Media
    283   ----------------------------------------------- */
     287        ----------------------------------------------- */
    284288  /* Make sure embeds and iframes fit their containers */
    285289  /* =Comments
    286   ----------------------------------------------- */
     290        ----------------------------------------------- */
    287291  /* =Widgets
    288   ----------------------------------------------- */
     292        ----------------------------------------------- */
    289293  /* Make sure select elements fit in widgets */
    290294  /* Search widget */
    291295  /* =Infinite Scroll
    292   ----------------------------------------------- */
     296        ----------------------------------------------- */
    293297  /* Globally hidden elements when Infinite Scroll is supported and in use. */
    294298  /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
    295299  /*
    296   * Header area
    297   */
     300        * Header area
     301        */
    298302  /*
    299   * section styles
    300   */
     303        * section styles
     304        */
    301305  /* = Usage
    302   ----------------------------------------------- */
     306        ----------------------------------------------- */
    303307  /* Comments */
    304308  /*
    305   * Content
    306   *
    307   */
     309        * Content
     310        *
     311        */
    308312}
     313
    309314.devhub-wrap *,
    310315.devhub-wrap *:before,
    311316.devhub-wrap *:after {
     
    313318  -webkit-box-sizing: border-box;
    314319  box-sizing: border-box;
    315320}
     321
    316322.devhub-wrap #content, .devhub-wrap #content-area {
    317323  padding: 0 10px;
    318324}
     325
    319326.devhub-wrap #content .toc-heading, .devhub-wrap #content-area .toc-heading {
    320327  clear: left;
    321328}
     329
    322330.devhub-wrap #content table, .devhub-wrap #content-area table {
    323331  border: 1px solid #f0f0f0;
    324332}
     333
    325334.devhub-wrap #content table th, .devhub-wrap #content-area table th {
    326335  padding: 1em;
    327336  border-bottom: 1px solid #f0f0f0;
    328337  background: #f0f0f0;
    329338}
     339
    330340.devhub-wrap #content table td, .devhub-wrap #content-area table td {
    331341  padding: 0.8em 1em;
    332342}
     343
    333344.devhub-wrap #content-area,
    334345.devhub-wrap .inner-wrap {
    335346  margin: 0 auto;
    336347  max-width: 60em;
    337348}
     349
    338350.devhub-wrap .page-header {
    339351  margin-top: 1em;
    340352}
     353
    341354.devhub-wrap a {
    342355  color: #21759b;
    343356}
     357
    344358.devhub-wrap .site-main h2,
    345359.devhub-wrap .site-main h3,
    346360.devhub-wrap .site-main h4,
     
    349363  color: #1e1e1e;
    350364  margin-bottom: 1.5rem;
    351365}
     366
    352367.devhub-wrap #headline h2 a {
    353368  color: #555;
    354369  font-weight: 300;
     
    357372  text-shadow: #fff 0px 1px 0px;
    358373  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    359374}
     375
    360376.devhub-wrap h1 {
    361377  font-size: 28px;
    362378  font-size: 3rem;
     
    365381  font-weight: 300;
    366382  margin-bottom: 1.5rem;
    367383}
     384
    368385.devhub-wrap h2 {
    369386  font-size: 22px;
    370387  font-size: 2.2rem;
     
    372389  line-height: 2.6rem;
    373390  font-weight: 300;
    374391}
     392
    375393.devhub-wrap h3 {
    376394  font-size: 20px;
    377395  font-size: 2rem;
     
    379397  line-height: 2.4rem;
    380398  font-weight: 300;
    381399}
     400
    382401.devhub-wrap h4 {
    383402  font-size: 18px;
    384403  font-size: 1.8rem;
     
    387406  border-bottom: none;
    388407  font-weight: 300;
    389408}
     409
    390410.devhub-wrap h4 .dashicons {
    391411  font-size: 22px;
    392412  font-size: 2.2rem;
     
    397417  height: 2.2rem;
    398418  width: 2.2rem;
    399419}
     420
    400421.devhub-wrap main {
    401422  font-size: 1.5rem;
    402423}
     424
    403425.devhub-wrap a.button,
    404426.devhub-wrap button,
    405427.devhub-wrap input {
     
    406428  line-height: normal;
    407429  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    408430}
     431
    409432.devhub-wrap a.button,
    410433.devhub-wrap button,
    411434.devhub-wrap input[type="button"],
     
    423446  line-height: 1.1;
    424447  float: none;
    425448  height: auto;
    426   padding: .6em 1.8em;
     449  padding: 0.6em 1.8em;
    427450  text-decoration: none;
    428451  -webkit-appearance: button;
    429452  /* Corrects inability to style clickable 'input' types in iOS */
    430453}
     454
    431455.devhub-wrap a.button:hover,
    432456.devhub-wrap button:hover,
    433457.devhub-wrap input[type="button"]:hover,
     
    436460  border-color: #ccc #bbb #aaa #bbb;
    437461  background: #f0f0f0;
    438462}
    439 .devhub-wrap a.button:focus, .devhub-wrap a.button:active,
     463
     464.devhub-wrap a.button:focus,
     465.devhub-wrap a.button:active,
    440466.devhub-wrap button:focus,
    441467.devhub-wrap button:active,
    442468.devhub-wrap input[type="button"]:focus,
     
    443469.devhub-wrap input[type="button"]:active,
    444470.devhub-wrap input[type="reset"]:focus,
    445471.devhub-wrap input[type="reset"]:active,
    446 .devhub-wrap input[type="submit"]:focus,
    447 .devhub-wrap input[type="submit"]:active {
     472.devhub-wrap input[type="submit"]:focus, .devhub-wrap input[type="submit"]:active {
    448473  border-color: #aaa #bbb #bbb #bbb;
    449474  background: #f0f0f0;
    450475  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
    451476  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
    452477}
     478
    453479.devhub-wrap a.button.shiny-blue,
    454480.devhub-wrap button.shiny-blue,
    455481.devhub-wrap input[type="button"].shiny-blue,
     
    471497  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    472498  padding: 3px 8px;
    473499}
     500
    474501.devhub-wrap a.button.shiny-blue:hover,
    475502.devhub-wrap button.shiny-blue:hover,
    476503.devhub-wrap input[type="button"].shiny-blue:hover,
     
    489516  color: #fff;
    490517  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    491518}
     519
    492520.devhub-wrap input[type="checkbox"],
    493521.devhub-wrap input[type="radio"] {
    494522  box-sizing: border-box;
     
    496524  padding: 0;
    497525  /* Addresses excess padding in IE8/9 */
    498526}
     527
    499528.devhub-wrap input[type="search"] {
    500529  -webkit-appearance: textfield;
    501530  /* Addresses appearance set to searchfield in S5, Chrome */
     
    504533  -moz-box-sizing: content-box;
    505534  box-sizing: content-box;
    506535}
     536
    507537.devhub-wrap input[type="search"]::-webkit-search-decoration {
    508538  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    509539  -webkit-appearance: none;
    510540}
     541
    511542.devhub-wrap button::-moz-focus-inner,
    512543.devhub-wrap input::-moz-focus-inner {
    513544  /* 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/ */
     
    514545  border: 0;
    515546  padding: 0;
    516547}
     548
    517549.devhub-wrap input[type="text"],
    518550.devhub-wrap input[type="email"],
    519551.devhub-wrap input[type="url"],
     
    525557  border: 1px solid #ccc;
    526558  border-radius: 3px;
    527559}
     560
    528561.devhub-wrap input[type="text"]:focus,
    529562.devhub-wrap input[type="email"]:focus,
    530563.devhub-wrap input[type="url"]:focus,
     
    533566.devhub-wrap textarea:focus {
    534567  color: #111;
    535568}
     569
    536570.devhub-wrap textarea {
    537571  overflow: auto;
    538572  /* Removes default vertical scrollbar in IE6/7/8/9 */
     
    541575  /* Improves readability and alignment in all browsers */
    542576  width: 98%;
    543577}
     578
    544579.devhub-wrap .screen-reader-text {
    545580  clip: rect(1px, 1px, 1px, 1px);
    546581  position: absolute !important;
    547582}
     583
    548584.devhub-wrap .screen-reader-text:hover,
    549585.devhub-wrap .screen-reader-text:active,
    550586.devhub-wrap .screen-reader-text:focus {
     
    566602  z-index: 100000;
    567603  /* Above WP toolbar */
    568604}
     605
    569606.devhub-wrap .clear:before,
    570607.devhub-wrap .clear:after,
    571608.devhub-wrap .entry-content:before,
     
    581618  content: '';
    582619  display: table;
    583620}
     621
    584622.devhub-wrap .clear:after,
    585623.devhub-wrap .entry-content:after,
    586624.devhub-wrap .comment-content:after,
     
    589627.devhub-wrap .site-footer:after {
    590628  clear: both;
    591629}
     630
    592631.devhub-wrap .hentry {
    593632  margin: 0 0 1.5em;
    594633}
     634
    595635.devhub-wrap .byline,
    596636.devhub-wrap .updated {
    597637  display: none;
    598638}
     639
    599640.devhub-wrap .single .byline,
    600641.devhub-wrap .group-blog .byline {
    601642  display: inline;
    602643}
     644
    603645.devhub-wrap .page-content,
    604646.devhub-wrap .entry-content,
    605647.devhub-wrap .entry-summary {
    606648  margin: 1.5em 0 0;
    607649}
     650
    608651.devhub-wrap .page-links {
    609652  clear: both;
    610653  margin: 0 0 1.5em;
    611654}
     655
    612656.devhub-wrap .page-content img.wp-smiley,
    613657.devhub-wrap .entry-content img.wp-smiley,
    614658.devhub-wrap .comment-content img.wp-smiley {
     
    617661  margin-top: 0;
    618662  padding: 0;
    619663}
     664
    620665.devhub-wrap .wp-caption {
    621666  border: 1px solid #ccc;
    622667  margin-bottom: 1.5em;
    623668  max-width: 100%;
    624669}
     670
    625671.devhub-wrap .wp-caption img[class*="wp-image-"] {
    626672  display: block;
    627673  margin: 1.2% auto 0;
    628674  max-width: 98%;
    629675}
     676
    630677.devhub-wrap .wp-caption-text {
    631678  text-align: center;
    632679}
     680
    633681.devhub-wrap .wp-caption .wp-caption-text {
    634682  margin: 0.8075em 0;
    635683}
     684
    636685.devhub-wrap .site-main .gallery {
    637686  margin-bottom: 1.5em;
    638687}
     688
    639689.devhub-wrap .site-main .gallery a img {
    640690  border: none;
    641691  height: auto;
    642692  max-width: 90%;
    643693}
     694
    644695.devhub-wrap .site-main .gallery dd {
    645696  margin: 0;
    646697}
     698
    647699.devhub-wrap embed,
    648700.devhub-wrap iframe,
    649701.devhub-wrap object {
    650702  max-width: 100%;
    651703}
     704
    652705.devhub-wrap .comment-content a {
    653706  word-wrap: break-word;
    654707}
     708
    655709.devhub-wrap .bypostauthor {
    656710  background: #eee;
    657711}
     712
    658713.devhub-wrap .widget select {
    659714  max-width: 100%;
    660715}
     716
    661717.devhub-wrap .widget_search .search-submit {
    662718  display: none;
    663719}
    664 .devhub-wrap .infinite-scroll .paging-navigation,
    665 .devhub-wrap .infinite-scroll.neverending .site-footer {
     720
     721.devhub-wrap .infinite-scroll .paging-navigation, .devhub-wrap .infinite-scroll.neverending .site-footer {
    666722  /* Theme Footer (when set to scrolling) */
    667723  display: none;
    668724}
     725
    669726.devhub-wrap .infinity-end.neverending .site-footer {
    670727  display: block;
    671728}
     729
    672730.devhub-wrap .site-header {
    673731  background: none repeat scroll 0 0 #F7F7F7;
    674732  border-bottom: 1px solid #DFDFDF;
     
    675733  height: 62px;
    676734  margin-bottom: 1em;
    677735}
     736
    678737.devhub-wrap .site-branding {
    679738  width: 100%;
    680739}
     740
    681741.devhub-wrap .site-branding a {
    682742  text-decoration: none;
    683743  color: #606060;
    684744}
     745
    685746.devhub-wrap .site-branding .site-title {
    686747  color: #555555;
    687748  float: left;
     
    692753  text-shadow: 0 1px 0 #FFFFFF;
    693754  font-weight: 300;
    694755}
     756
    695757.devhub-wrap .breadcrumbs {
    696758  font-size: 13px;
    697759  font-size: 1.3rem;
    698760}
     761
    699762.devhub-wrap .breadcrumbs .active {
    700763  font-weight: 600;
    701764}
     765
    702766.devhub-wrap .breadcrumb-trail {
    703767  margin-bottom: 1.25em;
    704768}
     769
    705770.devhub-wrap h1.entry-title,
    706771.devhub-wrap h1.page-title {
    707772  font-weight: 300;
     
    710775  color: #606060;
    711776  text-align: center;
    712777}
     778
    713779.devhub-wrap h1.entry-title a,
    714780.devhub-wrap h1.page-title a {
    715781  text-decoration: none;
    716782  color: #606060;
    717783}
     784
    718785.devhub-wrap h1.single-entry-title,
    719786.devhub-wrap h2.entry-title {
    720787  text-align: left;
     
    723790  padding: 0 0 24px;
    724791  padding: 0 0 2.4rem;
    725792}
     793
    726794.devhub-wrap h1.single-entry-title a,
    727795.devhub-wrap h2.entry-title a {
    728796  text-decoration: none;
    729797  color: #606060;
    730798}
     799
    731800.devhub-wrap section {
    732801  overflow: auto;
    733802}
     803
    734804.devhub-wrap .home-landing .section {
    735805  padding: 30px 0%;
    736806  padding: 3rem 0%;
    737807}
     808
    738809.devhub-wrap .color.section {
    739810  color: #fff;
    740811}
     812
    741813.devhub-wrap .section.blue {
    742814  background: #0F3D57;
    743815  padding: 30px 0;
    744816  padding: 3rem 0;
    745817}
     818
    746819.devhub-wrap .section.blue .box {
    747820  text-align: center;
    748821}
     822
    749823.devhub-wrap .section.blue .box .widget-description {
    750824  padding: 1em 15%;
    751825}
     826
    752827.devhub-wrap .section.blue .widget-title {
    753828  font-size: 62px;
    754829  font-size: 6.2rem;
     
    755830  line-height: 78px;
    756831  line-height: 7.8rem;
    757832}
     833
    758834.devhub-wrap .section.blue .widget-title .dashicons {
    759835  font-size: 84px;
    760836  font-size: 8.4rem;
     
    767843  margin-right: 16px;
    768844  margin-right: 1.6rem;
    769845}
     846
    770847.devhub-wrap .section.gray {
    771848  background: #797878;
    772849  color: #fff;
    773850}
     851
    774852.devhub-wrap .section.gray h2,
    775853.devhub-wrap .section.gray h3,
    776854.devhub-wrap .section.gray h4 {
    777855  color: #fff;
    778856}
     857
    779858.devhub-wrap .section.gray .inner-wrap {
    780859  max-width: 760px;
    781860  max-width: 76rem;
    782861  margin: 1.2em auto 0;
    783862}
     863
    784864.devhub-wrap .section.gray .inner-wrap .code-ref-left {
    785865  float: left;
    786866  width: 60%;
     
    787867  clear: none;
    788868  text-align: center;
    789869}
     870
    790871.devhub-wrap .section.gray .inner-wrap .code-ref-right {
    791872  float: left;
    792873  width: 40%;
     
    794875  margin-top: 1.1em;
    795876  text-align: center;
    796877}
     878
    797879@media (max-width: 43em) {
    798880  .devhub-wrap .section.gray .inner-wrap .code-ref-left,
    799881  .devhub-wrap .section.gray .inner-wrap .code-ref-right {
     
    810892    float: none;
    811893  }
    812894}
     895
    813896.devhub-wrap .section.gray .widget-title {
    814897  font-weight: 300;
    815898  font-size: 40px;
     
    817900  line-height: 68px;
    818901  line-height: 6.8rem;
    819902}
     903
    820904.devhub-wrap .section.gray .widget-title .dashicons {
    821905  font-size: 68px;
    822906  font-size: 6.8rem;
     
    827911  height: 6.8rem;
    828912  width: 6.8rem;
    829913}
     914
    830915.devhub-wrap .section.gray .widget-description {
    831916  margin-left: 85px;
    832917  margin-left: 8.5rem;
    833918}
     919
    834920.devhub-wrap .section.light-gray {
    835921  background: #f2f2f2;
    836922  color: #606060;
    837923}
     924
    838925.devhub-wrap .section.light-gray .widget-title {
    839926  color: #606060;
    840927  font-weight: 600;
    841928}
     929
    842930.devhub-wrap .section.light-gray .widget-title a {
    843931  color: #2D96C2;
    844932}
     933
    845934.devhub-wrap .section.light-gray a {
    846935  color: #606060;
    847936  text-decoration: none;
    848937}
     938
    849939.devhub-wrap .section .home-primary-content {
    850940  max-width: 600px;
    851941  max-width: 60rem;
    852942  margin: 0 auto;
    853943}
     944
    854945.devhub-wrap .box {
    855946  padding: 30px;
    856947  padding: 3rem;
     
    857948  float: left;
    858949  clear: none;
    859950}
     951
    860952.devhub-wrap .section.search-section {
    861953  padding-bottom: 0;
    862954}
     955
    863956.devhub-wrap .reference-landing .section.search-section {
    864957  padding-top: 0;
    865958}
     959
    866960.devhub-wrap.single div#inner-search, .devhub-wrap.archive div#inner-search {
    867961  background-color: #2e6183;
    868962  margin-top: -1em;
     
    869963  margin-bottom: 1em;
    870964  padding-top: 2px;
    871965}
     966
    872967.devhub-wrap.single div#inner-search .section.search-section, .devhub-wrap.archive div#inner-search .section.search-section {
    873968  color: #ffffff;
    874969}
     970
    875971.devhub-wrap.single div#inner-search div#inner-search-icon-container, .devhub-wrap.archive div#inner-search div#inner-search-icon-container {
    876972  margin: 0 auto;
    877973  max-width: 60em;
    878974  cursor: pointer;
    879975}
     976
    880977.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon {
    881978  background-color: #2e6183;
    882979  color: #ffffff;
     
    892989  border-bottom-right-radius: 5px;
    893990  border-bottom-left-radius: 5px;
    894991}
     992
    895993.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search {
    896994  height: auto;
    897995  width: auto;
    898996}
     997
    899998.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before {
    900999  font-size: 36px;
    9011000  line-height: 36px;
    9021001}
     1002
    9031003.devhub-wrap .searchform {
    9041004  overflow: hidden;
    9051005  height: auto;
    9061006  margin-bottom: 1em;
    9071007}
     1008
    9081009.devhub-wrap .searchform input[type="text"], .devhub-wrap .searchform input[type="submit"] {
    9091010  height: 50px;
    9101011  height: 5rem;
     
    9111012  margin-bottom: 1em;
    9121013  width: 100%;
    9131014}
     1015
    9141016.devhub-wrap .searchform input[type="submit"] {
    9151017  width: 85px;
    9161018  width: 8.5rem;
    9171019  float: left;
    9181020}
     1021
    9191022.devhub-wrap .searchform label {
    9201023  width: 560px;
    9211024  width: 56rem;
     
    9241027  display: inline-block;
    9251028  float: left;
    9261029}
     1030
    9271031.devhub-wrap .searchform label .search-field input[type="text"] {
    9281032  width: 100%;
    9291033}
     1034
    9301035.devhub-wrap .searchform div {
    9311036  overflow: auto;
    9321037}
     1038
    9331039.devhub-wrap .searchform .search-post-type label {
    9341040  border-right: 1px solid #ccc;
    9351041  float: none;
     
    9391045  padding-left: 0;
    9401046  padding-right: 1.3em;
    9411047}
     1048
    9421049.devhub-wrap .searchform .search-post-type label input {
    9431050  padding-left: 0.5em;
    9441051}
     1052
    9451053.devhub-wrap .searchform .search-post-type label:last-child {
    9461054  border-right-width: 0;
    9471055}
     1056
    9481057.devhub-wrap .search-results-summary {
    9491058  font-style: italic;
    9501059  margin-bottom: 1em;
    9511060}
     1061
    9521062.devhub-wrap .reference-landing .section, .devhub-wrap .search-section {
    9531063  max-width: 700px;
    9541064  max-width: 70rem;
     
    9551065  margin: 0 auto;
    9561066  padding: 1.5em 0;
    9571067}
     1068
    9581069.devhub-wrap .reference-landing .section h2,
    9591070.devhub-wrap .reference-landing .section h3,
    9601071.devhub-wrap .reference-landing .section h4 {
     
    9611072  margin-bottom: 1em;
    9621073  color: #404040;
    9631074}
     1075
    9641076.devhub-wrap .reference-landing .section h2.widget-title,
    9651077.devhub-wrap .reference-landing .section h3.widget-title,
    9661078.devhub-wrap .reference-landing .section h4.widget-title {
    9671079  margin-bottom: 0;
    9681080}
     1081
    9691082.devhub-wrap .reference-landing .section.search-guide {
    9701083  padding-bottom: 0;
    9711084}
     1085
    9721086.devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide {
    9731087  padding-top: 0;
    9741088}
     1089
    9751090.devhub-wrap .reference-landing .box,
    9761091.devhub-wrap .sidebar .box {
    9771092  padding: 0;
     
    9781093  border: 2px solid #cccccc;
    9791094  background-color: #eeeeee;
    9801095}
     1096
    9811097.devhub-wrap .reference-landing .box ul,
    9821098.devhub-wrap .sidebar .box ul {
    9831099  padding: 2em;
    9841100}
     1101
    9851102.devhub-wrap .reference-landing .box .widget-title,
    9861103.devhub-wrap .sidebar .box .widget-title {
    9871104  padding: 10px 30px;
     
    9891106  font-size: 16px;
    9901107  font-size: 1.6rem;
    9911108}
     1109
    9921110.devhub-wrap .reference-landing .box .widget-content,
    9931111.devhub-wrap .sidebar .box .widget-content {
    9941112  padding: 16px 30px;
    9951113  padding: 1.6rem 3rem;
    9961114}
     1115
    9971116.devhub-wrap #sidebar {
    9981117  border: 1px solid #d0d0d0;
    9991118  box-shadow: 0px 0px 5px #d0d0d0;
    10001119  background-color: #f0f0f0;
    10011120}
     1121
    10021122.devhub-wrap #sidebar > ul {
    10031123  padding: 0;
    10041124  margin: 0;
    10051125  list-style-type: none;
    10061126}
     1127
    10071128.devhub-wrap #sidebar > ul li h2.widgettitle {
    10081129  background-color: #d0d0d0;
    10091130  color: #8a8989;
     
    10121133  font-size: 14px;
    10131134  letter-spacing: 2px;
    10141135}
     1136
    10151137.devhub-wrap #sidebar > ul li .menu > li {
    10161138  padding-bottom: 1em;
    10171139}
     1140
    10181141.devhub-wrap #sidebar > ul li ul {
    10191142  list-style-type: none;
    10201143  margin: 0 10px;
     
    10211144  padding: 15px 0;
    10221145  counter-reset: item;
    10231146}
     1147
    10241148.devhub-wrap #sidebar > ul li ul li:before {
    10251149  content: counter(item);
    10261150  counter-increment: item;
     
    10351159  border-radius: 50%;
    10361160  vertical-align: top;
    10371161}
     1162
    10381163.devhub-wrap #sidebar > ul li ul li a {
    10391164  font-size: 16px;
    10401165  color: #4b4b4b;
    10411166  font-weight: bold;
    10421167}
     1168
    10431169.devhub-wrap #sidebar > ul li ul li > a {
    10441170  display: inline-block;
    10451171  width: 225px;
    10461172}
     1173
    10471174.devhub-wrap #sidebar > ul li ul li ul {
    10481175  list-style-type: none;
    10491176  padding: 0;
    10501177  margin: 0 0 0 35px;
    10511178}
     1179
    10521180.devhub-wrap #sidebar > ul li ul li ul li {
    10531181  padding-left: 20px;
    10541182}
     1183
    10551184.devhub-wrap #sidebar > ul li ul li ul li:before {
    10561185  content: none;
    10571186}
     1187
    10581188.devhub-wrap #sidebar > ul li ul li ul li a {
    10591189  font-weight: normal;
    10601190  font-size: 14px;
     
    10611191  display: inline;
    10621192  margin-left: -20px;
    10631193}
     1194
    10641195.devhub-wrap #sidebar > ul li ul li ul li ul {
    10651196  margin-left: 20px;
    10661197}
     1198
    10671199.devhub-wrap #sidebar .current-menu-item > a {
    10681200  font-weight: bold !important;
    10691201  color: #246998;
    10701202}
     1203
    10711204.devhub-wrap .menu-item-has-children {
    10721205  padding-bottom: 15px;
    10731206}
     1207
    10741208.devhub-wrap .reference-landing .box ul {
    10751209  padding: 0;
    10761210  overflow: hidden;
    10771211}
     1212
    10781213.devhub-wrap .three-columns .box {
    10791214  width: 31%;
    10801215  margin: 1.15%;
    10811216}
     1217
    10821218.devhub-wrap .two-columns .box {
    10831219  width: 48%;
    10841220  margin: 1% 1% 1% 0;
    10851221}
     1222
    10861223.devhub-wrap .new-in-guide.two-columns .box {
    10871224  width: 43%;
    10881225}
     1226
    10891227.devhub-wrap .new-in-guide.two-columns .box:first-child {
    10901228  width: 53%;
    10911229}
     1230
    10921231.devhub-wrap #sidebar,
    10931232.devhub-wrap .no-bullets,
    10941233.devhub-wrap .sidebar .widget ul {
     
    10961235  margin: 0;
    10971236  padding: 0;
    10981237}
     1238
    10991239.devhub-wrap .horizontal-list {
    11001240  display: inline;
    11011241  list-style-type: none;
     
    11021242  margin: 0;
    11031243  padding: 0;
    11041244}
     1245
    11051246.devhub-wrap .horizontal-list li {
    11061247  display: inline;
    11071248}
     1249
    11081250.devhub-wrap .horizontal-list li a {
    11091251  padding: 0px 40px;
    11101252  padding: 0 4rem;
    11111253  border-left: 1px solid #ccc;
    11121254}
     1255
    11131256.devhub-wrap .horizontal-list li:first-child a {
    11141257  padding-left: 0;
    11151258  border-left: none;
    11161259}
     1260
    11171261.devhub-wrap .view-all-new-in {
    11181262  font-style: italic;
    11191263}
     1264
    11201265.devhub-wrap .box.transparent {
    11211266  background: none;
    11221267  color: #fff;
    11231268}
     1269
    11241270.devhub-wrap .box.transparent h2,
    11251271.devhub-wrap .box.transparent h3,
    11261272.devhub-wrap .box.transparent h4 {
    11271273  color: #fff;
    11281274}
     1275
    11291276.devhub-wrap .box.gray {
    11301277  background: #fff;
    11311278  border: 1px solid #d8d8d8;
    11321279}
     1280
    11331281.devhub-wrap .box.gray .widget-title {
    11341282  color: #666666;
    11351283  background: #d8d8d8;
    11361284  text-transform: uppercase;
    11371285}
     1286
    11381287.devhub-wrap .box .unordered-list {
    11391288  list-style-type: none;
    11401289  padding: 0;
     
    11441293  line-height: 30px;
    11451294  line-height: 3rem;
    11461295}
     1296
    11471297.devhub-wrap .widget-description {
    11481298  font-style: italic;
    11491299  font-weight: 300;
    11501300}
     1301
    11511302.devhub-wrap .wp-parser-class, .devhub-wrap .wp-parser-function, .devhub-wrap .wp-parser-hook, .devhub-wrap .wp-parser-method {
    11521303  border-bottom: 1px solid #dfdfdf;
    11531304}
     1305
    11541306.devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
    11551307  margin: 24px 0;
    11561308  padding-left: 100px;
    11571309}
     1310
    11581311.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 {
    11591312  margin-left: -100px;
    11601313  color: #24831d;
     
    11611314  font-family: monospace;
    11621315  font-size: 20px;
    11631316}
     1317
    11641318.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 {
    11651319  color: #888888;
    11661320}
     1321
    11671322.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 {
    11681323  color: #cd2f23;
    11691324  font-style: italic;
    11701325}
     1326
    11711327.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 {
    11721328  color: #0f55c8;
    11731329}
     1330
    11741331.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 {
    11751332  color: #000000;
    11761333}
     1334
    11771335.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 {
    11781336  border-bottom: 1px dotted #21759b;
    11791337}
     1338
    11801339.devhub-wrap .wp-parser-class h2, .devhub-wrap .wp-parser-function h2, .devhub-wrap .wp-parser-hook h2, .devhub-wrap .wp-parser-method h2 {
    11811340  font-family: Georgia, Times, serif;
    11821341  margin-bottom: .5em;
    11831342}
     1343
    11841344.devhub-wrap .wp-parser-class .return-type, .devhub-wrap .wp-parser-function .return-type, .devhub-wrap .wp-parser-hook .return-type, .devhub-wrap .wp-parser-method .return-type {
    11851345  font-style: italic;
    11861346}
     1347
    11871348.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 {
    11881349  margin-bottom: 0;
    11891350}
     1351
    11901352.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 {
    11911353  font-style: italic;
    11921354}
     1355
    11931356.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 {
    11941357  font-style: italic;
    11951358}
     1359
    11961360.devhub-wrap .wp-parser-class .parameters .param-hash, .devhub-wrap .wp-parser-function .parameters .param-hash, .devhub-wrap .wp-parser-hook .parameters .param-hash, .devhub-wrap .wp-parser-method .parameters .param-hash {
    11971361  margin-left: 1.2em;
    11981362  margin-bottom: 0.5em;
    11991363}
     1364
    12001365.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 {
    12011366  background-color: #f1f1f1;
    12021367  border: 1px solid #dfdfdf;
     
    12031368  border-radius: 5px;
    12041369  padding: 20px;
    12051370}
     1371
    12061372.devhub-wrap .wp-parser-class .deprecated, .devhub-wrap .wp-parser-function .deprecated, .devhub-wrap .wp-parser-hook .deprecated, .devhub-wrap .wp-parser-method .deprecated {
    12071373  background-color: #be2423;
    12081374  border: 1px solid #a4322f;
     
    12091375  padding: 20px;
    12101376  color: #ffffff;
    12111377}
     1378
    12121379.devhub-wrap .wp-parser-class .deprecated-method, .devhub-wrap .wp-parser-function .deprecated-method, .devhub-wrap .wp-parser-hook .deprecated-method, .devhub-wrap .wp-parser-method .deprecated-method {
    12131380  color: #be2423;
    12141381  font-style: italic;
    12151382}
     1383
    12161384.devhub-wrap.archive .wp-parser-class h1 a, .devhub-wrap.archive .wp-parser-function h1 a, .devhub-wrap.archive .wp-parser-hook h1 a, .devhub-wrap.archive .wp-parser-method h1 a, .devhub-wrap.search .wp-parser-class h1 a, .devhub-wrap.search .wp-parser-function h1 a, .devhub-wrap.search .wp-parser-hook h1 a, .devhub-wrap.search .wp-parser-method h1 a {
    12171385  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    12181386  color: #21759b;
    12191387  font-weight: normal;
    12201388}
     1389
    12211390.devhub-wrap.archive .wp-parser-class div.sourcefile, .devhub-wrap.archive .wp-parser-function div.sourcefile, .devhub-wrap.archive .wp-parser-hook div.sourcefile, .devhub-wrap.archive .wp-parser-method div.sourcefile, .devhub-wrap.search .wp-parser-class div.sourcefile, .devhub-wrap.search .wp-parser-function div.sourcefile, .devhub-wrap.search .wp-parser-hook div.sourcefile, .devhub-wrap.search .wp-parser-method div.sourcefile {
    12221391  color: #999999;
    12231392  font-style: italic;
    12241393}
     1394
    12251395.devhub-wrap .single .wp-parser-class, .devhub-wrap .single .wp-parser-function, .devhub-wrap .single .wp-parser-hook, .devhub-wrap .single .wp-parser-method {
    12261396  border-bottom-style: none;
    12271397}
     1398
    12281399.devhub-wrap .usage article {
    12291400  float: left;
    12301401  width: 50%;
    12311402}
     1403
    12321404.devhub-wrap .usage .used-by {
    12331405  padding-right: 30px;
    12341406}
     1407
    12351408.devhub-wrap .usage .uses {
    12361409  padding-left: 30px;
    12371410}
     1411
    12381412.devhub-wrap .usage ul {
    12391413  line-height: 1.7;
    12401414  /* Slightly increase the line height for more readability */
     
    12411415  list-style-type: none;
    12421416  margin: 0;
    12431417}
     1418
    12441419.devhub-wrap .usage .show-more, .devhub-wrap .usage .hide-more {
    12451420  display: none;
    12461421}
     1422
    12471423.devhub-wrap .source-content {
    12481424  overflow: auto;
    12491425}
     1426
    12501427.devhub-wrap .source-code-links {
    12511428  margin-left: 2em;
    12521429  margin-top: 1em;
    12531430}
     1431
    12541432.devhub-wrap .source-code-links span {
    12551433  border-left: 1px solid #999;
    12561434  margin-left: 1em;
    12571435  padding-left: 1em;
    12581436}
     1437
    12591438.devhub-wrap .source-code-links span:first-child {
    12601439  display: none;
    12611440  border-left: 0;
     
    12621441  margin-left: 1em;
    12631442  padding-left: 0;
    12641443}
     1444
    12651445.devhub-wrap .source-code-container {
    12661446  border-right: 1px solid #dfdfdf;
    12671447  overflow-x: auto;
    12681448  overflow-y: hidden;
    12691449}
     1450
    12701451.devhub-wrap .show-complete-source, .devhub-wrap .less-complete-source {
    12711452  display: none;
    12721453}
     1454
    12731455.devhub-wrap .loop-pagination {
    12741456  text-align: center;
    12751457  font-size: 18px;
    12761458  margin-bottom: 20px;
    12771459}
     1460
    12781461.devhub-wrap .comment-list,
    12791462.devhub-wrap .comment-list ol {
    12801463  list-style: none;
     
    12811464  margin: 0 0 1.5em 0;
    12821465  padding: 0;
    12831466}
     1467
    12841468.devhub-wrap .comment-list li {
    12851469  padding: 2rem 1.5rem 1rem;
    12861470  border: 0 solid #eee;
     
    12871471  border-bottom-width: 1px;
    12881472  background: #fff;
    12891473}
     1474
    12901475.devhub-wrap .comment-list li:first-child {
    12911476  padding-top: 1rem;
    12921477}
     1478
    12931479.devhub-wrap .comment-list .avatar {
    12941480  float: left;
    12951481  width: 2.5em;
     
    12981484  padding: 0.125em;
    12991485  border: 1px solid #eee;
    13001486}
     1487
    13011488.devhub-wrap .comment-author-attribution {
    13021489  font-weight: bold;
    13031490}
     1491
    13041492.devhub-wrap .comment-meta {
    13051493  margin: 0 0 1.5em 0;
    13061494  font-size: 0.75em;
    13071495}
     1496
    13081497.devhub-wrap .comment-content {
    13091498  margin-left: 60px;
    13101499  margin-left: 3.75rem;
     
    13111500  margin-left: 0;
    13121501  clear: both;
    13131502}
     1503
    13141504.devhub-wrap .comment-content ol {
    13151505  list-style: decimal inside;
    13161506  margin: 0 0 1.5em 0;
     
    13181508  margin: 0 0 1.5em 1.5em;
    13191509  padding: 0;
    13201510}
     1511
    13211512.devhub-wrap .comment-content ul {
    13221513  list-style: square inside;
    13231514  margin: 0 0 1.5em 0;
     
    13251516  margin: 0 0 1.5em 1.5em;
    13261517  padding: 0;
    13271518}
     1519
    13281520.devhub-wrap .comment-content li {
    13291521  border: none;
    13301522  padding: 0;
    13311523}
     1524
    13321525.devhub-wrap #respond {
    13331526  overflow: hidden;
    13341527}
     1528
    13351529.devhub-wrap .comment-list #respond {
    13361530  margin: 1.5em 0 0;
    13371531}
     1532
    13381533.devhub-wrap #respond .log-in-out a {
    13391534  font-style: italic;
    13401535}
     1536
    13411537.devhub-wrap #reply-title small a {
    13421538  font-style: italic;
    13431539}
     1540
    13441541.devhub-wrap #respond #submit {
    13451542  float: left;
    13461543  margin: 0 0 1.5em;
    13471544}
     1545
    13481546.devhub-wrap #content-area.has-sidebar {
    13491547  float: none;
    13501548  margin: 0 auto;
    13511549  width: 60em;
    13521550}
     1551
    13531552.devhub-wrap .has-sidebar main {
    13541553  float: right;
    13551554  width: 67%;
     
    13581557  padding: 0 12px;
    13591558  padding: 0 1.2rem;
    13601559}
     1560
    13611561.devhub-wrap .has-sidebar .widget-area {
    13621562  float: left;
    13631563  overflow: hidden;
     
    13661566  margin: 0;
    13671567  clear: none;
    13681568}
     1569
    13691570.devhub-wrap .has-sidebar .widget-area .widget {
    13701571  width: 100%;
    13711572}
     1573
    13721574.devhub-wrap nav.post-navigation .nav-links a {
    13731575  width: 49%;
    13741576  display: inline-block;
    13751577}
     1578
    13761579.devhub-wrap nav.post-navigation .nav-links a[rel="prev"] {
    13771580  text-align: left;
    13781581}
     1582
    13791583.devhub-wrap nav.post-navigation .nav-links a[rel="next"] {
    13801584  text-align: right;
    13811585  float: right;
    13821586}
     1587
    13831588.devhub-wrap .table-of-contents {
    13841589  float: right;
    13851590  width: 200px;
     
    13891594  z-index: 1;
    13901595  position: relative;
    13911596}
     1597
    13921598.devhub-wrap .table-of-contents h2 {
    13931599  margin: 0;
    13941600  padding-bottom: 3px;
     
    13991605  background: #d0d0d0;
    14001606  color: #8a8989;
    14011607}
     1608
    14021609.devhub-wrap .table-of-contents ul,
    14031610.devhub-wrap .table-of-contents ol {
    14041611  margin: 10px 20px;
    14051612}
     1613
    14061614.devhub-wrap .table-of-contents ul ul,
    14071615.devhub-wrap .table-of-contents ul ol,
    14081616.devhub-wrap .table-of-contents ol ul,
     
    14091617.devhub-wrap .table-of-contents ol ol {
    14101618  margin-right: 0;
    14111619}
     1620
    14121621.devhub-wrap ul.items {
    14131622  margin-bottom: 8px !important;
    14141623  list-style-type: none !important;
    14151624  padding-right: 10px;
    14161625}
     1626
    14171627.devhub-wrap ul.items li {
    14181628  padding-bottom: 6px !important;
    14191629}
     1630
    14201631.devhub-wrap ul.items li ul li,
    14211632.devhub-wrap ul.items li ul li ul li {
    14221633  padding-bottom: 0 !important;
    14231634}
     1635
    14241636.devhub-wrap ul.items li a {
    14251637  color: #555 !important;
    14261638}
     1639
    14271640.devhub-wrap .comment-author {
    14281641  float: left;
    14291642}
     1643
    14301644.devhub-wrap .user-note-voting {
    14311645  font-size: 1.5em;
    14321646  clear: left;
     
    14341648  margin-top: -5px;
    14351649  margin-right: 10px;
    14361650}
     1651
    14371652.devhub-wrap .user-note-voting-up .dashicons, .devhub-wrap .user-note-voting-down .dashicons {
    14381653  font-size: 30px;
    14391654  height: 30px;
     
    14401655  width: 30px;
    14411656  color: #000;
    14421657}
     1658
    14431659.devhub-wrap .user-note-voting-up {
    14441660  margin-left: -9px;
    14451661}
     1662
    14461663.devhub-wrap .user-note-voting-count {
    14471664  margin-right: -2px;
    14481665}
     1666
    14491667.devhub-wrap .user-voted.user-note-voting-up .dashicons {
    14501668  color: green;
    14511669}
     1670
    14521671.devhub-wrap .user-voted.user-note-voting-down .dashicons {
    14531672  color: red;
    14541673}
     1674
    14551675.devhub-wrap .syntaxhighlighter {
    14561676  /* These are !important due to use of !important in SyntaxHighlighter Evolved plugin. */
    14571677  max-width: 100% !important;
     
    14581678  width: inherit !important;
    14591679}
    14601680
    1461 @media (max-width: 60em) {
     1681@media (max-width: 59.999999em) {
    14621682  .devhub-wrap {
    14631683    max-width: 100%;
    14641684    width: 100%;
     
    14841704    color: #21759b;
    14851705  }
    14861706}
     1707
    14871708@media (min-width: 43em) {
    14881709  .devhub-wrap.archive .meta, .devhub-wrap.search .meta {
    14891710    float: right;
     
    14921713    float: left;
    14931714  }
    14941715}
     1716
    14951717@media (max-width: 43em) {
    14961718  #content-area.has-sidebar main {
    14971719    float: right;
     
    15111733  #content-area.has-sidebar .widget-area .widget {
    15121734    width: 100%;
    15131735  }
    1514 
    15151736  .devhub-wrap .three-columns .box,
    15161737  .devhub-wrap .section .box,
    15171738  .devhub-wrap .home-primary-content,
  • stylesheets/page-dashicons.css

     
    66.dashicons-page {
    77  padding: 0 !important;
    88}
     9
    910.dashicons-page * {
    1011  box-sizing: border-box;
    1112}
     13
    1214.dashicons-page .details {
    1315  position: relative;
    1416}
     17
    1518.dashicons-page .icon-filter {
    1619  position: absolute;
    1720  left: 0;
     
    1922  padding: 0 2.5em;
    2023  width: 50%;
    2124}
     25
    2226.dashicons-page .icon-filter #search {
    2327  width: 100%;
    2428  border: 1px solid #ccc;
     
    2731  padding: 10px;
    2832  background: rgba(255, 255, 255, 0.8);
    2933}
     34
    3035.dashicons-page .icon-filter #search:focus {
    3136  background: #fff;
    3237  outline: none;
    3338}
     39
    3440.dashicons-page .entry-content {
    3541  float: left;
    3642  margin-top: 0 !important;
     
    3743  padding: 1.5em 25px;
    3844  width: 50%;
    3945}
     46
    4047.dashicons-page #glyph {
    4148  float: left;
    4249  padding: 1.5em 25px;
    4350  width: 50%;
    4451}
     52
    4553.dashicons-page #glyph .dashicons {
    4654  font-size: 240px;
    4755  width: 240px;
     
    4856  height: 240px;
    4957  overflow: visible;
    5058}
     59
    5160.dashicons-page #glyph .info {
    5261  float: right;
    5362  margin-top: 50px;
    5463  width: 35%;
    5564}
     65
    5666.dashicons-page #glyph span {
    5767  display: block;
    5868  margin-bottom: 1em;
    5969}
     70
    6071.dashicons-page #glyph span a {
    6172  text-decoration: underline;
    6273}
     74
    6375.dashicons-page #glyph .name {
    6476  font-size: .9em;
    6577}
     78
    6679.dashicons-page h4 {
    6780  margin: 1.5em 0;
    6881  padding-top: 25px;
    6982  border-top: 1px solid lightgrey;
    7083}
     84
    7185.dashicons-page h4:first-of-type {
    7286  margin-top: 0;
    7387  padding-top: 0;
    7488  border-top: none;
    7589}
     90
    7691.searching .dashicons-page h4 {
    7792  display: none;
    7893}
     94
    7995.dashicons-page #iconlist {
    8096  margin-top: 1.5em;
    8197}
     98
    8299.dashicons-page #iconlist .dashicons {
    83100  position: relative;
    84101  box-sizing: content-box;
     
    91108  line-height: 1;
    92109  cursor: pointer;
    93110}
     111
    94112.dashicons-page #iconlist .dashicons:before {
    95113  margin-right: 40px;
    96114}
     115
    97116.dashicons-page #iconlist .dashicons:after {
    98117  content: attr(alt);
    99118  display: block;
     
    101120  color: #999;
    102121  text-align: center;
    103122}
     123
    104124.dashicons-page #iconlist .dashicons:hover {
    105125  color: #d54e21;
    106126}
     127
    107128.dashicons-page #instructions {
    108129  margin-top: 1.5em;
    109130  border-top: 1px solid lightgrey;
    110131}
     132
    111133.dashicons-page #instructions h3 {
    112134  margin: 1.5em 0 0.75em;
    113135}
     136
    114137.dashicons-page #instructions h4 {
    115138  margin-top: 0;
    116139  padding-top: 0;
    117140  border-top: none;
    118141}
     142
    119143.dashicons-page .code {
    120144  display: block;
    121145  font: 14px/1.5 monospace;
     
    126150  overflow: auto;
    127151  min-height: 180px;
    128152}
     153
    129154@media (max-width: 900px) {
    130155  .dashicons-page .icon-filter {
    131156    position: relative;
     
    170195    margin-right: 0;
    171196  }
    172197}
     198
    173199@media (max-width: 400px) {
    174   .dashicons-page #glyph, .dashicons-page .entry-content, .dashicons-page .icon-filter {
     200  .dashicons-page #glyph,
     201  .dashicons-page .entry-content,
     202  .dashicons-page .icon-filter {
    175203    padding-left: 0;
    176204    padding-right: 0;
    177205  }
  • stylesheets/reset.css

     
    6565blockquote, q {
    6666  quotes: "" "";
    6767}
     68
    6869blockquote:before, blockquote:after, q:before, q:after {
    6970  content: "";
    7071}
     
    7273a:focus {
    7374  outline: thin dotted;
    7475}
     76
    7577a:hover, a:active {
    7678  outline: 0;
    7779}
     80
    7881a img {
    7982  border: 0;
    8083}
  • .