Advertisement
rccharles

ASC list header reduction v2

Jul 9th, 2016
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.69 KB | None | 0 0
  1. /* Reduce the size of a header area on a list web page and others like logged in web page page.
  2.    example:
  3.        https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  4.        https://discussions.apple.com/people/<userid>?view=discussions
  5.   This adjustment assume you are running the combined user style sheet.  
  6.   https://discussions.apple.com/docs/DOC-7501
  7.  
  8.  
  9.   One number needs to be chanaged when running standalone:
  10.     Breadcrumb flies off the top of the screen.  Change adjust to -80px. Look for ===
  11.   */
  12.  
  13. @-moz-document
  14.    url-prefix(https://discussions.apple.com/content),
  15.    url-prefix(https://discussions.apple.com/community),
  16.    url-prefix(https://discussions.apple.com/people),
  17.    url-prefix(https://discussionsjapan.apple.com/content),
  18.    url-prefix(https://discussionsjapan.apple.com/community),
  19.    url-prefix(https://discussionsjapan.apple.com/people),
  20.    url-prefix(https://discussionskorea.apple.com/content),
  21.    url-prefix(https://discussionskorea.apple.com/community),
  22.    url-prefix(https://discussionskorea.apple.com/people),
  23.    url-prefix(https://communities.apple.com/es/content),    
  24.    url-prefix(https://communities.apple.com/es/community/),
  25.    url-prefix(https://communities.apple.com/es/people),  
  26.    url-prefix(https://communities.apple.com/pt/content),
  27.    url-prefix(https://communities.apple.com/pt/community/),
  28.    url-prefix(https://communities.apple.com/pt/people)  {  
  29.      
  30.       /* debug:
  31.          background-color: yellow !important;
  32.       */
  33.        
  34.        
  35.       /* top line:
  36.          Communities                Contact support
  37.        
  38.          I guess we know by now that we are in the communities. */
  39.      
  40.       /* Ditch first line across page.  */
  41.       nav#j-globalNav-bg  {border-bottom: 0px !important; }
  42.      
  43.       /* Communities */
  44.       div#body-apple header div#apple-site-title a { display: none!important; }
  45.        
  46.       /* Contact Support */
  47.       div#body-apple header ul#contact-support-link a {
  48.           margin-top: -10px !important;
  49.           /*background-color: pink !important;*/
  50.         }
  51.            
  52.       /* User id    My subscriptions  Content ... */
  53.       header#j-header div#second-row {
  54.           /*background-color: yellow !important;*/
  55.           padding-top: 6px !important;
  56.         }
  57.      
  58.        /* User id  signout */
  59.       div#second-row ul#j-satNav-wrap {
  60.           /*background-color: aqua  !important;*/
  61.           margin-left: -40px !important;
  62.           margin-top: -10px !important;
  63.        }
  64.      
  65.       /* "Find helpful content and discussions"
  66.          Total waste of space. */
  67.       header#apple-full-header h4#apple-full-subheader { display: none!important; }      
  68.  
  69.       /* Support Communities   Content
  70.          Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content */
  71.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
  72.           position: absolute !important;  /* override what in the main css */
  73.           text-align: left !important;
  74.           top: -120px !important;   /* === if you want to run this with out the main css, change from -120 to -80px === */
  75.           left: 0px !important;
  76.           font-size: 20px !important;
  77.           /* background-color: tan  !important;*/
  78.           width: inherit !important;   /* override what in the main css */
  79.          
  80.        }
  81.        
  82.        /* Content in a large font-size.  Glad to get rid of this redundant waste of space. */
  83.        div#jive-body  header#apple-full-header { display: none!important; }
  84.        
  85.        /* Box and list view icons
  86.           Who ever uses the box view?  No need. */
  87.        div#jive-body ul#j-item-view-toggle { display: none!important; }
  88.        
  89.        /* Lower header. Large box. Starts with All content Annoucements User tips Discussions includes contents listing. */
  90.        div.j-layout.j-layout-sl.clearfix.j-contained {
  91.            /*background-color: aqua !important;*/
  92.            margin-top: -50px !important;
  93.          }
  94.        
  95.        /* The second line in the header FYI
  96.           limit selection to just user's content
  97.        div.j-layout.j-layout-sl.clearfix.j-contained.j-contained-tabs.j-browse-content.j-rc5
  98.        form#js-browse-controls div.j-browse-sorts {}  */
  99.        
  100.        /* move up a bit the horizonal nav bar.  In the main css, the sidebar was made horizontal */
  101.        div .j-colum-wrap-s nav.j-second-nav ul { margin-top: -10px !important;}
  102.        
  103.  
  104.      /*  Delete line under "all discussions" */
  105.      div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
  106.           border-bottom: 0px !important;
  107.           height: 30px !important;
  108.       }
  109.        
  110.      /* All discussions */
  111.      select.j-browse-filter.js-browse-filter {
  112.          padding: 5px 6px 5px 8px !important;
  113.          font-size: 14px !important;
  114.          width: 160px !important;      
  115.          text-align: left !important;
  116.          border-color: #9b9b9b !important;
  117.          background-color: #f2f2f2 !important;
  118.          
  119.       }
  120.      
  121.      /* "Type to filter by text" on list of discussions in a community. */
  122.      div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
  123.          padding: 5px 6px 5px 8px !important;
  124.          font-size: 14px !important;
  125.          width: 160px !important;      /* Was 220px */
  126.          text-align: center !important;
  127.          border-color: #9b9b9b !important;
  128.          background-color: #f2f2f2 !important;
  129.        }
  130.        
  131.      /* Sort by ... */
  132.      #js-browse-controls #j-browse-filters #j-sort {
  133.          border-color: #9b9b9b !important; /* grey, Apple's color */
  134.          padding: 6px 6px 8px 28px !important;
  135.          font-size: 14px !important;
  136.          background-color: #f2f2f2 !important;
  137.          text-align: left !important;
  138.          height:  30px !important;
  139.          padding: 2px !important;
  140.          width: 260px !important;
  141.        }
  142.      
  143.     /* Hover over  */
  144.         /* All discussions */
  145.     select.j-browse-filter.js-browse-filter:hover,
  146.         /* text */
  147.     div.j-browse-sorts.j-browse-filter-row span.j-browse-search input:hover,
  148.         /* sort by ... */
  149.     #js-browse-controls #j-browse-filters #j-sort:hover {  
  150.         border-color: #42aaff !important;  /* light blue */    
  151.       }  
  152.        
  153.      
  154. }
  155.  
  156. @-moz-document
  157.     url-prefix(https://discussions.apple.com/people) {
  158.      /* top line:
  159.          Communities                Contact support
  160.        
  161.          Display normal first line on logged in page. Being later in this file,
  162.          the display keyword overrides earlier one. */
  163.       header#j-header nav#j-globalNav-bg {display: inherit !important;}
  164.                
  165. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement