WordPress.org
Get WordPress

Making WordPress.org

Changeset 592


Ignore:
Timestamp:
05/02/2014 09:47:06 PM (12 years ago)
Author:
coffee2code
Message:

Code Reference: Style fixes and improvements

  • Re-add styles not integrated into latest merge
  • Improve responsive alignment and spacing
Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
2 edited

Legend:

Unmodified
Added
Removed

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

    r591 r592  
    1010      -webkit-box-sizing: border-box;
    1111      box-sizing: border-box;
     12    }
     13    #content, #content-area {
     14        padding: 0 10px;
    1215    }
    1316    #content-area,
    … …  
    379382            color: #606060;
    380383        }
    381         .breadcrumb {
    382             .active {
    383                 font-weight: 600;
    384             }
    385 
    386             font-size: 14px;
    387             font-size: 1.4rem;
    388 
    389         }
    390 
    391384        .site-title {
    392385            color: #555555;
    … …  
    400393        }
    401394
     395    }
     396    .breadcrumb {
     397        .active {
     398            font-weight: 600;
     399        }
     400        font-size: 13px;
     401        font-size: 1.3rem;
    402402    }
    403403    .breadcrumb-trail {
    … …  
    658658
    659659    }
     660    .reference-landing .box ul {
     661        padding: 0;
     662    }
    660663
    661664    .three-columns .box {
    … …  
    705708            color: #fff;
    706709        }
     710    }
     711
     712    .view-all-new-in {
     713        font-style: italic;
    707714    }
    708715
    … …  
    736743        h1 {
    737744            margin: 24px 0;
     745            padding-left: 100px;
    738746            a {
     747                margin-left: -100px;
    739748                color: #24831d;
    740749                font-family: $code-font;
    741750                font-size: 20px;
     751                .hook-func {
     752                    color: #888888;
     753                }
    742754                .arg-type {
    743755                    color: #cd2f23;
    … …  
    933945        width: 100%;
    934946
     947        #content,
    935948        #content-area,
    936949        .inner-wrap {
    937950            max-width: 100%;
    938             padding: 0 1%;
     951            padding: 0 13px;
    939952            .has-sidebar {
    940953                width: 100%;
    941954            }
     955        }
     956        .site-branding .site-title {
     957            padding-left: 0;
    942958        }
    943959    }
    … …  
    9891005    }
    9901006
    991     .horizontal-list li {
    992         display: block;
    993         a {
    994             border-left: none;
    995         }
    996     }
    997 
    998     .horizontal-list li:first-child a {
    999         padding: 0 40px;
    1000         padding: 0 4rem;
    1001     }
    1002 
    1003 
    1004     .reference-landing .searchform input[type="text"],
    1005     .reference-landing .searchform input[type="submit"] {
    1006         width: 100%;
    1007         margin-right: 0;
    1008         margin-bottom: 1em;
    1009         float: none;
    1010         clear: both;
     1007    .devhub-wrap {
     1008        .horizontal-list li {
     1009            display: block;
     1010            a {
     1011                border-left: none;
     1012            }
     1013        }
     1014
     1015        .horizontal-list li:first-child a {
     1016            padding: 0 40px;
     1017            padding: 0 4rem;
     1018        }
     1019
     1020        .reference-landing .searchform input[type="text"],
     1021        .reference-landing .searchform input[type="submit"] {
     1022            width: 100%;
     1023            margin-right: 0;
     1024            margin-bottom: 1em;
     1025            float: none;
     1026            clear: both;
     1027        }
     1028
     1029        .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
     1030            h1 {
     1031                padding-left: 45px;
     1032                a {
     1033                    margin-left: -45px;
     1034                }
     1035            }
     1036        }
     1037
     1038        .two-columns .box {
     1039            width: 99%;
     1040        }
    10111041    }
    10121042}

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

    r591 r592  
    303303  box-sizing: border-box;
    304304}
     305.devhub-wrap #content, .devhub-wrap #content-area {
     306  padding: 0 10px;
     307}
    305308.devhub-wrap #content-area,
    306309.devhub-wrap .inner-wrap {
    … …  
    647650  color: #606060;
    648651}
    649 .devhub-wrap .site-branding .breadcrumb {
    650   font-size: 14px;
    651   font-size: 1.4rem;
    652 }
    653 .devhub-wrap .site-branding .breadcrumb .active {
    654   font-weight: 600;
    655 }
    656652.devhub-wrap .site-branding .site-title {
    657653  color: #555555;
    … …  
    663659  text-shadow: 0 1px 0 #FFFFFF;
    664660  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;
    665668}
    666669.devhub-wrap .breadcrumb-trail {
    … …  
    881884  padding: 2em;
    882885}
     886.devhub-wrap .reference-landing .box ul {
     887  padding: 0;
     888}
    883889.devhub-wrap .reference-landing .box .widget-title,
    884890.devhub-wrap .sidebar .box .widget-title,
    … …  
    926932  padding-left: 0;
    927933  border-left: none;
     934}
     935.devhub-wrap .view-all-new-in {
     936  font-style: italic;
    928937}
    929938.devhub-wrap .box.transparent {
    … …  
    963972.devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
    964973  margin: 24px 0;
     974  padding-left: 100px;
    965975}
    966976.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 {
     977  margin-left: -100px;
    967978  color: #24831d;
    968979  font-family: monospace;
    969980  font-size: 20px;
     981}
     982.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 {
     983  color: #888888;
    970984}
    971985.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 {
    … …  
    11011115    width: 100%;
    11021116  }
     1117  .devhub-wrap #content,
    11031118  .devhub-wrap #content-area,
    11041119  .devhub-wrap .inner-wrap {
    11051120    max-width: 100%;
    1106     padding: 0 1%;
     1121    padding: 0 13px;
    11071122  }
    11081123  .devhub-wrap #content-area .has-sidebar,
    11091124  .devhub-wrap .inner-wrap .has-sidebar {
    11101125    width: 100%;
     1126  }
     1127  .devhub-wrap .site-branding .site-title {
     1128    padding-left: 0;
    11111129  }
    11121130}
    … …  
    11531171  }
    11541172
    1155   .horizontal-list li {
     1173  .devhub-wrap .horizontal-list li {
    11561174    display: block;
    11571175  }
    1158   .horizontal-list li a {
     1176  .devhub-wrap .horizontal-list li a {
    11591177    border-left: none;
    11601178  }
    11611179
    1162   .horizontal-list li:first-child a {
     1180  .devhub-wrap .horizontal-list li:first-child a {
    11631181    padding: 0 40px;
    11641182    padding: 0 4rem;
    11651183  }
    11661184
    1167   .reference-landing .searchform input[type="text"],
    1168   .reference-landing .searchform input[type="submit"] {
     1185  .devhub-wrap .reference-landing .searchform {
     1186    text-alignment: center;
     1187  }
     1188  .devhub-wrap .reference-landing .searchform input[type="text"],
     1189  .devhub-wrap .reference-landing .searchform input[type="submit"] {
    11691190    width: 100%;
    11701191    margin-right: 0;
    … …  
    11731194    clear: both;
    11741195  }
    1175 }
     1196  .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
     1197    padding-left: 45px;
     1198  }
     1199  .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 {
     1200    margin-left: -45px;
     1201  }
     1202  .devhub-wrap .two-columns .box {
     1203    width: 99%;
     1204  }
     1205}
Note: See TracChangeset for help on using the changeset viewer.