Beta test of the new CSA user stylesheet

Don't like the appearance of ASC?   Change it.

I added these changes to what appears in my thing.  Your trials and your comments are appreciated.  This article explains how to add the css to your browser.  I use Firefox.

Adjust the format and presentation of the ASC Web Pages

Version 0.64

-Left corner with the right header information

-Remove excessive white space in the header

-Remove the redundant wording in the header

-Change two vertical to horizontal nav bars

-Purge footer bombblast

-Spanish and Portuguese support forums

-Support tag decorator

/*  
    Custom Cascading Style Sheet for Apple Support Communities board system introduced  
    in 2014-06  
 
        Copyright 2014, 2016 Hiroto,  et. al.  
 
    GNU General Public License  
 
    This program is free software: you can redistribute it and/or modify  
    it under the terms of the GNU General Public License as published by  
    the Free Software Foundation,  version 3  
 
    This program is distributed in the hope that it will be useful,  
    but WITHOUT ANY WARRANTY; without even the implied warranty of  
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the  
    GNU General Public License for more details.  
 
    For a copy of the GNU General Public License  
    see <http://www.gnu.org/licenses/>.    
 
    For more information on what the css does, see:  
    https://discussions.apple.com/docs/DOC-7501   
 
    Change Log  
    Version 0.6:  
    -- Fold versions 0.43 and 0.50 into this version.  
    -- Add GNU General Public License  
    -- Add media tag to select on screen size.  
    -- Scroll large code listings  
    -- Change color highlights unread posts  
    -- Fix size of thread content display.  
    Version 0.61:  
    -- Narrow text for printing listing of this file  
    -- Delete "added in" comments about versioning.  Seems obvious to me without.  
    -- More fixing of width of content display size of large window.  
    -- Delete @-moz-document special case adjustment for max-width  
    -- Size adjust for thread content and reply for large screens  
    -- Reduce the amount of duplicate code  
    Version 0.62  
    -- avoid userstyles.org/ error messages  
    -- pacify ASC badges for those who want to enable the code 
       [ Note: Some badges are turned off in 0.63 ] 
       https://discussions.apple.com/message/30002950#30002950   
       ------> How to get rid of discussion list Badges Lines 115 to 146 <----  
       Go down find this line of code  
         .j-status-level.expertise-tile { display: none !important; }   
       You need to eliminate the slash / star * before the line of code and  
       the star * slash / after the line of code.  
 
       To get rid of all badges everywhere, uncomment the next three lines of code.  
    Version 0.63 
    -- Decided on a minimalist philosophy to focus on reading the posts. 
    -- Don't display badges on list of discussion posts 
    -- Footers should be short not take up a half a page. 
         Uncomment the three lines of code to accomplish this after the 
         "Rambling footer stuff will strink". Note some bombblast 
         will remain, see adjustment at the end of the sheet. 
           #globaldisclaimer.sosumi {display: none !important; }      
           #j-footer #breadcrumbs {display: none !important; } 
           p.gf-buy {display: none !important; } 
    -- Show points on the profile popup! 
    Version 0.64
    -- Align left with right side header info
    -- Delete excessive white space in header
    -- Delete redundant wording in header
    -- Change two vertical nav bars to horizontal
    -- Purge footer bombblast
    -- Support Spanish and Portuguese forums
    -- Support decorator option on the url
*/  
    /* 
      Spanish 
        https://communities.apple.com/es/docs/DOC-1004 
      Português
        https://communities.apple.com/pt/welcome
    */    
@-moz-document  
    domain(discussions.apple.com), 
    domain(communities.apple.com), 
    domain(discussionsjapan.apple.com),  
    domain(discussionskorea.apple.com)  
{  
    /* Common css for small and large windows */  
 
    /* Scroll code listings.  set max-height of syntax highlighted code in thread  
       content browser   v0.6 */  
    .jive-rendered-content .dp-highlighter {  
       max-height: 500px !important;  
       overflow: auto !important;  
    }                                                                                
    /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled)  
    v0.6 */  
    .jive-rendered-content pre {  
       max-height: 500px !important;  
       overflow: auto !important;  
    }     
                                                                           
    /* highlights in dark blue unread posts when logged in.  v0.6  
 
    All your posts  
    https://discussions.apple.com/content?filterID=participated~objecttype~objecttype[thread]    
 
    Discussions you authored  
    https://discussions.apple.com/content?filterID=contentstatus[published]~objecttype~objecttype[thread]    
 
    To see the discussions you have read and not read in a community  
    The suffix to use for any ASC forum, placed after the basic link to any forum, it's  
    /content?filterID=contentstatus[published]~objecttype~objecttype[thread]  
 
    for iPhone community this would be:  
    https://discussions.apple.com/community/iphone/using_iphone/content?filterID=contentstatus[published]~objecttype~objecttype[thread]    
 
 
 
    */  
    .j-td-title strong {color:#191970 !important; font-weight: normal !important;}  
 
            
        /* added or changed in 0.63 'til 0.64 insertion point */ 
      
    /* Avoid double scrolling in posts which happened here:  
       https://discussions.apple.com/docs/DOC-9254   
       #globalfooter and #globaldisclaimer elements which originally define the width  
       to fixed value as 980px   0.62  
    */  
 
    #globalfooter, #globaldisclaimer { width: 80% !important; }  
 
    /* Get more vertical space.  This line gets rid of the global Apple navigation bar at the top.  
       The black bar with Apple-Logo Mac iPad iPhone Watcsh Tv Music Support  
    */  
    #global-nav-wrapper {display: none !important; }  
 
        /* Pacify badges  
           These four lines, when uncommented, eliminate the display of badges. Some or all of the 
           lines are commend out.  Each comment starts all the way to the left.  
    */  
 
    /* -------------------------------------------------------------------------------  
        THREAD CONTENT BROWSER  
        status level expertise badge  
        To avoid formatting problems of badges overlapping next post, enable this line.  
    */  
         .j-status-level.expertise-tile { display: none !important; }    
 
    /* ---------------------------------------------------------------------------------  
       THREAD LIST BROWSER   
       leader board  
    */  
         .jive-widget-leaderboardwidget {display: none !important; }   
 
      /* ---------------------------------------------------------------------------------  
          PROFILE   
          profile status container for specialties and awards  
      */  
/*    .profile-status-container { display: none !important; } */  
 
    /* profile modal note status row for specialties and awardds */  
/*    .status-row { display: none !important; } */  
 
        /* Rambling footer stuff will sink */        
        /* no more legalistic bomblast */ 
        #globaldisclaimer.sosumi {display: none !important; }     
        /* Not a complete path to here, so why be mislead */ 
        #j-footer #breadcrumbs {display: none !important; }     
        /* Guess by now folks know how to buy an apple product */ 
        p.gf-buy {display: none !important; }    
        
        /* Reveal points in popup when you click on an ASC id or aviator. 
           thanks to turingtest2. 
             https://discussions.apple.com/message/30179703#30179703 */ 
        .level-points > span {display: inherit !important;}     /* Display point information */ 
    
        /* 0.64 insertion point */ 
       
    /* Use less space on the top of the page. We see this every day.  I don't use any
       of the links here anyway.  Ok, to make them smaller.
       The goal is not to have to do a "manditory" page down to get to posts. 0.64 */
   
    /* Move up the "New  My Subscriptions ..."  nav bar.  Looks  better aligned with
       "Apple Support Communities" */
    #j-globalNav { margin-top: -12px !important;}
    /* need less height for "Apple Support Communities   New My Subscriptions ... "
       after moving up the nav bar*/
    #j-globalNav-bg {
        height: 20px !important;
        border-bottom: none !important;
    }
    /* Less space below avator ... */
    #j-header-wrap { margin-bottom: 0px !important;}
    /* move up "Apple Support Communities  /  Content"
       When windows size is contracted, these words will
       overlay words to the left. "... | logout"
       First nav bar doesn't overlay "Apple Support Community". ,,,*/
    #jive-breadcrumb {
        margin-top: -10px !important;
        margin-bottom: 0px !important;
        right: 40px !important;  
    }
   
   
    /* Less space above "All Content User Tips Discussions" nav bar */
    .j-layout { margin-top: 10px !important;}
   
    /* Purge the words "Find helpful content and discussions." Redundant.
       Why are we here? Pro users will know. */
    #apple-full-subheader {display: none !important;}
         
    /* Adjust the h2 header to take up less room on the page. 
       Let's focus on the posts. */
    h1, h2 {
      font-size: 24px !important;;
      line-height: 28px !important;;
    }
    .j-page-header {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
    }
   
    
    /* Combine duplicate code here.  v 0.61 */  
 
    /* ---------------------------------------------------------------------------------  
        BODY  
    */  
    body.j-body-welome,             /* Welcome */  
    body.j-body-place,              /* Community */  
    body.j-body-yourwork,           /* Content */  
    body.j-body-home,               /* Activity */  
    body.j-body-yourconnections,    /* People */  
    body.j-body-preferences,        /* Preferences */  
    body.jive-body-content,         /* Thread */  
    body.jive-body-search,          /* Search */  
    body.jive-view-profile          /* Profile */  
    {                                                                       /* v0.43 */  
        background: white !important;   /* Effectively overrides most of the body color.  
                                          These are more specific.  */  
    }  
 
 
    /* ---------------------------------------------------------------------------------  
        TEXT  
    */  
    /* line spacing */  
    .jive-content { line-height: 1.25 !important; }  
 
 
    /* ---------------------------------------------------------------------------------  
        ASC HEADER AREA  
    */  
    #j-header,  
    #j-compact-header,  
    #j-footer { width: 100% !important; }  
 
    /* navigation header (Apple Support Communities ...) */  
    #j-header-wrap {  
        padding: 0px 40px !important;  
        margin: 0px 0px 15px !important;  
    }  
    #j-globalNav-bg {  
        padding: 0pX !important;  
        margin: 0px !important;  
    }  
    #j-satNav { overflow: visible !important; }  
   
 
 
    /* ---------------------------------------------------------------------------------  
        THREAD LIST BROWSER - list of discussions in a Community  
    */  
 
    /* show author name in 'Latest activity' column in detailed list view of threads */  
    td.j-td-date > span { display : inherit !important; }  
 
    /* main section */  
    #j-main { padding: 0px !important; }  
 
    /* table cell title */  
    .jive-table td.jive-table-cell-title { padding: 5px !important; }  
       
    /* thread list view column widths */                                        /* v0.43 */  
    .j-browse-details .j-td-title { max-width: none !important; }  
    .j-browse-details .j-td-date {  
        width: auto !important;  
        max-width: 20% !important;  
    }  
    /* threads list view table tr td  */  
    .j-browse-details-tbody tr td { padding: 5px !important; }  
 
    /* communities list view table tr td */  
    .jive-communities-listing table tr td { padding: 5px !important; }  
 
    /* thumbnails view width */  
    .j-browse-content .j-thumb-view,  
    .j-browse-places .j-browse-thumbnails,  
    .j-browse-people .j-browse-thumbnails { width: 100% !important; }  
 
    /* thumbnail view list item margin */                                        /* v0.43 */  
    .j-browse-content .j-thumb-view > li,  
    .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }  
 
    /* social actions row */  
    .apple-social-actions-wrapper { margin-right: 0px !important; }  
    .j-thread .j-social-actions { margin-right: 40px !important; }  
 
    /* apple header, subheader row ("Find helpful contents..." etc )    fixed in v0.43 */  
    #apple-full-subheader,  
    #apple-activity-subheader {  
        padding: 0px 40px 15px !important;  
        margin-bottom: 15px !important;  
    }  
    #apple-full-header h2,  
    #apple-activity-header h2 { padding: 0px 40px !important; }  
 
    /* page header */  
    .j-body-place #jive-body > header.j-page-header {  
        margin-left: 40px !important;  
        margin-right: 40px !important;  
        width: auto !important;  
    }  
 
    /* browser filter row */  
    #j-browse-filters { margin-bottom: 5px !important; }  
 
    /* browser controls row */  
    .j-type-row { margin-bottom: 0px !important; }  
 
    /* browser controls content types (All Contents|User Tips|Discussions) width */  
    #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }  
 
    /* browser controls view toggle (Thumbnails|Details) width */  
    #js-browse-controls #j-item-view-toggle {  
        width: 10% !important;  
        display: table !important;  
    }  
 
    /* content filter row (All|Open|Answered|Threads) */  
    .j-content-filter {  
        background: white !important;  
        margin-bottom: 10px !important;  
    }   
 
    /* container canvas */  
    .j-contained {  
        margin-left: 40px !important;  
        margin-right: 40px !important;  
    }  
 
    /* category filter bar */  
    .jive-content-filter {  
        left: 0px !important;  
        width: 80% !important;  
    }  
    .touchcarousel-wrapper { width: 100% !important; }  
    .touchcarousel .tc-paging-container { width: 90% !important; }                /* v0.41 */  
 
    /* more search results available */  
    #j-more-search-results-available { padding: 10px !important; }  
 
    /* misc */  
    .jive-widget { margin-bottom: 10px !important; }  
    .j-column { margin-bottom: 10px !important; }  
 
 
    /* ---------------------------------------------------------------------------------  
        THREAD CONTENT BROWSER - Displays the contents of the posts.  
    */  
    /* thread header */  
    .apple-thread-header {  
        width: auto !important;  /* v0.6 no more*/  
        margin-bottom: 10px !important;  
        margin-left: 40px !important;  
    }  
 
    /* thread original post */  
    .j-thread .jive-content { margin: 0px 40px 0px 140px !important; }  
 
    /* thread replies ul */  
    ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }  
 
    /* thread reply li */  
    .jive-discussion-replies li.reply { margin-top: 15px !important; }  
 
    /* thread view indent */  
    .jive-discussion-indent-1 li.reply { padding-left: 15px !important; }  
 
    /* thread info */  
    .jive-thread-info {  
        padding: 10px 40px !important;  
        margin: 0px !important;  
    }  
 
    /* thread answer rollup */  
    .j-answer-rollup { margin: 30px 0px !important; }  
 
    /* thread post header (poster, date, response to) */  
    .j-thread-post > header {  
        padding: 10px 20px 0px 20px !important;  
        margin-bottom: 12px !important;  
    }  
 
    /* thread post section (message body) */  
    .j-thread-post section {  
        padding: 0px 20px !important;  
        margin-bottom: 6px !important;  
    }  
 
    /* thread post footer (Like|Reply etc) */  
    .j-thread-post footer { padding: 0px 15px !important; }  
    .j-thread-post footer > ul { padding: 2px !important; }  
    .j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }  
 
    /* thread rendered content. The text in the orginal post and replies.  */  
    .jive-rendered-content {  
        padding-bottom: 4px !important;  
    }  
 
    /* thread rendered content quote & pre */  
    .jive-rendered-content .jive-quote,  
    .jive-rendered-content .jive-pre {  
        margin: 5px 15px !important;  
    }  
 
    /* thread reply footer (Return to Community|Go to original post) */  
    #jive-thread-reply-footer {    margin-top: 10px !important; }  
 
    /* more like this links, incoming links */  
    #apple-related-threads { margin: 0px 40px !important; }  
    #apple-related-threads .j-box { margin-bottom: 0px !important; }  
    .j-icon-list li { padding: 3px 0px 3px 22px !important; }  
 
 
    /* ---------------------------------------------------------------------------------  
        INLINE EDITOR  
    */  
    /* editor */  
    .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }  
 
 
    /* ---------------------------------------------------------------------------------  
        ADVANCED EDITOR  
    */  
    /* content area */  
    .j-thread .jive-content.jive-create-thread,  
    .jive-body-formpage-document .jive-content.doc-page {  
        margin: 0px 40px !important;  
        padding: 0px !important;  
    }  
 
    /* header */  
    .j-thread .jive-content.jive-create-thread h2,  
    .jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }  
 
    /* editor panel */  
    .j-thread .jive-content.jive-create-thread #jive-compose-title,  
    .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,  
    .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,  
    .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }  
 
    /* line height in editor */  
    body.tiny_mce_content { line-height: inherit !important; }  
 
    /* replying to */  
    .jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }   
 
    /* buttons (Reply|Cancel) */  
    .j-publishbar,  
    .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }  
 
 
    /* ---------------------------------------------------------------------------------  
        SEARCH RESULTS  
    */  
    /* search result entry */  
    .j-search-results-main-container .j-search-result  
        { padding: 10px !important; }    /* v0.43 */  
 
 
    /* ---------------------------------------------------------------------------------  
        DOC (USER TIP)  
    */                                                                            /* v0.43 */  
    /* user tip canvas */  
    .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }  
 
 
    /* ---------------------------------------------------------------------------------  
        PROFILE  
    */                                                                            /* v0.43 */  
    /* header & navigation bar (Bio|Activity|Content|Communities) */  
    .j-view-profile .j-page-header { padding: 10px 40px !important; }  
    .j-bigtab-nav { margin: 10px 40px !important; }  
 
    /* Bio */  
    .j-layout-l .j-column-wrap-l { width: 100% !important; }  
 
    /* Communities (places) sidebar ui blue marker adjustment  
        (according to the sidebar width changed to 166px from 180px for selector:  
        .j-layout-sl.j-browse-places .j-column-s in PLACES section)  */  
    .j-view-profile .j-second-nav ul > li.active  { width: 156px !important; }  
 
 
 
 
  /* Wide screen browser  
     ===================  
 
    This rule set will be fine for normal to wide window whose width is ca. 1265px or greater.  
    However, it will not be beneficial to very narrow window of 700-900px in width.  
  */  
 
  @media all and (min-width: 1265px)
  {                                               /* v0.6 */  
    /* ---------------------------------------------------------------------------------  
        BODY  
    */  
 
    body {  
        background: white;  
        min-width: 0px !important;  
    }  
    #body-apple {  
        width: 100% !important;  
        min-width: 0px !important;  
    }  
 
 
    /* ---------------------------------------------------------------------------------  
        ASC TOP PAGE  
    */  
    #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */  
    #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com */   
                                                        /* v0.42 */  
    #jive-widgetframe-body_20835   > .content-large        /* discussionskorea.apple.com */   
                                                        /* v0.42 */  
    {                                                    /* added parent id in v0.41 */  
        text-align: center !important;  
        overflow-x: auto !important;  
        overflow-y: hidden !important;  
    }  
    .apple-communities {  
        display: inline-block !important;  
        width: 1120px !important;  
        text-align: left !important;  
    }  
 
 
    /* ---------------------------------------------------------------------------------  
        THREAD LIST BROWSER - list of discussions in a Community  
    */  
 
 
    /* ------------------  
        When uncommented, hide Like and Bookmark columns in thread list view.  
    */                                                                /* v0.43 (optional) */  
    /* ~~~~~~~~~~~~~~~~~~~~ (currently commented out) ~~~>  
    .j-browse-details .j-td-likes,  
    .j-browse-details .j-td-bookmarks { display: none !important; }  
    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,  
    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th  
        { display: none !important; }  
    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th  
        { display: table-cell !important; }  
    <~~~~~~~~~~~~~~~~~~~~  */  
 
 
    /* ------------------  
        Treatment for narrow window  
        Method 1 (minimum optimization)  
 
        Adjust thread list table's shift and margin to maximize its width.  
    */                                                                                /* v0.43 */  
    .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }  
    .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }  
    .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }  
    /* ------------------ */  
 
    /* ------------------  
        Swap left-right positions of thread list table and sidebar ui (filters & actions)  
    */                                                                                /* fixed in v0.43 */  
    /* let thread list table float left */  
    .j-layout-sl.j-browse-content .j-column-wrap-l,  
    .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }  
 
    /* let sidebar ui float right */  
    .j-layout-sl.j-browse-content .j-column-s,  
    .j-layout-sl.j-browse-places .j-column-s { float: right !important; }  
    /* ------------------ */  
 
 
    /* ---------------------------------------------------------------------------------  
        THREAD CONTENT BROWSER - Displays the contents of the posts.  
    */  
 
    /*  
      Put the brakes on infinite expansion of text.  Sets how wide the text display area in a  
      window can get. Eventhou the window maybe large, folks find it easier to read  
      the words when the text area is smaller.  
    */  
    /* Original post.  Includes answering post if present */  
    /* posts in thread */  
    /* Types of replies */  
    #jive-thread-messages-container,  
    /* Advanced reply */  
    #jive-body {  
        max-width: 1100px !important;    /* v0.61 */  
     }  
    
 
    /* ------------------  
        Treatment for narrow window  
        Method 1 (minimum optimization)  
 
        Adjust community list table's shift and margin to maximize its width.  
    */                                                                            /* v0.43 */  
    .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }  
    .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }  
    .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }  
    .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }  
    /* ------------------ */  
 
    /* ---------------------------------------------------------------------------------  
        ACTIVITY STREAM  
    */  
    /* activity entry */  
    .j-act-entry { padding: 5px 0px 10px 100px !important; }  
 
    /* activity title */  
    .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }  
 
    /* activity body & comment */                                                /* v0.43 */  
    .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }  
    .apple-activity-comments-wrapper { margin-left: 0px !important; }  
 
    /* Like list */  
    .j-act-grouped .j-act-g-item { padding: 3px !important; }  
 
    /* -----------------------------------------------------------------------------------  
       PLACES  
    */                                                                            /* v0.43 */  
    /* latest activity column */  
    .j-browse-details .j-td-activity { max-width: 650px !important; }  
 
 
  } /* end of media for wide screen */  
 
 
  /* Narrow screen browser  
     =====================  
  */  
 
  @media all and (max-width: 1265px)
  {                                           /* v0.6 */  
    /* styles for small screens ( narrow browsers window )  
       ========================  
     
       Narrow is basically the same as the above wide screen browser except that this lets  
       the sidebar column (filter column) in list view be pushed down or up in layout flow  
       to make room for the main column (table column) when the window is not wide enough.  
       It is done by setting margin-left and padding-left of main column to 0 and setting  
       max-width of main column, which is currently 1019px.  Consequently, if window width  
       is less than 1265px (= 40 (margin-left) + 1019 (main column) + 166 (sidebar colum)  
       + 40 (margin-right)), sidebar column is pushed down or up according to document  
       tree order. This rule set is intended to be useful for normal to narrow window  
       whose width is in range ca. 700-1400px. It can be used for wider window as well but  
       there's no point to set the max-width of main column in order to move sidebar  
       column when the window is wide enough.  
     
       custom styles for Apple Support Communities board system introduced in 2014-06  
       (v 0.5)  
    */  
         
    /* -----------------------------------------------------------------------------------  
        BODY  
    */  
 
    body {  
        background: white;  
        min-width: 0px !important;  
    }  
 
    #body-apple {  
        width: 100% !important;  
        min-width: 0px !important;  
    }  
 
    /* Text reflow problem with New Activity Content etc.  
       https://discussions.apple.com/thread/7517905    
       Provide work-around.  Maybe Firefox issue.  
    */  
    #apple-site-title { font-size: 14px !important; }  
 
    /* -----------------------------------------------------------------------------------  
        ASC TOP PAGE  
    */  
    #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */  
    #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com v0.42 */  
    #jive-widgetframe-body_20835   > .content-large     /* discussionskorea.apple.com v0.42 */  
    {                                                   /* added parent id in v0.41 */  
        text-align: center !important;  
        overflow-x: auto !important;  
        overflow-y: hidden !important;  
    }  
    .apple-communities {  
        display: inline-block !important;  
        width: 1120px !important;  
        text-align: left !important;  
    }  
 
 
    /* -----------------------------------------------------------------------------------  
        THREAD LIST BROWSER  
    */  
 
    /* ------------------  
        Hide Like and Bookmark columns in thread list view.  
    */                                                                            /* v0.43 */  
    /* ------------------ display in small screen        changed 0.6 */  
    .j-browse-details .j-td-likes,  
    .j-browse-details .j-td-bookmarks { display: none !important; }  
    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,  
    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th  
        { display: none !important; }  
    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th  
        { display: table-cell !important; }  
    /* ------------------ */  
 
 
    /* ------------------  
        Treatment for narrow window  
        Method 1 (minimum optimisation)  
 
        Adjust thread list table's shift and margin to maximize its width.  
    */                                                                            /* v0.43 */  
    /* ------------------ (currently commented out)  
    .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }  
    .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }  
    .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }  
    ------------------ */  
    /* ------------------  
        Treatment for narrow window  
        Method 2 (more beneficial to narrow window but has disadvantage for wide window)  
      
        Let thread list table have full width but not exceed 1019px to make room for sidebar  
        ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui is displayed  
        next to thread list table, otherwise it is displayed below or above it (depending  
        upon its document tree order).  
      
        * sidebar width (constant)    = 166px  
        * thread table max width      = 1019px  
        * canvas margin-left          = 40px  
        * canvas margin-right         = 40px  
        ---------------------------------------  
        * total                       = 1265px  
    */                                                                          /* v0.5 */  
    /* ------------------ (currently active) */  
    .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }  
    .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }  
    .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }  
    .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }  
    /* ------------------ */  
 
    /* ------------------  
        Swap left-right positions of thread list table and sidebar ui (filters & actions)  
    */                                                                    /* fixed in v0.43 */  
    /* let thread list table float left */  
    .j-layout-sl.j-browse-content .j-column-wrap-l,  
    .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }  
 
    /* let sidebar ui float right */  
    .j-layout-sl.j-browse-content .j-column-s,  
    .j-layout-sl.j-browse-places .j-column-s { float: right !important; }  
    /* ------------------ */  
 
 
    /* -----------------------------------------------------------------------------------  
        THREAD CONTENT BROWSER - Displays the contents of the posts.  
    */  
 
    /* -----------------------------------------------------------------------------------  
        ACTIVITY STREAM  
    */  
    /* activity entry */  
    .j-act-entry { padding: 5px 0px 10px 100px !important; }  
 
    /* activity title */  
    .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }  
 
    /* activity body & comment */                                                /* v0.43 */  
    .j-body-home .j-act-init,  
    .j-view-profile .j-act-init { padding: 5px 0px 10px 100px !important; }  
    .apple-activity-comments-wrapper { margin-left: 0px !important; }  
 
    /* Like list */  
    .j-act-grouped .j-act-g-item { padding: 3px !important; }  
 
 
 
    /* -----------------------------------------------------------------------------------  
        PLACES  
    */                                                                         /* v0.43 */  
    /* latest activity column */  
    .j-browse-details .j-td-activity { max-width: 650px !important; }  
 
 
    /* ------------------  
        Treatment for narrow window  
        Method 1 (minimum optimisation)  
 
        Adjust community list table's shift and margin to maximize its width.  
    */                                                                            /* v0.43 */  
    /* ------------------ (currently commented out)  
    .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }  
    .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }  
    .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }  
    ------------------ */  
    /* ------------------  
        Treatment for narrow window  
        Method 2 (more beneficial to narrow window but has disadvantage for wide window)  
      
        Let community list table have full width but not exceed 1019px to make room for  
        sidebar ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui  
        is displayed next to community list table, otherwise it is displayed below or above  
        it (depending upon its document tree order).  
      
        * sidebar width (constant)    = 166px  
        * community table max width   = 1019px  
        * canvas margin-left          = 40px  
        * canvas margin-right         = 40px  
        ---------------------------------------  
        * total                       = 1265px  
    */                                                                            /* v0.5 */  
    /* ------------------ (currently active) */  
    .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }  
    .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }  
    .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }  
    .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }  
    .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }      
    /* ------------------ */  
 
       /* Turn verical nav list into a horizontal nav list to save vertical space.
        This nav bar appear above the list of dicussions in the Your Content page. 
        It appears below in the list of discussions page.
        A larger screen has room for vertical navigation, so let along. */

    /* We need to make room for the horizontal nav bar.  A floating right, the area to the left
       is blank anyway. */
    .j-layout-sl.j-browse-content .j-column-s     
        { width: 95% !important; }  /* let more room for horizontal navigation 0.64 */
  
  
    /* make nav bar horizontal amoung other things. */
    div .j-column.j-column-s nav ul li {
      float: left !important;    /* makes the list items horizontal */
      width: 120px !important;  /* width of each link */
      text-align: center !important;
      margin-left: 0 !important;
      padding-left: 0 !important;
    }

    /* let a little space to the left of the navigation bar. */  
        div .j-column.j-column-s nav  {
    margin-left: 0px !important; 
        margin-top: 20px !important;  /* max of margin-bottom of proceeding line and margin-top */
    }
   
   /* after making the navigating link horizontal, the blue overlay box doesn't immediately
      jump to the draft box.  After clicking on any of the other links, the blue box
      parks on the draft box and will not move.  The function must be implemented in javascript which
      cannot be changed from css. Purge it.
      Upper nav bar on your content */
      /* https://discussions.apple.com/people/<apple-id>/content */
   body.jive-view-profile.j-view-profile.j-view-profile-nonself.other .j-second-nav > ul:nth-child(1) > li:last-child,
       body.j-body-yourwork.other li.active:nth-child(7) {display: none !important;}
     
   /* Found another blue overlay box.
      https://discussions.apple.com/people/<ASC_id>/content?manage=true */
      body.jive-view-profile.j-view-profile.j-view-profile-self.other li.active:last-child {display: none !important;}
   
    /* style the link (a tag) inside the li
       Put a box around the links.  Complete box makes for a dark middle Line. So, leave
       off right line but for righ most link. Do the best we can
       ASC box grey-line color #d7d7d7 also seems like grey #eaeaea */
    div .j-column.j-column-s nav li a {
       border: 1px solid #d7d7d7 !important;
       border-left: none !important;  /* avoid double border lines for middle items */
       padding-left: 0 !important;
    }
 
      /* Fill in the first box with a line on the left */
    /* Upper nav bar on your content
       https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] */
    body.j-body-yourwork.other li.j-browse-filter-group-item:first-child > a,
    /* https://discussions.apple.com/people/<apple-id>/content?manage=true */
    body.jive-view-profile.j-view-profile.j-view-profile-self other li.active:first-child > a,
    /* https://discussions.apple.com/people/<apple-id>/content */
    div .j-column.j-column-s nav.j-second-nav ul > li:first-child > a,
    /* lower nav bar, see here:
       https://discussions.apple.com/community/ipad/ipad_in_business_and_education
            /content?filterID=contentstatus[published]~objecttype~objecttype[thread] */
    body.j-body-place.other    li.j-browse-filter-group-item:first-child { 
       border-left: 1px solid #d7d7d7 !important;  /* avoid double border lines for middle items */
    }
     
   /* Hover over nav bar item */
   div .j-column.j-column-s nav li a:hover {
     color: #42aaff !important;  /* light blue */
     }
      /* See if we can position "start ad discussion, Write a user tip" bottom
       bar a little better */
    .j-box { 
        margin-top: 40px !important;
        float: right !important;}
     
 
  }  /* end of media for narrow browsers. */  
 
 
} /* @-moz-document */ 
 
/* Leave the login window footer alone. So, turn these fields back on. 
    */ 
    @-moz-document  
    url-prefix(https://discussions.apple.com/people/), 
    url-prefix(https://discussions.apple.com/welcome), 
    url-prefix(https://discussionsjapan.apple.com/people/),   
    url-prefix(https://discussionsjapan.apple.com/welcome/), 
    url-prefix(https://discussionskorea.apple.com/people/), 
    url-prefix(https://discussionskorea.apple.com/welcome/)     
{ 
        /* legalistic bomblast on login window*/ 
        #globaldisclaimer.sosumi {display: inherit !important; }        
        /* path to here */ 
        #j-footer #breadcrumbs {display: inherit !important; } 
        /* apple product info */ 
        p.gf-buy {display: inherit !important; }     
}
    

/*
   Addresses problems with decorator tag mentioned here:
     https://discussions.apple.com/message/30170332#30170332

   looking for a page like:
     https://discussions.apple.com/thread/7522221?decorator=print&displayFullThread=true
*/
@-moz-document
  regexp("https:\/\/discussions\.apple\.com\/thread\/.*\?decorator=print&displayFullThread=true.*")
{ 
      /* Debug to identify which page we found.  Place our ukiyo-e. */ 
      h1 {
          background-color: aqua !important;  
          border: 2px dashed black !important;
         }
     
     #jive-body-full { margin-left: 80px !important; }
    
     /* Avatar runs off the screen to the left.  Level info is to the right instead of below. */
     /* better align avatar */ 
     div.j-post-avatar {
       margin-left: 60px !important;
       text-align: center !important;
       margin-top: 30px !important;
       }
   
     /* ------------------------------------------------------------------------------- 
        THREAD CONTENT BROWSER 
        status level expertise badge 
        To avoid formatting problems of badges overlapping next post, enable this line.
        There is no room for badges, so get rid of them.
     */ 
     .j-status-level.expertise-tile { display: none !important; }
    
     /* the text of the post needs to be moved to the right to avoid the avatar.
        ".j-thread-post.j-rc4" is included in all post.
        ".section.j-original-message" marks the first post. */
     .j-thread-post.j-rc4 { margin-left: 100px !important; }
           
     /* move level icon below avator */
     span.status-image {
       display: block!important;
       text-align: center !important;
       }
      
     
     /* move level number below avatar */
     span.level-points {
       display: block!important;
       text-align: center !important;
       }
     
      
   
    
} /* end of regexp */