/*  Reduce the size of a header area on a list web page and display of posts in a discussion web page. 

    Copyright 2016 rccharles      
     
    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 how to install this css and what the css does, see:      
    https://discussions.apple.com/docs/DOC-7501       
    
    Implement these changes by:
      1) running stylish
      2) add the combined user style sheet to stylish
         https://discussions.apple.com/docs/DOC-7501
      3) create a new style sheet in stylish.
      4) copy these css rules to the new sheet.
     
      
    example web pages:
        https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] 
        https://discussions.apple.com/people/<userid>?view=discussions
  */ 

@-moz-document 
   url-prefix(https://discussions.apple.com/content),
   url-prefix(https://discussions.apple.com/community),
   url-prefix(https://discussions.apple.com/people),
   url-prefix(https://discussionsjapan.apple.com/content),
   url-prefix(https://discussionsjapan.apple.com/community),
   url-prefix(https://discussionsjapan.apple.com/people),
   url-prefix(https://discussionskorea.apple.com/content),
   url-prefix(https://discussionskorea.apple.com/community),
   url-prefix(https://discussionskorea.apple.com/people),
   url-prefix(https://communities.apple.com/es/content),    
   url-prefix(https://communities.apple.com/es/community/),
   url-prefix(https://communities.apple.com/es/people),  
   url-prefix(https://communities.apple.com/pt/content),
   url-prefix(https://communities.apple.com/pt/community/),
   url-prefix(https://communities.apple.com/pt/people)  {  
     
      /* debug:
         background-color: yellow !important; 
      */
       
       
      /* top line:
         Communities                Contact support 
       
         I guess we know by now that we are in the communities. */ 
      
      /* Ditch first line across page.  */
      div#body-apple header nav#j-globalNav-bg  {border-bottom: 0px !important; }
     
      /* Communities */
      div#body-apple header div#apple-site-title a { display: none!important; }
       
      /* Contact Support */
      div#body-apple header ul#contact-support-link a { 
          margin-top: -10px !important;
          /*background-color: pink !important;*/
        } 
           
      /* User id    My subscriptions  Content ... */
      header#j-header div#second-row {
          /* background-color: yellow !important; */
          padding-top: 6px !important;
        }
      
       /* User id  signout */
      div#second-row ul#j-satNav-wrap {
          /* background-color: aqua  !important; */
          margin-left: 0px !important;    /* === if you want to run this with tt2's css, chanage -40px to 0px === */
          margin-top: -10px !important;
       }
      
      /* "Find helpful content and discussions" 
         Total waste of space. */
      header#apple-full-header h4#apple-full-subheader { display: none!important; }      
 
      /* Support Communities   Content 
         Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content */
      section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
          position: absolute !important;  /* override what in the main css */
          text-align: left !important;
          top: -80px !important;   /* === if you want to run this with out combined css, change from -120 to -80px === */
          left: 0px !important;
          font-size: 20px !important; 
          /* background-color: tan  !important;*/
          width: inherit !important;   /* override what in the main css */
          
       }
       
       /* Content in a large font-size.  Glad to get rid of this redundant waste of space. */
       div#jive-body  header#apple-full-header { display: none!important; }
       
       /* Box and list view icons
          Who ever uses the box view?  No need. */
       div#jive-body ul#j-item-view-toggle { display: none!important; }
       
       /* Lower header. Large box. Starts with All content Annoucements User tips Discussions includes contents listing. */
       div.j-layout.j-layout-sl.clearfix.j-contained {
           /*background-color: aqua !important;*/ 
           margin-top: -50px !important;
         }
       
       /* The second line in the header FYI
          limit selection to just user's content
       div.j-layout.j-layout-sl.clearfix.j-contained.j-contained-tabs.j-browse-content.j-rc5 
       form#js-browse-controls div.j-browse-sorts {}  */
       
       /* move up a bit the horizonal nav bar.  In the main css, the sidebar was made horizontal */
       div .j-colum-wrap-s nav.j-second-nav ul { margin-top: -10px !important;}
       

     /*  Delete line under "all discussions" */
     div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
          border-bottom: 0px !important;
          height: 30px !important;
      } 
       
     /* All discussions */
     select.j-browse-filter.js-browse-filter {
         padding: 5px 6px 5px 8px !important; 
         font-size: 14px !important; 
         width: 160px !important;      
         text-align: left !important;
         border-color: #9b9b9b !important;
         background-color: #f2f2f2 !important;
         
      }
      
     /* "Type to filter by text" on list of discussions in a community. */
     div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
         padding: 5px 6px 5px 8px !important; 
         font-size: 14px !important; 
         width: 160px !important;      /* Was 220px */
         text-align: center !important;
         border-color: #9b9b9b !important;
         background-color: #f2f2f2 !important;
       }
       
     /* Sort by ... */
     #js-browse-controls #j-browse-filters #j-sort { 
         border-color: #9b9b9b !important; /* grey, Apple's color */
         padding: 6px 6px 8px 28px !important;
         font-size: 14px !important; 
         background-color: #f2f2f2 !important;
         text-align: left !important;
         height:  30px !important;
         padding: 2px !important;
         width: 260px !important;
       }
     
    /* Hover over  */ 
        /* All discussions */
    select.j-browse-filter.js-browse-filter:hover,
        /* text */
    div.j-browse-sorts.j-browse-filter-row span.j-browse-search input:hover,
        /* sort by ... */
    #js-browse-controls #j-browse-filters #j-sort:hover {  
        border-color: #42aaff !important;  /* light blue */    
      }   
       
     
}


/* Disply of all posts in a discussion. 
   examples:
       https://discussions.apple.com/message/30492563#message30492563
       https://discussions.apple.com/thread/7628966
   ====================================  */
@-moz-document 
    url-prefix(https://discussions.apple.com/message/),
    url-prefix(https://discussions.apple.com/thread/){
        
    /* incomplete title on top left of page. So use breadcrumb trail. */
    nav div#apple-site-title {display: none !important;} /* */
       
    /* Contact support */   
    nav ul#contact-support-link {margin-top: 2px !important;}
      
    /* Log in          My Subscriptions Content People Search Post Lounge */
    div#second-row {
        padding-top: 2px !important;
          /* background-color: yellow !important; */ } 
        
    /* My Subscriptions Content People Search Post Lounge */ 
    div ul#menubar.sub-nav-wrap {margin-top: 9px !important;}
        
    /* Breadcrumb trail
       Example:
           Support Communities  /  Content 
       Move breadcrumb to the upper left, thus avoiding the repeating of Communities  */
    section#j-main nav#jive-breadcrumb ul {  /* add more selectors to overwhele main css */
            position: absolute !important;  /* override what in the main css */
            text-align: left !important;
            top: -35px !important;   /* === if you want to run this with tt2 minimalist, change from -25 to -35px === */
            left: 0px !important;
            font-size: 20px !important;          
            width: inherit !important;   /* override what in the main css */ 
            height: 30px !important;
              /* background-color: yellow !important; /* */
        }
         
    /* First two lines of the header */    
    div#j-header-wrap {
        margin-bottom: 10px !important; 
        /*background-color: tan !important; /* */ }
        
    /* ASC displays the message when original poster posts from a message 
       Sometime appearing article name from where the poster made the original post 
       example:           
           HT203995: Mail settings you might need from your email provider
           Learn about Mail settings you might need from your email provider
    */
    div div#jive-body-intro-content {
            padding-bottom: 0px !important;
           /* There is a margin tag in larger user css.  To override, you need to use the margin 
              tag.  The margin-bottom will not work. 
              To see the effect, you need to reload the page. */
            margin: -20px 40px 0px 40px !important;
         /*   background-color: pink !important; /* */}        
    
    /* reduce blank space above user id */    
    section#j-main {
            padding-top: 10px !important;      /* === added for with tt2 minimalist === */
            /* background-color: pink !important;*?
        }
        
    /* Seems to be some filler area between messaage and following [pulldown]. 
       Seem to have to use the exact name to override. 
       When in stylish editor, efects page after save, but to see chanage in debug window you need to reload. */
    .j-thread #body-apple .thread-container-wrapper {
        padding-bottom: 0px !important; 
        margin: 0px 40px !important;
         /* background-color: grey !important; */}  
        
    /* following [pulldown].  This is the encompassing area.  It's the width of the window [mostly].*/
    header.js-original-header.apple-overflow-hidden {
            padding-top: 0px !important;
            margin-top: 0px !important;
        
        }
        
    /* Follow [pulldown] 
       just the area of Follow [pulldown].
       reduces the space between these items.Follow [pulldown], and first post. */
    div ul.apple-social-actions-toolbar {
        margin-top: -20px !important;
      } /* */
    

        
}