API tools faq
paste
Advertisement
rccharles

asc header 5July2017

rccharles
Jul 5th, 2017
510
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.80 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 (c) 2016 rccharles
  4.  
  5.    All rights reserved.
  6.  
  7.    Redistribution and use in source and binary forms, with or without
  8.    modification, are permitted provided that the following conditions are met:
  9.  
  10.    1. Redistributions of source code must retain the above copyright notice, this
  11.       list of conditions and the following disclaimer.
  12.    2. Redistributions in binary form must reproduce the above copyright notice,
  13.       this list of conditions and the following disclaimer in the documentation
  14.       and/or other materials provided with the distribution.
  15.  
  16.    THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
  17.    ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  18.    WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  19.    DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
  20.    ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  21.    (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  22.    LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  23.    ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  24.    (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  25.    SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  26.  
  27.    The views and conclusions contained in the software and documentation are those
  28.    of the authors and should not be interpreted as representing official policies,
  29.    either expressed or implied, of the Custom Styles Project.    
  30.    
  31.    
  32.     Implement these changes by:
  33.       1) running stylish
  34.       2) add the combined user style sheet to stylish
  35.          https://discussions.apple.com/docs/DOC-7501
  36.       3) create a new style sheet in stylish.
  37.       4) copy these css rules to the new sheet.
  38.      
  39.      
  40.     example web pages:
  41.         https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  42.         https://discussions.apple.com/people/<userid>?view=discussions
  43.    
  44.     What is my user agent and screen size?
  45.     http://whatsmyuseragent.com/
  46.  
  47.     iPhone
  48.                   320px x 480px with window size 320px x 372px
  49.         landscape 320px x 480px with window size 480px x 320px
  50.    
  51.     HTC Desire 520
  52.                   320px x 522px with window size 320px x 448px
  53.         landscape 527px x 320px with window size 527px x 247px
  54.  
  55.     Apple sprites
  56.         https://discussions.apple.com/6.0.3.0453576a/themes/apple_0.7.0/img/apple-sprite.png
  57.        
  58.  
  59.     Change log
  60.     1.7
  61.        - Deal with //content seems like a //content appears when signin after a 30 minute timeout
  62.          19May 2017
  63.        - reposition Sort by on page https://discussions.apple.com/people/rccharles/
  64.          4Juy 2017 [again]
  65.     1.6
  66.        - fixup 15Mar2017
  67.     1.5
  68.        - Apple changed selectors for Sort By: latest activity 9Mar2017
  69.     1.4
  70.        - Apple changed name of alert box. Ditch white space.  Smaller font. 8Mar2017
  71.        - Add support for moved breadcrumb via javascript. 7Mar2017
  72.     1.3
  73.        - Fix bug with title positioning when Apple alert is included on the page 21Feb2017
  74.        - Add French and German languages  24Feb2017
  75.        - Use regexp  24Feb2017
  76.        - Trim 5Mar2017
  77.        - Adjust selector 5Mar2017
  78.        - Adjust some tabs in https://discussions.apple.com/people/
  79.     1.2
  80.        - vertical center sidebar
  81.     1.1
  82.        - adjustments for Nov 1, 2016 ASC changes
  83.  
  84.   */
  85.  
  86. /* ========================================###===================================== */
  87.  
  88. /*                                         L i s t                                  */
  89. /*
  90.    French  https://communities.apple.com/fr/community/desktop_computers/imac/content
  91.    German  https://communities.apple.com/de/community/desktop_computers/imac/content
  92.    
  93.    url-prefix(https://communities.apple.com/pt/content),
  94.    url-prefix(https://communities.apple.com/pt/community/),
  95.    url-prefix(https://communities.apple.com/pt/people)  
  96. */
  97.  
  98.  
  99. @-moz-document
  100.    regexp("https://discussions.apple.com/+(community|content|people).*"),
  101.  
  102.    regexp("https://discussionsjapan.apple.com/+(community|content|people).*"),
  103.  
  104.    regexp("https://discussionskorea.apple.com/+(community|content|people).*"),
  105.    
  106.    regexp("https://communities.apple.com/(de|es|fr|pt)/+(community|content|people).*")    
  107.  
  108.  {  
  109.      
  110.       /* debug:
  111.          background-color: yellow !important;
  112.       */          
  113.       /* top line:
  114.          Communities                Contact support
  115.        
  116.          I guess we know by now that we are in the communities. */
  117.        
  118.        /* Top portion of the header. First two "lines" on the page.  
  119.          Second lines is:
  120.            My Subscriptions Content People Search Post */
  121.       div#j-header-wrap {
  122.         margin-bottom: 2px !important;
  123.         /*background-color: antiquewhite !important; /* */ }
  124.  
  125.      
  126.       /* Ditch first line across page.  */
  127.       div#body-apple header nav#j-globalNav-bg  {border-bottom: 0px !important; }
  128.      
  129.       /* Ditch Communities */
  130.       div#body-apple header div#apple-site-title a { display: none!important; }
  131.        
  132.       /* Ditch "Content" upper left of window.  
  133.          Glad to get rid of this redundant waste of space. */
  134.       div#jive-body  header#apple-full-header { display: none!important; }
  135.        
  136.       /* Ditch "Find helpful content and discussions"
  137.          Total waste of space. */
  138.       header#apple-full-header h4#apple-full-subheader { display: none!important; }  
  139.        
  140.       /* Ditch Box and list view icons
  141.          Who ever uses the box view?  No need. */
  142.        div#jive-body ul#j-item-view-toggle { display: none!important; }
  143.        
  144.       /* Ditch the line under
  145.                [All User(nnn)] [Announcements] [User Tips(nnn)] [Discussions(nnn)] */
  146.       ul.j-content-types.js-browse-filter-toggle-set {
  147.          border-bottom-width: 0 !important;}
  148.        
  149.       /* [Filter by personal content] check box only appears
  150.          on your content web page. It doesn't seem to work. */
  151.      div.j-browse-filter-row.j-content-filter span.js-browse-filter-toggle{
  152.         display: none!important;
  153.         /*background-color: teal !important; /* */
  154.         }
  155.        
  156.       /* User id    [My subscriptions]  [Content]  [People]  [Search]  [Post]  [Lounge] */
  157.       header#j-header div#second-row {
  158.           padding-top: 6px !important;
  159.           /*background-color: yellow !important;/**/
  160.         }
  161.      
  162.       /* User id  signout */
  163.       div#second-row ul#j-satNav-wrap {
  164.           margin-left: -40px !important;
  165.           margin-top: -10px !important;
  166.           /*background-color: aqua  !important;/**/
  167.        }
  168.            
  169.       /*  Delete line under [all discussions]. This is a band in back of
  170.          [All Discussions] the spans the width of the window. */
  171.      div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
  172.           border-bottom: 0px !important;
  173.           /*background-color: azure !important; /* */
  174.       }
  175.        
  176.        /* Tame alerts  
  177.           Get rid of all the wasted white space.  Smaller font.              1.4 */
  178.        div#jive-alert-global {
  179.            margin: 10px 0 2px 15px !important;
  180.            padding: 5px !important;
  181.            background-color: #F2F2F2 !important;/**/
  182.            /*background-color: azure !important; /* light, light blue */
  183.          }    
  184.        div#jive-alert-1{
  185.            padding: 7px !important;
  186.          }
  187.        div.jive-alert-title {
  188.            font-size: 18px !important;
  189.          }
  190.        div.jive-alert-title span {
  191.            font-size: 14px !important;
  192.          }
  193.              
  194.        /* Don't place a white line across the screen.
  195.           You would not see with Apple's white background */
  196.        form#js-browse-controls div.j-browse-sorts.j-browse-filter-row.last-child {
  197.            border-top-style: none !important;
  198.            /*background-color: azure !important; /* */
  199.        }
  200.  
  201.  
  202. /* ========================================================================== */
  203. /* ...... For medium and large size windows ...... */
  204.        
  205. @media all and (min-width: 500px) {  
  206.    
  207.       /* Space between first and second line of the upper header space.  Second line starts
  208.           with Signin / Signout */
  209.       nav#j-globalNav-bg {
  210.           height: 26px !important;
  211.         }
  212.    
  213.       /* [All Content(nnn)]   [User [Tips(nnn)]   [Discussions(nnn)]
  214.           or
  215.          [All User(nnn)] [Announcements] [User [Tips(nnn)] [Discussions(nnn)] */
  216.       div.j-browse-filter-row.j-rc5 {
  217.         height: 42px !important;
  218.         /*background-color: lightgreen !important;/**/
  219.         }
  220.       /* https://discussions.apple.com/people/rccharles/content?filterID=following~objecttype~objecttype%5Bdocument%5D  1.3 */
  221.       html body.ui-desktop.jive-view-profile div.aria-container div#body-apple ul.j-content-types.js-browse-filter-toggle-set {
  222.         margin: 30px 80px !important;
  223.         }
  224.       /* actual line for [All Content(nnn)]  ...  */
  225.       .j-browse-filter-row > ul li {
  226.         height: 20px !important;
  227.         /*background-color: rosybrown !important;/**/
  228.         }
  229.      
  230.       /* now adjust the size of the letters in this row
  231.          Looks like ASC has javascript to move around underline :-(
  232.          Need make only acceptable change to preserve underlining. */
  233.       div#jive-body div.j-browse-filter-row.j-type-row.apple-custom-line-height ul li button{
  234.          font-size: 16px !important;
  235.          height:18px !important;  
  236.          padding-top: 0px !important;
  237.          padding-bottom: 1px !important;
  238.          /*background-color: lightgreen  !important; /**/
  239.           }
  240.          
  241.       /* Jive uses an hr to adjust the underlining.
  242.          The javascripts adjusts the margin-left to move the underline.
  243.          <div class="j-layout j-layout-sl clearfix j-contained j-contained-tabs j-browse-content j-rc5">
  244.            <hr style="width: 86px; margin-left: 540.3px; margin-top: 54px;"
  245.                class="underscore-selected ready">  */
  246.       div.j-layout.j-layout-sl hr.underscore-selected.ready {
  247.           margin-top: 21px  !important;  
  248.           /*border-top: 3px dashed #8c8b8b  !important;*/
  249.          /*background-color: lightblue  !important; /**/
  250.           }
  251.    
  252.       /* Effects margin same as div#jive-body
  253.          header then every other line */
  254.       div#jive-body div.j-layout {
  255.           margin-top: 5px !important;
  256.           /*background-color: grey !important; /* */      
  257.        }
  258.    
  259.       /* for some reason when left out User [Tips drifts] downward. */
  260.       ul.j-content-types.js-browse-filter-toggle-set li a{          
  261.           height: 18px!important;
  262.           font-size: 16px !important;
  263.           padding:0px   !important;
  264.           vertical-align: middle !important;
  265.           display:inline-block;
  266.           overflow:hidden !important;
  267.           white-space:nowrap !important;
  268.           /*background-color: tan  !important; /**/ }
  269.          
  270.       /* [Contact Support] seen on top right */
  271.       div#body-apple header ul#contact-support-link {
  272.           margin-top: -6px !important;
  273.           margin-right: -40px !important;
  274.           /*background-color: palegoldenrod !important;  /**/                  
  275.         }
  276.    
  277.       /* Support Communities /  Content
  278.          Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content */
  279.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
  280.           position: absolute !important;  /* override what in the main css */
  281.           text-align: left !important;
  282.           top: -68px !important;   /* === if you want to run this with out the main css,
  283.                                            change from -120 to -80px === */
  284.           left: 0px !important;
  285.           font-size: 20px !important;        
  286.           width: inherit !important;   /* override what in the main css */
  287.           /*background-color: tan  !important;/**/        
  288.        }
  289.      
  290.         /*  Adjust height associated with the band in back of
  291.          [All Discussions] the spans the width of the window. */
  292.      div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
  293.           height: 20px !important;
  294.           width: 180px;
  295.           background-color: #f2f2f2 !important; /* earlier Apple grey */
  296.       }
  297.    
  298.      /* Pagination info
  299.         for /content pages pagination info only appears at the bottom right */
  300.      div span.j-pagination-prevnext.full-pagination{
  301.         margin:0 !important;
  302.         /*background-color: pink !important; /* */ }
  303.    
  304.     /* don't know why form doesn't contain items */
  305.     form#js-browse-controls {
  306.         height: 80px !important;
  307.         /*background-color: lightgreen !important;/**/
  308.         }
  309.    
  310.      /* [All discussions] */
  311.      select.j-browse-filter.js-browse-filter {
  312.          padding: 0px 6px 0px 8px !important;
  313.          height: 32px !important;
  314.          font-size: 14px !important;
  315.          width: 160px !important;      
  316.          text-align: left !important;
  317.          border-color: #9b9b9b !important;
  318.          background-color: #f2f2f2 !important;  
  319.          /*background-color: lightsalmon !important;/**/
  320.       }
  321.          
  322.      /* [Type to filter by text] on list of discussions in a community. */
  323.      div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
  324.          margin-left: 20px !important;/**/
  325.          padding: 0px 6px 0px 8px !important;
  326.          height: 32px !important;
  327.          font-size: 14px !important;
  328.          width: 160px !important;      /* Was 220px */
  329.          text-align: left !important;
  330.          border-color: #9b9b9b !important;
  331.          background-color: #f2f2f2 !important;
  332.          /*background-color: yellow !important;/**/
  333.        }      
  334.    
  335.      /* [Sort by: Last Activity]
  336.           []
  337.           []
  338.           []
  339.         Suspect javscript forces 32px has the height :-(
  340.         mess with this at your own risk!  
  341.          
  342.         goes with regular list
  343.           https://discussions.apple.com/community/mac_os/mac_os_x_technologies/content   0.13 & 0.15
  344.      */
  345.      /* Seems to have disappeared around 14Mar2017
  346.      html body.ui-desktop.j-body-place div.aria-container div#body-apple select#j-sort.form-cell.form-dropdown, 0.16 */
  347.          /* goes with my /content
  348.             https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] */
  349.      body.ui-desktop.j-body-yourwork  span > select#j-sort.form-cell.form-dropdown {
  350.          border-color: #9b9b9b !important; /* grey, Apple's color  */
  351.          padding: 0px 6px 0px 8px !important;
  352.          text-align: left !important;          
  353.          height:  32px !important;
  354.          font-size: 14px !important;
  355.          margin-top: 7px !important;
  356.          margin-left: 160px !important;
  357.          padding: 0px !important;
  358.          width: 180px !important;
  359.          background-color: #f2f2f2 !important;/**/
  360.          /*color: green !important; /**/
  361.          /*background-color: lightsalmon !important;/**/
  362.        }
  363.  
  364.  
  365.      /* browse-filter UI layout
  366.         (All Discussions|Open Questions|Answered Questions|Discussion Threads)
  367.         (Type to filter by text)
  368.         (Sort by: Latest activity|Sort by: Date created|Sort by: Title)
  369.        
  370.         rule excludes .j-browse-filter-row.j-bottom-row that is container for pagination UI
  371.      */
  372.      .j-browse-content .j-browse-filter-row:not(.j-bottom-row) {
  373.         display: table-cell !important;
  374.         float: left !important;
  375.         }
  376.  
  377.     .j-browse-content .j-content-filter {
  378.         border-bottom: none !important;
  379.         height: 30px !important;
  380.         }
  381.    
  382.     #js-browse-controls div.j-browse-sorts span select option{        
  383.          border-color: #9b9b9b !important; /* grey, Apple's color */
  384.          padding: 0px 6px 0px 28px !important;        
  385.          text-align: left !important;
  386.          height:  22px !important;
  387.          font-size: 12px !important;
  388.          padding: 0px !important;      
  389.          /*background-color: yellow !important;/**/    
  390.        }
  391.        
  392.     /* [Sort by: latest activity ]
  393.           []
  394.           []
  395.           []
  396.        goes with:
  397.          https://discussions.apple.com/people/<ASC user name>/content?filterID=following~objecttype~objecttype%5Bdocument%5D*/
  398.     html body.ui-desktop.jive-view-profile div.aria-container
  399.          div#body-apple
  400.          select#j-sort.form-cell.form-dropdown {
  401.          margin: 18px 10px 10px 450px !important;  /* the old difficult to select because
  402.                                                      ASC must have used margin instead of
  403.                                                      margin-left: and margin-top:  18 was 34 was 84  
  404.                                                      and adjust to align with
  405.                                                      All Content User Tips Discussions
  406.                                                      1.6 & 1.7 */
  407.          padding: 5px 6px 5px 8px !important;
  408.          font-size: 14px !important;
  409.          width: 220px !important;      
  410.          /*color:red !important;/*color of text*/
  411.        }
  412.      
  413.     /* Pulldowns for [Sort by: latest activity ]
  414.        seletor for dropdown items*/
  415.      select#j-sort.form-cell.form-dropdown option {
  416.          padding: 5px 6px 5px 8px !important;
  417.          font-size: 14px !important;
  418.          width: 180px !important;      /* Was 220px */
  419.          /*color:blue !important;/**/
  420.        }
  421.    /* https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] */
  422.    body.ui-desktop.j-body-yourwork select#j-sort{}
  423.  
  424.    
  425.     /* box for horizontal side-bar */
  426.     div.j-colum-wrap-s div.j-column.j-column-s {
  427.         height: 60px !important;
  428.         /* background-color: yellow !important;/**/
  429.     }
  430.    
  431.  
  432.     /* Hover over  */
  433.         /* [All discussions] */
  434.     select.j-browse-filter.js-browse-filter:hover,
  435.         /* text */
  436.     div.j-browse-sorts.j-browse-filter-row span.j-browse-search input:hover,
  437.         /* [sort by ...] */
  438.     #js-browse-controls #j-browse-filters #j-sort:hover {  
  439.         border-color: #42aaff !important;  /* light blue */    
  440.       }  
  441.  }  /* media all and (min-width: 500px) */    
  442.      
  443. } /* end of moz-document */
  444.  
  445.  
  446. /* ==========================================###===================================== */
  447.  
  448. /*                                        P o s t s                                   */
  449.  
  450. /* Disply of all posts in a discussion.
  451.    examples:
  452.        https://discussions.apple.com/message/30492563#message30492563
  453.        https://discussions.apple.com/thread/7628966  
  454.        https://discussions.apple.com/discussion/create.jspa?sr=cmenu&containerType=14&containerID=2041
  455.    Germain
  456.        https://communities.apple.com/de/thread/1204
  457. */
  458. @-moz-document    
  459.    regexp("https://discussions.apple.com/+(message|thread)/.*"),
  460.    url-prefix(https://discussions.apple.com/update-advanced-comment.jspa),
  461.    url-prefix(https://discussions.apple.com/discussion/create.jspa),
  462.    
  463.    regexp("https://communities.apple.com/+(de|es|fr|pt)/(message|thread)/.*"),
  464.    regexp("https://communities.apple.com/+(de|es|fr|pt)/update-advanced-comment.jspa.*"),
  465.    
  466.    regexp("https://discussions(japan|korea).apple.com/+(message|thread)/.*"),
  467.  
  468.    url-prefix(https://discussionsjapan.apple.com/update-advanced-comment.jspa),
  469.    url-prefix(https://discussionskorea.apple.com/update-advanced-comment.jspa)
  470.    
  471.     {
  472.        
  473.     /* Communities title -- incomplete title on top left of page. So use breadcrumb trail. */
  474.     nav div#apple-site-title {display: none !important;} /* */  
  475.        
  476.     div#jive-body-intro-content h2 {
  477.         font-size: 20px !important;
  478.         margin-top: 14px !important;
  479.         /*background-color: lightskyblue !important; /**/      
  480.         }
  481.        
  482.         /* no Avatar for logged in user.  
  483.            Seems to get in the way of Original Poster's avatar */
  484.         div#second-row img {display: none !important; }
  485.        
  486.  /* ==================================== */
  487.  /* For medium and large size windows... */
  488.  @media all and (min-width: 500px) {
  489.      
  490.     /* Seems to be space for previously hidden Communities header */
  491.      div.navbar-desktop-container nav#j-globalNav-bg {height: 22px !important;}
  492.            
  493.     /* [Contact support] */  
  494.     nav ul#contact-support-link {
  495.         margin-top: -6px !important;
  496.         margin-right: -26px !important;}
  497.            
  498.     /* [Log in]         [My Subscriptions] [Content] [People] [Search] [Post [Lounge] */
  499.     div#second-row {
  500.         padding-top: 2px !important;
  501.         /*background-color: lightskyblue !important; /**/ }
  502.      
  503.     /* no Avatar for logged in user.  
  504.            Seems to get in the way of Original Poster's avatar */
  505.         div#second-row span.j-user-name {
  506.             padding-left: 0px !important;
  507.             margin-left: -13px !important;
  508.             /*background-color: lightskyblue !important; /**/}
  509.            
  510.     /* [My Subscriptions] [Content] [People] [Search] [Post [Lounge] */
  511.     div ul#menubar.sub-nav-wrap {
  512.         margin-top: 12px !important;
  513.         margin-right: -26px !important;}
  514.        
  515.     /* Breadcrumb trail
  516.        Examples:
  517.            Support Communities  /  Content
  518.            Support Communities / iPad  /  iPad in Business and Education
  519.        Move breadcrumb to the upper left, thus avoiding the repeating of Communities  */
  520.     /*
  521.     section#j-main nav#jive-breadcrumb ul {  /* add more selectors to overwhele main css *-
  522.             position: absolute !important;  /* override what in the main css *-
  523.  
  524.             font-size: 20px !important;          
  525.             width: inherit !important;   /* override what in the main css *-
  526.             height: 30px !important;
  527.             /*   background-color: lightblue !important; /* *-
  528.         }
  529.      
  530.        /* Apple put out an alert on the display of posts page
  531.           + the element on the left is immediately before the element on the right.  
  532.           Both elements must be on the same level
  533.        */
  534.        /* Tame alerts  
  535.           Get rid of all the wasted white space.  Smaller font.              1.4 */
  536.        div#jive-alert-global {
  537.            margin: 10px 0 12px 15px !important;
  538.            padding: 5px !important;
  539.            background-color: #F2F2F2 !important;/**/
  540.            /*background-color: pink!important; /*azure  light, light blue */
  541.          }    
  542.        div#jive-alert-1{
  543.            padding: 7px !important;
  544.          }
  545.        div.jive-alert-title {
  546.            font-size: 18px !important;
  547.          }
  548.        div.jive-alert-title span {
  549.            font-size: 14px !important;
  550.          }
  551.            
  552.     /* Most frequently we do not have an alert on the page.
  553.        With no aler, the div#jive-body is directly after the span element.
  554.        could also work div:not(#jive-alert-container)
  555.        March 7th, 2017 alter container left around when there isn't a alert
  556.     */
  557.     section#j-main  span + div#jive-body nav#jive-breadcrumb ul {  /* add more selectors to overwhele main css */
  558.             position: absolute !important;  /* override what in the main css */
  559.  
  560.             font-size: 20px !important;          
  561.             width: inherit !important;   /* override what in the main css */
  562.             height: 30px !important;
  563.        
  564.             text-align: left !important;
  565.             top: -76px !important;   /* === if you want to run this with out the main css,
  566.                                             change from -85 to ?? px === */
  567.             left: -40px !important;
  568.             /* background-color: pink !important; /* */
  569.      }/**/
  570.    
  571.      /* Implemented javascript to move breadcrumb trail to top right.
  572.         Needed javascript because we would not know how much space the alert took up. */
  573.      /* Fix up the moved breadcrumbs */  
  574.     div#body-apple > nav#jive-breadcrumb {
  575.        margin: 6px 0 0 10px!important;
  576.      
  577.     }
  578.      div#body-apple > nav#jive-breadcrumb ul li {  
  579.         font-size: 20px !important;          
  580.         width: inherit !important;   /* override what in the main css */
  581.         height: 30px !important;
  582.         text-align: left !important;
  583.         display:inline-block !important; /* li items in list horizontal */
  584.         padding-left: 0 !important;
  585.         /*background-color: pink !important; /* */
  586.       }
  587.  
  588.     div#body-apple > nav#jive-breadcrumb ul li:nth-child(n+2) :before {
  589.         content: " / ";/**/
  590.       }
  591.    
  592.     div#body-apple > nav#jive-breadcrumb ul li a{
  593.         margin-right: 5px !important;
  594.         font-weight: 500 !important;
  595.         color:black !important;
  596.         /* background-color: pink !important;/**/
  597.       }
  598.  
  599.    
  600.     /* First two lines of the header */    
  601.     div#j-header-wrap {
  602.         margin-bottom: 10px !important;
  603.         /* background-color: tan !important; /* */ }
  604.        
  605.     /* ASC displays the message when original poster posts from a message
  606.        Sometime appearing article name from where the poster made the original post
  607.        example:          
  608.            HT203995: Mail settings you might need from your email provider
  609.            Learn about Mail settings you might need from your email provider
  610.     */
  611.     div div#jive-body-intro-content {
  612.             padding-bottom: 0px !important;
  613.             /* There is a margin tag in larger user css.  To override, you need to use the margin
  614.               tag.  The margin-bottom will not work.
  615.               To see the effect, you need to reload the page. */
  616.             margin: -20px 40px 0px 40px !important;
  617.             /*   background-color: pink !important; /* */}        
  618.      
  619.     /* Seems to be some filler area between messaage and [following].
  620.        Seem to have to use the exact name to override.
  621.        When in stylish editor, effects page after save, but to see chanage in debug window
  622.        you need to reload. */
  623.     .j-thread #body-apple .thread-container-wrapper {
  624.         padding-bottom: 0px !important;
  625.         margin: 0px 40px !important;
  626.          /* background-color: grey !important; */}  
  627.        
  628.     /*  [Follow].  This is the encompassing area.  It's the width of the window [mostly].*/
  629.     header.js-original-header.apple-overflow-hidden {
  630.             padding-top: 0px !important;
  631.             margin-top: 0px !important;    
  632.             /*background-color: grey !important; /**/
  633.         }
  634.        
  635.     /*  [Follow]
  636.        just the area of Follow [pulldown].
  637.        reduces the space between these items.Follow [pulldown], and first post. */
  638.     div ul.apple-social-actions-toolbar {
  639.         margin-top: -20px !important;
  640.       } /* */
  641.    
  642.  } /* media all and (min-width: 500px) */
  643.          
  644.        
  645. } /* end of moz-document */
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!