WordPress.org
Get WordPress

Making WordPress.org

Changeset 637


Ignore:
Timestamp:
05/22/2014 04:31:20 PM (10 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.