API tools faq
paste
Advertisement
rccharles

asc combined 5July2017

rccharles
Jul 5th, 2017
575
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 91.22 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.  
  3. Custom Cascading Style Sheet for Apple Support Communities board system introduced in 2016-06      
  4.      
  5.     Copyright (c) 2014, 2016, 2017 Hiroto, et. al.
  6.     All rights reserved.
  7.  
  8.     Redistribution and use in source and binary forms, with or without
  9.     modification, are permitted provided that the following conditions are met:
  10.  
  11.     1. Redistributions of source code must retain the above copyright notice, this
  12.        list of conditions and the following disclaimer.
  13.     2. Redistributions in binary form must reproduce the above copyright notice,
  14.        this list of conditions and the following disclaimer in the documentation
  15.        and/or other materials provided with the distribution.
  16.  
  17.     THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
  18.     ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  19.     WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  20.     DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
  21.     ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  22.     (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  23.     LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  24.     ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  25.     (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  26.     SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  27.  
  28.     The views and conclusions contained in the software and documentation are those
  29.     of the authors and should not be interpreted as representing official policies,
  30.     either expressed or implied, of the Custom Styles Project.    
  31.    
  32.     For more information on how to install this css and what the css does, see:      
  33.     https://discussions.apple.com/docs/DOC-7501  
  34.  
  35.     Change Log by rccharles
  36.     v0.36 by rccharles
  37.        - Deal with //content seems like a //content appears when signin after a 30 minute timeout
  38.          19May 2017
  39.     v0.35 by rccharles
  40.        - Fix "sidebar" bug 9Mar2017
  41.        - Ditch ios device support 8Mar2017
  42.        - /content Sortby changed selectors 9Mar2017
  43.        - Widen medium window from 1099 to 1199 9Mar2017
  44.     v0.34 by rccharles
  45.        - Add French and German languages  24Feb2017
  46.        - Use regexp  24Feb2017
  47.        - Trim unused code
  48.     v0.33 by rccharles
  49.          - facilitate demagification and magification of text
  50.  
  51.     v0.32 by rccharles
  52.          - Positioning tweaks
  53.  
  54.     v0.31 by rccharles
  55.          - adjustments for Nov 2016 ASC changes
  56.          - adjust position of Avatars
  57.          - level icon for original poster
  58.  
  59.     v0.30 by rccharles
  60.          - Smart phone support
  61.          - Use BSD copyright notice
  62.          - (min-width: 500px) and (max-width: 600px)
  63.  
  64.     v0.22 by rccharles
  65.          - Adjusted original poster info.
  66.          
  67.     v0.21 by rccharles
  68.          - Updates for 7-7-2016 ASC changes.  Adjusted reply poster info names.
  69.  
  70.     v0.2 by rccharles
  71.         - scrolling of large code blocks "advanced >> plain"
  72.         - reformat buttons
  73.         - nav list to horizontal for small windows
  74.         - option to sink legalistic bombblast.
  75.             Look for .~.~.~.~.~.~.~. then uncomment the three lines following
  76.         - expanded the display of posts in a discussion to view all posts.  
  77.             Thanks turingtest2
  78.         - colored backgrounds for posts
  79.         - turingtest2's fix for copy & paste in tinyMCE
  80.         - turingtest2's fix to get rid of answered and helpfuls at the top of every
  81.             page.
  82.         - light blue in tool icon pulldowns
  83.         - link popup on simple edit
  84.             Look for -.-.-.-.-.-.-.- then uncomment the line following
  85.         - Move who replied to the left margin.
  86.         - Move original poster's info to the left margin
  87.        
  88.    
  89.    
  90.     v0.11
  91.         - introduced @media rules in THREAD LIST BROWSER and PLACES sections:
  92.             @media all and ( max-width: X ) rule
  93.             @media all and ( min-width: Y ) rule
  94.        
  95.         - added, refined and fixed rules in various sections, which include but not limited to
  96.             BODY
  97.                 - changed #body-apple {width: 100%} to {width: auto}, which is essential to
  98.                   prevent horizontal scroller from appearing in narrow window environment.
  99.             TEXT > font
  100.                 - added rules to use fine local font in lieu of illegible remote font
  101.             ASC TOP PAGE
  102.                 - added rules on 'search or ask a question', 'featured topics' etc
  103.             COMMUNITIES CATEGORIES OVERVIEW
  104.                 - new section
  105.             THREAD LIST BROWSER > community overview
  106.                 - added and refined rules (treating filter ui layout)
  107.             PROFILE > content
  108.                 - new subsection (treating browser control ui layout)
  109.             BLOG
  110.                 - new section
  111.             UNAUTHORIZED
  112.                 - new section
  113.  
  114.     v0.10d
  115.         - draft
  116.  
  117.     written by Hiroto, 2016-06
  118. */
  119. /* Germain https://communities.apple.com/de/thread/1204
  120. */
  121. @-moz-document
  122.     domain(communities.apple.com),  /* German, French, Português & Spanish */
  123.     domain(discussions.apple.com),
  124.     domain(discussionsjapan.apple.com),
  125.     domain(discussionskorea.apple.com),
  126.     domain(discussionschinese.apple.com)
  127. {
  128.     /* ---------------------------------------------------------------------------------
  129.         BODY
  130.     */
  131.     body.j-body-welome,             /* Welcome */
  132.     body.j-body-place,              /* Community */
  133.     body.j-body-yourwork,           /* Content */
  134.     body.j-body-home,               /* Activity */
  135.     body.j-body-yourconnections,    /* People */
  136.     body.j-body-preferences,        /* Preferences */
  137.     body.jive-body-content,         /* Thread */
  138.     body.jive-body-search,          /* Search */
  139.     body.jive-view-profile          /* Profile */
  140.     {                                                                              
  141.         background: #F2F2F2 !important; /* light grey was white, most of the window
  142.                                            was this color anyway. */
  143.        
  144.     }
  145.     body {
  146.         min-width: 0px !important;
  147.     }
  148.    
  149.     /* Note: #body-apple is a div the covers the whole document.  
  150.        So, it overrides the body tag. */
  151.     #body-apple {
  152.         width: auto !important;
  153.         min-width: 0px !important;
  154.         background: #f2f2f2  !important; /**/
  155.        
  156.     }
  157.     #globalheader { display: none !important; }                                    
  158.     #global-nav-wrapper {display: none !important; }                                
  159.     #globalfooter,
  160.     #globaldisclaimer { width: 80% !important; }                                    
  161.  
  162.    
  163.  
  164.     /* ---------------------------------------------------------------------------------
  165.         TEXT
  166.     */                                                                                  /* NEW */
  167.     body {
  168.         font-size: 16px !important;
  169.         font-weight: 400 !important;
  170.         line-height: 1.25 !important;
  171.     }
  172.     body * {
  173.         /* font-size: inherit !important; */
  174.        font-weight: inherit !important; /*  turns off bolding. 0.2 */
  175.        line-height: inherit !important;
  176.     }
  177.    
  178.  
  179.    
  180.     /* font
  181.        
  182.          
  183.           lang | remote font name
  184.           -----|-----------------
  185.             ja | "Apple TP"
  186.             ko | "Yoon Gothic"
  187.             zh | "PingHei"
  188.             en | "Myriad Set Pro"
  189.             es | "Myriad Set Pro"
  190.             pt | "Myriad Set Pro"
  191.     */                                                                    /* NEW (experimental) */
  192. /*
  193.     * { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,
  194.         Verdana, sans-serif !important; }
  195. */
  196.     [lang|="ja"] * {
  197.         font-family: "Hiragino Kaku Gothic Pro", "Meiryo",
  198.                      "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  199.     }
  200.     [lang|="ko"] * {
  201.         font-family: "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim",
  202.                      "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  203.     }
  204.     [lang|="zh"] * {
  205.         font-family: "STHeitiSC-Light",
  206.                      "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  207.     }
  208.     [lang|="en"] *,
  209.     [lang|="es"] *,
  210.     [lang|="pt"] * {
  211.         font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  212.     }
  213.    
  214.     /* Start 0.2 additions */
  215.    
  216.    
  217.     /* Reduce white space in user tips */
  218.     /* Put bolding back.  body * is too strong above.  Hack strong back! */
  219.     strong {
  220.         font-weight: bold !important;}
  221.    
  222.     /* No line after Communities.  Waste of space and doesn't separate anything.
  223.            https://discussions.apple.com/community/mac_os/mac_os_x_technologies/content  */
  224.     div#j-header-wrap header nav#j-globalNav-bg {border-bottom: 0px !important; }
  225.  
  226.                                                                          
  227.     /* highlights in dark blue unread posts when logged in.  v0.6      
  228.      
  229.     All your posts      
  230.         https://discussions.apple.com/content?filterID=participated~objecttype~objecttype[thread]        
  231.      
  232.     Discussions you authored      
  233.         https://discussions.apple.com/content?filterID=contentstatus[published]~objecttype~objecttype[thread]        
  234.      
  235.     To see the discussions you have read and not read in a community      
  236.     The suffix to use for any ASC forum, placed after the basic link to any forum, it's      
  237.         /content?filterID=contentstatus[published]~objecttype~objecttype[thread]      
  238.      
  239.     for iPhone community this would be:      
  240.         https://discussions.apple.com/community/iphone/using_iphone/content
  241.             ?filterID=contentstatus[published]~objecttype~objecttype[thread]        
  242.      
  243.      
  244.     */  
  245.     .j-td-title strong {
  246.         color:#191970 !important;
  247.         font-weight: normal !important;}  
  248.    
  249.     /* Prevent capitalization of user names there. (Mine becomes Turingtest2 on
  250.          that page and nowhere else, which is daft!) */
  251.     .jive-username-link {text-transform: none !important;} /* Remove username
  252.                                                               capitalization */
  253.          
  254.    
  255.     /* Scroll code listings.  set max-height of syntax highlighted code in thread      
  256.        content browser   */      
  257.     .jive-rendered-content .dp-highlighter {    
  258.        max-height: 500px !important;      
  259.        overflow: auto !important;      
  260.     }                                                                                  
  261.     /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled)  */      
  262.     .jive-rendered-content pre {      
  263.        max-height: 500px !important;      
  264.        overflow: auto !important;      
  265.     }  
  266.    
  267.     /* Rambling footer stuff will be sunk              
  268.        no more legalistic bomblast.
  269.        Read about Apple's worries on the Welcome page.
  270.        .~.~.~.~.~.~.~. */      
  271. /*  footer #globaldisclaimer {display: none !important; } */        
  272.     /* Not a complete path to here, so why be misleading */      
  273. /*  footer nav.footer-breadory {display: none !important; }    */      
  274.     /* Guess by now folks know how to buy an apple product */      
  275. /*  p.gf-buy {display: none !important; } */    
  276.    
  277.     /* end 0.2 additions */
  278.    
  279.     /* preseve monospace for pre.jive-pre */
  280.     pre.jive-pre { font-family: monospace !important; }
  281.  
  282.    
  283.     /* ---------------------------------------------------------------------------------
  284.         ASC HEADER, FOOTER AREA
  285.     */
  286.     #j-header,
  287.     #j-compact-header,
  288.     #j-footer { width: 100% !important; }
  289.    
  290.     /* navigation header (Apple Support Communities ...) */
  291.     #j-header-wrap {
  292.         padding: 0px 40px !important;
  293.         margin: 0px 0px 15px !important;
  294.     }
  295.     #j-globalNav-bg {
  296.         padding: 0pX !important;
  297.         margin: 0px !important;
  298.         width: auto !important;                                         /* NEW */
  299.     }
  300.     #j-satNav { overflow: visible !important; }
  301.  
  302.     #j-header-wrap { margin-bottom: 50px !important; }                                  /* NEW */
  303.     #apple-full-header { margin: 10px 0px 0px !important; }                             /* NEW */
  304.     #second-row {                                                                       /* NEW */
  305.         padding-top: 25px !important;
  306.         height: 30px !important;
  307.     }
  308.  
  309.     /* announcement  Let's adjust in the header 9-20-2016 */  
  310.    
  311.  
  312.    /* breadcrumb         NEW */
  313.     #jive-breadcrumb {
  314.         width: auto !important;
  315.         margin-right: 40px !important;
  316.         position: relative !important;
  317.    
  318.     }
  319.    
  320.     /* footter           NEW */
  321.     .j-js-footer-wrap {
  322.         width: auto !important;
  323.         min-width: 0px !important;
  324.     }
  325.     footer#j-footer {
  326.         width: auto !important;
  327.         min-width: 0px !important;
  328.     }
  329.  
  330.  
  331.     /* ---------------------------------------------------------------------------------
  332.         ASC TOP PAGE
  333.     */
  334.     .j-body-welcome #jive-alert { margin: 0px 40px !important; }
  335.     .j-body-welcome .hero-container img { width: auto !important; }
  336.     .j-body-welcome.j-body-home [id|=jive-widgetframe] > .content-large {
  337.         text-align: center !important;
  338.         overflow-x: auto !important;
  339.         overflow-y: hidden !important;
  340.     }
  341.     .apple-communities {
  342.         display: inline-block !important;
  343.         width: auto !important;
  344.         text-align: left !important;
  345.     }
  346.  
  347.     /* search or ask a question */
  348.     .ask-a-question-container .j-form input[type="text"] { width: 90% !important; }
  349.  
  350.     /* featured topics */
  351.     .jive-widget-featuredcontentwidget h2 {
  352.         font-size: 28px !important;
  353.     }
  354.     .jive-widget-featuredcontentwidget .content-large .featured-content-header {
  355.         padding-bottom: 30px !important;
  356.     }
  357.     .jive-widget-featuredcontentwidget .content-large .featured-content-header
  358.       p.sub-title {
  359.         margin: 10px 0px 20px !important;
  360.     }
  361.     .jive-widget-featuredcontentwidget .featured-list-container {
  362.         max-width: 1000px !important;
  363.     }
  364.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-row {
  365.         margin-bottom: 20px !important;
  366.         border-style: dotted !important;
  367.         border-width: thin !important;
  368.     }
  369.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-user {
  370.         margin: 0px 10px !important;
  371.     }
  372.     .jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc {
  373.         margin: 0px 10px !important;
  374.     }
  375.     .jive-widget-featuredcontentwidget h4.title {
  376.         font-size: 18px !important;
  377.         margin: 10px 0px !important;
  378.         text-decoration: underline !important;
  379.     }
  380.     .jive-widget-featuredcontentwidget .rating-row,
  381.     .jive-widget-featuredcontentwidget .featured-list-container
  382.       .featured-list-desc blockquote,
  383.     .jive-widget-featuredcontentwidget .featured-list-container
  384.       .featured-list-desc .user-metadata {
  385.         margin-bottom: 10px !important;
  386.     }
  387.    
  388.     /* new to communities? */
  389.     .on-boarding .on-boarding-header h2 {
  390.         font-size: 28px !important;
  391.         margin: 0px 0px 25px !important;
  392.     }
  393.     .on-boarding .img-container { margin: 0px auto 30px !important; }
  394.    
  395.     /* how-to grid */
  396.     .on-boarding > .grid-display {
  397.         margin-top: 40px !important;
  398.         padding: 20px 0px !important;
  399.         max-width: 1000px !important;
  400.         display: inline-block !important;
  401.     }
  402.     .on-boarding .row .column h3 {
  403.         margin: 0px 30px 20px !important;
  404.         max-height: 50% !important;
  405.     }  
  406.  
  407.  
  408.     /* -------------------------------------------------------------------------------
  409.         COMMUNITIES CATEGORIES OVERVIEW
  410.     */                                                                       /* NEW */
  411.     /* communities description */
  412.     .apple-space-overview .jive-widget-subcommunitieswidget .community-image {
  413.         width: 200px !important;
  414.         position: absolute !important;
  415.         z-index: -1 !important;
  416.     }
  417.     .apple-space-overview .jive-widget-subcommunitieswidget .community-image img {
  418.         width: 200px !important;
  419.         height: 200px !important;
  420.     }
  421.     .apple-space-overview .jive-widget-subcommunitieswidget .community-description {
  422.         margin-bottom: 45px !important;
  423.     }
  424.     .apple-space-overview .jive-widget-subcommunitieswidget .community-description h1 {
  425.         font-size: 28px !important;
  426.         margin: 30px 0px !important;
  427.     }  
  428.    
  429.     /* top communities */
  430.     .apple-space-overview  h2.community-title {
  431.         font-size: 24px !important;
  432.         margin: 0px 0px 20px !important;
  433.     }
  434.     .apple-space-overview .category-latest-header h3 {
  435.         font-size: 22px !important;
  436.         margin: 0px 0px 20px !important;
  437.     }
  438.     .apple-space-overview .category-latest h3,
  439.     .apple-space-overview .category-latest h4 { font-size: 20px !important; }
  440.     .apple-space-overview .jive-widget-subcommunitieswidget .content-large      
  441.         { padding: 10px !important; }
  442.     .apple-space-overview .jive-widget-subcommunitieswidget .content-large > nav
  443.         { padding-top: 0px !important; }
  444.     .apple-space-overview .jive-widget-recentcontentfilterwidget {
  445.         padding-bottom: 10px !important;
  446.         margin-bottom: 0px !important;
  447.     }
  448.    
  449.     /* search for more topics */
  450.     .apple-space-overview .category-page .ask-a-question-header {
  451.         margin-top: 20px !important;
  452.         width: auto !important;
  453.     }
  454.     .apple-space-overview .category-page .ask-a-question-header h2
  455.         { font-size: 24px !important; }
  456.     .apple-space-overview .category-page .ask-a-question-container {
  457.         width: 80% !important;
  458.         max-width: 1000px !important;
  459.         margin: 30px auto !important;
  460.     }
  461.     .apple-space-overview .category-page .ask-a-question-container
  462.       .j-form input[type="text"] {
  463.         padding: 10px 10px 10px 50px !important;
  464.         width: 94% !important;
  465.     }
  466.     .apple-space-overview .category-page .ask-a-question-footer {
  467.         margin: 40px 0px !important; }
  468.    
  469.     /* contact apple support */
  470.     .apple-space-overview .section-eyebrow { font-size: 24px !important; }
  471.     .apple-space-overview .section-header {
  472.         font-size: 22px !important;
  473.         margin: 0px 0px 30px !important;
  474.     }
  475.        
  476.    
  477.     /* -------------------------------------------------------------------------------
  478.         THREAD LIST BROWSER
  479.     */
  480.  
  481.     /* ------------------
  482.         community overview
  483.     */                                                                        /* NEW */
  484.     .category-latest .category-latest-container .category-latest-row {
  485.         margin: 0px !important;
  486.         padding: 5px 0px !important;
  487.     }
  488.     .category-latest .category-latest-container
  489.       .category-latest-row .discussion-metadata
  490.         {
  491.         margin: 5px 0px !important;
  492.         }
  493.     .category-latest .category-latest-container .category-latest-row
  494.       .discussion-title a {
  495.         font-size: 100% !important;
  496.         font-weight: 500 !important;
  497.         color: rgb(0, 136, 204) !important;
  498.         /* background-color: antiquewhite !important;/**/
  499.     }
  500.     .category-latest .category-latest-container .category-latest-row:nth-child(odd) {
  501.         background: rgb(247, 247, 247) !important;
  502.     }
  503.     .category-latest .category-latest-container .category-latest-row .read-full {
  504.         display: none !important;
  505.     }
  506.     .category-latest .category-latest-container .category-latest-row
  507.       .discussion-metadata .cell {
  508.         margin-right: 15px !important;
  509.     }
  510.     .category-latest .category-latest-container .category-latest-row
  511.       .discussion-metadata .cell a {
  512.         color: rgb(0, 136, 204) !important;
  513.         text-decoration: none !important;
  514.         /* background-color: antiquewhite !important;/**/
  515.     }
  516.    
  517.     .apple-space-overview #body-apple .list-page .ask-a-question-sidebar {
  518.         margin: 0px 70px 10px 0px !important;
  519.     }
  520.     .apple-space-overview #body-apple .list-page .ask-a-question-sidebar
  521.       .ask-a-question-space-icon {
  522.         width: 128px !important;
  523.         height: 128px !important;
  524.     }
  525.     .apple-space-overview #body-apple .list-page .ask-a-question-wrapper
  526.       .community-siblings {
  527.         padding: 5px 0px !important;
  528.         font-size: 20px !important;
  529.     }
  530.  
  531.     /* content filter (by type (solved|recommended|unanswered) & category) */
  532.     .jive-content-filter {
  533.         width: 20% !important;
  534.         max-width: 250px !important;
  535.         min-width: 100px !important;
  536.         padding: 0px 10px 0px 0px !important;
  537.     }
  538.     .jive-content-filter h2 {
  539.         margin-bottom: 15px !important;
  540.         font-weight: 500 !important;
  541.     }
  542.     .jive-content-filter ul li { margin: 3px 0px !important; }
  543.     .jive-content-filter ul li:nth-child(odd)
  544.         { background: rgb(247, 247, 247) !important; }
  545.     .jive-content-filter ul li a.jive-content-filter-highlight
  546.         { background: rgb(230, 240, 230) !important; }
  547.     /* ------------------ */
  548.    
  549.  
  550.     /* show author name in 'Latest activity' column in detailed list view of threads */
  551.     td.j-td-date > span { display : inherit !important; }
  552.  
  553.     /* main section */
  554.     #j-main { padding: 0px !important; }
  555.  
  556.     /* table cell title */
  557.     .jive-table td.jive-table-cell-title { padding: 5px !important; }
  558.        
  559.     /* thread list view column widths */                                            
  560.     .j-browse-details .j-td-title { max-width: none !important; }
  561.    
  562.     /* Javascript injected pulldown. 0.36 */
  563.     select.rcUserASCItemSelect      {
  564.          border-color: #9b9b9b !important; /* grey, Apple's color  */
  565.          text-align: right !important;          
  566.          height:  20px !important;
  567.          font-size: 14px !important;
  568.          margin-top: 0px !important;
  569.          margin-left: 20px !important;
  570.          padding: 0px 42px 2px 0 !important;  /* let space to display "v" */
  571.          width: 110px !important;
  572.          background-color: #f2f2f2 !important;/**/
  573.          /*color: green !important; /**/
  574.          /*background-color: lightsalmon !important;/**/
  575.        }
  576.     select.rcUserASCItemSelect option{        
  577.          border-color: #9b9b9b !important; /* grey, Apple's color */        
  578.          text-align: right !important;
  579.          height:  22px !important;
  580.          font-size: 14px !important;
  581.          padding-right: 10px !important;
  582.          color: blue !important; /**/
  583.          /*background-color: yellow !important;/**/    
  584.        }
  585.    
  586.  
  587.     /* Resize emoji  June 17, 2017 */  
  588.     img.jive_emoji
  589.       {
  590.         max-width: 20px !important;
  591.         max-height: 20px !important;
  592.       }      
  593.    
  594. /*  ======   .j-browse-details .j-td-date {
  595.         width: auto !important;
  596.         max-width: 20% !important;
  597.     }*/
  598.    
  599.     /* thread list view: read thread font weight
  600.                                                            NEW (feature restored) */
  601.     /* I'll go with dark blue.  In an earlier implementation of ASC,
  602.        the bolded fond wasn't that noticeable, so
  603.        a dark blue was picked.  Might as well stay with it.                    0.2 */
  604.  /*   .j-browse-details .j-td-title strong { font-weight: 600 !important; }  */
  605.        
  606.   /* span.curent-page,
  607.     span.j-pagination.pagination.botom span.class.current-page
  608.     {font-size: 32px !important;
  609.     background-color: burlywood !important;}*/
  610.    
  611.     /* ================================================= */
  612.     /* list of discussions adjustment for narrow windows */
  613.     @media all and ( min-width: 500px ) and ( max-width: 1199px ) {
  614.         /* ------------------
  615.             Treatment for narrow window
  616.             Hide Like and Bookmark columns in thread list view if
  617.               viewport width <= 1098 (= 1265 - 166)
  618.         */      
  619.            
  620.          /*    Table headers to ditch: like & bookmark headers.
  621.             th + th hits 2 or more td's! Hence, it hits the lower td's.
  622.             So, you need to fix up the lower td's. */
  623.         .j-browse-details .j-td-likes,
  624.         .j-browse-details .j-td-bookmarks { display: none !important; }
  625.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
  626.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th
  627.             { display: none !important; }
  628.         /* Let the element behave like a <td> element
  629.            And recover from the ditch above.  */
  630.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr >
  631.           th + th + th + th {
  632.             /*background-color: antiquewhite !important;/**/
  633.             display: table-cell !important; }
  634.        
  635.         /* status
  636.            Vertical align table cells. Hassle.
  637.            For details on how, see: http://vanseodesign.com/css/vertical-centering/ */
  638.         div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon  {            
  639.             display:inline-block;
  640.             white-space: normal !important;
  641.             vertical-align: middle !important;
  642.             display:table-cell !important;}
  643.        
  644.          /* title */
  645.         .j-browse-details .j-td-title {
  646.            padding-top: 10px !important;
  647.            padding-bottom: 10px !important;
  648.            /*background-color: pink !important;/**/
  649.          }
  650.        
  651.         .j-browse-details .j-td-title
  652.           p.j-browse-content-location.font-color-meta-light {                  
  653.             margin-bottom: 0  !important;
  654.             /*background-color: antiquewhite !important;/**/
  655.         }
  656.        
  657.        
  658.     } /* end of media */
  659.  
  660.  
  661.  
  662.  
  663.    
  664.    
  665.  
  666.     /* user name link */
  667.     .jive-username-link { text-transform: none !important; }                        
  668.  
  669.     /* threads list view table tr td  */                                  /* CHANGED */
  670.     .j-browse-details-tbody tr td { padding: 2px !important; } /* */
  671.  
  672.     /* threads list view left most icon */                                /* NEW */
  673.     .j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !important; }
  674.    
  675.     /* communities list view table tr td */
  676.     .jive-communities-listing table tr td { padding: 5px !important; }
  677.    
  678.     /* thumbnails view width */
  679.     .j-browse-content .j-thumb-view,
  680.     .j-browse-places .j-browse-thumbnails,
  681.     .j-browse-people .j-browse-thumbnails { width: 100% !important; }
  682.    
  683.     /* thumbnail view list item margin */                                          
  684.     .j-browse-content .j-thumb-view > li,
  685.     .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
  686.    
  687.     /* thumbnail view article font size */                                 /* NEW */
  688.     .j-thumb article { font-size: inherit !important; }
  689.    
  690.     /* thunbnail view article header height */                             /* NEW */
  691.     .j-content-thumb header { height: 22px !important; }
  692.  
  693.     /* thumbnail view article header font size */                          /* NEW */
  694.     .j-thumb header h4.shrunk { font-size: 80% !important; }
  695.     .j-browse-content .j-content-thumb header .icon {
  696.         font-size: 16px !important;
  697.         margin: 0px 8px 0px 0px !important;
  698.     }
  699.    
  700.     /* thumbnail view article height */                                    /* NEW */
  701.     .j-browse-content .j-content-thumb article { height: 120px !important; }
  702.    
  703.     /* thumbnail view footer */                                            /* NEW */
  704.     .j-browse-content .j-content-thumb.j-thumb footer {
  705.       padding: 4px 0px 0px !important; }  
  706.  
  707.    
  708.     /* social actions row */
  709.     .apple-social-actions-wrapper { margin-right: 0px !important; }
  710.     .j-thread .j-social-actions { margin-right: 40px !important; }
  711.  
  712.     /* apple header, subheader row ("Find helpful contents..." etc )*/              
  713.     #apple-full-subheader,
  714.     #apple-activity-subheader {
  715.         padding: 0px 40px 15px !important;
  716.         margin-bottom: 15px !important;
  717.     }
  718.     #apple-full-header h2,
  719.     #apple-activity-header h2 { padding: 0px 40px !important; }
  720.  
  721.     /* page header */
  722.     .j-body-place #jive-body > header.j-page-header {
  723.         margin-left: 40px !important;
  724.         margin-right: 40px !important;
  725.         width: auto !important;
  726.     }
  727.    
  728.     /* pagenation */                                                         /* NEW */
  729.     .j-pagination-prevnext > .j-pagination-prev,
  730.     .j-pagination-prevnext > .j-pagination-next { font-size: 0px !important; }  
  731.    
  732.    
  733.     /* browser filter row */
  734.     #j-browse-filters { margin-bottom: 5px !important; }
  735.  
  736.     /* browser controls row */
  737.     .j-type-row { margin-bottom: 0px !important; }
  738.  
  739.     /* browser controls content types (All Contents|User Tips|Discussions) width */
  740.     #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
  741.    
  742.     /* browser controls view toggle (Thumbnails|Details) width */
  743.     #js-browse-controls #j-item-view-toggle {
  744.         width: 10% !important;
  745.         display: table !important;
  746.     }
  747.  
  748.     /* content filter row (All|Open|Answered|Threads) */
  749.     .j-content-filter {
  750.         background: white !important;
  751.         margin-bottom: 10px !important;
  752.     }  
  753.    
  754.     /* container canvas */
  755.     .j-contained {
  756.         margin-left: 40px !important;
  757.         margin-right: 40px !important;
  758.     }
  759.  
  760.     /* more search results available */
  761.     #j-more-search-results-available { padding: 10px !important; }
  762.    
  763.     /* misc */
  764.     .jive-widget { margin-bottom: 10px !important; }
  765.     .j-column { margin-bottom: 10px !important; }
  766.    
  767.     /* ================================================= */
  768.     /* for both medium and large displays */
  769.     @media all and ( min-width: 400px )
  770.     {
  771.         /* display titles */
  772.         thead.j-rc4.u-hide--small.u-hide--tablet{
  773.             display:table-header-group !important;/**/
  774.             /*background-color: yellow !important; /**/
  775.         }
  776.        
  777.     }
  778.  
  779.  
  780.     /* ================================================= */
  781.     /* large display */
  782.     @media all and ( min-width: 1265px )
  783.     {
  784.         /* ------------------
  785.             Treatment for wide window
  786.             Method 1 (minimum optimisation)
  787.    
  788.             Adjust thread list table's shift and margin to maximize its width.
  789.         */                                                                              
  790.         .j-layout-sl.j-browse-content .j-column-wrap-l {
  791.             margin-left: -166px !important; }
  792.         .j-layout-sl.j-browse-content .j-column-l { margin-left: 166px !important; }
  793.         .j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }
  794.     } /* media all and ( min-width: 1265px ) */
  795.  
  796.    
  797.      /* ================================================= */
  798.     @media all and ( max-width: 1265px )
  799.     {
  800.         /* ------------------
  801.             Treatment for narrow window
  802.             Method 2 (more beneficial to narrow window but has disadvantage
  803.             for wide window)
  804.            
  805.             Let thread list table have full width but not exceed 1019px to make
  806.             room for sidebar ui (filters & actions).  If window is wide enough
  807.             (>=1265px), sidebar ui is displayed next to thread list table,          
  808.             otherwise it is displayed below or above it (depending upon its
  809.             document tree order).
  810.            
  811.             * sidebar width (constant)    = 166px
  812.             * thread table max width      = 1019px
  813.             * canvas margin-left          = 40px
  814.             * canvas margin-right         = 40px
  815.             ---------------------------------------
  816.             * total                       = 1265px
  817.         */                                                                              
  818.         .j-layout-sl.j-browse-content .j-column-wrap-l {
  819.             max-width: 1019px !important; }
  820.         .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
  821.         .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }
  822.         .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  823.     }  /* media all and ( max-width: 1265px ) */
  824.  
  825.  
  826.     /* ------------------
  827.         Swap left-right positions of thread list table and sidebar ui
  828.         (filters & actions)
  829.     */                                                                              
  830.     /* let thread list table float left */
  831.     .j-layout-sl.j-browse-content .j-column-wrap-l,
  832.     .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
  833.  
  834.     /* let sidebar ui float right */
  835.     .j-layout-sl.j-browse-content .j-column-s,
  836.     .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
  837.     /* ------------------ */
  838.  
  839.  
  840.     /* ------------------
  841.         leader board
  842.     */
  843.     /* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
  844.    
  845. /*
  846.     .jive-widget-leaderboardwidget {display: none !important; }                    
  847. */
  848.  
  849.     .jive-widget-leaderboardwidget { max-width: 1000px !important; }                        
  850.     .jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar
  851.         { padding-top: 10px !important; }
  852.     .jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li
  853.         { min-height: 0px !important; }
  854.     .jive-widget-leaderboardwidget .top-member-username,
  855.     .jive-widget-leaderboardwidget .top-member-username *
  856.         { font-size: inherit !important; }
  857.     .jive-widget-leaderboardwidget .top-member-username
  858.         { margin-left: 15px !important; }
  859.     .jive-widget-leaderboardwidget .user-level-points {
  860.         font-size: 18px !important;
  861.         margin: 14px 0px !important;
  862.         width: 60px !important;
  863.         height: 30px !important;
  864.         padding: 8px 0px 0px !important;
  865.     }
  866.     .jive-widget-leaderboardwidget .top-member-profile-info { width: 80% !important; }
  867.     .jive-widget-leaderboardwidget .top-member-profile-info > a {
  868.         border-radius: 0% !important;
  869.         width: 60px !important;
  870.         height: 60px !important;
  871.     }
  872.     .jive-widget-leaderboardwidget .top-member-username a.jiveTT-hover-user
  873.         { width: auto !important; }
  874.     .jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
  875.     /* ------------------ */
  876.  
  877.  
  878.     /* article list
  879.         .j-rc5 is used to identify this list
  880.         e.g., https://discussions.apple.com/article/HT1939 */                      
  881.     .j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol {
  882.         margin: 0px 0px 0px 166px !important; }
  883.  
  884.  
  885.     /* --------------------------------------------------------------------------------
  886.         THREAD CONTENT BROWSER
  887.     */
  888.     /* thread header */
  889.     .apple-thread-header {
  890.         width: auto !important;
  891.         margin-bottom: 10px !important;
  892.         margin-left: 40px !important;
  893.     }
  894.  
  895.     /* thread message */                                                   /* NEW */
  896.     .j-thread .jive-content .j-thread-post .jive-rendered-content {
  897.         font-size:   inherit !important;
  898.     }
  899.     /* Used for margins around all replies  
  900.             .j-thread #body-apple .all-replies-container,
  901.    
  902.             Used for margins around tinymce
  903.             .j-thread #body-apple .addReply
  904.    
  905.     */
  906.     .j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
  907.     .j-thread #body-apple #helpful-container,
  908.     .j-thread #body-apple .j-thread-post > header .j-post-author,
  909.     .j-thread #body-apple #j-main #jive-breadcrumb,
  910.      /* Used for margins around all replies */
  911.     .j-thread #body-apple .all-replies-container
  912.     {
  913.         max-width: inherit !important;
  914.         margin: 10px 40px !important;
  915.     }
  916.    
  917.     .j-inresponse-to {
  918.         font-size: inherit !important;
  919.     }
  920.    
  921.     .j-thread .jive-content .j-thread-post > header,
  922.     .j-thread .jive-content .j-thread-post > h3.header {
  923.         margin: 15px 0px 10px 0px !important;
  924.     }
  925.  
  926.     /* Adjust orginal question */
  927.    
  928.     /* Ajust start position of question on left 0.31 03.3
  929.        Let text fill the display box. Use can adjust window width as needed. */
  930.     .j-thread-post section.j-original-message div {
  931.         margin: 0 !important;
  932.         padding: 0 !important;
  933.         max-width: inherit !important;}
  934.    
  935.     /* title of question. 0.31 */
  936.     .j-thread-post section.j-original-message h1 {
  937.         max-width: inherit !important;
  938.         margin: 0px 60px 20px 60px !important;
  939.         /* background-color: turquoise !important; /* */
  940.     }
  941.    
  942.     /* Question text */
  943.     .j-thread-post section.j-original-message .jive-rendered-content {
  944.         max-width: inherit !important;
  945.         margin: 0px 25px !important;
  946.         /* background-color: lightblue !important; /* */
  947.     }
  948.    
  949.     /* original poster profile header */
  950.     .j-thread .jive-content .j-thread-post > header.js-original-header {
  951.         max-width: inherit !important;
  952.         margin: 0px 40px !important;
  953.         padding: 5px !important;
  954.         /* background-color: pink !important; /* */
  955.     }
  956.    
  957.  
  958.     .j-original-message .jive-rendered-content p {
  959.         font-size:   inherit !important;
  960.     }
  961.    
  962.  
  963.     /* Q mark */
  964.     .j-original-message h1 .q-marker {
  965.         left: -60px !important;
  966.         font-size: 32px !important;
  967.     }
  968.    
  969.  
  970.     /* answer rollup */                                                    /* NEW */
  971.     .j-answer-rollup.span-full-width {
  972.         background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
  973.         padding-bottom: 10px !important;
  974.         margin: 20px 0px 0px 0px !important;
  975.         border: 1px solid rgb(45, 184, 71) !important;
  976.     }
  977.     .j-inline-correct-answer {
  978.         padding: 0px !important;
  979.         max-width: inherit !important;
  980.         margin: 0px 10px !important;
  981.     }
  982.     .j-inline-correct-answer section {
  983.         margin: 10px 0px !important;
  984.     }
  985.     /* A mark */
  986.     .j-inline-correct-answer .answer-marker {
  987.         left: 0px !important;
  988.         font-size: 32px !important;
  989.     }
  990.    
  991.  
  992.     /* persistent question shown at top */                                 /* NEW */
  993.     .persist-question.persist { display: none !important; }
  994.  
  995.    
  996.     /* Solved and Helpful marker text */                                   /* NEW */
  997.     .j-thread-post header .j-correct-text,
  998.     .j-thread-post h3.header .j-correct-text,
  999.     .j-thread-post header .j-helpful-text,
  1000.     .j-thread-post h3.header .j-helpful-text {
  1001.         font-size: 22px !important;
  1002.         background: none repeat scroll 0% 0% transparent !important;
  1003.         border-style: none !important;
  1004.         margin: 0px !important;
  1005.         padding: 10px !important;
  1006.     }
  1007.  
  1008.    
  1009.     /* thread content */                                                   /* CHANGED */
  1010.     .j-thread .jive-content { margin: 0px 10px 0px 10px !important; }
  1011.  
  1012.    
  1013.     /* thread replies ul */
  1014.     ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
  1015.    
  1016.     /* thread reply li */
  1017.     .jive-discussion-replies li.reply { margin-top: 15px !important; }
  1018.  
  1019.  
  1020.  
  1021.  
  1022.     /* orgininal poster comment background */                              /* NEW */
  1023.     .original-poster-comment {
  1024.         background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
  1025.         top:    0px !important;
  1026.         right:  0px !important;
  1027.         bottom: 0px !important;
  1028.         left:   0px !important;
  1029.     }
  1030.  
  1031.  
  1032.     /* pagenation */                                                       /* NEW */
  1033.     .j-thread .jive-thread-messages .j-pagination {
  1034.         margin: 30px 0px !important;
  1035.     }
  1036.  
  1037.  
  1038.  
  1039.     .j-inline-promoted-helpful-answer p {
  1040.         margin: 0px !important;
  1041.     }
  1042.     .j-inline-promoted-helpful-answer header .reply-date,
  1043.     .j-inline-promoted-helpful-answer h3.header .reply-date,
  1044.     .j-inline-recommended-answer header .reply-date,
  1045.     .j-inline-recommended-answer h3.header .reply-date {
  1046.         font-size: inherit !important;
  1047.         margin: 10px 0px !important;
  1048.     }
  1049.     .j-inline-promoted-helpful-answer header .j-helpful-text,
  1050.     .j-inline-promoted-helpful-answer h3.header .j-helpful-text,
  1051.     .j-inline-recommended-answer header .j-helpful-text,
  1052.     .j-inline-recommended-answer h3.header .j-helpful-text {
  1053.         font-size: 22px !important;
  1054.         background: none repeat scroll 0% 0% transparent !important;
  1055.         border-style: none !important;
  1056.         margin: 0px !important;
  1057.     }
  1058.     .j-inline-promoted-helpful-answer section .reply-body,
  1059.     .j-inline-recommended-answer section .reply-body {
  1060.         font-size: inherit !important;
  1061.         margin-bottom: 20px !important;
  1062.     }
  1063.     .j-inline-promoted-helpful-answer section,
  1064.     .j-inline-recommended-answer section {
  1065.         padding: 0px 20px !important;
  1066.     }
  1067.     #helpful-container { padding-top: 0px !important; }
  1068.     #helpful-container hr { margin: 10px !important; }
  1069.     #helpful-container .more-answers { margin: 0px !important; }
  1070.     #helpful-container .more-answers * { font-size: 24px !important; }
  1071.  
  1072.  
  1073.     /* inline correct answer, helpful answer background */                 /* NEW */
  1074.     div[itemprop="acceptedAnswer"] {
  1075.         background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
  1076.     }
  1077.     .j-thread .jive-content.j-helpful,
  1078.     .j-thread .jive-content.j-helpful.j-op {
  1079.         background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
  1080.     }
  1081.  
  1082.  
  1083.     /* switch between 'hellpful replies only' and 'all replies' */         /* NEW */
  1084.     .jive-thread-messages .helpful-all-switch * {  
  1085.         font-size: 24px !important;
  1086.     }
  1087.     .jive-thread-messages .helpful-all-switch li.inactive {
  1088.         padding: 0px !important;
  1089.         top: 32px !important;
  1090.     }
  1091.     .jive-thread-messages .helpful-all-switch li.inactive span.menu {
  1092.         width: auto  !important;
  1093.         min-width: 160px !important;
  1094.         padding: 5px  !important;
  1095.         text-align: center !important;
  1096.     }
  1097.    
  1098.  
  1099.     /* thread content footer profile */                                    /* NEW */
  1100.     .j-thread-post section.j-original-message footer .footer-profile {
  1101.         margin-right: 10px !important;
  1102.     }
  1103.     .j-thread-post footer .footer-profile {
  1104.         margin-right: -10px !important;
  1105.     }
  1106.     .j-thread-post footer .footer-profile .j-status-level {
  1107.         padding: 0px 10px 0px 0px !important;
  1108.     }
  1109.     .j-thread-post footer .footer-profile .username,
  1110.     .j-thread-post footer .footer-profile .jive-username-link {
  1111.        /* padding: 0px 10px 0px 10px !important; 0.2 */
  1112.         max-width: 250px !important;
  1113.     }
  1114.     .j-inline-correct-answer footer .footer-profile .j-status-levels,
  1115.     .j-inline-promoted-helpful-answer footer .footer-profile .j-status-levels,
  1116.     .j-inline-recommended-answer footer .footer-profile .j-status-levels {
  1117.         padding: 0px 10px 0px 0px !important;
  1118.     }
  1119.     .j-inline-correct-answer footer .footer-profile .username,
  1120.     .j-inline-promoted-helpful-answer footer .footer-profile .username,
  1121.     .j-inline-recommended-answer footer .footer-profile .username {
  1122.         padding: 0px 10px 0px 10px !important;
  1123.         max-width: 250px !important;
  1124.     }
  1125.  
  1126.  
  1127.     /* text wrap in header */
  1128.     .j-thread-post > header .j-post-author { white-space: normal !important; }      
  1129.    
  1130.     /* thread post section (message body) */
  1131.     .j-thread-post section {
  1132.         padding: 0px 20px !important;
  1133.         margin-bottom: 15px !important;                                   /* CHANGED */
  1134.     }
  1135.    
  1136.  
  1137.     /* thread rendered content */
  1138.     .jive-rendered-content { padding-bottom: 4px !important; }
  1139.    
  1140.     /* thread rendered content quote & pre */
  1141.     .jive-rendered-content .jive-quote,
  1142.     .jive-rendered-content .jive-pre {
  1143.         margin: 5px 15px !important;
  1144.     }
  1145.  
  1146.     /* thread reply footer (Return to Community | Go to original post) */
  1147.     #jive-thread-reply-footer { margin-top: 10px !important; }
  1148.    
  1149.     /* more like this links, incomming links */
  1150.     #apple-related-threads { margin: 0px 40px !important; }
  1151.     #apple-related-threads .j-box { margin-bottom: 0px !important; }
  1152.     .j-icon-list li { padding: 3px 0px 3px 22px !important; }
  1153.  
  1154.     /* related articles */                                                          
  1155.     .apple-sidebar-property {
  1156.         width: auto !important;
  1157.         padding-left: 0px !important;
  1158.     }
  1159.     .jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles
  1160.         { padding: 15px 0px !important; }
  1161.    
  1162.  
  1163.     /* ------------------
  1164.         staus level, expertise, level points
  1165.     */
  1166.     /* status level expertise tile */
  1167.     .j-status-level.expertise-tile,
  1168.     .status-tile.expertise-tile { display: none !important; }                  
  1169.    
  1170.     /* status level level points */
  1171.     .j-status-level .level-points span { display: inherit !important; }            
  1172.     .j-status-level .level-points { white-space: inherit !important; }              
  1173.     /* ------------------ */
  1174.  
  1175.  
  1176.     /* --------------------------------------------------------------------------------
  1177.         INLINE EDITOR
  1178.     */
  1179.     /* editor */
  1180.     .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
  1181.  
  1182.  
  1183.     /* --------------------------------------------------------------------------------
  1184.         ADVANCED EDITOR
  1185.     */
  1186.  
  1187.     /* content area */
  1188.     .j-thread.jive-body-formpage #body-apple .j-form {
  1189.         max-width: inherit !important;
  1190.         margin: 0px auto 20px !important;
  1191.         width: inherit !important;
  1192.     }
  1193.     .j-thread .jive-content.jive-create-thread,
  1194.     .jive-body-formpage-document .jive-content.doc-page {
  1195.         margin: 0px 40px !important;
  1196.         padding: 0px !important;
  1197.     }
  1198.  
  1199.     /* editor panel */
  1200.     .j-thread .jive-content.jive-create-thread #jive-compose-title,
  1201.     .j-thread .jive-content.jive-create-thread
  1202.       .jive-editor-panel.jive-large-editor-panel,
  1203.     .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
  1204.     .jive-body-formpage-document .jive-content.doc-page
  1205.       .jive-editor-panel.jive-large-editor-panel {
  1206.         margin: 0px !important; }
  1207.  
  1208.     /* line height in editor
  1209.    
  1210.        I've tracked down a copy/paste error that happens in the editor if you decide
  1211.        to rearrange things.  Typically the cut and pasted text inherits an unwanted
  1212.        fixed size which isn't displayed in the editor and can be missed after
  1213.        submission. This issue can be suppressed by not explicitly setting the font
  1214.        size of the editor area.   turingtest2
  1215.          https://discussions.apple.com/docs/DOC-10241
  1216.     tt2's July 30th version
  1217.     .tiny_mce_content {font-size: inherit !important}  
  1218.     What I have
  1219.     body.tiny_mce_content { line-height: inherit !important; } */
  1220.    
  1221.     /* tinymce input area.  Stamp out all white
  1222.        area around top and bottom of editor */
  1223.     /* Subject input area for new post */
  1224.     div#jive-compose-title input#subject,
  1225.     .addReply .jive-thread-reply-inline,
  1226.     /* input field
  1227.        Should the page be refreshed. >> > syntax highlighting becomes
  1228.        invisible :-( BUG */
  1229.     /* antiquewhite azure lightskyblue lightsteelblue snow wheat whitesmoke */
  1230.     div.rte_wrap.tiny_mce_content  {
  1231.         background-color: oldlace !important;
  1232.     }/**/
  1233.  
  1234.  
  1235.     /* replying to */
  1236.     p.jive-replying-to { padding: 20px 0px !important; }
  1237.     .jive-body-formpage-comment .jive-thread-message
  1238.         { margin: 0px 40px 0px 80px !important; }
  1239.  
  1240.     /* reply to avatar */
  1241.     .j-thread-post header .j-post-avatar {
  1242.         position: absolute !important;
  1243.         top: 0px !important;
  1244.         left: -50px !important;
  1245.         width: auto !important;
  1246.     }
  1247.    
  1248.     /* buttons (Reply|Cancel) 0,2
  1249.     .j-publishbar,
  1250.     .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; } */
  1251.  
  1252.  
  1253.     /* --------------------------------------------------------------------------------
  1254.         ACTIVITY STREAM
  1255.     */
  1256.     /* activity entry */
  1257.     .j-act-entry { padding: 5px 0px 10px 100px !important; }
  1258.  
  1259.     /* activity title */
  1260.     .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
  1261.  
  1262.     /* activity body & comment */                                                  
  1263.     .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
  1264.     .apple-activity-comments-wrapper { margin-left: 0px !important; }
  1265.  
  1266.     /* Like list */
  1267.     .j-act-grouped .j-act-g-item { padding: 3px !important; }
  1268.    
  1269.    
  1270.     /* --------------------------------------------------------------------------------
  1271.         SEARCH RESULTS
  1272.     */
  1273.     /* search result entry */
  1274.     .j-search-results-main-container .j-search-result { padding: 10px !important; }
  1275.  
  1276.  
  1277.     /* --------------------------------------------------------------------------------
  1278.         DOC (USER TIP)
  1279.     */                                                                              
  1280.     /* user tip canvas */
  1281.     .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
  1282.  
  1283.     /* user tip border etc */                                            /* NEW */
  1284.     .j-doc .jive-content {
  1285.         margin: 0px !important;
  1286.      /*   margin-left: 150px !important; */
  1287.         padding: 10px !important;
  1288.         border: thin dotted !important;
  1289.     }
  1290.  
  1291.  
  1292.     /* ---------------------------------------------------------------------------------
  1293.         BLOG (MODERATOR TIP)  NEW */
  1294.    
  1295.     /* blog canvas */
  1296.     .jive-body-content.j-blog .j-column-wrap-l { margin: 0px 40px !important; }
  1297.    
  1298.     /* blog border etc */
  1299.     .jive-content-blog {
  1300.         margin: 0px !important;
  1301.         padding: 10px !important;
  1302.         border: thin dotted !important;
  1303.         border-radius: 0px !important;
  1304.     }
  1305.  
  1306.  
  1307.     /* ---------------------------------------------------------------------------------
  1308.         UNAUTHORIZED (WARNING)
  1309.     NEW */
  1310.                                                                                        
  1311.     /* unauthorized error message */
  1312.     .jive-body-warn.jive-body-unathorized #j-main { margin: 0px 40px !important; }
  1313.  
  1314.    
  1315.     /* --------------------------------------------------------------------------------
  1316.         PROFILE
  1317.     */                                                                              
  1318.     /* header & navigation bar (Bio|Activity|People|Content|Communities|Bookmarks) */
  1319.     .j-view-profile .j-page-header { padding: 10px 40px !important; }
  1320.     .j-bigtab-nav { margin: 10px 40px !important; }
  1321.    
  1322.     /* filter ui current selection blue marker */                         /* NEW */
  1323.     .j-view-profile .j-second-nav ul > li.active {
  1324.         display: none !important;
  1325.     }
  1326.  
  1327.     /* ------------------
  1328.         Bio
  1329.     */
  1330.     .j-layout-l .j-column-wrap-l { width: 100% !important; }
  1331.    
  1332.     /* ------------------
  1333.         profile specialties and awards
  1334.     */
  1335.     /* profile status container for specialties and awards */       /* REFINED (rule) */
  1336.     .jive-view-profile .profile-status-container { display: none !important; }
  1337.  
  1338.     /* profile modal note status row for specialties and awards */
  1339.     .status-row { display: none !important; }                                      
  1340.     /* ------------------ */
  1341.  
  1342.  
  1343.     /* ------------------
  1344.         Content
  1345.     */                                                                      /* NEW */
  1346.     /* browser control ui */
  1347.     .j-view-profile .j-layout-sl.j-browse-content .j-column-s #js-browse-controls {
  1348.         margin: 25px 0px 0px -166px !important;
  1349.     }
  1350. } /* end */
  1351.  
  1352. /* ==================================================================================
  1353.  
  1354.                                  P o s t s
  1355.  
  1356.    Revise the display of posts in a Thread.      0.2 0.33
  1357.    Each of these cases may have one or more post after:
  1358.      -- Question only
  1359.      -- Question with answer
  1360.      -- Question with helpful
  1361.      -- Question with answer and helpful
  1362.    examples:
  1363.    https://discussions.apple.com/thread/7583029
  1364.    https://communities.apple.com/pt/thread/4531
  1365.    https://communities.apple.com/pt/thread/4705
  1366.  
  1367.    German
  1368.    https://communities.apple.com/de/thread/1204
  1369.  
  1370.   */
  1371. @-moz-document
  1372.    regexp("https://discussions.apple.com/(message|thread)/.*"),
  1373.    url-prefix(https://discussions.apple.com/update-advanced-comment.jspa),
  1374.    
  1375.    regexp("https://communities.apple.com/(de|es|fr|pt)/(message|thread)/.*"),
  1376.    regexp("https://communities.apple.com/(de|es|fr|pt)/update-advanced-comment.jspa.*"),
  1377.    
  1378.    url-prefix(https://discussionsjapan.apple.com/thread),
  1379.    url-prefix(https://discussionsjapan.apple.com/message),
  1380.    url-prefix(https://discussionsjapan.apple.com/update-advanced-comment.jspa),
  1381.    
  1382.    url-prefix(https://discussionskorea.apple.com/thread),
  1383.    url-prefix(https://discussionskorea.apple.com/message),
  1384.    url-prefix(https://discussionskorea.apple.com/update-advanced-comment.jspa)
  1385.    {
  1386.        
  1387.         /* Debug to identify which page we found.  Place our ukiyo-e. */      
  1388.  /*   h1, h2, h3 {    
  1389.           background-color: aqua !important;      
  1390.           border: 2px dashed black !important;    
  1391.          }
  1392.    */
  1393.       /* significant classes and selecters  0.21
  1394.          To select in Question and posible answer and helpful
  1395.          Starts with times stamp.  Example "Jul 5, 2016 11:44 PM in response to Ferd II"
  1396.          Doesn't include original poster info.
  1397.            section.j-original-message
  1398.        
  1399.          to select all replies
  1400.            div.all-replies-container
  1401.            ul-jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0
  1402.       */
  1403.       /* Place the poster info to the left of the post for medium and large windows.
  1404.          Let poster info above the the post for a small window such as found on a smart
  1405.          phone. 0.30 */
  1406.  
  1407.  
  1408.  
  1409. /* ================================================= */      
  1410. /* For medium and large size windows... */
  1411. @media all and (min-width: 500px) {
  1412.    
  1413.    
  1414.                
  1415.     /* Indent reply so that it stands out.
  1416.        Used for margins around tinymce's playground */
  1417.     .j-thread #body-apple .addReply
  1418.     {
  1419.         max-width: inherit !important;
  1420.         margin: 10px 40px !important;
  1421.     }
  1422.    
  1423.      /* thread message border.  All message except question it seems.   0.30 */
  1424.      .jive-discussion-replies li.reply .jive-thread-message {
  1425.          margin-left: 80px  !important;      
  1426.       }
  1427.      
  1428.      /* thread original messeage (question) */                                          /* 0.30 */
  1429.      .j-thread-post section.j-original-message {
  1430.        margin: 0px 30px 0px 110px  !important;
  1431.        }
  1432.      
  1433.     /* Move who wrote the question back to where it was before!
  1434.          Will appear to the left of the question text box. */
  1435.  
  1436.       /* Avatar #1 of Original Poster 0.31 */
  1437.       header.js-original-header  img.jive-avatar {
  1438.            position: absolute !important;
  1439.            top: -20px !important;
  1440.            left: 15px !important;
  1441.            width: 75px !important;
  1442.            height: 75px !important;  
  1443.            /*background-color: yellow !important; /**/  
  1444.          }
  1445.  
  1446.       /* Let questioner's info escape the box  */
  1447.       div.j-thread-post.j-rc4 header.js-original-header.apple-overflow-hidden
  1448.         { overflow: visible !important; }
  1449.      
  1450.        /* html for user's name
  1451.          <strong itemprop="author"
  1452.               itemscope=""
  1453.               itemtype="http://schema.org/Person">
  1454.            <a rel="nofollow"
  1455.               href="/people/rccharles"
  1456.               data-externalid=""
  1457.               data-username="rccharles"
  1458.               data-avatarid="1095"
  1459.               id="jive-99999999999999999999999"
  1460.               data-userid="999999"
  1461.               data-presence="null"
  1462.               class="jiveTT-hover-user jive-username-link">rccharles</a>
  1463.           </strong>
  1464.        */
  1465.       /* move questioner to left of post 0.21 0.31 */
  1466.       header.js-original-header.apple-overflow-hidden  div.j-post-author a  {
  1467.           position: absolute !important;
  1468.           top: -40px !important;
  1469.           left: 10px !important;
  1470.           text-align: center !important;
  1471.           width: 120px !important;  
  1472.           font-weight: 400 !important;  /* don't bold */  
  1473.           /*background-color: greenyellow !important; /**/
  1474.          }        
  1475.  
  1476.      /* questioner's points icon. fyi: position: absolute didn't work here.   === 0.22 *0.31 0.32 */
  1477.      div.j-thread-post.j-rc4 header.js-original-header.apple-overflow-hidden
  1478.        span.status-image img.svg {
  1479.          margin-top: 40px !important;
  1480.          margin-left: -40px !important;
  1481.          max-width:30px;
  1482.          max-height:30px;
  1483.          width: auto;
  1484.          height: auto;
  1485.          }  
  1486.  
  1487.       /* questioner's points whole area.  Actual coding:
  1488.          <span class="level-points">Level 6
  1489.              <span>(8,266 points)</span>
  1490.          </span>
  1491.          0.22
  1492.       */
  1493.       div.status-container span.j-status-level:not(.community-manager) span.level-points
  1494.         {
  1495.           position: absolute !important;
  1496.           top: 70px !important;
  1497.           left: -94px !important;    /* shove level # off the left of window.  
  1498.                                         Need to save space. */        
  1499.           width: 150px !important;
  1500.           text-align: center !important;
  1501.           text-indent: -114px !important;
  1502.           font-size: 12px !important;
  1503.           line-height: 12px !important;
  1504.           /*background-color: turquoise !important; /* */
  1505.          }  
  1506.       /* actual number of points 0.22 */
  1507.       div.status-container span.j-status-level:not(.community-manager) span.level-points span {
  1508.           margin-left: 40px !important;
  1509.           display: inline !important;                    
  1510.           /*background-color: yellow !important; /* */
  1511.          }  
  1512.        
  1513.       /* Community host.  css is a little different
  1514.            <span class="j-status-level community-manager">
  1515.                <span class="status-image">
  1516.                     <img
  1517.                         class="svg"              
  1518.                         src="/6.0.3.0d25e296/resources/images/status/ph-usermoderator.png?vid=20160707"                                
  1519.                         alt="">
  1520.                </span>
  1521.                <span class="level-points"> Community Hosts
  1522.                </span>
  1523.            </span>
  1524.        
  1525.            0.22 */
  1526.       header.js-original-header.apple-overflow-hidden span.j-status-level.community-manager
  1527.         span.level-points {
  1528.           position: absolute !important;
  1529.           top: 144px !important;
  1530.           left: -95px !important;    
  1531.           font-size: 12px !important;
  1532.           line-height: 12px !important;
  1533.           text-align: center !important;
  1534.           width: 120px !important;
  1535.          }  
  1536.      
  1537.       /* Time of question.  Where to place after moving info to the side.  0.22 */
  1538.       /* move time questioner made question  to after questioner name */
  1539.       /*  div#body-apple section.j-original-message p.meta-posted  {
  1540.            position: absolute !important;
  1541.            top: -12px !important;
  1542.            left: 280px !important;          
  1543.          } */
  1544.    
  1545.       /* Leave some space above the bottons and below the text. */
  1546.       /* div#body-apple section.j-original-message  div.thread-actions
  1547.         { margin-top: 20px !important;} */
  1548.      
  1549.      /* For some reason, maybe overflow: visible, wrecks some tags positioning, fix up. */
  1550.      /* Move folling and tool icon back to where they were */
  1551.      ul.apple-social-actions-toolbar  { margin-top: -45px !important; }
  1552.  
  1553.        
  1554.       /* Move who wrote a post ( just relpies ) back to where it was before!
  1555.          ------------------------------------------------------------------
  1556.          some tags do not move in question in answer or helpful in answer.
  1557.          Avatar 0.21 0.31*/
  1558.          div.all-replies-container ul.jive-discussion-replies a img.jive-avatar
  1559.          {
  1560.            position: absolute !important;
  1561.            top: -0px !important;
  1562.            left: -98px !important;
  1563.            width: 55px !important;
  1564.            height: 55px !important;
  1565.            /*background-color: turquoise !important; /**/
  1566.          }
  1567.        /* username 0.21 0.33*/  
  1568.        div.message-profile span.username {
  1569.            position: absolute !important;
  1570.            top: 59px !important;
  1571.            left: -130px !important;    /* The amount of space taken depends on magnification level. Ok, 100%  0.33 */
  1572.            font-size: 13px !important;
  1573.            line-height: 13px !important;
  1574.            text-align: center !important;
  1575.            width: 120px !important;   /* The amount of space taken depends on magnification level 0.33 */
  1576.            padding: 0px !important;
  1577.            /*background-color: turquoise !important;/**/
  1578.          }
  1579.        
  1580.        /* Points icon on the Reply post 0.21 0.32*/
  1581.        div.message-profile span.status-image {
  1582.            position: absolute !important;
  1583.            top: 76px !important;
  1584.            left: -74px !important;
  1585.            /*background-color: turquoise !important;/**/
  1586.          }
  1587.      
  1588.      div.message-profile span.status-image img[alt="Community Manager"],
  1589.      div.message-profile span.status-image img[alt="Level 9"],
  1590.      div.message-profile span.status-image img[alt="Level 10"]{
  1591.            position: absolute !important;
  1592.            top: 0px !important;
  1593.            left: -4px !important;
  1594.            max-width:34px;
  1595.            max-height:34px;
  1596.            width: auto;
  1597.            height: auto;
  1598.          /*background-color: pink !important;/**/
  1599.          }/**/
  1600.        
  1601.        /* time of posting.
  1602.           example: Jun 13, 2016 10:48 AM in response to Eric Root  0.21
  1603.        */
  1604.        div.j-thread-post.j-rc4 > h3 + div.message-profile + span.j-inresponse-to
  1605.            {margin-top: -12px !important;} /* eyeball to be the same as botton spacing */
  1606.        
  1607.        /*
  1608.        <div class="profile-status-container">
  1609.            <span class="j-status-level ">
  1610.                 <span class="status-image">
  1611.                     <img class="svg"
  1612.                          src="/6.0.3.0023f1fc20161101/themes/apple_0.7.0/img/status/level5.svg"
  1613.                          alt="Level 5" title="Level 5">
  1614.                 </span>
  1615.                <span class="level-points">Level 5
  1616.                    <span>(4,154 points)</span>
  1617.                </span>
  1618.            </span>
  1619.    
  1620.            level number hid by slidding of window    0.21 0.32 0.33*/
  1621.      
  1622.       div.message-profile span.j-status-level:not(.community-manager) span.level-points
  1623.         {
  1624.           position: absolute !important;
  1625.           top: 101px !important;
  1626.           left: -230px !important; /* shove level # off the left of window.  
  1627.                                       Need to save space.*/        
  1628.           width: 230px !important; /* Causes overlap when aligned with a button like reply 12-25-2016
  1629.                                        https://discussions.apple.com/thread/7816096
  1630.                                        see Courcoul post. */
  1631.           text-align: center !important;
  1632.           /*text-indent: -465px !important;*/
  1633.           font-size: 12px !important;
  1634.           line-height: 12px !important;
  1635.           /*background-color: pink !important;/**/
  1636.          }
  1637.    
  1638.       /* points.  move to a visible spot 0.21 0.32 */
  1639.    
  1640.       div#jive-body div.message-profile span.j-status-level:not(.community-manager) span.level-points span {
  1641.           margin-left: 40px !important;
  1642.           display: inline !important;                  
  1643.           /*background-color: yellow !important; /* */
  1644.          }  
  1645.        
  1646.        /* span::before{ content: "           . ";}   */
  1647.  
  1648.        
  1649.         /* Community host.  css is a little different
  1650.            <span class="j-status-level community-manager">
  1651.                <span class="status-image">
  1652.                     <img
  1653.                         class="svg"              
  1654.                         src="/6.0.3.0d25e296/resources/images/status
  1655.                              /ph-usermoderator.png?vid=20160707"                                
  1656.                         alt="">
  1657.                </span>
  1658.                <span class="level-points"> Community Hosts
  1659.                </span>
  1660.            </span>
  1661.        
  1662.            0.21 */
  1663.         div.message-profile span.j-status-level.community-manager span.level-points {
  1664.           position: absolute !important;
  1665.           top: 114px !important;
  1666.           left: -130px !important;    
  1667.           font-size: 12px !important;
  1668.           line-height: 12px !important;
  1669.           text-align: center !important;
  1670.           width: 120px !important;
  1671.          }      
  1672.        
  1673.    
  1674.        
  1675.      /* Mess with answer in question who made post information */
  1676.        
  1677.      /* Seemed the "Posted on ..." in the Answer inside the question is in the answer box
  1678.         when it should be in the footer section :-(.   Do a force adjust. Bug fix. */
  1679.      div.j-inline-correct-answer section p.meta-posted {margin-left: -20px  !important;}
  1680.    
  1681.      
  1682.      /* Move avatar and username.  */  
  1683.      /* answer inside question. Here is the html we have to work with :-(  
  1684.        <a class="username jiveTT-hover-user"
  1685.           rel="nofollow"
  1686.           href="/people/Hiroto"
  1687.           data-userid="999999"
  1688.           data-externalid=""
  1689.           data-avatarid="999999"
  1690.           data-username="Hiroto">
  1691.           <img class="jive-avatar" src="/people/Hiroto/avatar/40.png" data-height="40"
  1692.               alt="Hiroto" title="Hiroto" style="outline: none;" height="40" width="40">Hiroto
  1693.        </a>
  1694.      */
  1695.     /* avatar #2 adjust avatar after move of the a tag. */
  1696.     div.j-inline-correct-answer  img.jive-avatar {
  1697.            width: 66px !important;
  1698.            height: 66px !important;
  1699.            margin-top: -120px !important;
  1700.            margin-left: -70px !important;
  1701.            /*background-color: turquoise !important; /**/
  1702.          }
  1703.        
  1704.      /* Username
  1705.             overflow: hidden !important;
  1706.             text-overflow: ellipsis !important;
  1707.      */  
  1708.      div.j-inline-correct-answer div.footer-profile a.username.jiveTT-hover-user {
  1709.            position: absolute !important;
  1710.            top: 70px !important;
  1711.            left: -142px !important;
  1712.            font-size: 13px !important;
  1713.            line-height: 13px !important;
  1714.            text-align: center !important;
  1715.            width: 120px !important;
  1716.            padding: 0px !important;
  1717.            display:block !important;
  1718.            overflow: visible !important;
  1719.          }
  1720.          
  1721.      /* points icon within answer inside question */
  1722.      section.j-original-message div.j-inline-correct-answer div.footer-profile span.status-image img.svg {
  1723.            position: absolute !important;
  1724.            top:  0px !important;
  1725.            left: -15px !important;
  1726.          }  
  1727.        
  1728.      /* points */  
  1729.      div.j-inline-correct-answer div.footer-profile span.level-points > span {
  1730.            position: absolute !important;
  1731.            top: 114px !important;
  1732.            left: -148px !important;
  1733.            font-size: 12px !important;
  1734.            line-height: 12px !important;
  1735.            text-align: center !important;
  1736.            width: 120px !important;
  1737.          }  
  1738.        
  1739.      /* answer points icon in regular reply area */
  1740.      div.all-replies-container div.j-inline-correct-answer div.footer-profile span.status-image img.svg {
  1741.            position: absolute !important;
  1742.            top:  16px !important;
  1743.            left: -10px !important;
  1744.          }  
  1745.    
  1746.        
  1747.      /* Avatar # 3 Move avatar */
  1748.      /* helpful inside question */
  1749.      div.j-inline-promoted-helpful-answer  img.jive-avatar{
  1750.            position: absolute !important;
  1751.            top: 5px !important;
  1752.            left: -96px !important;
  1753.            width: 66px !important;
  1754.            height: 66px !important;
  1755.            /*background-color: pink !important; /**/
  1756.          }
  1757.            
  1758.        
  1759.       /* points icon */
  1760.       div.j-inline-promoted-helpful-answer div.footer-profile span.j-status-levels img {
  1761.            position: absolute !important;
  1762.            top:  76px !important;
  1763.            left: -74px !important;
  1764.          }
  1765.        
  1766.       /* points */
  1767.       div.j-inline-promoted-helpful-answer div.footer-profile span.level-points > span {
  1768.            position: absolute !important;
  1769.            top: 108px !important;
  1770.            left: -100px !important;
  1771.            font-size: 12px !important;
  1772.            line-height: 12px !important;
  1773.          }  
  1774.  
  1775. } /* end of moving posters to the left of the message <------------- */
  1776.        
  1777.        
  1778.      /* Common for all window sizes in disaplay of posts. */
  1779.        
  1780.      /* thread original messeage (question) */                                          /* 0.30 NEW */
  1781.      /* #FFFFCC  parchment #EDF7E8 light green answered  */
  1782.      .j-thread-post section.j-original-message {
  1783.            /* margin: 0px 30px 0px 110px  !important; */      
  1784.          padding: 15px 10px !important;
  1785.          border-style: dotted !important;
  1786.          border-width: thin !important; /* thin */
  1787.          background: none repeat scroll 0% 0% #FFFFCC !important;  /* parchment */
  1788.        }
  1789.      
  1790.      /* Reply button  */
  1791.      .j-thread-post section .thread-actions {
  1792.          max-width: inherit !important;
  1793.          margin: 0px 25px 0px 0px !important;
  1794.        }
  1795.    
  1796.      /* lower metadata "Posted on ..."  */
  1797.      .meta-posted {
  1798.          max-width: inherit !important;
  1799.          margin: 10px 25px 20px 0px !important;  /* margin-left: 0px   */
  1800.          font-size: 16px !important;    
  1801.        }
  1802.        
  1803.      /* thread message border.  All message except question it seems.   0.30 NEW */
  1804.      .jive-discussion-replies li.reply .jive-thread-message {
  1805.          border-style: dotted !important;
  1806.          border-width: thin !important;
  1807.          /* margin-left: 80px  !important;  */    
  1808.        }    
  1809.        
  1810.      /* promoted helpful answer and prompted recommended answer */                      /* 0.3 NEW */
  1811.      /* Doesn't seem to have any effect :-( */
  1812.      .j-inline-promoted-helpful-answer,
  1813.      .j-inline-recommended-answer {
  1814.          background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
  1815.          padding: 15px 10px 5px 10px !important;
  1816.          margin: 0px 10px 15px 80px !important;
  1817.          /* background-color: turquoise !important; */
  1818.          border-style: dotted !important;
  1819.          border-width: thin !important;
  1820.        }
  1821.    
  1822.      /* ditch line between original post and first reply post
  1823.         No need since setting background-color in orginal post 8-5-2016 */
  1824.      div ul.jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0 {
  1825.          border-top: 0px !important; }
  1826.      
  1827.      /* Tighten up double paragraphs spacing.  I put in a blank paragraph to
  1828.         separate "real" paragraphs  
  1829.           https://discussions.apple.com/message/30333231#30333231 */
  1830.      .j-thread .jive-content .j-thread-post section p,
  1831.      .j-thread .jive-content .j-thread-post section .jive-rendered-content p,
  1832.      .j-thread .jive-content .j-thread-post section.j-original-message .jive-rendered-content p {
  1833.          min-height: 0px !important;
  1834.      }
  1835.  
  1836.      /* Let's make the paragraph text a little more compact. */
  1837.      p[style="min-height: 8pt; height: 8pt; padding: 0px;"] { height: 0.6em !important; }
  1838.        
  1839.      /* the control that shows all replies, and forces the display of all replies
  1840.         when they might otherwise be hidden. Thanks turingtest2, London, UK  */
  1841.      .helpful-allreply {display: none !important;}                  /* Hide helpful/all reply switch */
  1842.      #helpful-container {display: none !important;}                 /* Hide helpful block */
  1843.      .all-replies-container {display: inherit !important;}          /* Display all replies block */
  1844.  
  1845.      /*You can hide the copies of any solved/recommended answers that appear immediately
  1846.        below the question with:   turingtest2 */
  1847.      .j-answer-rollup {display: none !important;}                         /* Hide solved/recommended block */
  1848.  
  1849.      /* No more link popup on simple edit.  turingtest2  
  1850.        .-.-.-.-.-.-.-.- */
  1851.      /*  .popOverContent {display: none !important;}          /* Suppress pop-up link editor */  
  1852.        
  1853.      /* For buttons without the black background like cancel
  1854.         Color picker
  1855.         http://www.w3schools.com/colors/colors_picker.asp */
  1856.          /* "I have this question too" on question */
  1857.      /*   div.thread-actions span span span.j-social-action,*/
  1858.      span.j-social-action.black-button.j-disabled,      
  1859.      div#body-apple div.jive-composebuttons button.j-btn-global, /* for some reason, this adjustment does find html.
  1860.                                                      It does work when put in a separate file. 0.33 */
  1861.      span a.black-button.jive-acclaim-likelink,  /* question button */
  1862.      div.j-inline-correct-answer footer a.action-button,  /* answer button */
  1863.      span.js-acclaim-container.acclaim-container a /* response button */
  1864.        {
  1865.          padding: 7px 7px !important;
  1866.          color:  #0288CC !important;  /* light blue, was rgb(150,150,150) grey */
  1867.          font-size: 14px !important;
  1868.          line-height: 14px !important;
  1869.          background-color: #f2f2f2 !important;
  1870.        }
  1871.        
  1872.      /* there are two different "I have this question too" on question.
  1873.         Why was opacity 0.5 on these two buttons but not others? */
  1874.      div.thread-actions span span span.j-social-action,
  1875.      span.j-social-action.black-button.j-disabled {opacity: 1 !important;}
  1876.        
  1877.      /* button in reponse */
  1878.      div.all-replies-container .jive-thread-helpful-btn {
  1879.          color: #0288CC !important;  /* light blue */
  1880.          background-color: #f2f2f2 !important;    
  1881.        }
  1882.  
  1883.      /* Upper tool icon pulldwon */
  1884.      ul#jive-action-sidebar-tab-list_thread-actions-tab *,
  1885.           /* Lower tool icon pulldwon */
  1886.      ul.apple-thread-options.js-toggle-thread-actions li *,
  1887.           /* change lower button text from grey to light blue. */
  1888.      a.discussionPermaLink
  1889.      /* span.jive-icon-sml.jive-icon-warn */{  color: #0288CC !important;  /* light blue */}
  1890.        
  1891.      /* Make all lower buttons the same. Who ever heard of different size buttons? */  
  1892.        
  1893.      /* "I have this question too" */  
  1894.      div.thread-actions span span span.j-social-action,
  1895.          /* save reply, button you get to save an edit of a post */
  1896.      div#body-apple div.jive-composebuttons button#submitButton.j-btn-callout,  /* post button on create new thread or
  1897.                                                                     edit of orginal post
  1898.                                                                     for some reason, this adjustment does find html.
  1899.                                                                     It does work when put in a separate file. 0.33 */
  1900.          /* Correct answer.  Isn't as bad as the reply button, but might as well use the
  1901.             same set of rule, even if we do not need all. may not be correct button :-( */
  1902.      div.jive-thread-reply-btn-correct a,
  1903.          /* Following; upper right 0.31 */
  1904.      a#jive-link-thread-following.following-button,  /* no box */
  1905.          /* alternative state of following button, follow */
  1906.      a#jive-link-thread-startFollowing.button.follow-button,
  1907.          /* action button with the V */
  1908.      a.apple-actions-link,  /* not working */
  1909.          /* Tone down Reply Button */
  1910.          /* footer div.footer-toplevel-actions a .discussionAdd, */
  1911.      .discussionAdd,
  1912.          /* clicking on Reply to get the inputput, this is the save */
  1913.      div input.jive-form-button-save.j-btn-callout,
  1914.           /* clicking on Reply to get the inputput, this is the cancel */
  1915.      div input.jive-form-button-cancel{
  1916.          background-image: none !important; ;   /* bye, bye gradiant */
  1917.          background-color: #f2f2f2 !important;
  1918.          color: #0288CC !important;  /* light blue, was rgb(150,150,150) grey */
  1919.          padding: 7px !important;
  1920.          font-size: 14px !important;
  1921.          line-height: 14px !important;
  1922.          margin-bottom: 8px !important;
  1923.        }
  1924.      
  1925.        
  1926.      /* a different "I have this question too"
  1927.         goes with Original poster post
  1928.         not sure why the above adjustments where not enough.
  1929.         not sure why we needed different padding. */
  1930.      div.thread-actions span span span.j-social-action {
  1931.          padding: 5.5px 7px !important;
  1932.          /*background-color: yellow!important;/**/}
  1933.        
  1934.      /*  save reply, button you get to save an edit of a post. touch up
  1935.        https://discussions.apple.com/update-advanced-comment.jspa?id=30347987 */
  1936.   /*   div#body-apple button#submitButton.j-btn-callout { margin-left: 20px !important; } */
  1937.    
  1938.        
  1939.      /* Following button, upper right. Might as well box it for consistancy 0.31 */
  1940.      a#jive-link-thread-following.following-button  {
  1941.          border-style: solid !important;
  1942.          border-width: thin !important;
  1943.          border-color: #9b9b9b !important; /* grey, Apple's color */
  1944.          padding: 6px 6px 8px 28px !important;
  1945.        }
  1946.        
  1947.      
  1948.      
  1949.      /* Check icon with Following.  Move to the left of following. */
  1950.      span.following-check.icon.icon-check {
  1951.          margin-left: -10px !important;
  1952.          margin-top: -7px !important;
  1953.        }
  1954.        
  1955.      /* Tool icon button upper left, right of Following button */
  1956.      a#apple-actions-link { padding: 4px 6px 4px !important; }
  1957.      
  1958.      /* Tool icon button lower left. same row as reply button */
  1959.      a.js-toggle-thread-options.thread-options  { padding: 4px 4px 4px !important; }
  1960.            
  1961.      /* Tool box upper right */
  1962.      ul.apple-social-actions-toolbar li.apple-actions {height: 28px !important;}
  1963.        
  1964.      /* User machine and operating system info from profile
  1965.         Make metadata font size the same. */
  1966.      section.j-original-message p.jive-model-info-display {
  1967.          font-size: 16px !important;
  1968.          margin-left: 0px !important;
  1969.        }
  1970.        
  1971.      /* hover */
  1972.           /* "I have this question too" on question */
  1973.      span.j-social-action.black-button.j-disabled:hover,
  1974.           /* Following; upper right */
  1975.      a#jive-link-thread-following.button.following-button:hover,      
  1976.        /* post button on edit of orginal post */
  1977.      div.jive-composebuttons button#submitButton.j-btn-callout:hover,
  1978.           /* cancel button on edit of orginal post */
  1979.      div.jive-composebuttons button.j-btn-global:hover,
  1980.           /* clicking on Reply to get the input, this is the save */    
  1981.      div input.jive-form-button-save.j-btn-callout:hover,
  1982.           /* clicking on Reply to get the inputput, this is the cancel */
  1983.      div input.jive-form-button-cancel:hover,
  1984.        /* Reply button hover state */
  1985.        .discussionAdd:hover{ border-color: #0288CC !important; }
  1986.        
  1987.          
  1988. /* ================================================= */
  1989. /* Only for narrow width windows. */
  1990. @media all and ( min-width: 500px ) and ( max-width: 1265px ) {
  1991.     /* let a little space to the left of the navigation bar. */      
  1992.     div .j-column.j-column-s nav  {  
  1993.         margin-left: 0px !important;      
  1994.         margin-top: 20px !important;  /* max of margin-bottom of
  1995.                                          proceeding line and margin-top */    
  1996.         }  
  1997.    
  1998.     .j-thread #body-apple .thread-container-wrapper
  1999.     {
  2000.         max-width: inherit !important;
  2001.         margin: 10px 40px !important;
  2002.     }
  2003.            
  2004.   } /* end of media */
  2005.  
  2006.  
  2007.  
  2008.        
  2009.            
  2010.  
  2011.        
  2012. } /* @-moz-document for responses */
  2013.  
  2014.  
  2015.  
  2016. /* =======================================================================================
  2017.    For ASC web pages with a sidebar shown on narrow window, make the side bar
  2018.    horizontal. Adjusts the column sizes in lists.
  2019.    adding more @-moz-document callouts prevents collateral damage
  2020.    to other web pages when css class and id conflicts.
  2021.    example pages:
  2022.      https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  2023.      https://discussions.apple.com/community/ipad/ipad_in_business_and_education/content
  2024.         ?filterID=contentstatus[published]~objecttype~objecttype[thread]
  2025.      https://communities.apple.com/es/community/ipad/using_ipad/content?filterID=
  2026.         contentstatus[published]~objecttype~objecttype[thread]
  2027.      https://communities.apple.com/pt/people/espa%C3%B1ol.rccharles/content?manage=true
  2028.    avoid:
  2029.      https://communities.apple.com/pt/search.jspa
  2030.  https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  2031.    */
  2032.      
  2033. @-moz-document
  2034.    regexp("https://discussions.apple.com/+(community|content|people).*"),
  2035.    
  2036.    regexp("https://discussions(japan|korea).apple.com/+(community|content|people).*"),
  2037.    
  2038.    regexp("https://communities.apple.com/(de|es|fr|pt)/+(content|community|people).*")
  2039.    /*
  2040.     *Caveat emptor*
  2041.     */
  2042.    {  
  2043.  
  2044.  
  2045.      /* ===================================== Laptype size =============================*/
  2046.     @media all and (max-width: 1265px)  {
  2047.      /* Debug to identify which page we found.  Place our ukiyo-e. */      
  2048.    /*  h1, h2, h3, #apple-site-title > a:nth-child(1), #j-globalNav-bg {    
  2049.           background-color:yellow !important;
  2050.           border: 2px dashed black !important;    
  2051.          }  */
  2052.        
  2053.     /* ------------------      
  2054.        Treatment for narrow window      
  2055.        Method 1 (minimum optimisation)      
  2056.      
  2057.        Places
  2058.        
  2059.        https://discussions.apple.com/places
  2060.        
  2061.        Adjust community list table's shift and margin to maximize its width.      
  2062.     */                                                                            
  2063.     /* ------------------ (currently commented out)      
  2064.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }      
  2065.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }      
  2066.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }      
  2067.     ------------------ */      
  2068.     /* ------------------      
  2069.         Treatment for narrow window      
  2070.         Method 2 (more beneficial to narrow window but has disadvantage for wide window)      
  2071.          
  2072.         Let community list table have full width but not exceed 1019px to make room for      
  2073.         sidebar ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui      
  2074.         is displayed next to community list table, otherwise it is displayed below or
  2075.         above it (depending upon its document tree order).      
  2076.          
  2077.         * sidebar width (constant)    = 166px      
  2078.         * community table max width   = 1019px      
  2079.         * canvas margin-left          = 40px      
  2080.         * canvas margin-right         = 40px      
  2081.         ---------------------------------------      
  2082.         * total                       = 1265px      
  2083.     */                                                                              
  2084.     /* ------------------ (currently active) */      
  2085.     .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }      
  2086.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }      
  2087.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }      
  2088.     .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }      
  2089.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }          
  2090.     /* ------------------ */      
  2091.        
  2092.     /* See if we can position "start ad discussion, Write a user tip" bottom  
  2093.        bar a little better. My /content    1.35 */    
  2094.         /* list of user's stuff from profile */
  2095.         body.ui-desktop.jive-view-profile li.j-browse-filter-group-item{    
  2096.         margin-top: 40px !important;    
  2097.         float: left !important;}  
  2098.        
  2099.     /* my /content */
  2100.     body.ui-desktop.j-body-yourwork .j-browse-filter-group-item {
  2101.         margin-top: 0px !important;    
  2102.         float: left !important;}  
  2103.        
  2104.     /* forum list */  
  2105.     body.ui-desktop.j-body-place .j-box {    
  2106.         margin-top: 40px !important;    
  2107.         float: right !important;}    
  2108.  
  2109.        
  2110.     /* Turn verical nav list into a horizontal nav list to save vertical space.    
  2111.         This nav bar appear above the list of dicussions in the Your Content page.    
  2112.         It appears below in the list of discussions page.    
  2113.         A larger screen has room for vertical navigation, so let along. */    
  2114.  
  2115.  
  2116.     /* We need to make room for the horizontal nav bar.  A floating right, the area to the left    
  2117.        is blank anyway.  ASC lists */    
  2118.     body.ui-desktop.j-body-place .j-layout-sl.j-browse-content .j-column-s        
  2119.     {
  2120.         width: 95% !important;
  2121.         margin-top: 0px !important;   }  /* let more room for horizontal navigation  */  
  2122.        
  2123.     /* We need to make room for the horizontal nav bar.  A floating right, the area to the left    
  2124.        is blank anyway. */    
  2125.     /* Total mystery to me.  Messes up my /content when selector headed
  2126.         by body.ui-desktop.j-body-yourwork  You will note the "Sidebar"" list isn't in side of the lightcyan.  0.35 */
  2127.     .j-layout-sl.j-browse-content .j-column-s        
  2128.     {
  2129.         width: 95% !important;
  2130.         margin-top: 0px !important;    
  2131.         /*margin-right: 90px !important;   /**/
  2132.         /*background-color: lightcyan !important;/**/}  /* let more room for horizontal navigation  */    
  2133.      
  2134.        
  2135.         /* make nav bar horizontal amoung other things. */  
  2136.     body.ui-desktop.j-body-place div .j-column.j-column-s nav ul li,
  2137.     body.ui-desktop.j-body-yourwork div .j-column.j-column-s nav ul li,
  2138.         /* list of user's stuff from profile */
  2139.     body.ui-desktop.jive-view-profile li.j-browse-filter-group-item
  2140.     {  
  2141.       width: 120px !important;  /* width of each link */          
  2142.       text-align: center !important;    
  2143.       margin-left: 0px !important;    
  2144.       padding-left: 0 !important;        
  2145.     }
  2146.    
  2147.     div.j-box.j-sub-facets.j-browse-min
  2148.       {
  2149.       margin: 20px 10px 10px 10px !important;  
  2150.       }
  2151.            
  2152.     /* margin around horizontal side-bar
  2153.        The real space waster */
  2154.     div.j-box.j-sub-facets.j-browse-mine{
  2155.         margin-top: 0px !important;
  2156.         margin-bottom: 0px !important;
  2157.     }
  2158.        
  2159.    /* body.ui-desktop.j-body-place div .j-column.j-column-s nav ul li {  
  2160.       background-color: bisque !important;/* light brownish red;      
  2161.     } */        
  2162.    /* for my /content. */    
  2163.    /*body.ui-desktop.j-body-yourwork div .j-column.j-column-s nav ul li {
  2164.        background-color: lightblue !important;    
  2165.     } /**/  
  2166.        
  2167.    /* my /content list header   */  
  2168.     body.ui-desktop.j-body-yourwork div.j-browse-details > table.j-browse-list {
  2169.         margin-top: -10px !important; }  
  2170.        
  2171.     /* Piddle around so as to center the text. Straight trial and error. */
  2172.     li.j-browse-filter-group-item.js-browse-filter-group-item a.js-select-link {
  2173.         padding-top:5px !important;
  2174.         padding-bottom: 5px !important;
  2175.         /* background-color: bisque !important;/* light brownish red */}
  2176.        
  2177.      /* Piddle around so as to center the text for the user's content. Straight trial and error.
  2178.         For some reason this text is two lines height which makes for a disjoint box. */
  2179.      nav.j-second-nav ul li[data-filter-id="draft"] a.js-select-link,
  2180.      nav.j-second-nav ul li[data-filter-id="contentstatus\[published\]" ] a.js-select-link,
  2181.      nav.j-second-nav ul li[data-filter-id="participated"] a.js-select-link,
  2182.      nav.j-second-nav ul li[data-filter-id="following"] a.js-select-link,
  2183.      nav.j-second-nav ul li[data-filter-id="historyarchetype\[content\]"] a.js-select-link,
  2184.      nav.j-second-nav ul li[data-filter-id="all"] a.js-select-link {
  2185.         height: 28px !important;
  2186.         /*background-color: yellow !important; /**/
  2187.         }
  2188.            
  2189.    /* after making the navigating link horizontal, the blue overlay box doesn't immediately  
  2190.       jump to the draft box.  After clicking on any of the other links, the blue box    
  2191.       parks on the draft box and will not move.  The function must be implemented in javascript which  
  2192.       cannot be changed from css. In the May 2016 ASC, the blue box moves correct when the sidebar
  2193.       is moved to the right.  Still broken for horizontal. Purge it.    
  2194.       Upper nav bar on your content */    
  2195.       /* https://discussions.apple.com/people/<apple-id>/content */    
  2196.     body.jive-view-profile.j-view-profile.j-view-profile-nonself.other .j-second-nav > ul:nth-child(1) > li:last-child,    
  2197.        body.j-body-yourwork.other li.active:last-child {display: none !important;}    
  2198.        
  2199.    /* Found another blue overlay box.    
  2200.       https://discussions.apple.com/people/<ASC_id>/content?manage=true */    
  2201.     body.jive-view-profile.j-view-profile.j-view-profile-self.other li.active:last-child {display: none !important;}    
  2202.      
  2203.     /* style the link (a tag) inside the li    
  2204.        Put a box around the links.  Complete box makes for a dark middle Line. So, leave  
  2205.        off left line but for righ most link. Do the best we can    
  2206.        ASC box grey-line color #d7d7d7 also seems like grey #eaeaea */    
  2207.     div .j-column.j-column-s nav li a {  
  2208.        border: 1px solid #d7d7d7 !important;    
  2209.        border-left: none !important;  /* avoid double border lines for middle items */    
  2210.        padding-left: 0 !important;    
  2211.     }
  2212.    
  2213.     /* Fill in the first box with a line on the left */    
  2214.     /* Upper nav bar on your content  
  2215.        The fill in on the left of the first-child doesn't seem to be working.  
  2216.        Tried several
  2217.        different ways of addressing the left border.  No workie.
  2218.        https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] */    
  2219.     /* https://discussions.apple.com/people/<apple-id>/content?manage=true */    
  2220.     div .j-column.j-column-s nav li:first-child a,
  2221.     /* https://discussions.apple.com/people/<apple-id>/content */    
  2222.     /* lower nav bar, see here:    
  2223.        https://discussions.apple.com/community/ipad/ipad_in_business_and_education  
  2224.             /content?filterID=contentstatus[published]~objecttype~objecttype[thread] */    
  2225.     body.j-body-place.other li.j-browse-filter-group-item:first-child {    
  2226.        border-left: 1px solid #d7d7d7 !important;  /* avoid double border
  2227.                                                       lines for middle items */    
  2228.     }  
  2229.        
  2230.     /* Hover. horizontal nav bar */
  2231.     div .j-column.j-column-s nav li a:hover {  
  2232.         border-color: #42aaff !important;  /* light blue */    
  2233.       }    
  2234.          
  2235.   } /* <== media */
  2236.  
  2237.      
  2238. } /* @-moz-document url-prefix for sidebar */
  2239.  
  2240. /* ==============================================
  2241.    Leave the login window footer alone. So, turn these fields back on.    
  2242.     */      
  2243. @-moz-document    
  2244.    regexp("https://discussions.apple.com/+(people|welcome).*"),
  2245.    
  2246.    regexp("https://discussions(japan|korea).apple.com/+(people|welcome).*"),
  2247.    
  2248.    regexp("https://communities.apple.com/(de|es|fr|pt)/+(people|welcome).*")
  2249.    
  2250.        
  2251.    /* url-prefix(https://communities.apple.com/pt/people),
  2252.     url-prefix(https://communities.apple.com/pt/welcome) */ {        
  2253.    
  2254.         /* legalistic bomblast on login window*/      
  2255.         #globaldisclaimer.sosumi {display: inherit !important; }            
  2256.         /* path to here */      
  2257.         #j-footer #breadcrumbs {display: inherit !important; }      
  2258.         /* apple product info */      
  2259.         p.gf-buy {display: inherit !important; }          
  2260. }
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!