API tools faq
paste
Advertisement
rccharles

asc header reduction -- for tt2 minimalist

rccharles
Aug 25th, 2016
261
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.12 KB | None | 0 0
raw download clone embed print report
  1. /*  Reduce the size of a header area on a list web page and display of posts in a discussion web page.
  2.  
  3.     Copyright 2016 rccharles      
  4.      
  5.     GNU General Public License      
  6.      
  7.     This program is free software: you can redistribute it and/or modify      
  8.     it under the terms of the GNU General Public License as published by      
  9.     the Free Software Foundation,  version 3      
  10.      
  11.     This program is distributed in the hope that it will be useful,      
  12.     but WITHOUT ANY WARRANTY; without even the implied warranty of      
  13.     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the      
  14.     GNU General Public License for more details.      
  15.      
  16.     For a copy of the GNU General Public License      
  17.     see <http://www.gnu.org/licenses/>.        
  18.      
  19.     For more information on how to install this css and what the css does, see:      
  20.     https://discussions.apple.com/docs/DOC-7501      
  21.    
  22.     Implement these changes by:
  23.       1) running stylish
  24.       2) add the combined user style sheet to stylish
  25.          https://discussions.apple.com/docs/DOC-7501
  26.       3) create a new style sheet in stylish.
  27.       4) copy these css rules to the new sheet.
  28.      
  29.      
  30.     example web pages:
  31.         https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  32.         https://discussions.apple.com/people/<userid>?view=discussions
  33.   */
  34.  
  35. @-moz-document
  36.    url-prefix(https://discussions.apple.com/content),
  37.    url-prefix(https://discussions.apple.com/community),
  38.    url-prefix(https://discussions.apple.com/people),
  39.    url-prefix(https://discussionsjapan.apple.com/content),
  40.    url-prefix(https://discussionsjapan.apple.com/community),
  41.    url-prefix(https://discussionsjapan.apple.com/people),
  42.    url-prefix(https://discussionskorea.apple.com/content),
  43.    url-prefix(https://discussionskorea.apple.com/community),
  44.    url-prefix(https://discussionskorea.apple.com/people),
  45.    url-prefix(https://communities.apple.com/es/content),    
  46.    url-prefix(https://communities.apple.com/es/community/),
  47.    url-prefix(https://communities.apple.com/es/people),  
  48.    url-prefix(https://communities.apple.com/pt/content),
  49.    url-prefix(https://communities.apple.com/pt/community/),
  50.    url-prefix(https://communities.apple.com/pt/people)  {  
  51.      
  52.       /* debug:
  53.          background-color: yellow !important;
  54.       */
  55.        
  56.        
  57.       /* top line:
  58.          Communities                Contact support
  59.        
  60.          I guess we know by now that we are in the communities. */
  61.      
  62.       /* Ditch first line across page.  */
  63.       div#body-apple header nav#j-globalNav-bg  {border-bottom: 0px !important; }
  64.      
  65.       /* Communities */
  66.       div#body-apple header div#apple-site-title a { display: none!important; }
  67.        
  68.       /* Contact Support */
  69.       div#body-apple header ul#contact-support-link a {
  70.           margin-top: -10px !important;
  71.           /*background-color: pink !important;*/
  72.         }
  73.            
  74.       /* User id    My subscriptions  Content ... */
  75.       header#j-header div#second-row {
  76.           /* background-color: yellow !important; */
  77.           padding-top: 6px !important;
  78.         }
  79.      
  80.        /* User id  signout */
  81.       div#second-row ul#j-satNav-wrap {
  82.           /* background-color: aqua  !important; */
  83.           margin-left: 0px !important;    /* === if you want to run this with tt2's css, chanage -40px to 0px === */
  84.           margin-top: -10px !important;
  85.        }
  86.      
  87.       /* "Find helpful content and discussions"
  88.          Total waste of space. */
  89.       header#apple-full-header h4#apple-full-subheader { display: none!important; }      
  90.  
  91.       /* Support Communities   Content
  92.          Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content */
  93.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
  94.           position: absolute !important;  /* override what in the main css */
  95.           text-align: left !important;
  96.           top: -80px !important;   /* === if you want to run this with out combined css, change from -120 to -80px === */
  97.           left: 0px !important;
  98.           font-size: 20px !important;
  99.           /* background-color: tan  !important;*/
  100.           width: inherit !important;   /* override what in the main css */
  101.          
  102.        }
  103.        
  104.        /* Content in a large font-size.  Glad to get rid of this redundant waste of space. */
  105.        div#jive-body  header#apple-full-header { display: none!important; }
  106.        
  107.        /* Box and list view icons
  108.           Who ever uses the box view?  No need. */
  109.        div#jive-body ul#j-item-view-toggle { display: none!important; }
  110.        
  111.        /* Lower header. Large box. Starts with All content Annoucements User tips Discussions includes contents listing. */
  112.        div.j-layout.j-layout-sl.clearfix.j-contained {
  113.            /*background-color: aqua !important;*/
  114.            margin-top: -50px !important;
  115.          }
  116.        
  117.        /* The second line in the header FYI
  118.           limit selection to just user's content
  119.        div.j-layout.j-layout-sl.clearfix.j-contained.j-contained-tabs.j-browse-content.j-rc5
  120.        form#js-browse-controls div.j-browse-sorts {}  */
  121.        
  122.        /* move up a bit the horizonal nav bar.  In the main css, the sidebar was made horizontal */
  123.        div .j-colum-wrap-s nav.j-second-nav ul { margin-top: -10px !important;}
  124.        
  125.  
  126.      /*  Delete line under "all discussions" */
  127.      div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
  128.           border-bottom: 0px !important;
  129.           height: 30px !important;
  130.       }
  131.        
  132.      /* All discussions */
  133.      select.j-browse-filter.js-browse-filter {
  134.          padding: 5px 6px 5px 8px !important;
  135.          font-size: 14px !important;
  136.          width: 160px !important;      
  137.          text-align: left !important;
  138.          border-color: #9b9b9b !important;
  139.          background-color: #f2f2f2 !important;
  140.          
  141.       }
  142.      
  143.      /* "Type to filter by text" on list of discussions in a community. */
  144.      div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
  145.          padding: 5px 6px 5px 8px !important;
  146.          font-size: 14px !important;
  147.          width: 160px !important;      /* Was 220px */
  148.          text-align: center !important;
  149.          border-color: #9b9b9b !important;
  150.          background-color: #f2f2f2 !important;
  151.        }
  152.        
  153.      /* Sort by ... */
  154.      #js-browse-controls #j-browse-filters #j-sort {
  155.          border-color: #9b9b9b !important; /* grey, Apple's color */
  156.          padding: 6px 6px 8px 28px !important;
  157.          font-size: 14px !important;
  158.          background-color: #f2f2f2 !important;
  159.          text-align: left !important;
  160.          height:  30px !important;
  161.          padding: 2px !important;
  162.          width: 260px !important;
  163.        }
  164.      
  165.     /* Hover over  */
  166.         /* All discussions */
  167.     select.j-browse-filter.js-browse-filter:hover,
  168.         /* text */
  169.     div.j-browse-sorts.j-browse-filter-row span.j-browse-search input:hover,
  170.         /* sort by ... */
  171.     #js-browse-controls #j-browse-filters #j-sort:hover {  
  172.         border-color: #42aaff !important;  /* light blue */    
  173.       }  
  174.        
  175.      
  176. }
  177.  
  178.  
  179. /* Disply of all posts in a discussion.
  180.    examples:
  181.        https://discussions.apple.com/message/30492563#message30492563
  182.        https://discussions.apple.com/thread/7628966
  183.    ====================================  */
  184. @-moz-document
  185.     url-prefix(https://discussions.apple.com/message/),
  186.     url-prefix(https://discussions.apple.com/thread/){
  187.        
  188.     /* incomplete title on top left of page. So use breadcrumb trail. */
  189.     nav div#apple-site-title {display: none !important;} /* */
  190.        
  191.     /* Contact support */  
  192.     nav ul#contact-support-link {margin-top: 2px !important;}
  193.      
  194.     /* Log in          My Subscriptions Content People Search Post Lounge */
  195.     div#second-row {
  196.         padding-top: 2px !important;
  197.           /* background-color: yellow !important; */ }
  198.        
  199.     /* My Subscriptions Content People Search Post Lounge */
  200.     div ul#menubar.sub-nav-wrap {margin-top: 9px !important;}
  201.        
  202.     /* Breadcrumb trail
  203.        Example:
  204.            Support Communities  /  Content
  205.        Move breadcrumb to the upper left, thus avoiding the repeating of Communities  */
  206.     section#j-main nav#jive-breadcrumb ul {  /* add more selectors to overwhele main css */
  207.             position: absolute !important;  /* override what in the main css */
  208.             text-align: left !important;
  209.             top: -35px !important;   /* === if you want to run this with tt2 minimalist, change from -25 to -35px === */
  210.             left: 0px !important;
  211.             font-size: 20px !important;          
  212.             width: inherit !important;   /* override what in the main css */
  213.             height: 30px !important;
  214.               /* background-color: yellow !important; /* */
  215.         }
  216.          
  217.     /* First two lines of the header */    
  218.     div#j-header-wrap {
  219.         margin-bottom: 10px !important;
  220.         /*background-color: tan !important; /* */ }
  221.        
  222.     /* ASC displays the message when original poster posts from a message
  223.        Sometime appearing article name from where the poster made the original post
  224.        example:          
  225.            HT203995: Mail settings you might need from your email provider
  226.            Learn about Mail settings you might need from your email provider
  227.     */
  228.     div div#jive-body-intro-content {
  229.             padding-bottom: 0px !important;
  230.            /* There is a margin tag in larger user css.  To override, you need to use the margin
  231.               tag.  The margin-bottom will not work.
  232.               To see the effect, you need to reload the page. */
  233.             margin: -20px 40px 0px 40px !important;
  234.          /*   background-color: pink !important; /* */}        
  235.    
  236.     /* reduce blank space above user id */    
  237.     section#j-main {
  238.             padding-top: 10px !important;      /* === added for with tt2 minimalist === */
  239.             /* background-color: pink !important;*?
  240.         }
  241.        
  242.     /* Seems to be some filler area between messaage and following [pulldown].
  243.        Seem to have to use the exact name to override.
  244.        When in stylish editor, efects page after save, but to see chanage in debug window you need to reload. */
  245.     .j-thread #body-apple .thread-container-wrapper {
  246.         padding-bottom: 0px !important;
  247.         margin: 0px 40px !important;
  248.          /* background-color: grey !important; */}  
  249.        
  250.     /* following [pulldown].  This is the encompassing area.  It's the width of the window [mostly].*/
  251.     header.js-original-header.apple-overflow-hidden {
  252.             padding-top: 0px !important;
  253.             margin-top: 0px !important;
  254.        
  255.         }
  256.        
  257.     /* Follow [pulldown]
  258.        just the area of Follow [pulldown].
  259.        reduces the space between these items.Follow [pulldown], and first post. */
  260.     div ul.apple-social-actions-toolbar {
  261.         margin-top: -20px !important;
  262.       } /* */
  263.    
  264.  
  265.        
  266. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!