Skip to:
Content

bbPress.org


Ignore:
Timestamp:
08/02/2012 08:30:17 AM (14 years ago)
Author:
johnjamesjacoby
Message:

Green Scheme:

  • Remove duplicate stylesheets for dealing with wp-content directory depth.
  • Move image styling into admin_head method and get the admin URL in PHP.
  • Remove referencs to content_depth variable.
  • This will make it more difficult to merge admin styling in later, but easier to maintain and result in a smaller package.
  • For 2.1 branch. Backported from 2.2-bleeding as a bonus.
File:
1 edited

Legend:

Unmodified
Added
Removed

  • branches/2.1/bbp-admin/bbp-admin.php

    r4053 r4140  
    5151         */
    5252        public $minimum_capability = 'manage_options';
    53 
    54         /** Admin Scheme **********************************************************/
    55 
    56         /**
    57          * @var int Depth of custom WP_CONTENT_DIR difference
    58          */
    59         public $content_depth = 0;
    6053
    6154        /** Functions *************************************************************/
    … …  
    385378                remove_submenu_page( 'tools.php', 'bbp-reset'     );
    386379
     380                // The /wp-admin/images/ folder
     381                $wp_admin_url     = admin_url( 'images/' );
     382
    387383                // Icons for top level admin menus
    388384                $version          = bbp_get_version();
    … …  
    613609                        }
    614610
     611                        <?php if ( 'bbpress' == get_user_option( 'admin_color' ) ) : ?>
     612
     613                                /* Green Scheme Images */
     614                               
     615                                .post-com-count {
     616                                        background-image: url('<?php echo $wp_admin_url; ?>bubble_bg.gif');
     617                                }
     618
     619                                .button,
     620                                .submit input,
     621                                .button-secondary {
     622                                        background-image: url('<?php echo $wp_admin_url; ?>white-grad.png');
     623                                }
     624
     625                                .button:active,
     626                                .submit input:active,
     627                                .button-secondary:active {
     628                                        background-image: url('<?php echo $wp_admin_url; ?>white-grad-active.png');
     629                                }
     630
     631                                .curtime #timestamp {
     632                                        background-image: url('<?php echo $wp_admin_url; ?>date-button.gif');
     633                                }
     634
     635                                .tagchecklist span a,
     636                                #bulk-titles div a {
     637                                        background-image: url('<?php echo $wp_admin_url; ?>xit.gif');
     638                                }
     639
     640                                .tagchecklist span a:hover,
     641                                #bulk-titles div a:hover {
     642                                        background-image: url('<?php echo $wp_admin_url; ?>xit.gif');
     643                                }
     644                                #screen-meta-links a.show-settings {
     645                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     646                                }
     647
     648                                #screen-meta-links a.show-settings.screen-meta-active {
     649                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     650                                }
     651
     652                                #adminmenushadow,
     653                                #adminmenuback {
     654                                        background-image: url('<?php echo $wp_admin_url; ?>menu-shadow.png');
     655                                }
     656
     657                                #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
     658                                #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle {
     659                                        background-image: url('<?php echo $wp_admin_url; ?>arrows-dark.png');
     660                                }
     661
     662                                #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
     663                                #adminmenu .wp-menu-open .wp-menu-toggle {
     664                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     665                                }
     666
     667                                #collapse-button div {
     668                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     669                                }
     670
     671                                /* menu and screen icons */
     672                                .icon16.icon-dashboard,
     673                                #adminmenu .menu-icon-dashboard div.wp-menu-image {
     674                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     675                                }
     676
     677                                #adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
     678                                #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
     679                                #adminmenu .menu-icon-dashboard.current div.wp-menu-image {
     680                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     681                                }
     682
     683                                .icon16.icon-post,
     684                                #adminmenu .menu-icon-post div.wp-menu-image {
     685                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     686                                }
     687
     688                                #adminmenu .menu-icon-post:hover div.wp-menu-image,
     689                                #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image {
     690                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     691                                }
     692
     693                                .icon16.icon-media,
     694                                #adminmenu .menu-icon-media div.wp-menu-image {
     695                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     696                                }
     697
     698                                #adminmenu .menu-icon-media:hover div.wp-menu-image,
     699                                #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image {
     700                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     701                                }
     702
     703                                .icon16.icon-links,
     704                                #adminmenu .menu-icon-links div.wp-menu-image {
     705                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     706                                }
     707
     708                                #adminmenu .menu-icon-links:hover div.wp-menu-image,
     709                                #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image {
     710                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     711                                }
     712
     713                                .icon16.icon-page,
     714                                #adminmenu .menu-icon-page div.wp-menu-image {
     715                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     716                                }
     717
     718                                #adminmenu .menu-icon-page:hover div.wp-menu-image,
     719                                #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image {
     720                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     721                                }
     722
     723                                .icon16.icon-comments,
     724                                #adminmenu .menu-icon-comments div.wp-menu-image {
     725                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     726                                }
     727
     728                                #adminmenu .menu-icon-comments:hover div.wp-menu-image,
     729                                #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
     730                                #adminmenu .menu-icon-comments.current div.wp-menu-image {
     731                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     732                                }
     733
     734                                .icon16.icon-appearance,
     735                                #adminmenu .menu-icon-appearance div.wp-menu-image {
     736                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     737                                }
     738
     739                                #adminmenu .menu-icon-appearance:hover div.wp-menu-image,
     740                                #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image {
     741                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     742                                }
     743
     744                                .icon16.icon-plugins,
     745                                #adminmenu .menu-icon-plugins div.wp-menu-image {
     746                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     747                                }
     748
     749                                #adminmenu .menu-icon-plugins:hover div.wp-menu-image,
     750                                #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image {
     751                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     752                                }
     753
     754                                .icon16.icon-users,
     755                                #adminmenu .menu-icon-users div.wp-menu-image {
     756                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     757                                }
     758
     759                                #adminmenu .menu-icon-users:hover div.wp-menu-image,
     760                                #adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
     761                                #adminmenu .menu-icon-users.current div.wp-menu-image {
     762                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     763                                }
     764
     765                                .icon16.icon-tools,
     766                                #adminmenu .menu-icon-tools div.wp-menu-image {
     767                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     768                                }
     769
     770                                #adminmenu .menu-icon-tools:hover div.wp-menu-image,
     771                                #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
     772                                #adminmenu .menu-icon-tools.current div.wp-menu-image {
     773                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     774                                }
     775
     776                                .icon16.icon-settings,
     777                                #adminmenu .menu-icon-settings div.wp-menu-image {
     778                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     779                                }
     780
     781                                #adminmenu .menu-icon-settings:hover div.wp-menu-image,
     782                                #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image {
     783                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     784                                }
     785
     786                                .icon16.icon-site,
     787                                #adminmenu .menu-icon-site div.wp-menu-image {
     788                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     789                                }
     790
     791                                #adminmenu .menu-icon-site:hover div.wp-menu-image,
     792                                #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image {
     793                                        background-image: url('<?php echo $wp_admin_url; ?>menu.png?ver=20100531');
     794                                }
     795                                /* end menu and screen icons */
     796
     797                                /* Screen Icons */
     798                                .icon32.icon-post,
     799                                #icon-edit,
     800                                #icon-post {
     801                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     802                                }
     803
     804                                .icon32.icon-dashboard,
     805                                #icon-index {
     806                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     807                                }
     808
     809                                .icon32.icon-media,
     810                                #icon-upload {
     811                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     812                                }
     813
     814                                .icon32.icon-links,
     815                                #icon-link-manager,
     816                                #icon-link,
     817                                #icon-link-category {
     818                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     819                                }
     820
     821                                .icon32.icon-page,
     822                                #icon-edit-pages,
     823                                #icon-page {
     824                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     825                                }
     826
     827                                .icon32.icon-comments,
     828                                #icon-edit-comments {
     829                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     830                                }
     831
     832                                .icon32.icon-appearance,
     833                                #icon-themes {
     834                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     835                                }
     836
     837                                .icon32.icon-plugins,
     838                                #icon-plugins {
     839                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     840                                }
     841
     842                                .icon32.icon-users,
     843                                #icon-users,
     844                                #icon-profile,
     845                                #icon-user-edit {
     846                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     847                                }
     848
     849                                .icon32.icon-tools,
     850                                #icon-tools,
     851                                #icon-admin {
     852                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     853                                }
     854
     855                                .icon32.icon-settings,
     856                                #icon-options-general {
     857                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     858                                }
     859
     860                                .icon32.icon-site,
     861                                #icon-ms-admin {
     862                                        background-image: url('<?php echo $wp_admin_url; ?>icons32.png?ver=20100531');
     863                                }
     864                                /* end screen icons */
     865
     866                                .meta-box-sortables .postbox:hover .handlediv {
     867                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     868                                }
     869
     870                                .tablenav .tablenav-pages a {
     871                                        background-image: url('<?php echo $wp_admin_url; ?>menu-bits.gif?ver=20100610');
     872                                }
     873
     874                                .view-switch #view-switch-list {
     875                                        background-image: url('<?php echo $wp_admin_url; ?>list.png');
     876                                }
     877
     878                                .view-switch .current #view-switch-list {
     879                                        background-image: url('<?php echo $wp_admin_url; ?>list.png');
     880                                }
     881
     882                                .view-switch #view-switch-excerpt {
     883                                        background-image: url('<?php echo $wp_admin_url; ?>list.png');
     884                                }
     885
     886                                .view-switch .current #view-switch-excerpt {
     887                                        background-image: url('<?php echo $wp_admin_url; ?>list.png');
     888                                }
     889
     890                                #header-logo {
     891                                        background-image: url('<?php echo $wp_admin_url; ?>wp-logo.png?ver=20110504');
     892                                }
     893
     894                                .sidebar-name-arrow {
     895                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     896                                }
     897
     898                                .sidebar-name:hover .sidebar-name-arrow {
     899                                        background-image: url('<?php echo $wp_admin_url; ?>arrows-dark.png');
     900                                }
     901
     902                                .item-edit {
     903                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     904                                }
     905
     906                                .item-edit:hover {
     907                                        background-image: url('<?php echo $wp_admin_url; ?>arrows-dark.png');
     908                                }
     909
     910                                .wp-badge {
     911                                        background-image: url('<?php echo $wp_admin_url; ?>wp-badge.png');
     912                                        background-image: url('<?php echo $wp_admin_url; ?>wp-badge.png'), -ms-linear-gradient(top, #378aac, #165d84); /* IE10 */
     913                                        background-image: url('<?php echo $wp_admin_url; ?>wp-badge.png'), -moz-linear-gradient(top, #378aac, #165d84); /* Firefox */
     914                                        background-image: url('<?php echo $wp_admin_url; ?>wp-badge.png'), -o-linear-gradient(top, #378aac, #165d84); /* Opera */
     915                                        background-image: url('<?php echo $wp_admin_url; ?>wp-badge.png'), -webkit-gradient(linear, left top, left bottom, from(#378aac), to(#165d84)); /* old Webkit */
     916                                        background-image: url('<?php echo $wp_admin_url; ?>wp-badge.png'), -webkit-linear-gradient(top, #378aac, #165d84); /* new Webkit */
     917                                        background-image: url('<?php echo $wp_admin_url; ?>wp-badge.png'), linear-gradient(top, #378aac, #165d84); /* proposed W3C Markup */
     918                                }
     919
     920                                .rtl .post-com-count {
     921                                        background-image: url('<?php echo $wp_admin_url; ?>bubble_bg-rtl.gif');
     922                                }
     923
     924                                /* Menu */
     925                                .rtl #adminmenushadow,
     926                                .rtl #adminmenuback {
     927                                        background-image: url('<?php echo $wp_admin_url; ?>menu-shadow-rtl.png');
     928                                }
     929
     930                                .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
     931                                .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle {
     932                                        background-image: url('<?php echo $wp_admin_url; ?>arrows-dark.png');
     933                                }
     934
     935                                .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
     936                                .rtl #adminmenu .wp-menu-open .wp-menu-toggle {
     937                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     938                                }
     939
     940                                .rtl .meta-box-sortables .postbox:hover .handlediv {
     941                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     942                                }
     943
     944                                .rtl .tablenav .tablenav-pages a {
     945                                        background-image: url('<?php echo $wp_admin_url; ?>menu-bits-rtl.gif?ver=20100610');
     946                                }
     947
     948                                .rtl .sidebar-name-arrow {
     949                                        background-image: url('<?php echo $wp_admin_url; ?>arrows.png');
     950                                }
     951
     952                                .rtl .sidebar-name:hover .sidebar-name-arrow {
     953                                        background-image: url('<?php echo $wp_admin_url; ?>arrows-dark.png');
     954                                }
     955                               
     956                                @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     957                                        .icon32.icon-post,
     958                                        #icon-edit,
     959                                        #icon-post,
     960                                        .icon32.icon-dashboard,
     961                                        #icon-index,
     962                                        .icon32.icon-media,
     963                                        #icon-upload,
     964                                        .icon32.icon-links,
     965                                        #icon-link-manager,
     966                                        #icon-link,
     967                                        #icon-link-category,
     968                                        .icon32.icon-page,
     969                                        #icon-edit-pages,
     970                                        #icon-page,
     971                                        .icon32.icon-comments,
     972                                        #icon-edit-comments,
     973                                        .icon32.icon-appearance,
     974                                        #icon-themes,
     975                                        .icon32.icon-plugins,
     976                                        #icon-plugins,
     977                                        .icon32.icon-users,
     978                                        #icon-users,
     979                                        #icon-profile,
     980                                        #icon-user-edit,
     981                                        .icon32.icon-tools,
     982                                        #icon-tools,
     983                                        #icon-admin,
     984                                        .icon32.icon-settings,
     985                                        #icon-options-general,
     986                                        .icon32.icon-site,
     987                                        #icon-ms-admin {
     988                                                background-image: url('<?php echo $wp_admin_url; ?>icons32-2x.png?ver=20120412') !important;
     989                                                background-size: 708px 45px;
     990                                        }
     991
     992                                        .icon16.icon-dashboard,
     993                                        .menu-icon-dashboard div.wp-menu-image,
     994                                        .icon16.icon-post,
     995                                        .menu-icon-post div.wp-menu-image,
     996                                        .icon16.icon-media,
     997                                        .menu-icon-media div.wp-menu-image,
     998                                        .icon16.icon-links,
     999                                        .menu-icon-links div.wp-menu-image,
     1000                                        .icon16.icon-page,
     1001                                        .menu-icon-page div.wp-menu-image,
     1002                                        .icon16.icon-comments,
     1003                                        .menu-icon-comments div.wp-menu-image,
     1004                                        .icon16.icon-appearance,
     1005                                        .menu-icon-appearance div.wp-menu-image,
     1006                                        .icon16.icon-plugins,
     1007                                        .menu-icon-plugins div.wp-menu-image,
     1008                                        .icon16.icon-users,
     1009                                        .menu-icon-users div.wp-menu-image,
     1010                                        .icon16.icon-tools,
     1011                                        .menu-icon-tools div.wp-menu-image,
     1012                                        .icon16.icon-settings,
     1013                                        .menu-icon-settings div.wp-menu-image,
     1014                                        .icon16.icon-site,
     1015                                        .menu-icon-site div.wp-menu-image {
     1016                                                background-image: url('<?php echo $wp_admin_url; ?>menu-2x.png?ver=20120412') !important;
     1017                                                background-size: 390px 64px;
     1018                                        }
     1019                                }
     1020                        <?php endif; ?>
     1021
    6151022                /*]]>*/
    6161023                </style>
    … …  
    6311038         */
    6321039        public function register_admin_style () {
    633 
    634                 // Normal wp-content dir
    635                 if ( 0 === $this->content_depth )
    636                         $css_file = $this->styles_url . 'admin.css';
    637 
    638                 // Custom wp-content dir is 1 level away
    639                 elseif ( 1 === $this->content_depth )
    640                         $css_file = $this->styles_url . 'admin-1.css';
    641 
    642                 // Custom wp-content dir is 1 level away
    643                 elseif ( 2 === $this->content_depth )
    644                         $css_file = $this->styles_url . 'admin-2.css';
    645 
    646                 // Load the admin CSS styling
    647                 wp_admin_css_color( 'bbpress', __( 'Green', 'bbpress' ), $css_file, array( '#222222', '#006600', '#deece1', '#6eb469' ) );
     1040                wp_admin_css_color( 'bbpress', __( 'Green', 'bbpress' ), $this->styles_url . 'admin.css', array( '#222222', '#006600', '#deece1', '#6eb469' ) );
    6481041        }
    6491042
Note: See TracChangeset for help on using the changeset viewer.