WordPress.org
Get WordPress

Making WordPress.org

Changeset 637


Ignore:
Timestamp:
05/22/2014 04:31:20 PM (12 years ago)
Author:
coffee2code
Message:

Code Reference: handbook sidebar styles. props nicolealleyinteractivecom

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
3 edited

Legend:

Unmodified
Added
Removed

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

    r620 r637  
    636636
    637637        .reference-landing .box,
    638         .sidebar .box,
    639         .sidebar .widget_wporg_handbook_pages {
     638        .sidebar .box {
    640639                padding: 0;
    641640                border: 2px solid #cccccc;
    … …  
    658657
    659658        }
     659        #sidebar {
     660                padding: 0;
     661                border: 2px solid #cecece;
     662                background-color: #f4f3f3;
     663                & > ul {
     664                        padding: 0;
     665                        margin: 0;
     666                        list-style-type: none;
     667                        li {
     668                                h2.widgettitle {
     669                                background-color: #cecece;
     670                                color: #8a8989;
     671                                text-align: center;
     672                                text-transform: uppercase;
     673                                font-size: 14px;
     674                                letter-spacing: 2px;
     675                                }
     676                                ul {
     677                                        list-style-type: none;
     678                                        margin-left: 10px;
     679                                        padding: 15px 0;
     680                                        counter-reset: item;
     681                                        li {
     682                                                &:before {
     683                                                        content: counter(item);
     684                                                        counter-increment: item;
     685                                                        background-color: #cecece;
     686                                                        width: 25px;
     687                                                        display: inline-block;
     688                                                        color: #fff;
     689                                                        margin-right: 10px;
     690                                                        text-align: center;
     691                                                        padding: 3px 0;
     692                                                        font-size: 13px;
     693                                                        border-radius: 50%;
     694                                                }
     695                                                a {
     696                                                        font-size: 14px;
     697                                                        color: #4b4b4b;
     698                                                        font-weight: bold;
     699                                                }
     700                                                ul {
     701                                                        list-style-type: none;
     702                                                        padding: 0;
     703                                                        margin-left: 44px;
     704                                                        li {
     705                                                                &:before {
     706                                                                        content: none;
     707                                                                }
     708                                                                a {
     709                                                                        font-weight: normal;
     710                                                                }
     711                                                                ul {
     712                                                                        margin-left: 20px;
     713                                                                }
     714                                                        }
     715                                                }
     716                                        }
     717                                }
     718                        }
     719                }
     720        }
    660721
    661722        .reference-landing .box ul {
    … …  
    675736
    676737
     738        #sidebar,
    677739        .no-bullets,
    678740        .sidebar .widget ul {

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

    r591 r637  
    99        <div id="sidebar" class="widget-area sidebar section" role="complementary">
    1010                <?php do_action( 'before_sidebar' ); ?>
    11                 <?php if ( ! dynamic_sidebar( get_post_type() ) ) : ?>
    12                 <?php endif; // end sidebar widget area ?>
     11                <ul>
     12                        <?php if ( ! dynamic_sidebar( get_post_type() ) ) : ?>
     13                        <?php endif; // end sidebar widget area ?>
     14                </ul>
    1315        </div><!-- #secondary -->
    1416<?php endif; ?>

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

    r620 r637  
    1 @charset "UTF-8";
    21/* =Reset
    32-------------------------------------------------------------- */
    … …  
    874873}
    875874.devhub-wrap .reference-landing .box,
    876 .devhub-wrap .sidebar .box,
    877 .devhub-wrap .sidebar .widget_wporg_handbook_pages {
     875.devhub-wrap .sidebar .box {
    878876  padding: 0;
    879877  border: 2px solid #cccccc;
    … …  
    881879}
    882880.devhub-wrap .reference-landing .box ul,
    883 .devhub-wrap .sidebar .box ul,
    884 .devhub-wrap .sidebar .widget_wporg_handbook_pages ul {
     881.devhub-wrap .sidebar .box ul {
    885882  padding: 2em;
    886883}
    887884.devhub-wrap .reference-landing .box .widget-title,
    888 .devhub-wrap .sidebar .box .widget-title,
    889 .devhub-wrap .sidebar .widget_wporg_handbook_pages .widget-title {
     885.devhub-wrap .sidebar .box .widget-title {
    890886  padding: 10px 30px;
    891887  padding: 1rem 30px;
    … …  
    894890}
    895891.devhub-wrap .reference-landing .box .widget-content,
    896 .devhub-wrap .sidebar .box .widget-content,
    897 .devhub-wrap .sidebar .widget_wporg_handbook_pages .widget-content {
     892.devhub-wrap .sidebar .box .widget-content {
    898893  padding: 16px 30px;
    899894  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;
    900951}
    901952.devhub-wrap .reference-landing .box ul {
    … …  
    911962  margin: 1% 1% 1% 0;
    912963}
     964.devhub-wrap #sidebar,
    913965.devhub-wrap .no-bullets,
    914966.devhub-wrap .sidebar .widget ul {
Note: See TracChangeset for help on using the changeset viewer.