API tools faq
paste
Advertisement
rccharles

ASC may 2016 look beta-c update

rccharles
Jun 10th, 2016
403
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 53.79 KB | None | 0 0
raw download clone embed print report
  1. /*      
  2.     Custom Cascading Style Sheet for Apple Support Communities board system introduced      
  3.     in 2014-06      
  4.      
  5.         Copyright 2014, 2016 Hiroto,  et. al.      
  6.      
  7.     GNU General Public License      
  8.      
  9.     This program is free software: you can redistribute it and/or modify      
  10.     it under the terms of the GNU General Public License as published by      
  11.     the Free Software Foundation,  version 3      
  12.      
  13.     This program is distributed in the hope that it will be useful,      
  14.     but WITHOUT ANY WARRANTY; without even the implied warranty of      
  15.     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the      
  16.     GNU General Public License for more details.      
  17.      
  18.     For a copy of the GNU General Public License      
  19.     see <http://www.gnu.org/licenses/>.        
  20.      
  21.     For more information on what the css does, see:      
  22.     https://discussions.apple.com/docs/DOC-7501      
  23.      
  24.     Change Log      
  25.     Version 0.6:      
  26.     -- Fold versions 0.43 and 0.50 into this version.      
  27.     -- Add GNU General Public License      
  28.     -- Add media tag to select on screen size.      
  29.     -- Scroll large code listings      
  30.     -- Change color highlights unread posts      
  31.     -- Fix size of thread content display.      
  32.     Version 0.61:      
  33.     -- Narrow text for printing listing of this file      
  34.     -- Delete "added in" comments about versioning.  Seems obvious to me without.      
  35.     -- More fixing of width of content display size of large window.      
  36.     -- Delete @-moz-document special case adjustment for max-width      
  37.     -- Size adjust for thread content and reply for large screens      
  38.     -- Reduce the amount of duplicate code      
  39.     Version 0.62      
  40.     -- avoid userstyles.org/ error messages      
  41.     -- pacify ASC badges for those who want to enable the code    
  42.        [ Note: Some badges are turned off in 0.63 ]    
  43.        https://discussions.apple.com/message/30002950#30002950      
  44.        ------> How to get rid of discussion list Badges Lines 115 to 146 <----      
  45.        Go down find this line of code      
  46.          .j-status-level.expertise-tile { display: none !important; }      
  47.        You need to eliminate the slash / star * before the line of code and      
  48.        the star * slash / after the line of code.      
  49.      
  50.        To get rid of all badges everywhere, uncomment the next three lines of code.      
  51.     Version 0.63    
  52.     -- Decided on a minimalist philosophy to focus on reading the posts.    
  53.     -- Don't display badges on list of discussion posts    
  54.     -- Footers should be short not take up a half a page.    
  55.          Uncomment the three lines of code to accomplish this after the    
  56.          "Rambling footer stuff will strink". Note some bombblast    
  57.          will remain, see adjustment at the end of the sheet.    
  58.            #globaldisclaimer.sosumi {display: none !important; }          
  59.            #j-footer #breadcrumbs {display: none !important; }    
  60.            p.gf-buy {display: none !important; }    
  61.     -- Show points on the profile popup!    
  62.     Version 0.64  
  63.     -- Align left with right side header info  
  64.     -- Delete excessive white space in header  
  65.     -- Delete redundant wording in header  
  66.     -- Change two vertical nav bars to horizontal  
  67.     -- Purge footer bombblast  
  68.     -- Support Spanish and Portuguese forums    
  69.     -- Support decorator option on the url  
  70.  
  71.     Version 1.0: May 2016 ASC page layout changes
  72.     -- Ditch floating banner when scrolling past first question
  73.     -- Set font so to make text more readable. Adopted fonts from prior Jive forum
  74.     -- Position breadcrumb to where ASC says. Needed to delete some css
  75.     -- ASC redid list of posts for a thread.  Delete obsolete css
  76.     -- fix up broken "sort by ..." popup in my content listing
  77.     -- Sink legalistic bombblast again. Rose by changing ids
  78.        Look for .~.~.~.~.~.~.~. then uncomment the three lines following
  79.     -- Stamp out misaligned blue boxes on horizontal nav lists
  80.     -- Revise reply posts in a thread
  81.     -- https://discussions.apple.com/docs/DOC-10241#comment-6446
  82.  
  83. */
  84.  
  85. /* ==============================================  
  86.       Spanish    
  87.         https://communities.apple.com/es/docs/DOC-1004    
  88.       Português  
  89.         https://communities.apple.com/pt/welcome  
  90.    
  91.    There are multiple @-moz statements to better select
  92.    which pages are selected. Thus, avoiding the over
  93.    abundance of selections based on class and id selectors.
  94. */    
  95.  
  96. @-moz-document    
  97.     domain(discussions.apple.com),       /* English */
  98.     domain(communities.apple.com),       /* Português Spanish */
  99.     domain(discussionsjapan.apple.com),    
  100.     domain(discussionskorea.apple.com)    
  101. {    
  102.     /* Common css for small and large windows */      
  103.    
  104.     /* Scroll code listings.  set max-height of syntax highlighted code in thread      
  105.        content browser   v0.6 */      
  106.     .jive-rendered-content .dp-highlighter {    
  107.        max-height: 500px !important;      
  108.        overflow: auto !important;      
  109.     }                                                                                  
  110.     /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled)      
  111.     v0.6 */      
  112.     .jive-rendered-content pre {      
  113.        max-height: 500px !important;      
  114.        overflow: auto !important;      
  115.     }        
  116.                                                                              
  117.     /* highlights in dark blue unread posts when logged in.  v0.6      
  118.      
  119.     All your posts      
  120.     https://discussions.apple.com/content?filterID=participated~objecttype~objecttype[thread]        
  121.      
  122.     Discussions you authored      
  123.     https://discussions.apple.com/content?filterID=contentstatus[published]~objecttype~objecttype[thread]        
  124.      
  125.     To see the discussions you have read and not read in a community      
  126.     The suffix to use for any ASC forum, placed after the basic link to any forum, it's      
  127.     /content?filterID=contentstatus[published]~objecttype~objecttype[thread]      
  128.      
  129.     for iPhone community this would be:      
  130.     https://discussions.apple.com/community/iphone/using_iphone/content?filterID=contentstatus[published]~objecttype~objecttype[thread]        
  131.      
  132.      
  133.      
  134.     */  
  135.     .j-td-title strong {color:#191970 !important; font-weight: normal !important;}      
  136.    
  137.    
  138.                
  139.         /* added or changed in 0.63 'til 0.64 insertion point */      
  140.          
  141.     /* Avoid double scrolling in posts which happened here:      
  142.        https://discussions.apple.com/docs/DOC-9254      
  143.        #globalfooter and #globaldisclaimer elements which originally define the width      
  144.        to fixed value as 980px   0.62      
  145.     */      
  146.    
  147.     #globalfooter, #globaldisclaimer { width: 80% !important; }      
  148.    
  149.     /* Get more vertical space.  This line gets rid of the global Apple navigation bar at the top.      
  150.        The black bar with Apple-Logo Mac iPad iPhone Watcsh Tv Music Support      
  151.     */      
  152.     #global-nav-wrapper {display: none !important; }      
  153.    
  154.         /* Pacify badges      
  155.            These four lines, when uncommented, eliminate the display of badges. Some or all of the    
  156.            lines are commend out.  Each comment starts all the way to the left.      
  157.     */      
  158.    
  159.     /* -------------------------------------------------------------------------------      
  160.         THREAD CONTENT BROWSER      
  161.         status level expertise badge      
  162.         To avoid formatting problems of badges overlapping next post, enable this line.      
  163.     */      
  164.          .j-status-level.expertise-tile { display: none !important; }        
  165.    
  166.     /* ---------------------------------------------------------------------------------      
  167.        THREAD LIST BROWSER      
  168.        leader board      
  169.     */      
  170.          .jive-widget-leaderboardwidget {display: none !important; }        
  171.    
  172.       /* ---------------------------------------------------------------------------------      
  173.           PROFILE      
  174.           profile status container for specialties and awards      
  175.       */      
  176. /*    .profile-status-container { display: none !important; } */      
  177.    
  178.     /* profile modal note status row for specialties and awards */      
  179. /*    .status-row { display: none !important; } */      
  180.    
  181.         /* Rambling footer stuff will be sunk */            
  182.         /* no more legalistic bomblast. Read about it on the
  183.            Welcome page.
  184.            .~.~.~.~.~.~.~. */      
  185.    /*     footer #globaldisclaimer {display: none !important; } */        
  186.         /* Not a complete path to here, so why be misleading */      
  187.    /*    footer nav.footer-breadory {display: none !important; }    */      
  188.         /* Guess by now folks know how to buy an apple product */      
  189.    /*    p.gf-buy {display: none !important; } */    
  190.            
  191.         /* Reveal points in popup when you click on an ASC id or aviator.    
  192.            thanks to turingtest2.    
  193.              https://discussions.apple.com/message/30179703#30179703 */      
  194.         .level-points > span {display: inherit !important;}     /* Display point information */      
  195.        
  196.         /* 0.64 insertion point */      
  197.          
  198.     /* Use less space on the top of the page. We see this every day.  I don't use any    
  199.        of the links here anyway.  Ok, to make them smaller.    
  200.        The goal is not to have to do a "manditory" page down to get to posts. 0.64 */    
  201.      
  202.     /* Move up the "New  My Subscriptions ..."  nav bar.  Looks  better aligned with  
  203.        "Apple Support Communities" */    
  204.     #j-globalNav { margin-top: -12px !important;}    
  205.     /* need less height for "Apple Support Communities   New My Subscriptions ... "  
  206.        after moving up the nav bar*/    
  207.     #j-globalNav-bg {  
  208.         height: 20px !important;    
  209.         border-bottom: none !important;    
  210.     }  
  211.     /* Less space below avator ... */    
  212.     #j-header-wrap { margin-bottom: 0px !important;}    
  213.    
  214.     /* -- move up "Apple Support Communities  /  Content"    
  215.        When windows size is contracted, these words will  
  216.        overlay words to the left. "... | logout"    
  217.        First nav bar doesn't overlay "Apple Support Community". ... <--> -- */    
  218.  /*    #jive-breadcrumb {    
  219.         margin-top: -10px !important;    
  220.         margin-bottom: 0px !important;    
  221.         right: 40px !important;      
  222.     }  */
  223.            
  224.     /* Less space above "All Content User Tips Discussions" nav bar */    
  225.     .j-layout { margin-top: 10px !important;}    
  226.      
  227.     /* Purge the words "Find helpful content and discussions." Redundant.    
  228.        Why are we here? Pro users will know. */    
  229.     #apple-full-subheader {display: none !important;}    
  230.            
  231.     /* Adjust the h2 header to take up less room on the page.    
  232.        Let's focus on the posts. */    
  233.     h1, h2 {    
  234.       font-size: 24px !important;;    
  235.       line-height: 28px !important;;    
  236.     }  
  237.     .j-page-header {  
  238.       margin-top: 0px !important;    
  239.       margin-bottom: 0px !important;    
  240.     }  
  241.    
  242.     /* Get rid of the idiotic floating banner that appers when you scroll past the
  243.        question. Enven us senior citizens can remember that. */
  244.     .persist-question {display: none !important;}
  245.    
  246.     /* Pick the fonts and color of the May 2014 jive forum */
  247.     body{    
  248.        font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important;
  249.     }
  250.    
  251.        
  252.     /* Combine duplicate code here.  v 0.61 */      
  253.    
  254.     /* ---------------------------------------------------------------------------------      
  255.         BODY      
  256.     */      
  257.     body.j-body-welome,             /* Welcome */      
  258.     body.j-body-place,              /* Community */      
  259.     body.j-body-yourwork,           /* Content */      
  260.     body.j-body-home,               /* Activity */      
  261.     body.j-body-yourconnections,    /* People */      
  262.     body.j-body-preferences,        /* Preferences */      
  263.     body.jive-body-content,         /* Thread */      
  264.     body.jive-body-search,          /* Search */      
  265.     body.jive-view-profile          /* Profile */      
  266.     {                                                                       /* v0.43 */      
  267.         background: white !important;   /* Effectively overrides most of the body color.      
  268.                                           These are more specific.  */      
  269.     }    
  270.    
  271.    
  272.     /* ---------------------------------------------------------------------------------      
  273.         TEXT      
  274.     */      
  275.     /* line spacing */      
  276.     .jive-content { line-height: 1.25 !important; }      
  277.    
  278.    
  279.     /* ---------------------------------------------------------------------------------      
  280.         ASC HEADER AREA      
  281.     */      
  282.     #j-header,    
  283.     #j-compact-header,    
  284.     #j-footer { width: 100% !important; }      
  285.    
  286.     /* navigation header (Apple Support Communities ...) */      
  287.     #j-header-wrap {    
  288.         padding: 0px 40px !important;      
  289.         margin: 0px 0px 15px !important;      
  290.     }    
  291.     #j-globalNav-bg {    
  292.         padding: 0pX !important;      
  293.         margin: 0px !important;      
  294.     }    
  295.     #j-satNav { overflow: visible !important; }      
  296.      
  297.    
  298.    
  299.     /* ---------------------------------------------------------------------------------      
  300.         THREAD LIST BROWSER - list of discussions in a Community      
  301.     */      
  302.    
  303.     /* show author name in 'Latest activity' column in detailed list view of threads */      
  304.     td.j-td-date > span { display : inherit !important; }      
  305.    
  306.     /* -- main section -- */      
  307.     /*   #j-main { padding: 0px !important; }    */  
  308.    
  309.     /* table cell title */      
  310.     .jive-table td.jive-table-cell-title { padding: 5px !important; }      
  311.          
  312.     /* thread list view column widths */                                        /* v0.43 */      
  313.     .j-browse-details .j-td-title { max-width: none !important; }      
  314.     .j-browse-details .j-td-date {    
  315.         width: auto !important;      
  316.         max-width: 20% !important;      
  317.     }    
  318.     /* threads list view table tr td  */      
  319.     .j-browse-details-tbody tr td { padding: 5px !important; }      
  320.    
  321.     /* communities list view table tr td */      
  322.     .jive-communities-listing table tr td { padding: 5px !important; }      
  323.    
  324.     /* thumbnails view width */      
  325.     .j-browse-content .j-thumb-view,    
  326.     .j-browse-places .j-browse-thumbnails,    
  327.     .j-browse-people .j-browse-thumbnails { width: 100% !important; }      
  328.    
  329.     /* thumbnail view list item margin */                                        /* v0.43 */      
  330.     .j-browse-content .j-thumb-view > li,    
  331.     .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }      
  332.    
  333.     /* social actions row */      
  334.     .apple-social-actions-wrapper { margin-right: 0px !important; }      
  335.     .j-thread .j-social-actions { margin-right: 40px !important; }      
  336.    
  337.     /* apple header, subheader row ("Find helpful contents..." etc )    fixed in v0.43 */      
  338.     #apple-full-subheader,      
  339.     #apple-activity-subheader {      
  340.         padding: 0px 40px 15px !important;      
  341.         margin-bottom: 15px !important;      
  342.     }    
  343.     #apple-full-header h2,      
  344.     #apple-activity-header h2 { padding: 0px 40px !important; }      
  345.    
  346.     /* page header */      
  347.     .j-body-place #jive-body > header.j-page-header {      
  348.         margin-left: 40px !important;      
  349.         margin-right: 40px !important;      
  350.         width: auto !important;      
  351.     }    
  352.    
  353.     /* browser filter row */      
  354.     #j-browse-filters { margin-bottom: 5px !important; }      
  355.    
  356.     /* browser controls row */      
  357.     .j-type-row { margin-bottom: 0px !important; }      
  358.    
  359.     /* browser controls content types (All Contents|User Tips|Discussions) width */      
  360.     #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }      
  361.    
  362.     /* browser controls view toggle (Thumbnails|Details) width */      
  363.     #js-browse-controls #j-item-view-toggle {    
  364.         width: 10% !important;      
  365.         display: table !important;      
  366.     }    
  367.    
  368.     /* content filter row (All|Open|Answered|Threads) */      
  369.     .j-content-filter {    
  370.         background: white !important;      
  371.         margin-bottom: 10px !important;      
  372.     }      
  373.    
  374.     /* container canvas */      
  375.     .j-contained {    
  376.         margin-left: 40px !important;      
  377.         margin-right: 40px !important;      
  378.     }    
  379.    
  380.     /* category filter bar */      
  381.     .jive-content-filter {    
  382.         left: 0px !important;      
  383.         width: 80% !important;      
  384.     }    
  385.     .touchcarousel-wrapper { width: 100% !important; }      
  386.     .touchcarousel .tc-paging-container { width: 90% !important; }                /* v0.41 */      
  387.    
  388.     /* more search results available */      
  389.     #j-more-search-results-available { padding: 10px !important; }      
  390.    
  391.     /* misc */      
  392.     .jive-widget { margin-bottom: 10px !important; }      
  393.     .j-column { margin-bottom: 10px !important; }      
  394.    
  395.    
  396.     /* ---------------------------------------------------------------------------------      
  397.         THREAD CONTENT BROWSER - Displays the contents of the posts.      
  398.     */      
  399.     /* thread header */  
  400.    
  401.     /* ---------------------------------------------------------------------------------      
  402.         INLINE EDITOR      
  403.     */      
  404.     /* editor */      
  405.     .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }      
  406.    
  407.    
  408.     /* ---------------------------------------------------------------------------------      
  409.         ADVANCED EDITOR      
  410.     */      
  411.     /* content area */      
  412.     .j-thread .jive-content.jive-create-thread,    
  413.     .jive-body-formpage-document .jive-content.doc-page {    
  414.         margin: 0px 40px !important;      
  415.         padding: 0px !important;      
  416.     }    
  417.    
  418.     /* header */      
  419.     .j-thread .jive-content.jive-create-thread h2,      
  420.     .jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }      
  421.    
  422.     /* editor panel */      
  423.     .j-thread .jive-content.jive-create-thread #jive-compose-title,      
  424.     .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,    
  425.     .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,      
  426.     .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel
  427.         { margin: 0px !important; }      
  428.    
  429.     /* line height in editor */      
  430.     body.tiny_mce_content { line-height: inherit !important; }      
  431.    
  432.     /* replying to */      
  433.     .jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }        
  434.    
  435.     /* buttons (Reply|Cancel) */      
  436.     .j-publishbar,    
  437.     .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }      
  438.    
  439.    
  440.     /* ---------------------------------------------------------------------------------      
  441.         SEARCH RESULTS      
  442.     */      
  443.     /* search result entry */      
  444.     .j-search-results-main-container .j-search-result    
  445.         { padding: 10px !important; }    /* v0.43 */      
  446.    
  447.    
  448.     /* ---------------------------------------------------------------------------------      
  449.         DOC (USER TIP)      
  450.     */                                                                            /* v0.43 */      
  451.     /* user tip canvas */      
  452.     .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }      
  453.    
  454.    
  455.     /* ---------------------------------------------------------------------------------      
  456.         PROFILE      
  457.     */                                                                            /* v0.43 */      
  458.     /* header & navigation bar (Bio|Activity|Content|Communities) */      
  459.     .j-view-profile .j-page-header { padding: 10px 40px !important; }      
  460.     .j-bigtab-nav { margin: 10px 40px !important; }      
  461.    
  462.     /* Bio */      
  463.     .j-layout-l .j-column-wrap-l { width: 100% !important; }      
  464.    
  465.     /* Communities (places) sidebar ui blue marker adjustment      
  466.         (according to the sidebar width changed to 166px from 180px for selector:      
  467.         .j-layout-sl.j-browse-places .j-column-s in PLACES section)  */      
  468.     .j-view-profile .j-second-nav ul > li.active  { width: 156px !important; }      
  469.    
  470.    
  471.    
  472.    
  473.   /* Wide screen browser      
  474.      ===================      
  475.      
  476.     This rule set will be fine for normal to wide window whose width is ca. 1265px or greater.      
  477.     However, it will not be beneficial to very narrow window of 700-900px in width.      
  478.   */      
  479.    
  480.   @media all and (min-width: 1265px)    
  481.   {                                               /* v0.6 */      
  482.     /* ---------------------------------------------------------------------------------      
  483.         BODY      
  484.     */      
  485.    
  486.     body {    
  487.         background: white;      
  488.         min-width: 0px !important;      
  489.     }    
  490.     #body-apple {      
  491.         width: 100% !important;      
  492.         min-width: 0px !important;      
  493.     }    
  494.    
  495.    
  496.     /* ---------------------------------------------------------------------------------      
  497.         ASC TOP PAGE      
  498.     */      
  499.     #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */      
  500.     #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com */        
  501.                                                         /* v0.42 */      
  502.     #jive-widgetframe-body_20835   > .content-large        /* discussionskorea.apple.com */        
  503.                                                         /* v0.42 */      
  504.     {                                                    /* added parent id in v0.41 */      
  505.         text-align: center !important;      
  506.         overflow-x: auto !important;      
  507.         overflow-y: hidden !important;      
  508.     }    
  509.     .apple-communities {    
  510.         display: inline-block !important;      
  511.         width: 1120px !important;      
  512.         text-align: left !important;      
  513.     }    
  514.    
  515.    
  516.     /* ---------------------------------------------------------------------------------      
  517.         THREAD LIST BROWSER - list of discussions in a Community      
  518.     */      
  519.    
  520.    
  521.     /* ------------------      
  522.         When uncommented, hide Like and Bookmark columns in thread list view.      
  523.     */                                                                /* v0.43 (optional) */      
  524.     /* ~~~~~~~~~~~~~~~~~~~~ (currently commented out) ~~~>      
  525.     .j-browse-details .j-td-likes,      
  526.     .j-browse-details .j-td-bookmarks { display: none !important; }      
  527.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,      
  528.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th      
  529.         { display: none !important; }      
  530.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th      
  531.         { display: table-cell !important; }      
  532.     <~~~~~~~~~~~~~~~~~~~~  */      
  533.    
  534.    
  535.     /* ------------------      
  536.         Treatment for narrow window      
  537.         Method 1 (minimum optimization)      
  538.      
  539.         Adjust thread list table's shift and margin to maximize its width.      
  540.     */                                                                                /* v0.43 */      
  541.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }      
  542.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }      
  543.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }      
  544.     /* ------------------ */      
  545.    
  546.     /* ------------------      
  547.         Swap left-right positions of thread list table and sidebar ui (filters & actions)      
  548.     */                                                                                /* fixed in v0.43 */      
  549.     /* let thread list table float left */      
  550.     .j-layout-sl.j-browse-content .j-column-wrap-l,    
  551.     .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }      
  552.    
  553.     /* let sidebar ui float right */      
  554.     .j-layout-sl.j-browse-content .j-column-s,    
  555.     .j-layout-sl.j-browse-places .j-column-s { float: right !important; }      
  556.     /* ------------------ */      
  557.    
  558.    
  559.     /* ---------------------------------------------------------------------------------      
  560.         THREAD CONTENT BROWSER - Displays the contents of the posts.      
  561.     */      
  562.    
  563.     /*      
  564.       Put the brakes on infinite expansion of text.  Sets how wide the text display area in a      
  565.       window can get. Eventhou the window maybe large, folks find it easier to read      
  566.       the words when the text area is smaller.      
  567.     */      
  568.     /* Original post.  Includes answering post if present */      
  569.     /* posts in thread */      
  570.     /* Types of replies */      
  571.     #jive-thread-messages-container,      
  572.     /* Advanced reply */      
  573.     #jive-body {      
  574.         max-width: 1100px !important;    /* v0.61 */      
  575.      }    
  576.        
  577.    
  578.     /* ------------------      
  579.         Treatment for narrow window      
  580.         Method 1 (minimum optimization)      
  581.      
  582.         Adjust community list table's shift and margin to maximize its width.      
  583.     */                                                                            /* v0.43 */      
  584.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }      
  585.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }      
  586.     .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }      
  587.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }      
  588.     /* ------------------ */      
  589.    
  590.     /* ----------------------------------------------------------------------------      
  591.         ACTIVITY STREAM      
  592.     */      
  593.     /* activity entry */      
  594.     .j-act-entry { padding: 5px 0px 10px 100px !important; }      
  595.    
  596.     /* activity title */      
  597.     .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }      
  598.    
  599.     /* activity body & comment */                                                /* v0.43 */      
  600.     .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }      
  601.     .apple-activity-comments-wrapper { margin-left: 0px !important; }      
  602.    
  603.     /* Like list */      
  604.     .j-act-grouped .j-act-g-item { padding: 3px !important; }      
  605.    
  606.     /* ----------------------------------------------------------------------------      
  607.        PLACES      
  608.     */                                                                            /* v0.43 */      
  609.     /* latest activity column */      
  610.     .j-browse-details .j-td-activity { max-width: 650px !important; }      
  611.    
  612.    
  613.   } /* end of media for wide screen */      
  614.    
  615.    
  616.   /* Narrow screen browser      
  617.      =====================      
  618.   */      
  619.    
  620.   @media all and (max-width: 1265px)    
  621.   {
  622.        /* Debug to identify which page we found.  Place our ukiyo-e. */      
  623.    /*   h1, h2, h3, #apple-site-title > a:nth-child(1) {    
  624.           background-color: aqua !important;        
  625.          }  
  626.       */
  627.      
  628.         /* v0.6 */      
  629.     /* styles for small screens ( narrow browsers window )      
  630.        ========================      
  631.          
  632.        Narrow is basically the same as the above wide screen browser except that this lets      
  633.        the sidebar column (filter column) in list view be pushed down or up in layout flow      
  634.        to make room for the main column (table column) when the window is not wide enough.      
  635.        It is done by setting margin-left and padding-left of main column to 0 and setting      
  636.        max-width of main column, which is currently 1019px.  Consequently, if window width      
  637.        is less than 1265px (= 40 (margin-left) + 1019 (main column) + 166 (sidebar colum)      
  638.        + 40 (margin-right)), sidebar column is pushed down or up according to document      
  639.        tree order. This rule set is intended to be useful for normal to narrow window      
  640.        whose width is in range ca. 700-1400px. It can be used for wider window as well but      
  641.        there's no point to set the max-width of main column in order to move sidebar      
  642.        column when the window is wide enough.      
  643.          
  644.        custom styles for Apple Support Communities board system introduced in 2014-06      
  645.        (v 0.5)      
  646.     */      
  647.            
  648.     /* -----------------------------------------------------------------------------      
  649.         BODY      
  650.     */      
  651.    
  652.    body {    
  653.         background: white;      
  654.         min-width: 0px !important;      
  655.     }    
  656.    /* This css causes the text to reflow instead of getting cut off.
  657.       It has a side effect of trimming the "Q" in question but the text
  658.       get reflowed.
  659.    */  
  660.     #body-apple {      
  661.         width: 100% !important;      
  662.         min-width: 0px !important;      
  663.     }    
  664.    
  665.     /* Text reflow problem with New Activity Content etc.      
  666.        https://discussions.apple.com/thread/7517905        
  667.        Provide work-around.  Maybe Firefox issue.      
  668.     */      
  669.     #apple-site-title { font-size: 14px !important; }      
  670.    
  671.     /* -----------------------------------------------------------------------------    
  672.         ASC TOP PAGE      
  673.     */      
  674.     #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */      
  675.     #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com v0.42 */      
  676.     #jive-widgetframe-body_20835   > .content-large     /* discussionskorea.apple.com v0.42 */      
  677.     {                                                   /* added parent id in v0.41 */      
  678.         text-align: center !important;      
  679.         overflow-x: auto !important;      
  680.         overflow-y: hidden !important;      
  681.     }    
  682.     .apple-communities {    
  683.         display: inline-block !important;      
  684.         width: 1120px !important;      
  685.         text-align: left !important;      
  686.     }    
  687.    
  688.    
  689.     /* -----------------------------------------------------------------------------      
  690.         THREAD LIST BROWSER      
  691.     */      
  692.    
  693.     /* ------------------      
  694.         Hide Like and Bookmark columns in thread list view.      
  695.     */                                                                            /* v0.43 */      
  696.     /* ------------------ display in small screen        changed 0.6 */      
  697.     .j-browse-details .j-td-likes,    
  698.     .j-browse-details .j-td-bookmarks { display: none !important; }      
  699.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,      
  700.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th      
  701.         { display: none !important; }      
  702.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th      
  703.         { display: table-cell !important; }      
  704.     /* ------------------ */      
  705.    
  706.    
  707.     /* ------------------      
  708.         Treatment for narrow window      
  709.         Method 1 (minimum optimisation)      
  710.      
  711.         Adjust thread list table's shift and margin to maximize its width.      
  712.     */                                                                            /* v0.43 */      
  713.     /* ------------------ (currently commented out)      
  714.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }      
  715.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }      
  716.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }      
  717.     ------------------ */      
  718.     /* ------------------      
  719.         Treatment for narrow window      
  720.         Method 2 (more beneficial to narrow window but has disadvantage for wide window)      
  721.          
  722.         Let thread list table have full width but not exceed 1019px to make room for sidebar      
  723.         ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui is displayed      
  724.         next to thread list table, otherwise it is displayed below or above it (depending      
  725.         upon its document tree order).      
  726.          
  727.         * sidebar width (constant)    = 166px      
  728.         * thread table max width      = 1019px      
  729.         * canvas margin-left          = 40px      
  730.         * canvas margin-right         = 40px      
  731.         ---------------------------------------      
  732.         * total                       = 1265px      
  733.     */                                                                          /* v0.5 */      
  734.     /* ------------------ (currently active) */      
  735.     .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }      
  736.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }      
  737.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }      
  738.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }  
  739.      
  740.     /* fix up "Sort by ..." after we messed it up 1.0 */
  741.     #j-sort { width: auto !important; }
  742.     /* ------------------ */      
  743.    
  744.     /* ------------------      
  745.         Swap left-right positions of thread list table and sidebar ui (filters & actions)      
  746.     */                                                                    /* fixed in v0.43 */      
  747.     /* let thread list table float left */      
  748.     .j-layout-sl.j-browse-content .j-column-wrap-l,    
  749.     .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }      
  750.    
  751.     /* let sidebar ui float right not sure what sidebar we are going after.
  752.        Messes up "Sort by ... " 1.0 == */      
  753.     /* 1.0 == .j-layout-sl.j-browse-content .j-column-s,    
  754.     .j-layout-sl.j-browse-places .j-column-s { float: right !important; }  */    
  755.     /* ------------------ */      
  756.    
  757.    
  758.     /* -----------------------------------------------------------------------------      
  759.         THREAD CONTENT BROWSER - Displays the contents of the posts.      
  760.     */      
  761.    
  762.     /* -----------------------------------------------------------------------------      
  763.         ACTIVITY STREAM      
  764.     */      
  765.     /* activity entry */      
  766.     .j-act-entry { padding: 5px 0px 10px 100px !important; }      
  767.    
  768.     /* activity title */      
  769.     .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }      
  770.    
  771.     /* activity body & comment */                                             /* v0.43 */      
  772.     .j-body-home .j-act-init,    
  773.     .j-view-profile .j-act-init { padding: 5px 0px 10px 100px !important; }      
  774.     .apple-activity-comments-wrapper { margin-left: 0px !important; }      
  775.    
  776.     /* Like list */      
  777.     .j-act-grouped .j-act-g-item { padding: 3px !important; }      
  778.    
  779.    
  780.    
  781.     /* -----------------------------------------------------------------------------    
  782.         PLACES      
  783.     */                                                                        /* v0.43 */      
  784.     /* latest activity column */      
  785.     .j-browse-details .j-td-activity { max-width: 650px !important; }      
  786.    
  787.    
  788.   }  /* end of media for narrow browsers. */      
  789.      
  790.    
  791.    
  792. } /* @-moz-document */      
  793.  
  794.  
  795. /* ============================================== 1.0
  796.    For ASC web pages with a sidebar, make the side bar
  797.    horizontal. Adjusts the column sizes in lists.
  798.    adding more @-moz-document callouts prevents collateral damage
  799.    to other web pages when css class and id conflicts.
  800.    example pages:
  801.      https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
  802.      https://discussions.apple.com/community/ipad/ipad_in_business_and_education/content
  803.         ?filterID=contentstatus[published]~objecttype~objecttype[thread]
  804.      https://communities.apple.com/es/community/ipad/using_ipad/content?filterID=
  805.         contentstatus[published]~objecttype~objecttype[thread]
  806.      https://communities.apple.com/pt/people/espa%C3%B1ol.rccharles/content?manage=true
  807.    avoid:
  808.      https://communities.apple.com/pt/search.jspa
  809.  
  810.    */
  811.      
  812. @-moz-document
  813.    url-prefix(https://discussions.apple.com/content),
  814.    url-prefix(https://discussions.apple.com/community),
  815.    url-prefix(https://discussions.apple.com/people),
  816.    url-prefix(https://discussionsjapan.apple.com/content),
  817.    url-prefix(https://discussionsjapan.apple.com/community),
  818.    url-prefix(https://discussionsjapan.apple.com/people),
  819.    url-prefix(https://discussionskorea.apple.com/content),
  820.    url-prefix(https://discussionskorea.apple.com/community),
  821.    url-prefix(https://discussionskorea.apple.com/people),
  822.    url-prefix(https://communities.apple.com/es/content),    
  823.    url-prefix(https://communities.apple.com/es/community/),
  824.    url-prefix(https://communities.apple.com/es/people),  
  825.    url-prefix(https://communities.apple.com/pt/content),
  826.    url-prefix(https://communities.apple.com/pt/community/),
  827.    url-prefix(https://communities.apple.com/pt/people) {  
  828.    
  829.     @media all and (max-width: 1265px)  {
  830.      /* Debug to identify which page we found.  Place our ukiyo-e. */      
  831.   /*    h1, h2, h3, #apple-site-title > a:nth-child(1) {    
  832.            
  833.           border: 2px dashed black !important;    
  834.          }  */
  835.        
  836.     /* ------------------      
  837.        Treatment for narrow window      
  838.        Method 1 (minimum optimisation)      
  839.      
  840.        Adjust community list table's shift and margin to maximize its width.      
  841.     */                                                                      /* v0.43 */      
  842.     /* ------------------ (currently commented out)      
  843.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }      
  844.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }      
  845.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }      
  846.     ------------------ */      
  847.     /* ------------------      
  848.         Treatment for narrow window      
  849.         Method 2 (more beneficial to narrow window but has disadvantage for wide window)      
  850.          
  851.         Let community list table have full width but not exceed 1019px to make room for      
  852.         sidebar ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui      
  853.         is displayed next to community list table, otherwise it is displayed below or
  854.         above it (depending upon its document tree order).      
  855.          
  856.         * sidebar width (constant)    = 166px      
  857.         * community table max width   = 1019px      
  858.         * canvas margin-left          = 40px      
  859.         * canvas margin-right         = 40px      
  860.         ---------------------------------------      
  861.         * total                       = 1265px      
  862.     */                                                                        /* v0.5 */      
  863.     /* ------------------ (currently active) */      
  864.     .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }      
  865.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }      
  866.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }      
  867.     .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }      
  868.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }          
  869.     /* ------------------ */      
  870.        
  871.     /* See if we can position "start ad discussion, Write a user tip" bottom  
  872.        bar a little better */    
  873.     .j-box {    
  874.         margin-top: 40px !important;    
  875.         float: right !important;}    
  876.        
  877.    
  878.     /* Turn verical nav list into a horizontal nav list to save vertical space.    
  879.         This nav bar appear above the list of dicussions in the Your Content page.    
  880.         It appears below in the list of discussions page.    
  881.         A larger screen has room for vertical navigation, so let along. */    
  882.  
  883.     /* We need to make room for the horizontal nav bar.  A floating right, the area to the left    
  884.        is blank anyway. */    
  885.     .j-layout-sl.j-browse-content .j-column-s        
  886.         { width: 95% !important; }  /* let more room for horizontal navigation 0.64 */    
  887.      
  888.      
  889.     /* make nav bar horizontal amoung other things. */    
  890.     div .j-column.j-column-s nav ul li {  
  891.       float: left !important;    /* makes the list items horizontal */    
  892.       width: 120px !important;  /* width of each link */    
  893.       text-align: center !important;    
  894.       margin-left: 0 !important;    
  895.       padding-left: 0 !important;    
  896.     }  
  897.  
  898.     /* let a little space to the left of the navigation bar. */      
  899.         div .j-column.j-column-s nav  {  
  900.     margin-left: 0px !important;      
  901.         margin-top: 20px !important;  /* max of margin-bottom of proceeding line and margin-top */    
  902.     }  
  903.      
  904.    /* after making the navigating link horizontal, the blue overlay box doesn't immediately  
  905.       jump to the draft box.  After clicking on any of the other links, the blue box    
  906.       parks on the draft box and will not move.  The function must be implemented in javascript which  
  907.       cannot be changed from css. Purge it.    
  908.       Upper nav bar on your content */    
  909.       /* https://discussions.apple.com/people/<apple-id>/content */    
  910.    body.jive-view-profile.j-view-profile.j-view-profile-nonself.other .j-second-nav > ul:nth-child(1) > li:last-child,    
  911.        body.j-body-yourwork.other li.active:last-child {display: none !important;}    
  912.        
  913.    /* Found another blue overlay box.    
  914.       https://discussions.apple.com/people/<ASC_id>/content?manage=true */    
  915.       body.jive-view-profile.j-view-profile.j-view-profile-self.other li.active:last-child {display: none !important;}    
  916.      
  917.     /* style the link (a tag) inside the li    
  918.        Put a box around the links.  Complete box makes for a dark middle Line. So, leave  
  919.        off right line but for righ most link. Do the best we can    
  920.        ASC box grey-line color #d7d7d7 also seems like grey #eaeaea */    
  921.     div .j-column.j-column-s nav li a {  
  922.        border: 1px solid #d7d7d7 !important;    
  923.        border-left: none !important;  /* avoid double border lines for middle items */    
  924.        padding-left: 0 !important;    
  925.     }  
  926.    
  927.       /* Fill in the first box with a line on the left */    
  928.     /* Upper nav bar on your content  
  929.        https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] */    
  930.     body.j-body-yourwork.other li.j-browse-filter-group-item:first-child > a,  
  931.     /* https://discussions.apple.com/people/<apple-id>/content?manage=true */    
  932.     body.jive-view-profile.j-view-profile.j-view-profile-self other li.active:first-child > a,  
  933.     /* https://discussions.apple.com/people/<apple-id>/content */    
  934.     div .j-column.j-column-s nav.j-second-nav ul > li:first-child > a,  
  935.     /* lower nav bar, see here:    
  936.        https://discussions.apple.com/community/ipad/ipad_in_business_and_education  
  937.             /content?filterID=contentstatus[published]~objecttype~objecttype[thread] */    
  938.     body.j-body-place.other    li.j-browse-filter-group-item:first-child {    
  939.        border-left: 1px solid #d7d7d7 !important;  /* avoid double border lines for middle items */    
  940.     }  
  941.        
  942.    /* Hover over nav bar item */    
  943.    div .j-column.j-column-s nav li a:hover {  
  944.      color: #42aaff !important;  /* light blue */    
  945.      }  
  946.  
  947.   } /* media */
  948. } /* @-moz-document url-prefix for sidebar */
  949.  
  950.  
  951. /* ==============================================  
  952.    Revise the display posts in a Thread.
  953.    Cases:
  954.      -- Question only
  955.      -- Question with posts
  956.      -- Question with answer
  957.      -- Question with helpful
  958.      -- Question with answer and helpful
  959.    examples:
  960.    https://discussions.apple.com/thread/7583029
  961.    https://communities.apple.com/pt/thread/4531
  962.    https://communities.apple.com/pt/thread/4705
  963.  
  964.   */
  965. @-moz-document
  966.    url-prefix(https://discussions.apple.com/thread),
  967.    url-prefix(https://discussions.apple.com/message),
  968.    url-prefix(https://discussionsjapan.apple.com/thread),
  969.    url-prefix(https://discussionsjapan.apple.com/message),
  970.    url-prefix(https://discussionskorea.apple.com/thread),
  971.    url-prefix(https://discussionskorea.apple.com/nessage),
  972.    url-prefix(https://communities.apple.com/es/thread),  
  973.    url-prefix(https://communities.apple.com/es/message),  /* I have not see an es message */
  974.    url-prefix(https://communities.apple.com/pt/thread),
  975.    url-prefix(https://communities.apple.com/pt/message) {
  976.        
  977.          /* Debug to identify which page we found.  Place our ukiyo-e. */      
  978.   /*  h1, h2, h3 {    
  979.           background-color: aqua !important;      
  980.           border: 2px dashed black !important;    
  981.          }  */
  982.    
  983.       /* significant classes and selecters
  984.          To select in Question and posible answer and helpful
  985.            section.j-original-message
  986.        
  987.          to select all replies
  988.            div.all-replies-container
  989.            ul-jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0
  990.       */
  991.    
  992.        
  993.       /* No line after Communities.  Waste of space and doesn't separate anything. */
  994.          body.jive-bod div#body-apple #j-globalNav-bg {border-bottom-width: 0px !important; }
  995.              
  996.       /* Try to make text "pop" -- a photography term */
  997.        
  998.       /* Avoid problem with q scrolling off to the left
  999.          https://discussions.apple.com/message/30312176#message30312176 */
  1000.        
  1001.       .j-thread-post section.j-original-message h1 {
  1002.           max-width: inherit !important;;
  1003.           margin: 0px 60px 20px 60px !important;;
  1004.           }
  1005.       .j-original-message h1 .q-marker {
  1006.           left: -60px !important;
  1007.           font-size: 32px !important;
  1008.           }
  1009.        
  1010.       /* by styling the paragraph early, we can fix up any misses later.
  1011.          This seemed like a good idea, but p is too broad and causes to much fix up.
  1012.          So, we best to be cautious and to be more selective */
  1013.        
  1014.            /* font-size in Question and posible answer and helpful */
  1015.       section.j-original-message  p,
  1016.            /* Correct answer just after question.  */
  1017.       div.jive-rendered-content p,
  1018.            /* Well, folks can render in any tag they want. */
  1019.            /* div.jive-rendered-content h4,*/
  1020.            /* Unbelievable, Apple is hardcoding color, font-size & font-family via a style tag in a span.
  1021.               Got them! */
  1022.       div.jive-rendered-content p span,
  1023.            /* Correct answer, but in reply section.  When in suppressed display. */
  1024.       div.jive-rendered-content p,
  1025.            /* font-size for reponses */  
  1026.            /* for replies other than question, answer and helpful */
  1027.       div.all-replies-container  p {
  1028.          font-size: 16px !important;
  1029.          color:rgb(51,51,51) !important; /*  blackish. Same color as before may 2016 */
  1030.          font-family: initial !important;  /* get rid of it. Do the normal cascade */
  1031.        }
  1032.        
  1033.        
  1034.       /* Let's try indenting all the extraneous stuff.  
  1035.          For some reason in the question area and the date, 50px didn't produce uniform indenting. 5% did.
  1036.          For the buttons in the repsonse are 50px worked better. */
  1037.        
  1038.           /* Question */
  1039.       section.j-original-message span p.jive-model-info-display,
  1040.       section.j-original-message span p.meta-posted,    
  1041.      .thread-actions,
  1042.      
  1043.           /* Responses */
  1044.           /* date */
  1045.      .j-inresponse-to  {
  1046.          padding-left: 5% !important;
  1047.          color: rgb(150,150,150) !important;  /* grey */
  1048.          font-size: 14px !important;
  1049.         }
  1050.        
  1051.           /* indent reply button.  May only effect english pages. */
  1052.       footer div.footer-toplevel-actions,
  1053.          /* answer button */
  1054.       div.j-inline-correct-answer footer {
  1055.           padding-left: 5% !important;  }
  1056.        
  1057.        span a.black-button.jive-acclaim-likelink,  /* question button */
  1058.        div.j-inline-correct-answer footer a.action-button,  /* answer button */
  1059.        span.js-acclaim-container.acclaim-container a /* response button */
  1060.        {
  1061.          padding: 7px 9px !important;
  1062.          color: rgb(150,150,150) !important;  /* grey */
  1063.          font-size: 14px !important;
  1064.        }
  1065.        
  1066.      /* button in reponse */
  1067.      div.all-replies-container .jive-thread-helpful-btn {
  1068.          padding-left: 50px !important;  
  1069.          
  1070.        }
  1071.        
  1072.      /* Make all lower buttons the same. Who ever heard of different size buttons? */  
  1073.          /* Correct answer.  Isn't as bad as the reply button, but might as well use the
  1074.             same set of rule, even if we do not need all. */
  1075.      div.jive-thread-reply-btn-correct a,
  1076.          /* Tone down Reply Button */
  1077.          /* footer div.footer-toplevel-actions a .discussionAdd, */
  1078.      .discussionAdd{
  1079.          background-image: none !important; ;   /* bye, bye gradiant */
  1080.          background-color: white !important;  
  1081.          color: rgb(150,150,150)  !important;  /* grey */
  1082.          padding: 7px !important;
  1083.          font-size: 14px !important;
  1084.          line-height: 14px !important;
  1085.  
  1086.        }
  1087.      
  1088.      /* Try to set a uniform space between buttons */
  1089.          /* later */  
  1090.        
  1091.              
  1092.      /* Srink large response title   */
  1093.      li.all-replies.active.none span.menu {font-size: 50% !important;}
  1094.        
  1095.      /* white space between repls */
  1096.      .all-replies-container li {margin-top: 50px !important;}
  1097.        
  1098.    
  1099.  
  1100.    /* on a small response window */
  1101.        
  1102.    @media all and (max-width: 1100px)  {
  1103.           /* no padding or margin looks bad. */
  1104.           body {padding-left: 20px !important;}  
  1105.      } /* end of media for a small screen */
  1106.        
  1107.   } /* @-moz-document for responses */
  1108.    
  1109. /* ==============================================
  1110.    Leave the login window footer alone. So, turn these fields back on.    
  1111.     */      
  1112. @-moz-document    
  1113.     url-prefix(https://discussions.apple.com/people/),      
  1114.     url-prefix(https://discussions.apple.com/welcome),      
  1115.     url-prefix(https://discussionsjapan.apple.com/people/),        
  1116.     url-prefix(https://discussionsjapan.apple.com/welcome/),      
  1117.     url-prefix(https://discussionskorea.apple.com/people/),      
  1118.     url-prefix(https://discussionskorea.apple.com/welcome/),
  1119.     url-prefix(https://communities.apple.com/es/people),  
  1120.     url-prefix(https://communities.apple.com/es/welcome),      
  1121.     url-prefix(https://communities.apple.com/pt/people),
  1122.     url-prefix(https://communities.apple.com/pt/welcome)  {        
  1123.    
  1124.         /* legalistic bomblast on login window*/      
  1125.         #globaldisclaimer.sosumi {display: inherit !important; }            
  1126.         /* path to here */      
  1127.         #j-footer #breadcrumbs {display: inherit !important; }      
  1128.         /* apple product info */      
  1129.         p.gf-buy {display: inherit !important; }          
  1130. }  
  1131.      
  1132.  
  1133. /* ==============================================
  1134.    Addresses problems with decorator tag mentioned here:  
  1135.      https://discussions.apple.com/message/30170332#30170332  
  1136.  
  1137.    looking for a page like:  
  1138.      https://discussions.apple.com/thread/7522221?decorator=print&displayFullThread=true  
  1139. */    
  1140. @-moz-document  
  1141.   regexp("https:\/\/discussions\.apple\.com\/thread\/.*\?decorator=print&displayFullThread=true.*")    
  1142. {    
  1143.       /* Debug to identify which page we found.  Place our ukiyo-e. */      
  1144.       h1 {    
  1145.           background-color: aqua !important;      
  1146.           border: 2px dashed black !important;    
  1147.          }  
  1148.        
  1149.      #jive-body-full { margin-left: 80px !important; }    
  1150.        
  1151.      /* Avatar runs off the screen to the left.  Level info is to the right instead of below. */    
  1152.      /* better align avatar */      
  1153.      div.j-post-avatar {  
  1154.        margin-left: 60px !important;    
  1155.        text-align: center !important;    
  1156.        margin-top: 30px !important;    
  1157.        }  
  1158.      
  1159.      /* -------------------------------------------------------------------------------    
  1160.         THREAD CONTENT BROWSER    
  1161.         status level expertise badge    
  1162.         To avoid formatting problems of badges overlapping next post, enable this line.  
  1163.         There is no room for badges, so get rid of them.  
  1164.      */      
  1165.      .j-status-level.expertise-tile { display: none !important; }    
  1166.        
  1167.      /* the text of the post needs to be moved to the right to avoid the avatar.    
  1168.         ".j-thread-post.j-rc4" is included in all post.    
  1169.         ".section.j-original-message" marks the first post. */    
  1170.      .j-thread-post.j-rc4 { margin-left: 100px !important; }    
  1171.              
  1172.      /* move level icon below avator */    
  1173.      span.status-image {  
  1174.        display: block!important;    
  1175.        text-align: center !important;    
  1176.        }  
  1177.          
  1178.        
  1179.      /* move level number below avatar */    
  1180.      span.level-points {  
  1181.        display: block!important;    
  1182.        text-align: center !important;    
  1183.        }  
  1184.        
  1185.          
  1186.      
  1187.        
  1188. } /* end of regexp */
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!