Advertisement
rccharles

ASC list header reduction

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