API tools faq
paste
Advertisement
rccharles

asc both header and combined

rccharles
Nov 7th, 2016
531
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 138.04 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.2
  61.        - vertical center sidebar
  62.     1.1
  63.        - adjustments for Nov 1, 2016 ASC changes
  64.  
  65.   */
  66.  
  67. /* ==========================================###======================================= */
  68.  
  69. /*                                         L i s t                                      */
  70.  
  71. @-moz-document
  72.    url-prefix(https://discussions.apple.com/content),
  73.    url-prefix(https://discussions.apple.com/community),
  74.    url-prefix(https://discussions.apple.com/people),
  75.    url-prefix(https://discussionsjapan.apple.com/content),
  76.    url-prefix(https://discussionsjapan.apple.com/community),
  77.    url-prefix(https://discussionsjapan.apple.com/people),
  78.    url-prefix(https://discussionskorea.apple.com/content),
  79.    url-prefix(https://discussionskorea.apple.com/community),
  80.    url-prefix(https://discussionskorea.apple.com/people),
  81.    url-prefix(https://communities.apple.com/es/content),    
  82.    url-prefix(https://communities.apple.com/es/community/),
  83.    url-prefix(https://communities.apple.com/es/people),  
  84.    url-prefix(https://communities.apple.com/pt/content),
  85.    url-prefix(https://communities.apple.com/pt/community/),
  86.    url-prefix(https://communities.apple.com/pt/people)  {  
  87.      
  88.       /* debug:
  89.          background-color: yellow !important;
  90.       */          
  91.       /* top line:
  92.          Communities                Contact support
  93.        
  94.          I guess we know by now that we are in the communities. */
  95.        
  96.        /* Top portion of the header. First two "lines" on the page.  
  97.          Second lines is:
  98.            My Subscriptions Content People Search Post */
  99.       div#j-header-wrap {
  100.         margin-bottom: 2px !important;
  101.         /*background-color: antiquewhite !important; /* */ }
  102.  
  103.      
  104.       /* Ditch first line across page.  */
  105.       div#body-apple header nav#j-globalNav-bg  {border-bottom: 0px !important; }
  106.      
  107.       /* Ditch Communities */
  108.       div#body-apple header div#apple-site-title a { display: none!important; }
  109.        
  110.       /* Ditch avatar of logged in user.
  111.          Be consistant with display of posts which doesn't have avatar */
  112.   /*    ul#j-satNav-wrap a#j-satNav img {
  113.            display:none !important;
  114.            background-color: azure !important;
  115.           }*/
  116.        
  117.       /* Ditch "Content" upper left of window.  
  118.          Glad to get rid of this redundant waste of space. */
  119.       div#jive-body  header#apple-full-header { display: none!important; }
  120.        
  121.       /* Ditch "Find helpful content and discussions"
  122.          Total waste of space. */
  123.       header#apple-full-header h4#apple-full-subheader { display: none!important; }  
  124.        
  125.       /* Ditch Box and list view icons
  126.          Who ever uses the box view?  No need. */
  127.        div#jive-body ul#j-item-view-toggle { display: none!important; }
  128.        
  129.       /* Ditch the line under
  130.                [All User(nnn)] [Announcements] [User Tips(nnn)] [Discussions(nnn)] */
  131.       ul.j-content-types.js-browse-filter-toggle-set { border-bottom-width: 0 !important;}
  132.        
  133.       /* [Filter by personal content] check box only appears
  134.          on your content web page. It doesn't seem to work. */
  135.      div.j-browse-filter-row.j-content-filter span.js-browse-filter-toggle{
  136.         display: none!important;
  137.       /*  margin: -20px -20px 0 0 !important;
  138.         background-color: teal !important; /* */
  139.         }
  140.        
  141.       /* User id    My subscriptions  Content ... */
  142.       header#j-header div#second-row {
  143.           /*background-color: yellow !important;*/
  144.           padding-top: 6px !important;
  145.         }
  146.      
  147.       /* User id  signout */
  148.       div#second-row ul#j-satNav-wrap {
  149.           /*background-color: aqua  !important;*/
  150.           margin-left: -40px !important;
  151.           margin-top: -10px !important;
  152.        }
  153.            
  154.       /*  Delete line under [all discussions]. This is a band in back of
  155.          [All Discussions] the spans the width of the window. */
  156.      div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
  157.           border-bottom: 0px !important;
  158.           /*background-color: azure !important; /* */
  159.       }
  160.        
  161.        /* Alert.
  162.           Could get rid of all the wasted white space to avoid this */
  163.        div#jive-alert {
  164.            margin-top: 0px !important;
  165.          }
  166.        
  167.        /* Don't place a white line across the screen.
  168.           You would not see with Apple's white background */
  169.        form#js-browse-controls div.j-browse-sorts.j-browse-filter-row.last-child {
  170.            border-top-style: none !important;
  171.            /*background-color: azure !important; /* */
  172.        }
  173.        
  174. /* ==================================== */    
  175. /* ... for small windows such as a smart phone ... */  
  176.        
  177. @media all and (max-width: 499px) {
  178.    
  179.  
  180.       /* [Contact Support]  */
  181.       div#body-apple header ul#contact-support-link a {
  182.           font-size: 10px !important;
  183.           background-color: antiquewhite !important; /**/
  184.         }  
  185.    
  186.  
  187.     /* [my Subscriptions] [Content] [People [Search] [Post] */
  188.     #body-apple ul#menubar.sub-nav-wrap li {
  189.         font-size: 10px !important;
  190.       /*  background-color: blanchedalmond !important; /**/}
  191.    
  192.       /* [All User(nnn)] [Announcements] [User Tips(nnn)] [Discussions(nnn)]*/
  193.       div.j-browse-filter-row.j-type-row.apple-custom-line-height{
  194.           height:20px !important;                
  195.           margin:10px 0 15px !important;/**/
  196.           /*background-color: pink!important; /**/
  197.     }
  198.    
  199.      div#jive-body div.j-layout {
  200.         margin: 5px 0 0 0 !important;
  201.         /* background-color: grey !important; /* */      
  202.     }
  203.      
  204.       /* for some reason when left out User Tips drifts downward. */
  205.       ul.j-content-types.js-browse-filter-toggle-set li a{          
  206.           height: 18px!important;
  207.           font-size: 13px !important;
  208.           padding:0px   !important;
  209.           vertical-align: middle !important;
  210.           display:inline-block;
  211.           overflow:hidden !important;
  212.           white-space:nowrap !important;
  213.           /*background-color: tan  !important; /**/ }
  214.          
  215.      ul.j-content-types.js-browse-filter-toggle-set li.filter-All.Content a {
  216.          width: 18px !important;
  217.          /*background-color: tomato !important; /**/
  218.    
  219.          }
  220.      ul.j-content-types.js-browse-filter-toggle-set li.filter-Announcements a {
  221.          width: 58px !important;
  222.          /*background-color: tomato !important; /**/  
  223.          }
  224.    
  225.       ul.j-content-types.js-browse-filter-toggle-set li.filter-User.Tips a {
  226.          width: 58px !important;
  227.          /*background-color: orchid !important; /**/  
  228.          }
  229.        
  230.     ul.j-content-types.js-browse-filter-toggle-set li.filter-Discussions a span.js-shrinkable{
  231.          display:inline-block;  /* No workie without */
  232.          overflow:hidden !important;
  233.          white-space:nowrap !important;
  234.          width: 70px !important;
  235.          /*background-color: tomato !important; /**/  
  236.          }
  237.    
  238.      /* moves list up */
  239.       div.j-browse-sorts.j-browse-filter-row.last-child {
  240.           margin:0 !important;
  241.           height: 14px !important;
  242.           /*background-color: aqua  !important;/**/
  243.        }
  244.    
  245.     /* Set common width for all words.
  246.        Will truncate span width to save space. Biased toward English */
  247.     ul.j-content-types.js-browse-filter-toggle-set li {      
  248.           width: 80px !important;
  249.           /*background-color: tomato !important; /**/    
  250.          }    
  251.        
  252.       /* for some reason when left out User Tips drifts downward. */
  253.       ul.j-content-types.js-browse-filter-toggle-set li a{          
  254.           height: 18px!important;
  255.           font-size: 13px !important;
  256.           padding:0px   !important;
  257.           vertical-align: middle !important;
  258.           display:inline-block;
  259.           overflow:hidden !important;
  260.           white-space:nowrap !important;
  261.           /*background-color: tan  !important;/**/  }
  262.          
  263.      ul.j-content-types.js-browse-filter-toggle-set li.filter-All.Content a {
  264.          width: 18px !important;
  265.          /*background-color: tomato !important; /**/
  266.    
  267.          }
  268.      ul.j-content-types.js-browse-filter-toggle-set li.filter-Announcements a {
  269.          width: 58px !important;
  270.          /*background-color: tomato !important; /**/  
  271.          }
  272.    
  273.       ul.j-content-types.js-browse-filter-toggle-set li.filter-User.Tips a {
  274.          width: 58px !important;
  275.          /*background-color: orchid !important; /**/  
  276.          }
  277.        
  278.     ul.j-content-types.js-browse-filter-toggle-set li.filter-Discussions a span.js-shrinkable{
  279.          display:inline-block;  /* No workie without */
  280.          overflow:hidden !important;
  281.          white-space:nowrap !important;
  282.          width: 70px !important;
  283.          /*background-color: tomato !important; /**/  
  284.          }
  285.    
  286.    
  287.    
  288.       /*
  289.          These are the three pulldowns.
  290.          initally:
  291.            [All discussions]
  292.            [Type to filter by text]
  293.            [Sort by latest activity: newest first] */  
  294.      
  295.     /* Top portion of the header. First two "lines" on the page.  
  296.          Second lines is:
  297.            [My Subscriptions] [Content] [People] [Search] [Post] */
  298.       div#j-header-wrap {
  299.         margin-bottom: 2px !important;
  300.         /*background-color: antiquewhite !important; /* */ }
  301.  
  302.  
  303.        /* even number strips.  Lower header. Large box. Starts with
  304.           [All content] [Annoucements] [User tips] [Discussions] includes contents listing.
  305.       div.j-layout.j-layout-sl.clearfix.j-contained {
  306.          
  307.          } */    
  308.        /* The second line in the header FYI
  309.           limit selection to just user's content
  310.        div.j-layout.j-layout-sl.clearfix.j-contained.j-contained-tabs.j-browse-content.j-rc5
  311.        form#js-browse-controls div.j-browse-sorts {}  */
  312.  
  313.    
  314.      /* move up a bit the horizonal nav bar.  In the main css, the sidebar was made horizontal */
  315.      div .j-colum-wrap-s nav.j-second-nav ul {
  316.        /*  margin-top: -10px !important; /**/
  317.          /*background-color: orchid !important; /**/  }
  318.    
  319.  
  320.      /*  Adjust height associated with the band in back of
  321.          "[all Discussions] the spans the width of the window. */
  322.      div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
  323.           height: 20px !important;
  324.           /*background-color: tan !important; /* */
  325.       }
  326.        
  327.      /* [All discussions] */
  328.      select.j-browse-filter.js-browse-filter,
  329.          #js-browse-controls #j-browse-filters #j-sort,
  330.          div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
  331.          padding: 0 !important;
  332.          vertical-align: middle!important;
  333.          font-size: 12px !important;
  334.          height: 20px !important;
  335.          border-color: #9b9b9b !important;
  336.          background-color: #f2f2f2 !important;
  337.              
  338.       }
  339.    
  340.    
  341.        select.j-browse-filter.js-browse-filter{
  342.            text-align: left !important;
  343.            width: 130px !important;  
  344.            /*background-color: lemonchiffon !important;/**/}
  345.      
  346.      /* [Type to filter by text] on list of discussions in a community. */
  347.      div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
  348.          width: 130px !important;  
  349.          text-align: center !important;    
  350.        }
  351.        
  352.      /* [Sort by ...] */
  353.      #js-browse-controls #j-browse-filters #j-sort {
  354.         margin: 0 !important;
  355.         text-align: left !important;
  356.         width: 230px !important;
  357.         margin-top: -16px !important;
  358.        }
  359.      
  360.     div.j-pagination {
  361.         margin-top: -32px !important;
  362.         height: 22px !important;
  363.         width: 140px !important;
  364.         /*background-color: yellow !important;  /**/      
  365.     }
  366.        
  367. } /* media all and (max-width: 499px)
  368.      end of smart phone adjustment */
  369.        
  370.        
  371. /* ================================================= */
  372. @media all and ( min-width: 400px ) and ( max-width: 499px ) {
  373.            
  374.       /* [contact support] link upper right corner
  375.          to move, you need to use the ul
  376.          actually, the ul.  link is in a li. */
  377.       div#body-apple header ul#contact-support-link {
  378.           margin: -15px -46px 0;
  379.         }
  380.                
  381.        /* Alert.
  382.           Could get rid of all the wasted white space to avoid this */
  383.        div#body-apple div#jive-alert {
  384.           width: 91% !important;
  385.           margin-top: 5px !important;
  386.           margin-right: 10px !important;
  387.           margin-bottom: 10px !important;
  388.           margin-left: 10px !important;            
  389.          }    
  390.      
  391.       /* Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content    
  392.           For examples:
  393.                Support Communities / Content
  394.                Support Communities / iPad / iPad in Business and Education
  395.             */
  396.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
  397.           position: absolute !important;  /* override what in the main css */
  398.           text-align: left !important;
  399.           top: -120px !important;  
  400.           left: 5px !important;
  401.           font-weight: 500 !important;
  402.           font-size: 13px !important;
  403.           width: 225px !important;   /* override what in the main css */  
  404.           /*background-color: tan  !important;/**/
  405.        }
  406.            
  407.     /* Set common width for all words.
  408.        Will truncate span width to save space. Biased toward English */
  409.     ul.j-content-types.js-browse-filter-toggle-set li {      
  410.           width: 80px !important;
  411.           /*background-color: tomato !important; /**/    
  412.          }  
  413.    
  414.      /* actual button [Type to filter by text] on list of discussions in a community. */
  415.      div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
  416.          /*background-color: yellowgreen  !important;/**/}
  417.    
  418.      /* enclosing tag [Type to filter by text] on list of discussions in a community. */
  419.      div.j-browse-sorts.j-browse-filter-row span.j-browse-search  {
  420.         padding-right: 70px !important; /**/
  421.         /*background-color: aquamarine  !important;/**/}
  422.    
  423.          
  424.      /* was sidebar now moved to horizontal */
  425.      div.j-column.j-column-s nav.j-second-nav {    
  426.         margin-top: 40px !important;/**/
  427.         margin-bottom: 10px !important;
  428.         /*background-color: red !important;/**/}
  429.    
  430.     form#js-browse-controls {
  431.         height: 120px!important;
  432.       }
  433.    
  434.     /* < 1 2 > */
  435.     div.j-pagination {
  436.         margin-top: 1px !important;
  437.         height: 20px !important;
  438.         width: 250px !important;/**/    
  439.         font-size: 11px !important;
  440.         margin-left: -25px !important;
  441.         top: 0px !important;
  442.         left: 180px !important;
  443.         /*background-color: lightgrey !important;  /**/      
  444.       }
  445.    
  446.     /* spacing around the whole page */
  447.     div#body-apple {
  448.         padding-right: 10px !important;
  449.         padding-left: 10px !important;
  450.         /*background-color: green !important;  /**/
  451.       }
  452.   } /* end of media */
  453.        
  454. /* ================================================= */
  455. /* Just a marker so we know when we have a 320px screen plus a little more stuff.  */
  456. @media all and ( max-width: 320px ) {
  457.    
  458.       /* spacing around the while page */
  459.       div.j-pagination span.j-pagination-prevnext {
  460.         padding-left: 0 !important;  
  461.         padding-right: 0 !important;}
  462.      
  463.       /* [contact support] link upper right corner
  464.          to move, you need to use the ul
  465.          actually, the ul.  link is in a li. */
  466.       div#body-apple header ul#contact-support-link {
  467.           margin: -15px -60px 0;
  468.         }
  469.      
  470.       /* [Contact Support]
  471.          How we tell we have the iPhone 4's size with a desktop window. */
  472.       div#body-apple header ul#contact-support-link a {
  473.           background-color: lightgrey !important; /**/
  474.         }
  475.    
  476.       /* Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content    
  477.           For examples:
  478.                Support Communities / Content
  479.                Support Communities / iPad / iPad in Business and Education
  480.       */
  481.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
  482.           top: -140px !important;
  483.           /*background-color: tan  !important;/**/
  484.         }
  485.    
  486.      
  487.     /* < 1 2 > */
  488.     div.j-pagination {
  489.         margin-top: 1px !important;
  490.         height: 20px !important;
  491.         /*width: 120px !important;/**/
  492.        
  493.         font-size: 13px !important;
  494.         margin-left: -35px !important;
  495.         top: 0px !important;
  496.         left: 180px !important;
  497.         /*background-color: lightgrey !important;  /**/      
  498.       }
  499.    
  500.     /* Little less space around <  > */
  501.     div.j-pagination span.j-pagination-prevnext {
  502.             margin-left: 0 !important;
  503.             margin-right: 0 !important;
  504.             /*background-color: tan  !important;/**/
  505.       }
  506.     /* Let enough room so someone can click on the sidebar moved horizontal. */
  507.     form#js-browse-controls {
  508.         height: 120px !important;
  509.       }  
  510. } /* end of media */
  511.    
  512.              
  513. /* ================================================= */
  514. /* list of discussions adjustment for small windows found on potraited smart phones */
  515. @media all and (min-width: 321px ) and ( max-width: 399px ) {
  516.    
  517.            
  518.        /* Alert.
  519.           Could get rid of all the wasted white space to avoid this */
  520.        div#body-apple div#jive-alert {
  521.           width: 89% !important;
  522.           margin-top: -30px !important;
  523.           margin-right: 10px !important;
  524.           margin-bottom: 10px !important;
  525.           margin-left: 10px !important;            
  526.          }
  527.    
  528.       /* Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content    
  529.           For examples:
  530.                Support Communities / Content
  531.                Support Communities / iPad / iPad in Business and Education
  532.             */
  533.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhelm main css */
  534.           top: -140px !important;  
  535.         }
  536.    
  537.       /* spacing around the while page */
  538.       div#body-apple {
  539.         padding-right: 10px !important;
  540.         padding-left: 10px !important;
  541.         /*background-color: yellowgreen  !important;/**/
  542.       }
  543.    
  544.       /* [Contact Support]
  545.          How we tell we have the iPhone 4's size with a desktop window. */
  546.       div#body-apple header ul#contact-support-link a {
  547.           margin: -15px -46px 0;
  548.           background-color: peachpuff !important; /**/
  549.         }
  550.  
  551.    
  552.    
  553. } /* end of media */
  554.        
  555.        
  556. /* ================================================= */
  557. /* list of discussions adjustment for small windows found on potraited smart phones */
  558. @media all and ( max-width: 399px ) {
  559.    
  560.       /* [contact support] link upper right corner
  561.          to move, you need to use the ul
  562.          actually, the ul.  link is in a li. */
  563.       #contact-support-link {
  564.           margin-right: -40px !important;}
  565.    
  566.      /* Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content    
  567.           For examples:
  568.                Support Communities / Content
  569.                Support Communities / iPad / iPad in Business and Education
  570.             */
  571.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
  572.           position: absolute !important;  /* override what in the main css */
  573.           text-align: left !important;  
  574.           left: 5px !important;
  575.           font-weight: 500 !important;
  576.           font-size: 13px !important;
  577.           width: 225px !important;   /* override what in the main css */  
  578.           /*background-color: tan  !important;/**/
  579.        }
  580.      /* Set common width for all words.
  581.        Will truncate span width to save space. Biased toward English */
  582.      ul.j-content-types.js-browse-filter-toggle-set li {      
  583.           width: 70px !important;
  584.           /*background-color: tomato !important; /**/    
  585.          }
  586.    
  587.      /* for some reason when left out [User Tips] drifts downward. */
  588.      ul.j-content-types.js-browse-filter-toggle-set li a{
  589.           border-radius: 5px !important;
  590.           background-color:  #ffe6b3 !important; /* light tan */
  591.        }
  592.    
  593.      /* area for [All] [Announce] [User Tips] [Discussions]
  594.          and for expanded content [All discussions]
  595.          [Type to filter by text]
  596.          [Sort by latest activity newest first]
  597.      */
  598.      div#j-browse-filters.j-browse-filters {
  599.         height: 100px !important;
  600.         margin-bottom: 0px !important;
  601.         /*background-color: azure !important; /* doesn't appear anyway */ }
  602.    
  603.      /* [Sort by ...] <-------*/
  604.      #js-browse-controls #j-browse-filters #j-sort {
  605.         /* background-color: tan  !important;/**/
  606.        }
  607.        
  608.   } /* end of media */
  609.  
  610. /* ==================================== */
  611. /* ...... For medium and large size windows ...... */
  612.        
  613. @media all and (min-width: 500px) {  
  614.    
  615.       /* Space between first and second line of the upper header space.  Second line starts
  616.           with Signin / Signout */
  617.       nav#j-globalNav-bg {
  618.           height: 26px !important;
  619.         }
  620.    
  621.       /* [All Content(nnn)]   [User [Tips(nnn)]   [Discussions(nnn)]
  622.           or
  623.          [All User(nnn)] [Announcements] [User [Tips(nnn)] [Discussions(nnn)] */
  624.       div.j-browse-filter-row.j-rc5 {
  625.         height: 42px !important;
  626.         /*background-color: lightgreen !important;/**/
  627.         }
  628.    
  629.       /* actual line for [All Content(nnn)]  ...  */
  630.       .j-browse-filter-row > ul li {
  631.         height: 20px !important;
  632.         /*background-color: rosybrown !important;/**/
  633.         }
  634.      
  635.       /* now adjust the size of the letters in this row
  636.          Looks like ASC has javascript to move around underline :-(
  637.          Need make only acceptable change to preserve underlining. */
  638.       div#jive-body div.j-browse-filter-row.j-type-row.apple-custom-line-height ul li button{
  639.          font-size: 16px !important;
  640.          height:18px !important;  
  641.          padding-top: 0px !important;
  642.          padding-bottom: 1px !important;
  643.          /*background-color: lightgreen  !important; /**/
  644.           }
  645.          
  646.       /* Jive uses an hr to adjust the underlining.
  647.          The javascripts adjusts the margin-left to move the underline.
  648.          <div class="j-layout j-layout-sl clearfix j-contained j-contained-tabs j-browse-content j-rc5">
  649.            <hr style="width: 86px; margin-left: 540.3px; margin-top: 54px;"
  650.                class="underscore-selected ready">  */
  651.       div.j-layout.j-layout-sl hr.underscore-selected.ready {
  652.           margin-top: 21px  !important;  
  653.           /*border-top: 3px dashed #8c8b8b  !important;
  654.           background-color: lightblue  !important; /**/
  655.           }
  656.    
  657.       /* Effects margin same as div#jive-body */
  658.       div#jive-body div.j-layout {
  659.           margin-top: 5px !important;
  660.           /*background-color: grey !important; /* */      
  661.        }
  662.    
  663.       /* for some reason when left out User [Tips drifts] downward. */
  664.       ul.j-content-types.js-browse-filter-toggle-set li a{          
  665.           height: 18px!important;
  666.           font-size: 16px !important;
  667.           padding:0px   !important;
  668.           vertical-align: middle !important;
  669.           display:inline-block;
  670.           overflow:hidden !important;
  671.           white-space:nowrap !important;
  672.           /* background-color: tan  !important; /**/ }
  673.          
  674.       /* [Contact Support] seen on top right */
  675.       div#body-apple header ul#contact-support-link {
  676.           margin-top: -6px !important;
  677.           margin-right: -40px !important;
  678.           /* background-color: palegoldenrod !important;  /**/                  
  679.         }
  680.    
  681.       /* Support Communities /  Content
  682.          Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content */
  683.       section#j-main nav#jive-breadcrumb {  /* add more selectors to overwhele main css */
  684.           position: absolute !important;  /* override what in the main css */
  685.           text-align: left !important;
  686.           top: -68px !important;   /* === if you want to run this with out the main css,
  687.                                            change from -120 to -80px === */
  688.           left: 0px !important;
  689.           font-size: 20px !important;        
  690.           width: inherit !important;   /* override what in the main css */
  691.           /*background-color: tan  !important;/**/        
  692.        }
  693.      
  694.         /*  Adjust height associated with the band in back of
  695.          [All Discussions] the spans the width of the window. */
  696.      div.j-layout.j-layout-sl form#js-browse-controls div.j-browse-filter-row.j-content-filter {
  697.           height: 20px !important;
  698.           width: 180px;
  699.           background-color: #f2f2f2 !important; /* earlier Apple grey */
  700.       }
  701.    
  702.      /* Pagination info */
  703.      div span.j-pagination-prevnext.full-pagination{
  704.         margin:0 !important;
  705.         /*background-color: pink !important; /* */ }
  706.    
  707.     /* don't know why form doesn't contain items */
  708.     form#js-browse-controls {
  709.         height: 80px !important;
  710.         /*background-color: lightgreen !important;/**/
  711.         }
  712.    
  713.      /* [All discussions] */
  714.      select.j-browse-filter.js-browse-filter {
  715.          padding: 0px 6px 0px 8px !important;
  716.          height: 32px !important;
  717.          font-size: 14px !important;
  718.          width: 160px !important;      
  719.          text-align: left !important;
  720.          border-color: #9b9b9b !important;
  721.          background-color: #f2f2f2 !important;        
  722.       }
  723.          
  724.      /* [Type to filter by text] on list of discussions in a community. */
  725.      div.j-browse-sorts.j-browse-filter-row span.j-browse-search input {
  726.          margin-left: 20px !important;/**/
  727.          padding: 0px 6px 0px 8px !important;
  728.          height: 32px !important;
  729.          font-size: 14px !important;
  730.          width: 160px !important;      /* Was 220px */
  731.          text-align: center !important;
  732.          border-color: #9b9b9b !important;
  733.          background-color: yellow !important;
  734.        }      
  735.    
  736.      /* [Sort by: ...]
  737.         Suspect javscript forces 32px has the height :-( */
  738.      #js-browse-controls div.j-browse-sorts span select {
  739.          border-color: #9b9b9b !important; /* grey, Apple's color */
  740.          padding: 0px 6px 0px 28px !important;
  741.          text-align: left !important;          
  742.          height:  32px !important;
  743.          font-size: 14px !important;
  744.          padding: 0px !important;
  745.          width: 200px !important;
  746.          background-color: #f2f2f2 !important;
  747.          background-color: lightsalmon !important;/**/
  748.        }
  749.  
  750.      /* browse-filter UI layout
  751.         (All Discussions|Open Questions|Answered Questions|Discussion Threads)
  752.         (Type to filter by text)
  753.         (Sort by: Latest activity|Sort by: Date created|Sort by: Title)
  754.        
  755.         rule excludes .j-browse-filter-row.j-bottom-row that is container for pagination UI
  756.      */
  757.      .j-browse-content .j-browse-filter-row:not(.j-bottom-row) {
  758.         display: table-cell !important;
  759.         float: left !important;
  760.         }
  761.  
  762.     .j-browse-content .j-content-filter {
  763.         border-bottom: none !important;
  764.         height: 30px !important;
  765.         }
  766.    
  767.     #js-browse-controls div.j-browse-sorts span select option{        
  768.          border-color: #9b9b9b !important; /* grey, Apple's color */
  769.          padding: 0px 6px 0px 28px !important;        
  770.          text-align: left !important;
  771.          height:  22px !important;
  772.          font-size: 12px !important;
  773.          padding: 0px !important;      
  774.          /* background-color: yellow !important;/**/    
  775.        }
  776.    
  777.     /* box for horizontal side-bar */
  778.     div.j-colum-wrap-s div.j-column.j-column-s {
  779.         height: 60px !important;
  780.         /* background-color: yellow !important;/**/
  781.     }
  782.    
  783.     /* margin around horizontal side-bar
  784.        The real space waster */
  785.     div.j-box.j-sub-facets.j-browse-mine{
  786.         margin-top: 4px !important;
  787.         margin-bottom: 10px !important;
  788.     }
  789.     /* Hover over  */
  790.         /* [All discussions] */
  791.     select.j-browse-filter.js-browse-filter:hover,
  792.         /* text */
  793.     div.j-browse-sorts.j-browse-filter-row span.j-browse-search input:hover,
  794.         /* [sort by ...] */
  795.     #js-browse-controls #j-browse-filters #j-sort:hover {  
  796.         border-color: #42aaff !important;  /* light blue */    
  797.       }  
  798.  }  /* media all and (min-width: 500px) */    
  799.      
  800. } /* end of moz-document */
  801.  
  802.  
  803. /* ==========================================###======================================= */
  804.  
  805. /*                                        P o s t s                                     */
  806.  
  807. /* Disply of all posts in a discussion.
  808.    examples:
  809.        https://discussions.apple.com/message/30492563#message30492563
  810.        https://discussions.apple.com/thread/7628966  
  811. */
  812. @-moz-document
  813.     url-prefix(https://discussions.apple.com/message/),
  814.     url-prefix(https://discussions.apple.com/thread/){
  815.        
  816.     /* Communities title -- incomplete title on top left of page. So use breadcrumb trail. */
  817.     nav div#apple-site-title {display: none !important;} /* */  
  818.        
  819.     div#jive-body-intro-content h2 {
  820.         font-size: 20px !important;
  821.         margin-top: 14px !important;
  822.         /*background-color: lightskyblue !important; /**/      
  823.         }
  824.        
  825.         /* no Avatar for logged in user.  
  826.            Seems to get in the way of Original Poster's avatar */
  827.         div#second-row img {display: none !important; }
  828.  /* ==================================== */
  829.  /* For medium and large size windows... */
  830.  @media all and (min-width: 500px) {
  831.      
  832.     /* Seems to be space for previously hidden Communities header */
  833.      div.navbar-desktop-container nav#j-globalNav-bg {height: 22px !important;}
  834.            
  835.     /* [Contact support] */  
  836.     nav ul#contact-support-link {
  837.         margin-top: -6px !important;
  838.         margin-right: -26px !important;}
  839.            
  840.     /* [Log in]         [My Subscriptions] [Content] [People] [Search] [Post [Lounge] */
  841.     div#second-row {
  842.         padding-top: 2px !important;
  843.         /*background-color: lightskyblue !important; /**/ }
  844.      
  845.     /* no Avatar for logged in user.  
  846.            Seems to get in the way of Original Poster's avatar */
  847.         div#second-row span.j-user-name {
  848.             padding-left: 0px !important;
  849.             margin-left: -13px !important;
  850.             /*background-color: lightskyblue !important; /**/}
  851.            
  852.     /* [My Subscriptions] [Content] [People] [Search] [Post [Lounge] */
  853.     div ul#menubar.sub-nav-wrap {
  854.         margin-top: 12px !important;
  855.         margin-right: -26px !important;}
  856.        
  857.     /* Breadcrumb trail
  858.        Examples:
  859.            Support Communities  /  Content
  860.            Support Communities / iPad  /  iPad in Business and Education
  861.        Move breadcrumb to the upper left, thus avoiding the repeating of Communities  */
  862.     section#j-main nav#jive-breadcrumb ul {  /* add more selectors to overwhele main css */
  863.             position: absolute !important;  /* override what in the main css */
  864.             text-align: left !important;
  865.             top: -76px !important;   /* === if you want to run this with out the main css,
  866.                                             change from -85 to ?? px === */
  867.             left: -40px !important;
  868.             font-size: 20px !important;          
  869.             width: inherit !important;   /* override what in the main css */
  870.             height: 30px !important;
  871.               /* background-color: yellow !important; /* */
  872.         }
  873.          
  874.     /* First two lines of the header */    
  875.     div#j-header-wrap {
  876.         margin-bottom: 10px !important;
  877.         /* background-color: tan !important; /* */ }
  878.        
  879.     /* ASC displays the message when original poster posts from a message
  880.        Sometime appearing article name from where the poster made the original post
  881.        example:          
  882.            HT203995: Mail settings you might need from your email provider
  883.            Learn about Mail settings you might need from your email provider
  884.     */
  885.     div div#jive-body-intro-content {
  886.             padding-bottom: 0px !important;
  887.             /* There is a margin tag in larger user css.  To override, you need to use the margin
  888.               tag.  The margin-bottom will not work.
  889.               To see the effect, you need to reload the page. */
  890.             margin: -20px 40px 0px 40px !important;
  891.             /*   background-color: pink !important; /* */}        
  892.      
  893.     /* Seems to be some filler area between messaage and [following].
  894.        Seem to have to use the exact name to override.
  895.        When in stylish editor, effects page after save, but to see chanage in debug window
  896.        you need to reload. */
  897.     .j-thread #body-apple .thread-container-wrapper {
  898.         padding-bottom: 0px !important;
  899.         margin: 0px 40px !important;
  900.          /* background-color: grey !important; */}  
  901.        
  902.     /*  [Follow].  This is the encompassing area.  It's the width of the window [mostly].*/
  903.     header.js-original-header.apple-overflow-hidden {
  904.             padding-top: 0px !important;
  905.             margin-top: 0px !important;    
  906.             /*background-color: grey !important; /**/
  907.         }
  908.        
  909.     /*  [Follow]
  910.        just the area of Follow [pulldown].
  911.        reduces the space between these items.Follow [pulldown], and first post. */
  912.     div ul.apple-social-actions-toolbar {
  913.         margin-top: -20px !important;
  914.       } /* */
  915.    
  916.  } /* media all and (min-width: 500px) */
  917.          
  918.        
  919.  /* ================================================= */
  920.  /* list of discussions adjustment for small windows found on potraited smart phones */
  921.  @media all and ( max-width: 499px ) {
  922.      
  923.     /* [Contact support] */  
  924.     nav ul#contact-support-link {margin-top: 2px !important;}
  925.    
  926.    
  927.     /* spacing around the whole page */
  928.     div#body-apple {
  929.         padding-right: 0px !important;
  930.         padding-left: 0px !important;
  931.         /*background-color: green !important;  /**/
  932.       }
  933.       /* spacing around the while page */
  934.       div.j-pagination span.j-pagination-prevnext {
  935.         padding-left: 0 !important;  
  936.         padding-right: 0 !important;}
  937.      
  938.       /* [contact support] link upper right corner
  939.          to move up, you need to use the ul.
  940.          Link is in a li. */
  941.       div#body-apple header ul#contact-support-link {
  942.           margin-top: -13px !important;
  943.           margin-right:  0px !important;
  944.         }
  945.      
  946.       /* [Contact Support] */
  947.       div#body-apple header ul#contact-support-link a {
  948.           font-size: 10px !important;
  949.         }
  950.    
  951.      div#body-apple div#j-header-wrap {
  952.          padding-right: 0 !important;
  953.          padding-left: 0 !important;
  954.          margin-bottom:  10px !important;
  955.      }
  956.      
  957.      div#body-apple div#second-row {
  958.          padding-top: 0 !important;        
  959.      }
  960.          
  961.      /* just the area of [Following].
  962.          reduces the space between these items.Follow [pulldown], and first post. */
  963.      div#body-apple div ul.apple-social-actions-toolbar {
  964.           margin-top: -45px !important;
  965.         } /* */
  966.    
  967.      
  968.      
  969.  } /* end of media */
  970.    
  971.        
  972.  /* ==================================== */
  973.  /* for small windows such as a smart phone.    */      
  974.  @media all and (min-width: 321px) and (max-width: 499px) {
  975.        
  976.              /* [Contact Support]  */
  977.       div#body-apple header ul#contact-support-link a {
  978.           background-color: lavender!important; /**/
  979.         }
  980.      
  981.        /* Alert.
  982.           Could get rid of all the wasted white space to avoid this */
  983.        div#body-apple div#jive-alert {
  984.           width: 89% !important;
  985.           margin-top: -30px !important;
  986.           margin-right: 10px !important;
  987.           margin-bottom: 10px !important;
  988.           margin-left: 10px !important;            
  989.          }
  990.      
  991.       /* Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content    
  992.           For examples:
  993.                Support Communities / Content
  994.                Support Communities / iPad / iPad in Business and Education
  995.       */
  996.       section#j-main nav#jive-breadcrumb ul {  /* add more selectors to overwhele main css */
  997.             position: absolute !important;  /* override what in the main css */
  998.             text-align: left !important;
  999.             top: -75px !important;   /* === if you want to run this with out the main css,
  1000.                                             change from -75 to ?? px === */
  1001.             left: -48px !important;
  1002.             font-size: 13px !important;          
  1003.             width: inherit !important;   /* override what in the main css */
  1004.             height: 30px !important;
  1005.             /*background-color: yellow !important; /* */
  1006.         }
  1007.  
  1008.    
  1009.  }
  1010.        
  1011.        
  1012.     /* ==================================== */
  1013.  /* for small windows such as a smart phone -- iphone 4 width in portrait */      
  1014.  @media all and (max-width: 320px) {
  1015.      
  1016.      /* [Contact Support]
  1017.          How we tell we have the iPhone 4's size with a desktop window. */
  1018.       div#body-apple header ul#contact-support-link a {
  1019.           background-color: lightsteelblue !important; /**/
  1020.         }
  1021.      
  1022.      /* Move breadcrumb to the upper left, thus avoiding the repeating of Communities and content    
  1023.           For examples:
  1024.                Support Communities / Content
  1025.                Support Communities / iPad / iPad in Business and Education
  1026.       */
  1027.       section#j-main nav#jive-breadcrumb ul {  /* add more selectors to overwhele main css */
  1028.             position: absolute !important;  /* override what in the main css */
  1029.             text-align: left !important;
  1030.             top: -76px !important;   /* === if you want to run this with out the main css,
  1031.                                             change from -85 to ?? px === */
  1032.             left: -30px !important;
  1033.             font-size: 13px !important;          
  1034.             width: inherit !important;   /* override what in the main css */
  1035.             height: 30px !important;
  1036.             /* background-color: yellow !important; /* */
  1037.         }
  1038.      
  1039.        /* Alert.
  1040.           Could get rid of all the wasted white space to avoid this */
  1041.        div#body-apple div#jive-alert {
  1042.           /* margin-top: 0px !important; */
  1043.           width: 87% !important;
  1044.           margin-top: -20px !important;
  1045.           margin-right: 5px !important;  
  1046.           margin-bottom: 10px !important;
  1047.           margin-left: 5px !important;    
  1048.          }
  1049.  
  1050.    
  1051.  
  1052.      
  1053.  } /* end of media */
  1054.        
  1055. } /* end of moz-document */
  1056.  
  1057.  
  1058.  
  1059. /* a===========================================*/
  1060.  
  1061. /*
  1062.  
  1063. Custom Cascading Style Sheet for Apple Support Communities board system introduced in 2016-06      
  1064.      
  1065.     Copyright (c) 2014, 2016 Hiroto, et. al.
  1066.     All rights reserved.
  1067.  
  1068.     Redistribution and use in source and binary forms, with or without
  1069.     modification, are permitted provided that the following conditions are met:
  1070.  
  1071.     1. Redistributions of source code must retain the above copyright notice, this
  1072.        list of conditions and the following disclaimer.
  1073.     2. Redistributions in binary form must reproduce the above copyright notice,
  1074.        this list of conditions and the following disclaimer in the documentation
  1075.        and/or other materials provided with the distribution.
  1076.  
  1077.     THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
  1078.     ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  1079.     WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  1080.     DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
  1081.     ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  1082.     (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  1083.     LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  1084.     ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  1085.     (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  1086.     SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  1087.  
  1088.     The views and conclusions contained in the software and documentation are those
  1089.     of the authors and should not be interpreted as representing official policies,
  1090.     either expressed or implied, of the Custom Styles Project.    
  1091.    
  1092.     For more information on how to install this css and what the css does, see:      
  1093.     https://discussions.apple.com/docs/DOC-7501  
  1094.  
  1095.     v0.32 by rccharles
  1096.          - Positioning tweaks
  1097.  
  1098.     v0.31 by rccharles
  1099.          - adjustments for Nov 2016 ASC changes
  1100.          - adjust position of Avatars
  1101.          - level icon for original poster
  1102.  
  1103.     v0.30 by rccharles
  1104.          - Smart phone support
  1105.          - Use BSD copyright notice
  1106.          - (min-width: 500px) and (max-width: 600px)
  1107.  
  1108.     v0.22 by rccharles
  1109.          - Adjusted original poster info.
  1110.          
  1111.     v0.21 by rccharles
  1112.          - Updates for 7-7-2016 ASC changes.  Adjusted reply poster info names.
  1113.  
  1114.     v0.2 by rccharles
  1115.         - scrolling of large code blocks "advanced >> plain"
  1116.         - reformat buttons
  1117.         - nav list to horizontal for small windows
  1118.         - option to sink legalistic bombblast.
  1119.             Look for .~.~.~.~.~.~.~. then uncomment the three lines following
  1120.         - expanded the display of posts in a discussion to view all posts.  
  1121.             Thanks turingtest2
  1122.         - colored backgrounds for posts
  1123.         - turingtest2's fix for copy & paste in tinyMCE
  1124.         - turingtest2's fix to get rid of answered and helpfuls at the top of every
  1125.             page.
  1126.         - light blue in tool icon pulldowns
  1127.         - link popup on simple edit
  1128.             Look for -.-.-.-.-.-.-.- then uncomment the line following
  1129.         - Move who replied to the left margin.
  1130.         - Move original poster's info to the left margin
  1131.        
  1132.    
  1133.    
  1134.     v0.11
  1135.         - introduced @media rules in THREAD LIST BROWSER and PLACES sections:
  1136.             @media all and ( max-width: X ) rule
  1137.             @media all and ( min-width: Y ) rule
  1138.        
  1139.         - added, refined and fixed rules in various sections, which include but not limited to
  1140.             BODY
  1141.                 - changed #body-apple {width: 100%} to {width: auto}, which is essential to
  1142.                   prevent horizontal scroller from appearing in narrow window environment.
  1143.             TEXT > font
  1144.                 - added rules to use fine local font in lieu of illegible remote font
  1145.             ASC TOP PAGE
  1146.                 - added rules on 'search or ask a question', 'featured topics' etc
  1147.             COMMUNITIES CATEGORIES OVERVIEW
  1148.                 - new section
  1149.             THREAD LIST BROWSER > community overview
  1150.                 - added and refined rules (treating filter ui layout)
  1151.             PROFILE > content
  1152.                 - new subsection (treating browser control ui layout)
  1153.             BLOG
  1154.                 - new section
  1155.             UNAUTHORIZED
  1156.                 - new section
  1157.  
  1158.     v0.10d
  1159.         - draft
  1160.  
  1161.     written by Hiroto, 2016-06
  1162. */
  1163. @-moz-document
  1164.     domain(communities.apple.com),  /* Português & Spanish */
  1165.     domain(discussions.apple.com),
  1166.     domain(discussionsjapan.apple.com),
  1167.     domain(discussionskorea.apple.com),
  1168.     domain(discussionschinese.apple.com)
  1169. {
  1170.     /* ---------------------------------------------------------------------------------
  1171.         BODY
  1172.     */
  1173.     body.j-body-welome,             /* Welcome */
  1174.     body.j-body-place,              /* Community */
  1175.     body.j-body-yourwork,           /* Content */
  1176.     body.j-body-home,               /* Activity */
  1177.     body.j-body-yourconnections,    /* People */
  1178.     body.j-body-preferences,        /* Preferences */
  1179.     body.jive-body-content,         /* Thread */
  1180.     body.jive-body-search,          /* Search */
  1181.     body.jive-view-profile          /* Profile */
  1182.     {                                                                              
  1183.         background: #F2F2F2 !important; /* light grey was white, must of the window was this color anyway. */
  1184.     }
  1185.     body {
  1186.         min-width: 0px !important;
  1187.     }
  1188.    
  1189.     /* Note: #body-apple is a div the covers the whole document.  So, it overrides the body tag. */
  1190.     #body-apple {
  1191.         width: auto !important;
  1192.         min-width: 0px !important;
  1193.         background: #f2f2f2  !important;
  1194.     }
  1195.     #globalheader { display: none !important; }                                    
  1196.     #global-nav-wrapper {display: none !important; }                                
  1197.     #globalfooter,
  1198.     #globaldisclaimer { width: 80% !important; }                                    
  1199.  
  1200.    
  1201.  
  1202.     /* ---------------------------------------------------------------------------------
  1203.         TEXT
  1204.     */                                                                                      /* NEW */
  1205.     body {
  1206.         font-size: 16px !important;
  1207.         font-weight: 400 !important;
  1208.         line-height: 1.25 !important;
  1209.     }
  1210.     body * {
  1211.         /* font-size: inherit !important; */
  1212.        font-weight: inherit !important; /*  turns off bolding. 0.2 */
  1213.        line-height: inherit !important;
  1214.     }
  1215.    
  1216.  
  1217.    
  1218.     /* font
  1219.        
  1220.          
  1221.           lang | remote font name
  1222.           -----|-----------------
  1223.             ja | "Apple TP"
  1224.             ko | "Yoon Gothic"
  1225.             zh | "PingHei"
  1226.             en | "Myriad Set Pro"
  1227.             es | "Myriad Set Pro"
  1228.             pt | "Myriad Set Pro"
  1229.     */                                                                                      /* NEW (experimental) */
  1230. /*
  1231.     * { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,
  1232.         Verdana, sans-serif !important; }
  1233. */
  1234.     [lang|="ja"] * {
  1235.         font-family: "Hiragino Kaku Gothic Pro", "Meiryo",
  1236.                      "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  1237.     }
  1238.     [lang|="ko"] * {
  1239.         font-family: "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim",
  1240.                      "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  1241.     }
  1242.     [lang|="zh"] * {
  1243.         font-family: "STHeitiSC-Light",
  1244.                      "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  1245.     }
  1246.     [lang|="en"] *,
  1247.     [lang|="es"] *,
  1248.     [lang|="pt"] * {
  1249.         font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  1250.     }
  1251.    
  1252.     /* Start 0.2 additions */
  1253.    
  1254.    
  1255.     /* Reduce white space in user tips */
  1256.     /* Put bolding back.  body * is too strong above.  Hack strong back! */
  1257.     strong {
  1258.         font-weight: bold !important;}
  1259.    
  1260.     /* No line after Communities.  Waste of space and doesn't separate anything.
  1261.            https://discussions.apple.com/community/mac_os/mac_os_x_technologies/content  */
  1262.     div#j-header-wrap header nav#j-globalNav-bg {border-bottom: 0px !important; }
  1263.    
  1264.     /* The problem is caused by a fixed hight of 18px that has been assigned to
  1265.        elements of the class j-comm-entry.  Fix by Turingtest2. 0.31 */
  1266.     .j-comm-entry {height: auto !important;}                                              
  1267.  
  1268.     /* ??? */
  1269.      select#j-sort.form-cell.form-dropdown option {
  1270.          padding: 5px 6px 5px 8px !important;
  1271.          font-size: 14px !important;
  1272.          width: 180px !important;      /* Was 220px */
  1273.          /*color:green !important;/**/
  1274.        }
  1275.                                                                                    
  1276.     /* highlights in dark blue unread posts when logged in.  v0.6      
  1277.      
  1278.     All your posts      
  1279.         https://discussions.apple.com/content?filterID=participated~objecttype~objecttype[thread]        
  1280.      
  1281.     Discussions you authored      
  1282.         https://discussions.apple.com/content?filterID=contentstatus[published]~objecttype~objecttype[thread]        
  1283.      
  1284.     To see the discussions you have read and not read in a community      
  1285.     The suffix to use for any ASC forum, placed after the basic link to any forum, it's      
  1286.         /content?filterID=contentstatus[published]~objecttype~objecttype[thread]      
  1287.      
  1288.     for iPhone community this would be:      
  1289.         https://discussions.apple.com/community/iphone/using_iphone/content
  1290.             ?filterID=contentstatus[published]~objecttype~objecttype[thread]        
  1291.      
  1292.      
  1293.     */  
  1294.     .j-td-title strong {
  1295.         color:#191970 !important;
  1296.         font-weight: normal !important;}  
  1297.    
  1298.     /* Prevent capitalization of user names there. (Mine becomes Turingtest2 on
  1299.          that page and nowhere else, which is daft!) */
  1300.     .jive-username-link {text-transform: none !important;} /* Remove username
  1301.                                                               capitalization */
  1302.          
  1303.    
  1304.     /* Scroll code listings.  set max-height of syntax highlighted code in thread      
  1305.        content browser   */      
  1306.     .jive-rendered-content .dp-highlighter {    
  1307.        max-height: 500px !important;      
  1308.        overflow: auto !important;      
  1309.     }                                                                                  
  1310.     /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled)  */      
  1311.     .jive-rendered-content pre {      
  1312.        max-height: 500px !important;      
  1313.        overflow: auto !important;      
  1314.     }  
  1315.    
  1316.     /* Rambling footer stuff will be sunk              
  1317.        no more legalistic bomblast.
  1318.        Read about Apple's worries on the Welcome page.
  1319.        .~.~.~.~.~.~.~. */      
  1320. /*  footer #globaldisclaimer {display: none !important; } */        
  1321.     /* Not a complete path to here, so why be misleading */      
  1322. /*  footer nav.footer-breadory {display: none !important; }    */      
  1323.     /* Guess by now folks know how to buy an apple product */      
  1324. /*  p.gf-buy {display: none !important; } */    
  1325.    
  1326.     /* end 0.2 additions */
  1327.    
  1328.     /* preseve monospace for pre.jive-pre */
  1329.     pre.jive-pre { font-family: monospace !important; }
  1330.  
  1331.    
  1332.     /* ---------------------------------------------------------------------------------
  1333.         ASC HEADER, FOOTER AREA
  1334.     */
  1335.     #j-header,
  1336.     #j-compact-header,
  1337.     #j-footer { width: 100% !important; }
  1338.    
  1339.     /* navigation header (Apple Support Communities ...) */
  1340.     #j-header-wrap {
  1341.         padding: 0px 40px !important;
  1342.         margin: 0px 0px 15px !important;
  1343.     }
  1344.     #j-globalNav-bg {
  1345.         padding: 0pX !important;
  1346.         margin: 0px !important;
  1347.         width: auto !important;                                             /* NEW */
  1348.     }
  1349.     #j-satNav { overflow: visible !important; }
  1350.  
  1351.     #j-header-wrap { margin-bottom: 50px !important; }                                      /* NEW */
  1352.     #apple-full-header { margin: 10px 0px 0px !important; }                                 /* NEW */
  1353.     #second-row {                                                                           /* NEW */
  1354.         padding-top: 25px !important;
  1355.         height: 30px !important;
  1356.     }
  1357.  
  1358.     /* announcement  Let's adjust in the header 9-20-2016 */  
  1359.    
  1360.  
  1361.    /* breadcrumb         NEW */
  1362.     #jive-breadcrumb {
  1363.         width: auto !important;
  1364.         margin-right: 40px !important;
  1365.         position: relative !important;
  1366.    
  1367.     }
  1368.    
  1369.     /* footter           NEW */
  1370.     .j-js-footer-wrap {
  1371.         width: auto !important;
  1372.         min-width: 0px !important;
  1373.     }
  1374.     footer#j-footer {
  1375.         width: auto !important;
  1376.         min-width: 0px !important;
  1377.     }
  1378.  
  1379.  
  1380.     /* ---------------------------------------------------------------------------------
  1381.         ASC TOP PAGE
  1382.     */
  1383.     .j-body-welcome #jive-alert { margin: 0px 40px !important; }
  1384.     .j-body-welcome .hero-container img { width: auto !important; }
  1385.     .j-body-welcome.j-body-home [id|=jive-widgetframe] > .content-large {
  1386.         text-align: center !important;
  1387.         overflow-x: auto !important;
  1388.         overflow-y: hidden !important;
  1389.     }
  1390.     .apple-communities {
  1391.         display: inline-block !important;
  1392.         width: auto !important;
  1393.         text-align: left !important;
  1394.     }
  1395.  
  1396.     /* search or ask a question */
  1397.     .ask-a-question-container .j-form input[type="text"] { width: 90% !important; }
  1398.  
  1399.     /* featured topics */
  1400.     .jive-widget-featuredcontentwidget h2 {
  1401.         font-size: 28px !important;
  1402.     }
  1403.     .jive-widget-featuredcontentwidget .content-large .featured-content-header {
  1404.         padding-bottom: 30px !important;
  1405.     }
  1406.     .jive-widget-featuredcontentwidget .content-large .featured-content-header p.sub-title {
  1407.         margin: 10px 0px 20px !important;
  1408.     }
  1409.     .jive-widget-featuredcontentwidget .featured-list-container {
  1410.         max-width: 1000px !important;
  1411.     }
  1412.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-row {
  1413.         margin-bottom: 20px !important;
  1414.         border-style: dotted !important;
  1415.         border-width: thin !important;
  1416.     }
  1417.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-user {
  1418.         margin: 0px 10px !important;
  1419.     }
  1420.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc {
  1421.         margin: 0px 10px !important;
  1422.     }
  1423.     .jive-widget-featuredcontentwidget h4.title {
  1424.         font-size: 18px !important;
  1425.         margin: 10px 0px !important;
  1426.         text-decoration: underline !important;
  1427.     }
  1428.     .jive-widget-featuredcontentwidget .rating-row,
  1429.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc blockquote,
  1430.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc .user-metadata {
  1431.         margin-bottom: 10px !important;
  1432.     }
  1433.    
  1434.     /* new to communities? */
  1435.     .on-boarding .on-boarding-header h2 {
  1436.         font-size: 28px !important;
  1437.         margin: 0px 0px 25px !important;
  1438.     }
  1439.     .on-boarding .img-container { margin: 0px auto 30px !important; }
  1440.    
  1441.     /* how-to grid */
  1442.     .on-boarding > .grid-display {
  1443.         margin-top: 40px !important;
  1444.         padding: 20px 0px !important;
  1445.         max-width: 1000px !important;
  1446.         display: inline-block !important;
  1447.     }
  1448.     .on-boarding .row .column h3 {
  1449.         margin: 0px 30px 20px !important;
  1450.         max-height: 50% !important;
  1451.     }  
  1452.  
  1453.  
  1454.     /* ---------------------------------------------------------------------------------
  1455.         COMMUNITIES CATEGORIES OVERVIEW
  1456.     */                                                                                      /* NEW */
  1457.     /* communities description */
  1458.     .apple-space-overview .jive-widget-subcommunitieswidget .community-image {
  1459.         width: 200px !important;
  1460.         position: absolute !important;
  1461.         z-index: -1 !important;
  1462.     }
  1463.     .apple-space-overview .jive-widget-subcommunitieswidget .community-image img {
  1464.         width: 200px !important;
  1465.         height: 200px !important;
  1466.     }
  1467.     .apple-space-overview .jive-widget-subcommunitieswidget .community-description {
  1468.         margin-bottom: 45px !important;
  1469.     }
  1470.     .apple-space-overview .jive-widget-subcommunitieswidget .community-description h1 {
  1471.         font-size: 28px !important;
  1472.         margin: 30px 0px !important;
  1473.     }  
  1474.    
  1475.     /* top communities */
  1476.     .apple-space-overview  h2.community-title {
  1477.         font-size: 24px !important;
  1478.         margin: 0px 0px 20px !important;
  1479.     }
  1480.     .apple-space-overview .category-latest-header h3 {
  1481.         font-size: 22px !important;
  1482.         margin: 0px 0px 20px !important;
  1483.     }
  1484.     .apple-space-overview .category-latest h3,
  1485.     .apple-space-overview .category-latest h4 { font-size: 20px !important; }
  1486.     .apple-space-overview .jive-widget-subcommunitieswidget .content-large      
  1487.         { padding: 10px !important; }
  1488.     .apple-space-overview .jive-widget-subcommunitieswidget .content-large > nav
  1489.         { padding-top: 0px !important; }
  1490.     .apple-space-overview .jive-widget-recentcontentfilterwidget {
  1491.         padding-bottom: 10px !important;
  1492.         margin-bottom: 0px !important;
  1493.     }
  1494.    
  1495.     /* search for more topics */
  1496.     .apple-space-overview .category-page .ask-a-question-header {
  1497.         margin-top: 20px !important;
  1498.         width: auto !important;
  1499.     }
  1500.     .apple-space-overview .category-page .ask-a-question-header h2
  1501.         { font-size: 24px !important; }
  1502.     .apple-space-overview .category-page .ask-a-question-container {
  1503.         width: 80% !important;
  1504.         max-width: 1000px !important;
  1505.         margin: 30px auto !important;
  1506.     }
  1507.     .apple-space-overview .category-page .ask-a-question-container .j-form input[type="text"] {
  1508.         padding: 10px 10px 10px 50px !important;
  1509.         width: 94% !important;
  1510.     }
  1511.     .apple-space-overview .category-page .ask-a-question-footer { margin: 40px 0px !important; }
  1512.    
  1513.     /* contact apple support */
  1514.     .apple-space-overview .section-eyebrow { font-size: 24px !important; }
  1515.     .apple-space-overview .section-header {
  1516.         font-size: 22px !important;
  1517.         margin: 0px 0px 30px !important;
  1518.     }
  1519.        
  1520.    
  1521.     /* ---------------------------------------------------------------------------------
  1522.         THREAD LIST BROWSER
  1523.     */
  1524.  
  1525.     /* ------------------
  1526.         community overview
  1527.     */                                                                                      /* NEW */
  1528.     .category-latest .category-latest-container .category-latest-row {
  1529.         margin: 0px !important;
  1530.         padding: 5px 0px !important;
  1531.     }
  1532.     .category-latest .category-latest-container .category-latest-row .discussion-metadata
  1533.         {
  1534.         margin: 5px 0px !important;
  1535.         }
  1536.     .category-latest .category-latest-container .category-latest-row .discussion-title a {
  1537.         font-size: 100% !important;
  1538.         font-weight: 500 !important;
  1539.         color: rgb(0, 136, 204) !important;
  1540.         /* background-color: antiquewhite !important;/**/
  1541.     }
  1542.     .category-latest .category-latest-container .category-latest-row:nth-child(odd) {
  1543.         background: rgb(247, 247, 247) !important;
  1544.     }
  1545.     .category-latest .category-latest-container .category-latest-row .read-full {
  1546.         display: none !important;
  1547.     }
  1548.     .category-latest .category-latest-container .category-latest-row .discussion-metadata .cell {
  1549.         margin-right: 15px !important;
  1550.     }
  1551.     .category-latest .category-latest-container .category-latest-row .discussion-metadata .cell a {
  1552.         color: rgb(0, 136, 204) !important;
  1553.         text-decoration: none !important;
  1554.         /* background-color: antiquewhite !important;/**/
  1555.     }
  1556.    
  1557.     .apple-space-overview #body-apple .list-page .ask-a-question-sidebar {
  1558.         margin: 0px 70px 10px 0px !important;
  1559.     }
  1560.     .apple-space-overview #body-apple .list-page .ask-a-question-sidebar .ask-a-question-space-icon {
  1561.         width: 128px !important;
  1562.         height: 128px !important;
  1563.     }
  1564.     .apple-space-overview #body-apple .list-page .ask-a-question-wrapper .community-siblings {
  1565.         padding: 5px 0px !important;
  1566.         font-size: 20px !important;
  1567.     }
  1568.  
  1569.     /* content filter (by type (solved|recommended|unanswered) & category) */
  1570.     .jive-content-filter {
  1571.         width: 20% !important;
  1572.         max-width: 250px !important;
  1573.         min-width: 100px !important;
  1574.         padding: 0px 10px 0px 0px !important;
  1575.     }
  1576.     .jive-content-filter h2 {
  1577.         margin-bottom: 15px !important;
  1578.         font-weight: 500 !important;
  1579.     }
  1580.     .jive-content-filter ul li { margin: 3px 0px !important; }
  1581.     .jive-content-filter ul li:nth-child(odd)
  1582.         { background: rgb(247, 247, 247) !important; }
  1583.     .jive-content-filter ul li a.jive-content-filter-highlight
  1584.         { background: rgb(230, 240, 230) !important; }
  1585.     /* ------------------ */
  1586.    
  1587.  
  1588.     /* show author name in 'Latest activity' column in detailed list view of threads */
  1589.     td.j-td-date > span { display : inherit !important; }
  1590.  
  1591.     /* main section */
  1592.     #j-main { padding: 0px !important; }
  1593.  
  1594.     /* table cell title */
  1595.     .jive-table td.jive-table-cell-title { padding: 5px !important; }
  1596.        
  1597.     /* thread list view column widths */                                            
  1598.     .j-browse-details .j-td-title { max-width: none !important; }
  1599. /*  ======   .j-browse-details .j-td-date {
  1600.         width: auto !important;
  1601.         max-width: 20% !important;
  1602.     }*/
  1603.    
  1604.     /* thread list view: read thread font weight */                                         /* NEW (feature restored) */
  1605.     /* I'll go with dark blue.  In an earlier implementation of ASC, the bolded fond wasn't that noticeable, so
  1606.        a dark blue was picked.  Might as well stay with it.                                    0.2 */
  1607.  /*   .j-browse-details .j-td-title strong { font-weight: 600 !important; }  */
  1608.        
  1609.   /* span.curent-page,
  1610.     span.j-pagination.pagination.botom span.class.current-page
  1611.     {font-size: 32px !important;
  1612.     background-color: burlywood !important;}*/
  1613.    
  1614.     /* ================================================= */
  1615.     /* list of discussions adjustment for narrow windows */
  1616.     @media all and ( min-width: 500px ) and ( max-width: 1099px ) {
  1617.         /* ------------------
  1618.             Treatment for narrow window
  1619.             Hide Like and Bookmark columns in thread list view if
  1620.               viewport width <= 1098 (= 1265 - 166)
  1621.         */      
  1622.            
  1623.          /*    Table headers to ditch: like & bookmark headers.
  1624.             th + th hits 2 or more td's! Hence, it hits the lower td's.
  1625.             So, you need to fix up the lower td's. */
  1626.         .j-browse-details .j-td-likes,
  1627.         .j-browse-details .j-td-bookmarks { display: none !important; }
  1628.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
  1629.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th
  1630.             { display: none !important; }
  1631.         /* Let the element behave like a <td> element
  1632.            And recover from the ditch above.  */
  1633.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th {
  1634.             /*background-color: antiquewhite !important;/**/
  1635.             display: table-cell !important; }
  1636.        
  1637.         /* status
  1638.            Vertical align table cells. Hassle.
  1639.            For details on how, see: http://vanseodesign.com/css/vertical-centering/ */
  1640.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon  {            
  1641.             display:inline-block;
  1642.             white-space: normal !important;
  1643.             vertical-align: middle !important;
  1644.             display:table-cell !important;}
  1645.        
  1646.          /* title */
  1647.         .j-browse-details .j-td-title {
  1648.            padding-top: 10px !important;
  1649.            padding-bottom: 10px !important;
  1650.            /*background-color: pink !important;/**/
  1651.          }
  1652.        
  1653.         .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light {                  
  1654.             margin-bottom: 0  !important;
  1655.             /*background-color: antiquewhite !important;/**/
  1656.         }
  1657.        
  1658.        
  1659.     } /* end of media */
  1660.  
  1661.  
  1662.     /* ================================================= */
  1663.     /* list of discussions adjustment for small windows found on lanscaped smart phones
  1664.                 all and ( min-width: 400px ) and ( max-width: 499px )*/
  1665.     @media all and ( max-width: 499px )
  1666.     {
  1667.         /* ------------------
  1668.             Treatment for small window
  1669.         */  
  1670.        
  1671.         /* status, Title & Latest activite (time)
  1672.            Vertical align table cells. Hassle.
  1673.            For details on how, see: http://vanseodesign.com/css/vertical-centering/ */
  1674.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon ,
  1675.         .j-browse-details .j-td-title,
  1676.         .j-browse-details .j-td-date
  1677.         {            
  1678.             display:inline-block;
  1679.             white-space: normal !important;
  1680.             vertical-align: middle !important;
  1681.             display:table-cell !important;}
  1682.        
  1683.         table.j-browse-list {
  1684.             table-layout: fixed !important;
  1685.             margin-top: 20px !important;
  1686.             /*background-color: yellow !important;/**/}
  1687.        
  1688.         /* data columns to ditch.
  1689.            fyi: I think apple got rid of likes. */
  1690.         .j-browse-details .j-td-likes,
  1691.         .j-browse-details .j-td-bookmarks {
  1692.            display: none !important;
  1693.             /* background-color: yellow !important;/**/
  1694.           }
  1695.        
  1696.        
  1697.         /* problem with addressing first and second columns, because of th colspan="2" in
  1698.            header row.  */
  1699.          .j-browse-details > table.j-browse-list > thead.j-rc4 > tr  {
  1700.             display:none !important;
  1701.         }
  1702.              
  1703.          /* status */
  1704.          div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon {  
  1705.             width: 20px !important;/**/
  1706.             padding-left: 0 !important;
  1707.             padding-right: 3px !important;
  1708.             /*background-color: pink !important;/**/
  1709.          }
  1710.  
  1711.          /* replies */
  1712.         div.j-browse-details > table.j-browse-list > tbody > tr >  td.j-td-replies {
  1713.             width: 20px !important;/**/
  1714.             font-size: 12px !important;/**/
  1715.             background-color: antiquewhite !important;/**/  
  1716.         }
  1717.          /* views */
  1718.         div.j-browse-details > table.j-browse-list > tbody > tr >  td.j-td-views {
  1719.             width: 32px !important;/**/
  1720.             font-size: 12px !important;/**/
  1721.             background-color: cornsilk !important;/**/
  1722.         }      
  1723.         /* Latest activity (date) */
  1724.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-date {
  1725.            width: 110px !important;/**/
  1726.            font-size: 12px !important;/**/
  1727.            /*background-color: antiquewhite!important;/**/
  1728.           }
  1729.         /* Actions */
  1730.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-actions {
  1731.            width: 24px !important;/**/          
  1732.            /* overflow:hidden !important; /**/
  1733.            /* background-color: silver !important;/**/
  1734.           }
  1735.  
  1736.        
  1737.        /* Try to get rid of the userid.  Hard because of lack of addressability to the
  1738.           words in ... to ...
  1739.           This strange combo seems the best we can do. */
  1740.        .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light
  1741.         {                  
  1742.             margin-bottom: 0  !important;
  1743.             /*display: none !important;*/
  1744.             visibility: hidden !important;/**/
  1745.             /*background-color: antiquewhite !important;/**/
  1746.         }
  1747.         .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light a:nth-child(1){    
  1748.             margin-bottom: 0  !important;
  1749.             /*display: inline !important;/**/
  1750.             visibility:  visible !important;/**/
  1751.             /*background-color: pink !important;/**/
  1752.         }
  1753.         .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light a:nth-child(2){    
  1754.             margin-bottom: 0  !important;
  1755.             display: none !important;/**/
  1756.             /*visibility:  visible !important;/**/
  1757.             /*background-color: cornsilk !important;/**/
  1758.         }      
  1759.        
  1760.     } /* end of media */
  1761.  
  1762.    
  1763.     /* ================================================= */
  1764.     /* list of discussions adjustment for small windows found on potraited smart phones */
  1765.     @media all and ( max-width: 399px )
  1766.     {
  1767.         /* ------------------
  1768.             Treatment for small window
  1769.         */  
  1770.        
  1771.         /* lot of other apps do not have padding (margin) on smart phones. */
  1772.         div#body-apple {
  1773.             padding-left: 2px !important;
  1774.             padding-right: 2px !important;
  1775.         }
  1776.        
  1777.          /* status */
  1778.          div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon {  
  1779.             padding-right: 1px !important;
  1780.             /*background-color: pink !important;/**/
  1781.          }
  1782.          /* title */
  1783.          div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-title a  {
  1784.            font-size: 13px !important;
  1785.            /* background-color: yellow !important;/**/
  1786.          }
  1787.          div.j-browse-details > table.j-browse-list > tbody >
  1788.            tr > td.j-td-title div  p a {  
  1789.            font-size: 11px !important;
  1790.          }
  1791.        
  1792.         /* status */
  1793.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon span {
  1794.            /* background-color: teal!important;/**/
  1795.         }
  1796.            
  1797.         /* Latest activity (date) */
  1798.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-date {
  1799.            width: 40px !important;/**/
  1800.            font-size: 12px !important;/**/
  1801.            /*background-color: antiquewhite!important;/**/
  1802.           }
  1803.         /* Actions */
  1804.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-actions {
  1805.            width: 20px !important;/**/  
  1806.            /* Vertical align table cells. Hassle. */
  1807.            display:inline-block;
  1808.            white-space: normal !important;
  1809.            vertical-align: middle !important;
  1810.            display:table-cell !important;    
  1811.            /*background-color: silver !important;/**/
  1812.           }        
  1813.              
  1814.     } /* end of media all and ( max-width: 399px ) */
  1815.  
  1816.     /* user name link */
  1817.     .jive-username-link { text-transform: none !important; }                        
  1818.  
  1819.     /* threads list view table tr td  */                                  /* CHANGED */
  1820.     .j-browse-details-tbody tr td { padding: 2px !important; } /* */
  1821.  
  1822.     /* threads list view left most icon */                                    /* NEW */
  1823.     .j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !important; }
  1824.    
  1825.     /* communities list view table tr td */
  1826.     .jive-communities-listing table tr td { padding: 5px !important; }
  1827.    
  1828.     /* thumbnails view width */
  1829.     .j-browse-content .j-thumb-view,
  1830.     .j-browse-places .j-browse-thumbnails,
  1831.     .j-browse-people .j-browse-thumbnails { width: 100% !important; }
  1832.    
  1833.     /* thumbnail view list item margin */                                          
  1834.     .j-browse-content .j-thumb-view > li,
  1835.     .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
  1836.    
  1837.     /* thumbnail view article font size */                                     /* NEW */
  1838.     .j-thumb article { font-size: inherit !important; }
  1839.    
  1840.     /* thunbnail view article header height */                                 /* NEW */
  1841.     .j-content-thumb header { height: 22px !important; }
  1842.  
  1843.     /* thumbnail view article header font size */                              /* NEW */
  1844.     .j-thumb header h4.shrunk { font-size: 80% !important; }
  1845.     .j-browse-content .j-content-thumb header .icon {
  1846.         font-size: 16px !important;
  1847.         margin: 0px 8px 0px 0px !important;
  1848.     }
  1849.    
  1850.     /* thumbnail view article height */                                        /* NEW */
  1851.     .j-browse-content .j-content-thumb article { height: 120px !important; }
  1852.    
  1853.     /* thumbnail view footer */                                                /* NEW */
  1854.     .j-browse-content .j-content-thumb.j-thumb footer { padding: 4px 0px 0px !important; }  
  1855.  
  1856.    
  1857.     /* social actions row */
  1858.     .apple-social-actions-wrapper { margin-right: 0px !important; }
  1859.     .j-thread .j-social-actions { margin-right: 40px !important; }
  1860.  
  1861.     /* apple header, subheader row ("Find helpful contents..." etc )*/              
  1862.     #apple-full-subheader,
  1863.     #apple-activity-subheader {
  1864.         padding: 0px 40px 15px !important;
  1865.         margin-bottom: 15px !important;
  1866.     }
  1867.     #apple-full-header h2,
  1868.     #apple-activity-header h2 { padding: 0px 40px !important; }
  1869.  
  1870.     /* page header */
  1871.     .j-body-place #jive-body > header.j-page-header {
  1872.         margin-left: 40px !important;
  1873.         margin-right: 40px !important;
  1874.         width: auto !important;
  1875.     }
  1876.    
  1877.     /* pagenation */                                                                        /* NEW */
  1878.     .j-pagination-prevnext > .j-pagination-prev,
  1879.     .j-pagination-prevnext > .j-pagination-next { font-size: 0px !important; }  
  1880.    
  1881.    
  1882.     /* browser filter row */
  1883.     #j-browse-filters { margin-bottom: 5px !important; }
  1884.  
  1885.     /* browser controls row */
  1886.     .j-type-row { margin-bottom: 0px !important; }
  1887.  
  1888.     /* browser controls content types (All Contents|User Tips|Discussions) width */
  1889.     #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
  1890.    
  1891.     /* browser controls view toggle (Thumbnails|Details) width */
  1892.     #js-browse-controls #j-item-view-toggle {
  1893.         width: 10% !important;
  1894.         display: table !important;
  1895.     }
  1896.  
  1897.     /* content filter row (All|Open|Answered|Threads) */
  1898.     .j-content-filter {
  1899.         background: white !important;
  1900.         margin-bottom: 10px !important;
  1901.     }  
  1902.    
  1903.     /* container canvas */
  1904.     .j-contained {
  1905.         margin-left: 40px !important;
  1906.         margin-right: 40px !important;
  1907.     }
  1908.  
  1909.     /* more search results available */
  1910.     #j-more-search-results-available { padding: 10px !important; }
  1911.    
  1912.     /* misc */
  1913.     .jive-widget { margin-bottom: 10px !important; }
  1914.     .j-column { margin-bottom: 10px !important; }
  1915.  
  1916.     /* ================================================= */
  1917.     @media all and ( min-width: 1265px )
  1918.     {
  1919.         /* ------------------
  1920.             Treatment for wide window
  1921.             Method 1 (minimum optimisation)
  1922.    
  1923.             Adjust thread list table's shift and margin to maximize its width.
  1924.         */                                                                              
  1925.         .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
  1926.         .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }
  1927.         .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  1928.     } /* media all and ( min-width: 1265px ) *?
  1929.  
  1930.    
  1931.      /* ================================================= */
  1932.     @media all and ( max-width: 1265px )
  1933.     {
  1934.         /* ------------------
  1935.             Treatment for narrow window
  1936.             Method 2 (more beneficial to narrow window but has disadvantage for wide window)
  1937.            
  1938.             Let thread list table have full width but not exceed 1019px to make
  1939.             room for sidebar ui (filters & actions).  If window is wide enough
  1940.             (>=1265px), sidebar ui is displayed next to thread list table,          
  1941.             otherwise it is displayed below or above it (depending upon its
  1942.             document tree order).
  1943.            
  1944.             * sidebar width (constant)    = 166px
  1945.             * thread table max width      = 1019px
  1946.             * canvas margin-left          = 40px
  1947.             * canvas margin-right         = 40px
  1948.             ---------------------------------------
  1949.             * total                       = 1265px
  1950.         */                                                                              
  1951.         .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
  1952.         .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
  1953.         .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }
  1954.         .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  1955.     }  /* media all and ( max-width: 1265px ) */
  1956.  
  1957.  
  1958.     /* ------------------
  1959.         Swap left-right positions of thread list table and sidebar ui (filters & actions)
  1960.     */                                                                              
  1961.     /* let thread list table float left */
  1962.     .j-layout-sl.j-browse-content .j-column-wrap-l,
  1963.     .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
  1964.  
  1965.     /* let sidebar ui float right */
  1966.     .j-layout-sl.j-browse-content .j-column-s,
  1967.     .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
  1968.     /* ------------------ */
  1969.  
  1970.  
  1971.     /* ------------------
  1972.         leader board
  1973.     */
  1974.     /* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
  1975.    
  1976. /*
  1977.     .jive-widget-leaderboardwidget {display: none !important; }                    
  1978. */
  1979.  
  1980.     .jive-widget-leaderboardwidget { max-width: 1000px !important; }                        
  1981.     .jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar
  1982.         { padding-top: 10px !important; }
  1983.     .jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li
  1984.         { min-height: 0px !important; }
  1985.     .jive-widget-leaderboardwidget .top-member-username,
  1986.     .jive-widget-leaderboardwidget .top-member-username *
  1987.         { font-size: inherit !important; }
  1988.     .jive-widget-leaderboardwidget .top-member-username
  1989.         { margin-left: 15px !important; }
  1990.     .jive-widget-leaderboardwidget .user-level-points {
  1991.         font-size: 18px !important;
  1992.         margin: 14px 0px !important;
  1993.         width: 60px !important;
  1994.         height: 30px !important;
  1995.         padding: 8px 0px 0px !important;
  1996.     }
  1997.     .jive-widget-leaderboardwidget .top-member-profile-info { width: 80% !important; }
  1998.     .jive-widget-leaderboardwidget .top-member-profile-info > a {
  1999.         border-radius: 0% !important;
  2000.         width: 60px !important;
  2001.         height: 60px !important;
  2002.     }
  2003.     .jive-widget-leaderboardwidget .top-member-username a.jiveTT-hover-user
  2004.         { width: auto !important; }
  2005.     .jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
  2006.     /* ------------------ */
  2007.  
  2008.  
  2009.     /* article list
  2010.         .j-rc5 is used to identify this list
  2011.         e.g., https://discussions.apple.com/article/HT1939 */                      
  2012.     .j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol { margin: 0px 0px 0px 166px !important; }
  2013.  
  2014.  
  2015.     /* --------------------------------------------------------------------------------
  2016.         THREAD CONTENT BROWSER
  2017.     */
  2018.     /* thread header */
  2019.     .apple-thread-header {
  2020.         width: auto !important;
  2021.         margin-bottom: 10px !important;
  2022.         margin-left: 40px !important;
  2023.     }
  2024.  
  2025.     /* thread message */                                                       /* NEW */
  2026.     .j-thread .jive-content .j-thread-post .jive-rendered-content {
  2027.         font-size:   inherit !important;
  2028.     }
  2029.     /* Used for margins around all replies  
  2030.             .j-thread #body-apple .all-replies-container,
  2031.    
  2032.             Used for margins around tinymce
  2033.             .j-thread #body-apple .addReply
  2034.    
  2035.     */
  2036.     .j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
  2037.     .j-thread #body-apple #helpful-container,
  2038.     .j-thread #body-apple .j-thread-post > header .j-post-author,
  2039.     .j-thread #body-apple #j-main #jive-breadcrumb,
  2040.      /* Used for margins around all replies */
  2041.     .j-thread #body-apple .all-replies-container
  2042.     {
  2043.         max-width: inherit !important;
  2044.         margin: 10px 40px !important;
  2045.     }
  2046.    
  2047.     .j-inresponse-to {
  2048.         font-size: inherit !important;
  2049.     }
  2050.    
  2051.     .j-thread .jive-content .j-thread-post > header,
  2052.     .j-thread .jive-content .j-thread-post > h3.header {
  2053.         margin: 15px 0px 10px 0px !important;
  2054.     }
  2055.  
  2056.     /* Adjust orginal question */
  2057.    
  2058.     /* Ajust start position of question on left 03.1 */
  2059.     .j-thread-post section.j-original-message div {padding: 0 !important;}
  2060.    
  2061.     /* title of question. 0.31 */
  2062.     .j-thread-post section.j-original-message h1 {
  2063.         max-width: inherit !important;
  2064.         margin: 0px 60px 20px 60px !important;
  2065.         /* background-color: turquoise !important; /* */
  2066.     }
  2067.    
  2068.     /* Question text */
  2069.     .j-thread-post section.j-original-message .jive-rendered-content {
  2070.         max-width: inherit !important;
  2071.         margin: 0px 25px !important;
  2072.         /* background-color: lightblue !important; /* */
  2073.     }
  2074.    
  2075.     /* original poster profile header */
  2076.     .j-thread .jive-content .j-thread-post > header.js-original-header {
  2077.         max-width: inherit !important;
  2078.         margin: 0px 40px !important;
  2079.         padding: 5px !important;
  2080.         /* background-color: pink !important; /* */
  2081.     }
  2082.    
  2083.  
  2084.     .j-original-message .jive-rendered-content p {
  2085.         font-size:   inherit !important;
  2086.     }
  2087.    
  2088.  
  2089.     /* Q mark */
  2090.     .j-original-message h1 .q-marker {
  2091.         left: -60px !important;
  2092.         font-size: 32px !important;
  2093.     }
  2094.    
  2095.  
  2096.     /* answer rollup */                                                        /* NEW */
  2097.     .j-answer-rollup.span-full-width {
  2098.         background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
  2099.         padding-bottom: 10px !important;
  2100.         margin: 20px 0px 0px 0px !important;
  2101.         border: 1px solid rgb(45, 184, 71) !important;
  2102.     }
  2103.     .j-inline-correct-answer {
  2104.         padding: 0px !important;
  2105.         max-width: inherit !important;
  2106.         margin: 0px 10px !important;
  2107.     }
  2108.     .j-inline-correct-answer section {
  2109.         margin: 10px 0px !important;
  2110.     }
  2111.     /* A mark */
  2112.     .j-inline-correct-answer .answer-marker {
  2113.         left: 0px !important;
  2114.         font-size: 32px !important;
  2115.     }
  2116.    
  2117.  
  2118.     /* persistent question shown at top */                                     /* NEW */
  2119.     .persist-question.persist { display: none !important; }
  2120.  
  2121.    
  2122.     /* Solved and Helpful marker text */                                       /* NEW */
  2123.     .j-thread-post header .j-correct-text,
  2124.     .j-thread-post h3.header .j-correct-text,
  2125.     .j-thread-post header .j-helpful-text,
  2126.     .j-thread-post h3.header .j-helpful-text {
  2127.         font-size: 22px !important;
  2128.         background: none repeat scroll 0% 0% transparent !important;
  2129.         border-style: none !important;
  2130.         margin: 0px !important;
  2131.         padding: 10px !important;
  2132.     }
  2133.  
  2134.    
  2135.     /* thread content */                                                   /* CHANGED */
  2136.     .j-thread .jive-content { margin: 0px 10px 0px 10px !important; }
  2137.  
  2138.    
  2139.     /* thread replies ul */
  2140.     ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
  2141.    
  2142.     /* thread reply li */
  2143.     .jive-discussion-replies li.reply { margin-top: 15px !important; }
  2144.  
  2145.  
  2146.  
  2147.  
  2148.     /* orgininal poster comment background */                                  /* NEW */
  2149.     .original-poster-comment {
  2150.         background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
  2151.         top:    0px !important;
  2152.         right:  0px !important;
  2153.         bottom: 0px !important;
  2154.         left:   0px !important;
  2155.     }
  2156.  
  2157.  
  2158.     /* pagenation */                                                           /* NEW */
  2159.     .j-thread .jive-thread-messages .j-pagination {
  2160.         margin: 30px 0px !important;
  2161.     }
  2162.  
  2163.  
  2164.  
  2165.     .j-inline-promoted-helpful-answer p {
  2166.         margin: 0px !important;
  2167.     }
  2168.     .j-inline-promoted-helpful-answer header .reply-date,
  2169.     .j-inline-promoted-helpful-answer h3.header .reply-date,
  2170.     .j-inline-recommended-answer header .reply-date,
  2171.     .j-inline-recommended-answer h3.header .reply-date {
  2172.         font-size: inherit !important;
  2173.         margin: 10px 0px !important;
  2174.     }
  2175.     .j-inline-promoted-helpful-answer header .j-helpful-text,
  2176.     .j-inline-promoted-helpful-answer h3.header .j-helpful-text,
  2177.     .j-inline-recommended-answer header .j-helpful-text,
  2178.     .j-inline-recommended-answer h3.header .j-helpful-text {
  2179.         font-size: 22px !important;
  2180.         background: none repeat scroll 0% 0% transparent !important;
  2181.         border-style: none !important;
  2182.         margin: 0px !important;
  2183.     }
  2184.     .j-inline-promoted-helpful-answer section .reply-body,
  2185.     .j-inline-recommended-answer section .reply-body {
  2186.         font-size: inherit !important;
  2187.         margin-bottom: 20px !important;
  2188.     }
  2189.     .j-inline-promoted-helpful-answer section,
  2190.     .j-inline-recommended-answer section {
  2191.         padding: 0px 20px !important;
  2192.     }
  2193.     #helpful-container { padding-top: 0px !important; }
  2194.     #helpful-container hr { margin: 10px !important; }
  2195.     #helpful-container .more-answers { margin: 0px !important; }
  2196.     #helpful-container .more-answers * { font-size: 24px !important; }
  2197.  
  2198.  
  2199.     /* inline correct answer, helpful answer background */                     /* NEW */
  2200.     div[itemprop="acceptedAnswer"] {
  2201.         background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
  2202.     }
  2203.     .j-thread .jive-content.j-helpful,
  2204.     .j-thread .jive-content.j-helpful.j-op {
  2205.         background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
  2206.     }
  2207.  
  2208.  
  2209.     /* switch between 'hellpful replies only' and 'all replies' */             /* NEW */
  2210.     .jive-thread-messages .helpful-all-switch * {  
  2211.         font-size: 24px !important;
  2212.     }
  2213.     .jive-thread-messages .helpful-all-switch li.inactive {
  2214.         padding: 0px !important;
  2215.         top: 32px !important;
  2216.     }
  2217.     .jive-thread-messages .helpful-all-switch li.inactive span.menu {
  2218.         width: auto  !important;
  2219.         min-width: 160px !important;
  2220.         padding: 5px  !important;
  2221.         text-align: center !important;
  2222.     }
  2223.    
  2224.  
  2225.     /* thread content footer profile */                                        /* NEW */
  2226.     .j-thread-post section.j-original-message footer .footer-profile {
  2227.         margin-right: 10px !important;
  2228.     }
  2229.     .j-thread-post footer .footer-profile {
  2230.         margin-right: -10px !important;
  2231.     }
  2232.     .j-thread-post footer .footer-profile .j-status-level {
  2233.         padding: 0px 10px 0px 0px !important;
  2234.     }
  2235.     .j-thread-post footer .footer-profile .username,
  2236.     .j-thread-post footer .footer-profile .jive-username-link {
  2237.        /* padding: 0px 10px 0px 10px !important; 0.2 */
  2238.         max-width: 250px !important;
  2239.     }
  2240.     .j-inline-correct-answer footer .footer-profile .j-status-levels,
  2241.     .j-inline-promoted-helpful-answer footer .footer-profile .j-status-levels,
  2242.     .j-inline-recommended-answer footer .footer-profile .j-status-levels {
  2243.         padding: 0px 10px 0px 0px !important;
  2244.     }
  2245.     .j-inline-correct-answer footer .footer-profile .username,
  2246.     .j-inline-promoted-helpful-answer footer .footer-profile .username,
  2247.     .j-inline-recommended-answer footer .footer-profile .username {
  2248.         padding: 0px 10px 0px 10px !important;
  2249.         max-width: 250px !important;
  2250.     }
  2251.  
  2252.  
  2253.     /* text wrap in header */
  2254.     .j-thread-post > header .j-post-author { white-space: normal !important; }      
  2255.    
  2256.     /* thread post section (message body) */
  2257.     .j-thread-post section {
  2258.         padding: 0px 20px !important;
  2259.         margin-bottom: 15px !important;                                    /* CHANGED */
  2260.     }
  2261.    
  2262.  
  2263.     /* thread rendered content */
  2264.     .jive-rendered-content { padding-bottom: 4px !important; }
  2265.    
  2266.     /* thread rendered content quote & pre */
  2267.     .jive-rendered-content .jive-quote,
  2268.     .jive-rendered-content .jive-pre {
  2269.         margin: 5px 15px !important;
  2270.     }
  2271.  
  2272.     /* thread reply footer (Return to Community | Go to original post) */
  2273.     #jive-thread-reply-footer { margin-top: 10px !important; }
  2274.    
  2275.     /* more like this links, incomming links */
  2276.     #apple-related-threads { margin: 0px 40px !important; }
  2277.     #apple-related-threads .j-box { margin-bottom: 0px !important; }
  2278.     .j-icon-list li { padding: 3px 0px 3px 22px !important; }
  2279.  
  2280.     /* related articles */                                                          
  2281.     .apple-sidebar-property {
  2282.         width: auto !important;
  2283.         padding-left: 0px !important;
  2284.     }
  2285.     .jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles
  2286.         { padding: 15px 0px !important; }
  2287.    
  2288.  
  2289.     /* ------------------
  2290.         staus level, expertise, level points
  2291.     */
  2292.     /* status level expertise tile */
  2293.     .j-status-level.expertise-tile,
  2294.     .status-tile.expertise-tile { display: none !important; }                  
  2295.    
  2296.     /* status level level points */
  2297.     .j-status-level .level-points span { display: inherit !important; }            
  2298.     .j-status-level .level-points { white-space: inherit !important; }              
  2299.     /* ------------------ */
  2300.  
  2301.  
  2302.     /* ---------------------------------------------------------------------------------
  2303.         INLINE EDITOR
  2304.     */
  2305.     /* editor */
  2306.     .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
  2307.  
  2308.  
  2309.     /* --------------------------------------------------------------------------------
  2310.         ADVANCED EDITOR
  2311.     */
  2312.  
  2313.     /* content area */
  2314.     .j-thread.jive-body-formpage #body-apple .j-form {
  2315.         max-width: inherit !important;
  2316.         margin: 0px auto 20px !important;
  2317.         width: inherit !important;
  2318.     }
  2319.     .j-thread .jive-content.jive-create-thread,
  2320.     .jive-body-formpage-document .jive-content.doc-page {
  2321.         margin: 0px 40px !important;
  2322.         padding: 0px !important;
  2323.     }
  2324.  
  2325.  
  2326.     /* editor panel */
  2327.     .j-thread .jive-content.jive-create-thread #jive-compose-title,
  2328.     .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
  2329.     .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
  2330.     .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel {
  2331.         margin: 0px !important; }
  2332.  
  2333.     /* line height in editor
  2334.    
  2335.        I've tracked down a copy/paste error that happens in the editor if you decide
  2336.        to rearrange things.  Typically the cut and pasted text inherits an unwanted
  2337.        fixed size which isn't displayed in the editor and can be missed after
  2338.        submission. This issue can be suppressed by not explicitly setting the font
  2339.        size of the editor area.   turingtest2
  2340.          https://discussions.apple.com/docs/DOC-10241
  2341.     tt2's July 30th version
  2342.     .tiny_mce_content {font-size: inherit !important}  
  2343.     What I have
  2344.     body.tiny_mce_content { line-height: inherit !important; } */
  2345.    
  2346.     /* tinymce input area.  Stamp out all white
  2347.        area around top and bottom of editor */
  2348.     /* Subject input area for new post */
  2349.     div#jive-compose-title input#subject,
  2350.     .addReply .jive-thread-reply-inline,
  2351.     /* input field
  2352.        Should the page be refreshed. >> > syntax highlighting becomes invisible :-( BUG */
  2353.     div.rte_wrap.tiny_mce_content  {
  2354.         background-color: oldlace !important; /* antiquewhite azure lightskyblue
  2355.                                                  lightsteelblue snow wheat whitesmoke */
  2356.     }
  2357.  
  2358.  
  2359.    
  2360.    
  2361.     /* replying to */
  2362.     p.jive-replying-to { padding: 20px 0px !important; }
  2363.     .jive-body-formpage-comment .jive-thread-message
  2364.         { margin: 0px 40px 0px 80px !important; }
  2365.  
  2366.     /* reply to avatar */
  2367.     .j-thread-post header .j-post-avatar {
  2368.         position: absolute !important;
  2369.         top: 0px !important;
  2370.         left: -50px !important;
  2371.         width: auto !important;
  2372.     }
  2373.    
  2374.     /* buttons (Reply|Cancel) 0,2
  2375.     .j-publishbar,
  2376.     .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; } */
  2377.  
  2378.  
  2379.     /* --------------------------------------------------------------------------------
  2380.         ACTIVITY STREAM
  2381.     */
  2382.     /* activity entry */
  2383.     .j-act-entry { padding: 5px 0px 10px 100px !important; }
  2384.  
  2385.     /* activity title */
  2386.     .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
  2387.  
  2388.     /* activity body & comment */                                                  
  2389.     .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
  2390.     .apple-activity-comments-wrapper { margin-left: 0px !important; }
  2391.  
  2392.     /* Like list */
  2393.     .j-act-grouped .j-act-g-item { padding: 3px !important; }
  2394.    
  2395.    
  2396.     /* --------------------------------------------------------------------------------
  2397.         SEARCH RESULTS
  2398.     */
  2399.     /* search result entry */
  2400.     .j-search-results-main-container .j-search-result { padding: 10px !important; }
  2401.  
  2402.  
  2403.     /* --------------------------------------------------------------------------------
  2404.         DOC (USER TIP)
  2405.     */                                                                              
  2406.     /* user tip canvas */
  2407.     .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
  2408.  
  2409.     /* user tip border etc */                                                /* NEW */
  2410.     .j-doc .jive-content {
  2411.         margin: 0px !important;
  2412.      /*   margin-left: 150px !important; */
  2413.         padding: 10px !important;
  2414.         border: thin dotted !important;
  2415.     }
  2416.  
  2417.  
  2418.     /* ---------------------------------------------------------------------------------
  2419.         BLOG (MODERATOR TIP)  NEW */
  2420.    
  2421.     /* blog canvas */
  2422.     .jive-body-content.j-blog .j-column-wrap-l { margin: 0px 40px !important; }
  2423.    
  2424.     /* blog border etc */
  2425.     .jive-content-blog {
  2426.         margin: 0px !important;
  2427.         padding: 10px !important;
  2428.         border: thin dotted !important;
  2429.         border-radius: 0px !important;
  2430.     }
  2431.  
  2432.  
  2433.     /* ---------------------------------------------------------------------------------
  2434.         UNAUTHORIZED (WARNING)
  2435.     NEW */
  2436.                                                                                        
  2437.     /* unauthorized error message */
  2438.     .jive-body-warn.jive-body-unathorized #j-main { margin: 0px 40px !important; }
  2439.  
  2440.    
  2441.     /* --------------------------------------------------------------------------------
  2442.         PROFILE
  2443.     */                                                                              
  2444.     /* header & navigation bar (Bio|Activity|People|Content|Communities|Bookmarks) */
  2445.     .j-view-profile .j-page-header { padding: 10px 40px !important; }
  2446.     .j-bigtab-nav { margin: 10px 40px !important; }
  2447.    
  2448.     /* filter ui current selection blue marker */                             /* NEW */
  2449.     .j-view-profile .j-second-nav ul > li.active {
  2450.         display: none !important;
  2451.     }
  2452.  
  2453.     /* ------------------
  2454.         Bio
  2455.     */
  2456.     .j-layout-l .j-column-wrap-l { width: 100% !important; }
  2457.    
  2458.     /* ------------------
  2459.         profile specialties and awards
  2460.     */
  2461.     /* profile status container for specialties and awards */       /* REFINED (rule) */
  2462.     .jive-view-profile .profile-status-container { display: none !important; }
  2463.  
  2464.     /* profile modal note status row for specialties and awards */
  2465.     .status-row { display: none !important; }                                      
  2466.     /* ------------------ */
  2467.  
  2468.  
  2469.     /* ------------------
  2470.         Content
  2471.     */                                                                          /* NEW */
  2472.     /* browser control ui */
  2473.     .j-view-profile .j-layout-sl.j-browse-content .j-column-s #js-browse-controls {
  2474.         margin: 25px 0px 0px -166px !important;
  2475.     }
  2476. } /* end */
  2477.  
  2478. /* ==============================================  
  2479.    Revise the display of posts in a Thread.      0.2
  2480.    Each of these cases may have one or more post after:
  2481.      -- Question only
  2482.      -- Question with answer
  2483.      -- Question with helpful
  2484.      -- Question with answer and helpful
  2485.    examples:
  2486.    https://discussions.apple.com/thread/7583029
  2487.    https://communities.apple.com/pt/thread/4531
  2488.    https://communities.apple.com/pt/thread/4705
  2489.  
  2490.   */
  2491. @-moz-document
  2492.    url-prefix(https://discussions.apple.com/thread),
  2493.    url-prefix(https://discussions.apple.com/message),
  2494.    url-prefix(https://discussions.apple.com/update-advanced-comment.jspa),
  2495.    url-prefix(https://discussionsjapan.apple.com/thread),
  2496.    url-prefix(https://discussionsjapan.apple.com/message),
  2497.    url-prefix(https://discussionsjapan.apple.com/update-advanced-comment.jspa),
  2498.    url-prefix(https://discussionskorea.apple.com/thread),
  2499.    url-prefix(https://discussionskorea.apple.com/message),
  2500.    url-prefix(https://discussionskorea.apple.com/update-advanced-comment.jspa),
  2501.    url-prefix(https://communities.apple.com/es/thread),  
  2502.    url-prefix(https://communities.apple.com/es/message),  /* I have not see an es message */
  2503.    url-prefix(https://communities.apple.com/es/update-advanced-comment.jspa),
  2504.    url-prefix(https://communities.apple.com/pt/thread),
  2505.    url-prefix(https://communities.apple.com/pt/message),
  2506.    url-prefix(https://communities.apple.com/pt/update-advanced-comment.jspa) {
  2507.        
  2508.         /* Debug to identify which page we found.  Place our ukiyo-e. */      
  2509.  /*   h1, h2, h3 {    
  2510.           background-color: aqua !important;      
  2511.           border: 2px dashed black !important;    
  2512.          }
  2513.    */
  2514.       /* significant classes and selecters  0.21
  2515.          To select in Question and posible answer and helpful
  2516.          Starts with times stamp.  Example "Jul 5, 2016 11:44 PM in response to Ferd II"
  2517.          Doesn't include original poster info.
  2518.            section.j-original-message
  2519.        
  2520.          to select all replies
  2521.            div.all-replies-container
  2522.            ul-jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0
  2523.       */
  2524.       /* Place the poster info to the left of the post for medium and large windows.
  2525.          Let poster info above the the post for a small window such as found on a smart
  2526.          phone. 0.30 */
  2527.  
  2528.  /* ================================================= */
  2529. /* for small windows such as a smart phone.   0.30 */      
  2530. @media all and (max-width: 499px) {
  2531.    
  2532.      /* adjust margin for smart phone screen here.  Different margin adjust is done for larger screens
  2533.         just below.  More adjustments to element are made after moving of poster info for larger
  2534.         windows. */
  2535.    
  2536.      /* thread message border.  All message except question it seems. */
  2537.      .jive-discussion-replies li.reply .jive-thread-message {
  2538.          margin-left: 0px  !important;      /* There is some other margin to prevent going all the way
  2539.                                                to the left margin. */
  2540.       }
  2541.    
  2542.      /* thread original messeage (question) */                                        
  2543.      .j-thread-post section.j-original-message {
  2544.          margin: 0px 30px 0px 30px  !important;
  2545.        }
  2546.    
  2547. }
  2548.  
  2549. /* ================================================= */      
  2550. /* For medium and large size windows... */
  2551. @media all and (min-width: 500px) {
  2552.    
  2553.    
  2554.                
  2555.     /* Indent reply so that it stands out.
  2556.        Used for margins around tinymce's playground */
  2557.     .j-thread #body-apple .addReply
  2558.     {
  2559.         max-width: inherit !important;
  2560.         margin: 10px 40px !important;
  2561.     }
  2562.    
  2563.      /* thread message border.  All message except question it seems.   0.30 */
  2564.      .jive-discussion-replies li.reply .jive-thread-message {
  2565.          margin-left: 80px  !important;      
  2566.       }
  2567.      
  2568.      /* thread original messeage (question) */                                          /* 0.30 */
  2569.      .j-thread-post section.j-original-message {
  2570.        margin: 0px 30px 0px 110px  !important;
  2571.        }
  2572.      
  2573.     /* Move who wrote the question back to where it was before!
  2574.          Will appear to the left of the question text box. */
  2575.  
  2576.       /* Avatar #1 of Original Poster 0.31 */
  2577.       header.js-original-header  img.jive-avatar {
  2578.            position: absolute !important;
  2579.            top: -8px !important;
  2580.            left: 15px !important;
  2581.            width: 66px !important;
  2582.            height: 66px !important;  
  2583.            /*background-color: yellow !important; /**/  
  2584.          }
  2585.  
  2586.       /* Let questioner's info escape the box  */
  2587.       div.j-thread-post.j-rc4 header.js-original-header.apple-overflow-hidden
  2588.         { overflow: visible !important; }
  2589.      
  2590.        /* html for user's name
  2591.          <strong itemprop="author"
  2592.               itemscope=""
  2593.               itemtype="http://schema.org/Person">
  2594.            <a rel="nofollow"
  2595.               href="/people/rccharles"
  2596.               data-externalid=""
  2597.               data-username="rccharles"
  2598.               data-avatarid="1095"
  2599.               id="jive-99999999999999999999999"
  2600.               data-userid="999999"
  2601.               data-presence="null"
  2602.               class="jiveTT-hover-user jive-username-link">rccharles</a>
  2603.           </strong>
  2604.        */
  2605.       /* move questioner to left of post 0.21 0.31 */
  2606.       header.js-original-header.apple-overflow-hidden  div.j-post-author a  {
  2607.           position: absolute !important;
  2608.           top: -35px !important;
  2609.           left: 10px !important;
  2610.           text-align: center !important;
  2611.           width: 120px !important;  
  2612.           font-weight: 400 !important;  /* don't bold */  
  2613.           /*background-color: greenyellow !important; /**/
  2614.          }        
  2615.  
  2616.      /* questioner's points icon. fyi: position: absolute didn't work here.   === 0.22 *0.31 */
  2617.      div.j-thread-post.j-rc4 header.js-original-header.apple-overflow-hidden span.status-image img.svg {
  2618.          margin-top: 50px !important;
  2619.          margin-left: -40px !important;
  2620.          }  
  2621.  
  2622.       /* questioner's points whole area.  Actual coding:
  2623.          <span class="level-points">Level 6
  2624.              <span>(8,266 points)</span>
  2625.          </span>
  2626.          0.22
  2627.       */
  2628.       div.status-container span.j-status-level:not(.community-manager) span.level-points
  2629.         {
  2630.           position: absolute !important;
  2631.           top: 80px !important;
  2632.           left: -94px !important;    /* shove level # off the left of window.  
  2633.                                         Need to save space. */        
  2634.           width: 120px !important;
  2635.           text-align: center !important;
  2636.           text-indent: -80px !important;
  2637.           font-size: 12px !important;
  2638.           line-height: 12px !important;
  2639.           /*background-color: turquoise !important; /* */
  2640.          }  
  2641.       /* actual number of points 0.22 */
  2642.       div.status-container span.j-status-level:not(.community-manager) span.level-points span {
  2643.           margin-left: 20px !important;
  2644.           display: inline !important;                    
  2645.           /*background-color: yellow !important; /* */
  2646.          }  
  2647.        
  2648.       /* Community host.  css is a little different
  2649.            <span class="j-status-level community-manager">
  2650.                <span class="status-image">
  2651.                     <img
  2652.                         class="svg"              
  2653.                         src="/6.0.3.0d25e296/resources/images/status/ph-usermoderator.png?vid=20160707"                                
  2654.                         alt="">
  2655.                </span>
  2656.                <span class="level-points"> Community Hosts
  2657.                </span>
  2658.            </span>
  2659.        
  2660.            0.22 */
  2661.       header.js-original-header.apple-overflow-hidden span.j-status-level.community-manager span.level-points {
  2662.           position: absolute !important;
  2663.           top: 144px !important;
  2664.           left: -95px !important;    
  2665.           font-size: 12px !important;
  2666.           line-height: 12px !important;
  2667.           text-align: center !important;
  2668.           width: 120px !important;
  2669.          }  
  2670.      
  2671.       /* Time of question.  Where to place after moving info to the side.  0.22 */
  2672.       /* move time questioner made question  to after questioner name */
  2673.       /*  div#body-apple section.j-original-message p.meta-posted  {
  2674.            position: absolute !important;
  2675.            top: -12px !important;
  2676.            left: 280px !important;          
  2677.          } */
  2678.    
  2679.       /* Leave some space above the bottons and below the text. */
  2680.       /* div#body-apple section.j-original-message  div.thread-actions
  2681.         { margin-top: 20px !important;} */
  2682.      
  2683.      /* For some reason, maybe overflow: visible, wrecks some tags positioning, fix up. */
  2684.      /* Move folling and tool icon back to where they were */
  2685.      ul.apple-social-actions-toolbar  { margin-top: -45px !important; }
  2686.  
  2687.        
  2688.       /* Move who wrote a post ( just relpies ) back to where it was before!
  2689.          ------------------------------------------------------------------
  2690.          some tags do not move in question in answer or helpful in answer.
  2691.          Avatar 0.21 0.31*/
  2692.          div.all-replies-container ul.jive-discussion-replies a img.jive-avatar
  2693.          {
  2694.            position: absolute !important;
  2695.            top: -0px !important;
  2696.            left: -105px !important;
  2697.            width: 45px !important;
  2698.            height: 45px !important;
  2699.            /*background-color: turquoise !important; /**/
  2700.          }
  2701.        /* username 0.21 */  
  2702.        div.message-profile span.username {
  2703.            position: absolute !important;
  2704.            top: 66px !important;
  2705.            left: -136px !important;
  2706.            font-size: 13px !important;
  2707.            line-height: 13px !important;
  2708.            text-align: center !important;
  2709.            width: 125px !important;
  2710.            padding: 0px !important;
  2711.            /*background-color: turquoise !important;/**/
  2712.          }
  2713.        
  2714.        /* Points icon 0.21 */
  2715.        div.message-profile span.status-image {
  2716.            position: absolute !important;
  2717.            top: 83px !important;
  2718.            left: -88px !important;
  2719.          }
  2720.        
  2721.        /* time of posting.
  2722.           example: Jun 13, 2016 10:48 AM in response to Eric Root  0.21
  2723.        */
  2724.        div.j-thread-post.j-rc4 > h3 + div.message-profile + span.j-inresponse-to
  2725.            {margin-top: -12px !important;} /* eyeball to be the same as botton spacing */
  2726.        
  2727.        /*  <span class="level-points">Level 7
  2728.                 <span>(27,528 points)</span>
  2729.            </span>
  2730.        
  2731.            level number hid by slidding of window    0.21*/
  2732.       div.message-profile span.j-status-level:not(.community-manager) span.level-points
  2733.         {
  2734.           position: absolute !important;
  2735.           top: 114px !important;
  2736.           left: -130px !important; /* shove level # off the left of window.  
  2737.                                       Need to save space.*/        
  2738.           width: 120px !important;
  2739.           text-align: center !important;
  2740.           text-indent: -80px !important;
  2741.           font-size: 12px !important;
  2742.           line-height: 12px !important;
  2743.          }
  2744.    
  2745.       /* points.  move to a visible spot 0.21 */
  2746.       div#jive-body div.message-profile span.j-status-level:not(.community-manager) span.level-points span {
  2747.           margin-left: 20px !important;
  2748.           display: inline !important;                  
  2749.             /* background-color: yellow !important; /* */
  2750.          }  
  2751.        
  2752.      
  2753.        
  2754.         /* Community host.  css is a little different
  2755.            <span class="j-status-level community-manager">
  2756.                <span class="status-image">
  2757.                     <img
  2758.                         class="svg"              
  2759.                         src="/6.0.3.0d25e296/resources/images/status
  2760.                              /ph-usermoderator.png?vid=20160707"                                
  2761.                         alt="">
  2762.                </span>
  2763.                <span class="level-points"> Community Hosts
  2764.                </span>
  2765.            </span>
  2766.        
  2767.            0.21 */
  2768.         div.message-profile span.j-status-level.community-manager span.level-points {
  2769.           position: absolute !important;
  2770.           top: 114px !important;
  2771.           left: -130px !important;    
  2772.           font-size: 12px !important;
  2773.           line-height: 12px !important;
  2774.           text-align: center !important;
  2775.           width: 120px !important;
  2776.          }      
  2777.        
  2778.    
  2779.        
  2780.      /* Mess with answer in question who made post information */
  2781.        
  2782.      /* Seemed the "Posted on ..." in the Answer inside the question is in the answer box
  2783.         when it should be in the footer section :-(.   Do a force adjust. Bug fix. */
  2784.      div.j-inline-correct-answer section p.meta-posted {margin-left: -20px  !important;}
  2785.    
  2786.      
  2787.      /* Move avatar and username.  */  
  2788.      /* answer inside question. Here is the html we have to work with :-(  
  2789.        <a class="username jiveTT-hover-user"
  2790.           rel="nofollow"
  2791.           href="/people/Hiroto"
  2792.           data-userid="999999"
  2793.           data-externalid=""
  2794.           data-avatarid="999999"
  2795.           data-username="Hiroto">
  2796.           <img class="jive-avatar" src="/people/Hiroto/avatar/40.png" data-height="40"
  2797.               alt="Hiroto" title="Hiroto" style="outline: none;" height="40" width="40">Hiroto
  2798.        </a>
  2799.      */
  2800.     /* avatar #2 adjust avatar after move of the a tag. */
  2801.     div.j-inline-correct-answer  img.jive-avatar {
  2802.            width: 66px !important;
  2803.            height: 66px !important;
  2804.            margin-top: -120px !important;
  2805.            margin-left: -70px !important;
  2806.            /*background-color: turquoise !important; /**/
  2807.          }
  2808.        
  2809.      /* Username
  2810.             overflow: hidden !important;
  2811.             text-overflow: ellipsis !important;
  2812.      */  
  2813.      div.j-inline-correct-answer div.footer-profile a.username.jiveTT-hover-user {
  2814.            position: absolute !important;
  2815.            top: 70px !important;
  2816.            left: -142px !important;
  2817.            font-size: 13px !important;
  2818.            line-height: 13px !important;
  2819.            text-align: center !important;
  2820.            width: 120px !important;
  2821.            padding: 0px !important;
  2822.            display:block !important;
  2823.            overflow: visible !important;
  2824.          }
  2825.          
  2826.      /* points icon within answer inside question */
  2827.      section.j-original-message div.j-inline-correct-answer div.footer-profile span.status-image img.svg {
  2828.            position: absolute !important;
  2829.            top:  0px !important;
  2830.            left: -15px !important;
  2831.          }  
  2832.        
  2833.      /* points */  
  2834.      div.j-inline-correct-answer div.footer-profile span.level-points > span {
  2835.            position: absolute !important;
  2836.            top: 114px !important;
  2837.            left: -148px !important;
  2838.            font-size: 12px !important;
  2839.            line-height: 12px !important;
  2840.            text-align: center !important;
  2841.            width: 120px !important;
  2842.          }  
  2843.        
  2844.      /* answer points icon in regular reply area */
  2845.      div.all-replies-container div.j-inline-correct-answer div.footer-profile span.status-image img.svg {
  2846.            position: absolute !important;
  2847.            top:  16px !important;
  2848.            left: -10px !important;
  2849.          }  
  2850.    
  2851.        
  2852.      /* Avatar # 3 Move avatar */
  2853.      /* helpful inside question */
  2854.      div.j-inline-promoted-helpful-answer  img.jive-avatar{
  2855.            position: absolute !important;
  2856.            top: 5px !important;
  2857.            left: -96px !important;
  2858.            width: 66px !important;
  2859.            height: 66px !important;
  2860.            /*background-color: pink !important; /**/
  2861.          }
  2862.            
  2863.        
  2864.       /* points icon */
  2865.       div.j-inline-promoted-helpful-answer div.footer-profile span.j-status-levels img {
  2866.            position: absolute !important;
  2867.            top:  76px !important;
  2868.            left: -74px !important;
  2869.          }
  2870.        
  2871.       /* points */
  2872.       div.j-inline-promoted-helpful-answer div.footer-profile span.level-points > span {
  2873.            position: absolute !important;
  2874.            top: 108px !important;
  2875.            left: -100px !important;
  2876.            font-size: 12px !important;
  2877.            line-height: 12px !important;
  2878.          }  
  2879.  
  2880. } /* end of moving posters to the left of the message <------------- */
  2881.        
  2882.        
  2883.      /* Comman for all window sizes in disaplay of posts. */
  2884.        
  2885.      /* thread original messeage (question) */                                          /* 0.30 NEW */
  2886.      /* #FFFFCC  parchment #EDF7E8 light green answered  */
  2887.      .j-thread-post section.j-original-message {
  2888.            /* margin: 0px 30px 0px 110px  !important; */      
  2889.          padding: 15px 10px !important;
  2890.          border-style: dotted !important;
  2891.          border-width: thin !important; /* thin */
  2892.          background: none repeat scroll 0% 0% #FFFFCC !important;  /* parchment */
  2893.        }
  2894.      
  2895.      /* Reply button  */
  2896.      .j-thread-post section .thread-actions {
  2897.          max-width: inherit !important;
  2898.          margin: 0px 25px 0px 0px !important;
  2899.        }
  2900.    
  2901.      /* lower metadata "Posted on ..."  */
  2902.      .meta-posted {
  2903.          max-width: inherit !important;
  2904.          margin: 10px 25px 20px 0px !important;  /* margin-left: 0px   */
  2905.          font-size: 16px !important;    
  2906.        }
  2907.        
  2908.      /* thread message border.  All message except question it seems.   0.30 NEW */
  2909.      .jive-discussion-replies li.reply .jive-thread-message {
  2910.          border-style: dotted !important;
  2911.          border-width: thin !important;
  2912.          /* margin-left: 80px  !important;  */    
  2913.        }    
  2914.        
  2915.      /* promoted helpful answer and prompted recommended answer */                      /* 0.3 NEW */
  2916.      /* Doesn't seem to have any effect :-( */
  2917.      .j-inline-promoted-helpful-answer,
  2918.      .j-inline-recommended-answer {
  2919.          background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
  2920.          padding: 15px 10px 5px 10px !important;
  2921.          margin: 0px 10px 15px 80px !important;
  2922.          /* background-color: turquoise !important; */
  2923.          border-style: dotted !important;
  2924.          border-width: thin !important;
  2925.        }
  2926.    
  2927.      /* ditch line between original post and first reply post
  2928.         No need since since setting background-color in orginal post 8-5-2016 */
  2929.      div ul.jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0 {
  2930.          border-top: 0px !important; }
  2931.      
  2932.      /* Tighten up double paragraphs spacing.  I put in a blank paragraph to
  2933.         separate "real" paragraphs  
  2934.           https://discussions.apple.com/message/30333231#30333231 */
  2935.      .j-thread .jive-content .j-thread-post section p,
  2936.      .j-thread .jive-content .j-thread-post section .jive-rendered-content p,
  2937.      .j-thread .jive-content .j-thread-post section.j-original-message .jive-rendered-content p {
  2938.          min-height: 0px !important;
  2939.      }
  2940.  
  2941.      /* Let's make the paragraph text a little more compact. */
  2942.      p[style="min-height: 8pt; height: 8pt; padding: 0px;"] { height: 0.6em !important; }
  2943.        
  2944.      /* the control that shows all replies, and forces the display of all replies
  2945.         when they might otherwise be hidden. Thanks turingtest2, London, UK  */
  2946.      .helpful-allreply {display: none !important;}                  /* Hide helpful/all reply switch */
  2947.      #helpful-container {display: none !important;}                 /* Hide helpful block */
  2948.      .all-replies-container {display: inherit !important;}          /* Display all replies block */
  2949.  
  2950.      /*You can hide the copies of any solved/recommended answers that appear immediately
  2951.        below the question with:   turingtest2 */
  2952.      .j-answer-rollup {display: none !important;}                         /* Hide solved/recommended block */
  2953.  
  2954.      /* No more link popup on simple edit.  turingtest2  
  2955.        .-.-.-.-.-.-.-.- */
  2956.      /*  .popOverContent {display: none !important;}          /* Suppress pop-up link editor */  
  2957.        
  2958.      /* For buttons without the black background like cancel
  2959.         Color picker
  2960.         http://www.w3schools.com/colors/colors_picker.asp */
  2961.          /* "I have this question too" on question */
  2962.      span.j-social-action.black-button.j-disabled,
  2963.      div.jive-composebuttons button.j-btn-global,
  2964.      span a.black-button.jive-acclaim-likelink,  /* question button */
  2965.      div.j-inline-correct-answer footer a.action-button,  /* answer button */
  2966.      span.js-acclaim-container.acclaim-container a /* response button */
  2967.        {
  2968.          padding: 7px 7px !important;
  2969.          color:  #0288CC !important;  /* light blue, was rgb(150,150,150) grey */
  2970.          font-size: 14px !important;
  2971.          line-height: 14px !important;
  2972.          background-color: #f2f2f2 !important;
  2973.  
  2974.        }
  2975.        
  2976.      /* "I have this question too" on question.
  2977.         Why was opacity 0.5 on this button but not others? */
  2978.      span.j-social-action.black-button.j-disabled {opacity: 1 !important;}
  2979.        
  2980.      /* button in reponse */
  2981.      div.all-replies-container .jive-thread-helpful-btn {
  2982.          color: #0288CC !important;  /* light blue */
  2983.          background-color: #f2f2f2 !important;    
  2984.        }
  2985.  
  2986.      /* Upper tool icon pulldwon */
  2987.      ul#jive-action-sidebar-tab-list_thread-actions-tab *,
  2988.           /* Lower tool icon pulldwon */
  2989.      ul.apple-thread-options.js-toggle-thread-actions li *,
  2990.           /* change lower button text from grey to light blue. */
  2991.      a.discussionPermaLink
  2992.      /* span.jive-icon-sml.jive-icon-warn */{  color: #0288CC !important;  /* light blue */}
  2993.        
  2994.      /* Make all lower buttons the same. Who ever heard of different size buttons? */  
  2995.        
  2996.          /* save reply, button you get to save an edit of a post */
  2997.      div.jive-composebuttons button#submitButton.j-btn-callout,  /* post button on edit of orginal post */
  2998.          /* Correct answer.  Isn't as bad as the reply button, but might as well use the
  2999.             same set of rule, even if we do not need all. may not be correct button :-( */
  3000.      div.jive-thread-reply-btn-correct a,
  3001.          /* Following; upper right 0.31 */
  3002.      a#jive-link-thread-following.following-button,  /* no box */
  3003.          /* alternative state of following button, follow */
  3004.      a#jive-link-thread-startFollowing.button.follow-button,
  3005.          /* action button with the V */
  3006.      a.apple-actions-link,  /* not working */
  3007.          /* Tone down Reply Button */
  3008.          /* footer div.footer-toplevel-actions a .discussionAdd, */
  3009.      .discussionAdd,
  3010.          /* clicking on Reply to get the inputput, this is the save */
  3011.      div input.jive-form-button-save.j-btn-callout,
  3012.           /* clicking on Reply to get the inputput, this is the cancel */
  3013.      div input.jive-form-button-cancel{
  3014.          background-image: none !important; ;   /* bye, bye gradiant */
  3015.          background-color: #f2f2f2 !important;
  3016.          color: #0288CC !important;  /* light blue, was rgb(150,150,150) grey */
  3017.          padding: 7px !important;
  3018.          font-size: 14px !important;
  3019.          line-height: 14px !important;
  3020.          margin-bottom: 8px !important;
  3021.        }
  3022.      
  3023.      /*  save reply, button you get to save an edit of a post. touch up
  3024.        https://discussions.apple.com/update-advanced-comment.jspa?id=30347987 */
  3025.      div#body-apple button#submitButton.j-btn-callout { margin-left: 20px !important; }
  3026.    
  3027.        
  3028.      /* Following button, upper right. Might as well box it for consistancy 0.31 */
  3029.      a#jive-link-thread-following.following-button  {
  3030.          border-style: solid !important;
  3031.          border-width: thin !important;
  3032.          border-color: #9b9b9b !important; /* grey, Apple's color */
  3033.          padding: 6px 6px 8px 28px !important;
  3034.        }
  3035.        
  3036.      
  3037.      
  3038.      /* Check icon with Following.  Move to the left of following. */
  3039.      span.following-check.icon.icon-check {
  3040.          margin-left: -10px !important;
  3041.          margin-top: -7px !important;
  3042.        }
  3043.        
  3044.      /* Tool icon button upper left, right of Following button */
  3045.      a#apple-actions-link { padding: 4px 6px 4px !important; }
  3046.      
  3047.      /* Tool icon button lower left. same row as reply button */
  3048.      a.js-toggle-thread-options.thread-options  { padding: 4px 4px 4px !important; }
  3049.            
  3050.      /* Tool box upper right */
  3051.      ul.apple-social-actions-toolbar li.apple-actions {height: 28px !important;}
  3052.        
  3053.      /* User machine and operating system info from profile
  3054.         Make metadata font size the same. */
  3055.      section.j-original-message p.jive-model-info-display {
  3056.          font-size: 16px !important;
  3057.          margin-left: 0px !important;
  3058.        }
  3059.        
  3060.      /* hover */
  3061.           /* "I have this question too" on question */
  3062.      span.j-social-action.black-button.j-disabled:hover,
  3063.           /* Following; upper right */
  3064.      a#jive-link-thread-following.button.following-button:hover,      
  3065.        /* post button on edit of orginal post */
  3066.      div.jive-composebuttons button#submitButton.j-btn-callout:hover,
  3067.           /* cancel button on edit of orginal post */
  3068.      div.jive-composebuttons button.j-btn-global:hover,
  3069.           /* clicking on Reply to get the input, this is the save */    
  3070.      div input.jive-form-button-save.j-btn-callout:hover,
  3071.           /* clicking on Reply to get the inputput, this is the cancel */
  3072.      div input.jive-form-button-cancel:hover,
  3073.        /* Reply button hover state */
  3074.        .discussionAdd:hover{ border-color: #0288CC !important; }
  3075.        
  3076.          
  3077. /* ================================================= */
  3078. /* Only for narrow width windows. */
  3079. @media all and ( min-width: 500px ) and ( max-width: 1265px ) {
  3080.     /* let a little space to the left of the navigation bar. */      
  3081.     div .j-column.j-column-s nav  {  
  3082.         margin-left: 0px !important;      
  3083.         margin-top: 20px !important;  /* max of margin-bottom of
  3084.                                          proceeding line and margin-top */    
  3085.         }  
  3086.    
  3087.     .j-thread #body-apple .thread-container-wrapper
  3088.     {
  3089.         max-width: inherit !important;
  3090.         margin: 10px 40px !important;
  3091.     }
  3092.            
  3093.   } /* end of media */
  3094.  
  3095.  
  3096. /* ================================================= */
  3097. /* Only for small windows cell phones and cell phones in lanscape mode. */
  3098.    @media all and (max-width: 499px) {
  3099.       /* the once upon a time sidebar */
  3100.       li.j-browse-filter-group-item.js-browse-filter-group-item a.js-select-link {
  3101.           height: 16px !important;
  3102.           /*background-color: antiquewhite !important;/**/}
  3103.    
  3104.       /* let a little space to the left of the navigation bar. */      
  3105.       div .j-column.j-column-s nav  {  
  3106.           margin-left: 0px !important;      
  3107.           margin-top: 50px !important;  /* max of margin-bottom of proceeding line
  3108.                                          and margin-top */  
  3109.           /*background-color: azure !important;/**/
  3110.         }  
  3111.    
  3112.     /* was sidebar now moved to horizontal */
  3113.     div.j-column.j-column-s nav.j-second-nav {    
  3114.         margin-bottom: 10px !important;
  3115.         /*background-color: red !important;/**/}
  3116.    
  3117.     /* Seems to be a blank line below [Following] */
  3118.     .j-thread #body-apple div.thread-container-wrapper
  3119.       {
  3120.         max-width: inherit !important;
  3121.         margin: 0px 5px !important;
  3122.         /*background-color: green !important;/**/
  3123.       }
  3124.      
  3125.       /*  Question Q: */
  3126.      .j-thread #body-apple div.j-thread-post section.j-original-message
  3127.        h1 span.q-marker
  3128.       {
  3129.         margin-top: -12px !important;
  3130.         /*background-color: bisque !important;/**/
  3131.       }
  3132.    
  3133.      /*  Question Title */
  3134.      .j-thread #body-apple div.j-thread-post section.j-original-message h1
  3135.       {
  3136.         display: inline !important;
  3137.         font-size: 20px !important;
  3138.         /*background-color: bisque !important;/**/
  3139.       }
  3140.    
  3141.      /* Text in orginal post */
  3142.      .j-thread #body-apple div.j-thread-post section.j-original-message span div.jive-rendered-content
  3143.       {
  3144.         margin-top:10px !important;
  3145.         display: inline !important;
  3146.         /*background-color: bisque !important;/**/
  3147.       }
  3148.   } /* end of media */
  3149.        
  3150.        
  3151. /* ================================================= */
  3152. /* Only for narrow width windows. */
  3153. @media all and ( min-width: 321px ) and ( max-width: 499px ) {
  3154.        
  3155.     /* let a little space to the left of the navigation bar. */      
  3156.         div .j-column.j-column-s nav  {  
  3157.         margin-left: 0px !important;      
  3158.         margin-top: 20px !important;  /* max of margin-bottom of proceeding line and margin-top */    
  3159.     }  
  3160.            
  3161.     .j-thread #body-apple .thread-container-wrapper
  3162.     {
  3163.         max-width: inherit !important;
  3164.     }
  3165.      
  3166.      .j-thread #body-apple .thread-container-wrapper,
  3167.      .j-thread #body-apple div.jive-content.j-op,    
  3168.      /* Original post info */
  3169.      .j-thread #body-apple div.j-thread-post header.js-original-header,
  3170.      /* Replies */
  3171.      .j-thread #body-apple div.all-replies-container,
  3172.      /*  Question */
  3173.      .j-thread #body-apple div.j-thread-post section.j-original-message
  3174.       {
  3175.         margin: 10px 10px !important;
  3176.         /*background-color: bisque !important;/**/
  3177.       }
  3178.        
  3179.    
  3180.   } /* end of media */
  3181.        
  3182.        
  3183. /* ================================================= */
  3184. /* adjustment for display of posts in a discussion for small screen
  3185.    found on smart phones */
  3186. @media all and (max-width: 320px) {
  3187.            
  3188.      .j-thread #body-apple div.jive-content.j-op,    
  3189.      /* Original post info */
  3190.      .j-thread #body-apple div.j-thread-post header.js-original-header,
  3191.      /* Replies */
  3192.      .j-thread #body-apple div.all-replies-container,
  3193.      /*  Question */
  3194.      .j-thread #body-apple div.j-thread-post section.j-original-message
  3195.       {
  3196.         margin: 5px 5px !important;
  3197.         /*background-color: bisque !important;/* light brownish red */
  3198.       }
  3199.    
  3200.      /* reply button */
  3201.      .j-thread #body-apple div.thread-actions  
  3202.      {
  3203.         width: 95% !important;
  3204.         /*background-color: lemonchiffon !important;/**/
  3205.      }
  3206.    
  3207. } /* end of media */
  3208.  
  3209.        
  3210. } /* @-moz-document for responses */
  3211.  
  3212.  
  3213.  
  3214. /* =======================================================================================
  3215.    For ASC web pages with a sidebar shown on narrow window, make the side bar
  3216.    horizontal. Adjusts the column sizes in lists.
  3217.    adding more @-moz-document callouts prevents collateral damage
  3218.    to other web pages when css class and id conflicts.
  3219.    example pages:
  3220.      https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  3221.      https://discussions.apple.com/community/ipad/ipad_in_business_and_education/content
  3222.         ?filterID=contentstatus[published]~objecttype~objecttype[thread]
  3223.      https://communities.apple.com/es/community/ipad/using_ipad/content?filterID=
  3224.         contentstatus[published]~objecttype~objecttype[thread]
  3225.      https://communities.apple.com/pt/people/espa%C3%B1ol.rccharles/content?manage=true
  3226.    avoid:
  3227.      https://communities.apple.com/pt/search.jspa
  3228.  https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  3229.    */
  3230.      
  3231. @-moz-document
  3232.    url-prefix(https://discussions.apple.com/content),
  3233.    url-prefix(https://discussions.apple.com/community),
  3234.    url-prefix(https://discussions.apple.com/people),
  3235.    url-prefix(https://discussionsjapan.apple.com/content),
  3236.    url-prefix(https://discussionsjapan.apple.com/community),
  3237.    url-prefix(https://discussionsjapan.apple.com/people),
  3238.    url-prefix(https://discussionskorea.apple.com/content),
  3239.    url-prefix(https://discussionskorea.apple.com/community),
  3240.    url-prefix(https://discussionskorea.apple.com/people),
  3241.    url-prefix(https://communities.apple.com/es/content),    
  3242.    url-prefix(https://communities.apple.com/es/community/),
  3243.    url-prefix(https://communities.apple.com/es/people),  
  3244.    url-prefix(https://communities.apple.com/pt/content),
  3245.    url-prefix(https://communities.apple.com/pt/community/),
  3246.    url-prefix(https://communities.apple.com/pt/people) {  
  3247.     /* ================================================= */
  3248.    @media all and (max-width: 499px) {
  3249.        li.j-browse-filter-group-item.js-browse-filter-group-item a.js-select-link
  3250.          {height: 16px !important;}
  3251.        }
  3252.        
  3253.      /* ================================================= */
  3254.     @media all and (max-width: 1265px)  {
  3255.      /* Debug to identify which page we found.  Place our ukiyo-e. */      
  3256.    /*  h1, h2, h3, #apple-site-title > a:nth-child(1), #j-globalNav-bg {    
  3257.           background-color:yellow !important;
  3258.           border: 2px dashed black !important;    
  3259.          }  */
  3260.        
  3261.     /* ------------------      
  3262.        Treatment for narrow window      
  3263.        Method 1 (minimum optimisation)      
  3264.      
  3265.        Places
  3266.        
  3267.        https://discussions.apple.com/places
  3268.        
  3269.        Adjust community list table's shift and margin to maximize its width.      
  3270.     */                                                                            
  3271.     /* ------------------ (currently commented out)      
  3272.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }      
  3273.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }      
  3274.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }      
  3275.     ------------------ */      
  3276.     /* ------------------      
  3277.         Treatment for narrow window      
  3278.         Method 2 (more beneficial to narrow window but has disadvantage for wide window)      
  3279.          
  3280.         Let community list table have full width but not exceed 1019px to make room for      
  3281.         sidebar ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui      
  3282.         is displayed next to community list table, otherwise it is displayed below or
  3283.         above it (depending upon its document tree order).      
  3284.          
  3285.         * sidebar width (constant)    = 166px      
  3286.         * community table max width   = 1019px      
  3287.         * canvas margin-left          = 40px      
  3288.         * canvas margin-right         = 40px      
  3289.         ---------------------------------------      
  3290.         * total                       = 1265px      
  3291.     */                                                                              
  3292.     /* ------------------ (currently active) */      
  3293.     .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }      
  3294.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }      
  3295.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }      
  3296.     .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }      
  3297.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }          
  3298.     /* ------------------ */      
  3299.        
  3300.     /* See if we can position "start ad discussion, Write a user tip" bottom  
  3301.        bar a little better */    
  3302.     .j-box {    
  3303.         margin-top: 40px !important;    
  3304.         float: right !important;}    
  3305.        
  3306.    
  3307.     /* Turn verical nav list into a horizontal nav list to save vertical space.    
  3308.         This nav bar appear above the list of dicussions in the Your Content page.    
  3309.         It appears below in the list of discussions page.    
  3310.         A larger screen has room for vertical navigation, so let along. */    
  3311.  
  3312.     /* We need to make room for the horizontal nav bar.  A floating right, the area to the left    
  3313.        is blank anyway. */    
  3314.     .j-layout-sl.j-browse-content .j-column-s        
  3315.         { width: 95% !important; }  /* let more room for horizontal navigation 0.64 */    
  3316.      
  3317.      
  3318.     /* make nav bar horizontal amoung other things. */    
  3319.     div .j-column.j-column-s nav ul li {  
  3320.       float: left !important;    /* makes the list items horizontal */    
  3321.       width: 120px !important;  /* width of each link */          
  3322.       text-align: center !important;    
  3323.       margin-left: 0 !important;    
  3324.       padding-left: 0 !important;    
  3325.     }
  3326.        
  3327.     /* Piddle around so as to center the text. Straight trial and error. */
  3328.     li.j-browse-filter-group-item.js-browse-filter-group-item a.js-select-link {
  3329.         padding-top:5px !important;
  3330.         padding-bottom: 5px !important;
  3331.         /* background-color: bisque !important;/* light brownish red */}
  3332.        
  3333.      /* Piddle around so as to center the text for the user's content. Straight trial and error.
  3334.         For some reason this text is two lines height which makes for a disjoint box. */
  3335.      nav.j-second-nav ul li[data-filter-id="draft"] a.js-select-link,
  3336.      nav.j-second-nav ul li[data-filter-id="contentstatus\[published\]" ] a.js-select-link,
  3337.      nav.j-second-nav ul li[data-filter-id="participated"] a.js-select-link,
  3338.      nav.j-second-nav ul li[data-filter-id="following"] a.js-select-link,
  3339.      nav.j-second-nav ul li[data-filter-id="historyarchetype\[content\]"] a.js-select-link,
  3340.      nav.j-second-nav ul li[data-filter-id="all"] a.js-select-link {
  3341.         height: 28px !important;
  3342.         /*background-color: yellow !important; /**/
  3343.         }
  3344.            
  3345.    /* after making the navigating link horizontal, the blue overlay box doesn't immediately  
  3346.       jump to the draft box.  After clicking on any of the other links, the blue box    
  3347.       parks on the draft box and will not move.  The function must be implemented in javascript which  
  3348.       cannot be changed from css. In the May 2016 ASC, the blue box moves correct when the sidebar
  3349.       is moved to the right.  Still broken for horizontal. Purge it.    
  3350.       Upper nav bar on your content */    
  3351.       /* https://discussions.apple.com/people/<apple-id>/content */    
  3352.     body.jive-view-profile.j-view-profile.j-view-profile-nonself.other .j-second-nav > ul:nth-child(1) > li:last-child,    
  3353.        body.j-body-yourwork.other li.active:last-child {display: none !important;}    
  3354.        
  3355.    /* Found another blue overlay box.    
  3356.       https://discussions.apple.com/people/<ASC_id>/content?manage=true */    
  3357.     body.jive-view-profile.j-view-profile.j-view-profile-self.other li.active:last-child {display: none !important;}    
  3358.      
  3359.     /* style the link (a tag) inside the li    
  3360.        Put a box around the links.  Complete box makes for a dark middle Line. So, leave  
  3361.        off left line but for righ most link. Do the best we can    
  3362.        ASC box grey-line color #d7d7d7 also seems like grey #eaeaea */    
  3363.     div .j-column.j-column-s nav li a {  
  3364.        border: 1px solid #d7d7d7 !important;    
  3365.        border-left: none !important;  /* avoid double border lines for middle items */    
  3366.        padding-left: 0 !important;    
  3367.     }
  3368.    
  3369.     /* Fill in the first box with a line on the left */    
  3370.     /* Upper nav bar on your content  
  3371.        The fill in on the left of the first-child doesn't seem to be working.  Tried several
  3372.        different ways of addressing the left border.  No workie.
  3373.        https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] */    
  3374.     /* https://discussions.apple.com/people/<apple-id>/content?manage=true */    
  3375.     div .j-column.j-column-s nav li:first-child a,
  3376.     /* https://discussions.apple.com/people/<apple-id>/content */    
  3377.     /* lower nav bar, see here:    
  3378.        https://discussions.apple.com/community/ipad/ipad_in_business_and_education  
  3379.             /content?filterID=contentstatus[published]~objecttype~objecttype[thread] */    
  3380.     body.j-body-place.other li.j-browse-filter-group-item:first-child {    
  3381.        border-left: 1px solid #d7d7d7 !important;  /* avoid double border lines for middle items */    
  3382.     }  
  3383.        
  3384.     /* Hover. horizontal nav bar */
  3385.     div .j-column.j-column-s nav li a:hover {  
  3386.         border-color: #42aaff !important;  /* light blue */    
  3387.       }  
  3388.          
  3389.   } /* media */
  3390.  
  3391.      
  3392. } /* @-moz-document url-prefix for sidebar */
  3393.  
  3394. /* ==============================================
  3395.    Leave the login window footer alone. So, turn these fields back on.    
  3396.     */      
  3397. @-moz-document    
  3398.     url-prefix(https://discussions.apple.com/people/),      
  3399.     url-prefix(https://discussions.apple.com/welcome),      
  3400.     url-prefix(https://discussionsjapan.apple.com/people/),        
  3401.     url-prefix(https://discussionsjapan.apple.com/welcome/),      
  3402.     url-prefix(https://discussionskorea.apple.com/people/),      
  3403.     url-prefix(https://discussionskorea.apple.com/welcome/),
  3404.     url-prefix(https://communities.apple.com/es/people),  
  3405.     url-prefix(https://communities.apple.com/es/welcome),      
  3406.     url-prefix(https://communities.apple.com/pt/people),
  3407.     url-prefix(https://communities.apple.com/pt/welcome)  {        
  3408.    
  3409.         /* legalistic bomblast on login window*/      
  3410.         #globaldisclaimer.sosumi {display: inherit !important; }            
  3411.         /* path to here */      
  3412.         #j-footer #breadcrumbs {display: inherit !important; }      
  3413.         /* apple product info */      
  3414.         p.gf-buy {display: inherit !important; }          
  3415. }
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!