API tools faq
paste
Advertisement
rccharles

ASC CSS 0.63

rccharles
May 22nd, 2016
341
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 37.29 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 on profile popup!  
  62.      
  63.     */  
  64.         /*  
  65.           Spanish  
  66.             https://communities.apple.com/es/docs/DOC-1004  
  67.         */    
  68.     @-moz-document  
  69.         domain(discussions.apple.com),  
  70.         domain(communities.apple.com),  
  71.         domain(discussionsjapan.apple.com),  
  72.         domain(discussionskorea.apple.com)  
  73.     {  
  74.         /* Common css for small and large windows */  
  75.      
  76.         /* Scroll code listings.  set max-height of syntax highlighted code in thread  
  77.            content browser   v0.6 */  
  78.         .jive-rendered-content .dp-highlighter {  
  79.            max-height: 500px !important;  
  80.            overflow: auto !important;  
  81.         }                                                                                
  82.         /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled)  
  83.         v0.6 */  
  84.         .jive-rendered-content pre {  
  85.            max-height: 500px !important;  
  86.            overflow: auto !important;  
  87.         }    
  88.                                                                                
  89.         /* highlights in dark blue unread posts when logged in.  v0.6  
  90.      
  91.         All your posts  
  92.         https://discussions.apple.com/content?filterID=participated~objecttype~objecttype[thread]    
  93.      
  94.         Discussions you authored  
  95.         https://discussions.apple.com/content?filterID=contentstatus[published]~objecttype~objecttype[thread]    
  96.      
  97.         To see the discussions you have read and not read in a community  
  98.         The suffix to use for any ASC forum, placed after the basic link to any forum, it's  
  99.         /content?filterID=contentstatus[published]~objecttype~objecttype[thread]  
  100.      
  101.         for iPhone community this would be:  
  102.         https://discussions.apple.com/community/iphone/using_iphone/content?filterID=contentstatus[published]~objecttype~objecttype[thread]    
  103.      
  104.      
  105.      
  106.         */  
  107.         .j-td-title strong {color:#191970 !important; font-weight: normal !important;}  
  108.      
  109.                
  110.             /* added or changed in 0.63 'til 0.64 insertion point */  
  111.          
  112.         /* Avoid double scrolling in posts which happened here:  
  113.            https://discussions.apple.com/docs/DOC-9254    
  114.            #globalfooter and #globaldisclaimer elements which originally define the width  
  115.            to fixed value as 980px   0.62  
  116.         */  
  117.      
  118.         #globalfooter, #globaldisclaimer { width: 80% !important; }  
  119.      
  120.         /* Get more vertical space.  This line gets rid of the global Apple navigation bar at the top.  
  121.            The black bar with Apple-Logo Mac iPad iPhone Watcsh Tv Music Support  
  122.         */  
  123.         #global-nav-wrapper {display: none !important; }  
  124.      
  125.             /* Pacify badges  
  126.                These four lines, when uncommented, eliminate the display of badges. Some or all of the  
  127.                lines are commend out.  Each comment starts all the way to the left.  
  128.         */  
  129.      
  130.         /* -------------------------------------------------------------------------------  
  131.             THREAD CONTENT BROWSER  
  132.             status level expertise badge  
  133.             To avoid formatting problems of badges overlapping next post, enable this line.  
  134.         */  
  135.              .j-status-level.expertise-tile { display: none !important; }    
  136.      
  137.         /* ---------------------------------------------------------------------------------  
  138.            THREAD LIST BROWSER  
  139.            leader board  
  140.         */  
  141.              .jive-widget-leaderboardwidget {display: none !important; }  
  142.      
  143.           /* ---------------------------------------------------------------------------------  
  144.               PROFILE  
  145.               profile status container for specialties and awards  
  146.           */  
  147.     /*    .profile-status-container { display: none !important; } */  
  148.      
  149.         /* profile modal note status row for specialties and awardds */  
  150.     /*    .status-row { display: none !important; } */  
  151.      
  152.             /* Rambling footer stuff will strink */        
  153.             /* no more legalistic bomblast */  
  154.     /*        #globaldisclaimer.sosumi {display: none !important; }    */  
  155.             /* Not a complete path to here, so why be mislead */  
  156.     /*        #j-footer #breadcrumbs {display: none !important; }    */  
  157.             /* Guess by now folks know how to buy an apple product */  
  158.     /*        p.gf-buy {display: none !important; }   */  
  159.            
  160.             /* Reveal points in popup when you click on an ASC id or aviator.  
  161.                thanks to turingtest2.  
  162.                  https://discussions.apple.com/message/30179703#30179703 */  
  163.             .level-points > span {display: inherit !important;}     /* Display point information */  
  164.        
  165.             /* 0.64 insertion point */  
  166.        
  167.         /* Combine duplicate code here.  v 0.61 */  
  168.      
  169.         /* ---------------------------------------------------------------------------------  
  170.             BODY  
  171.         */  
  172.         body.j-body-welome,             /* Welcome */  
  173.         body.j-body-place,              /* Community */  
  174.         body.j-body-yourwork,           /* Content */  
  175.         body.j-body-home,               /* Activity */  
  176.         body.j-body-yourconnections,    /* People */  
  177.         body.j-body-preferences,        /* Preferences */  
  178.         body.jive-body-content,         /* Thread */  
  179.         body.jive-body-search,          /* Search */  
  180.         body.jive-view-profile          /* Profile */  
  181.         {                                                                       /* v0.43 */  
  182.             background: white !important;   /* Effectively overrides most of the body color.  
  183.                                               These are more specific.  */  
  184.         }  
  185.      
  186.      
  187.         /* ---------------------------------------------------------------------------------  
  188.             TEXT  
  189.         */  
  190.         /* line spacing */  
  191.         .jive-content { line-height: 1.25 !important; }  
  192.      
  193.      
  194.         /* ---------------------------------------------------------------------------------  
  195.             ASC HEADER AREA  
  196.         */  
  197.         #j-header,  
  198.         #j-compact-header,  
  199.         #j-footer { width: 100% !important; }  
  200.      
  201.         /* navigation header (Apple Support Communities ...) */  
  202.         #j-header-wrap {  
  203.             padding: 0px 40px !important;  
  204.             margin: 0px 0px 15px !important;  
  205.         }  
  206.         #j-globalNav-bg {  
  207.             padding: 0pX !important;  
  208.             margin: 0px !important;  
  209.         }  
  210.         #j-satNav { overflow: visible !important; }  
  211.         #jive-breadcrumb { right: 40px !important; }  
  212.      
  213.      
  214.         /* ---------------------------------------------------------------------------------  
  215.             THREAD LIST BROWSER - list of discussions in a Community  
  216.         */  
  217.      
  218.         /* show author name in 'Latest activity' column in detailed list view of threads */  
  219.         td.j-td-date > span { display : inherit !important; }  
  220.      
  221.         /* main section */  
  222.         #j-main { padding: 0px !important; }  
  223.      
  224.         /* table cell title */  
  225.         .jive-table td.jive-table-cell-title { padding: 5px !important; }  
  226.            
  227.         /* thread list view column widths */                                        /* v0.43 */  
  228.         .j-browse-details .j-td-title { max-width: none !important; }  
  229.         .j-browse-details .j-td-date {  
  230.             width: auto !important;  
  231.             max-width: 20% !important;  
  232.         }  
  233.         /* threads list view table tr td  */  
  234.         .j-browse-details-tbody tr td { padding: 5px !important; }  
  235.      
  236.         /* communities list view table tr td */  
  237.         .jive-communities-listing table tr td { padding: 5px !important; }  
  238.      
  239.         /* thumbnails view width */  
  240.         .j-browse-content .j-thumb-view,  
  241.         .j-browse-places .j-browse-thumbnails,  
  242.         .j-browse-people .j-browse-thumbnails { width: 100% !important; }  
  243.      
  244.         /* thumbnail view list item margin */                                        /* v0.43 */  
  245.         .j-browse-content .j-thumb-view > li,  
  246.         .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }  
  247.      
  248.         /* social actions row */  
  249.         .apple-social-actions-wrapper { margin-right: 0px !important; }  
  250.         .j-thread .j-social-actions { margin-right: 40px !important; }  
  251.      
  252.         /* apple header, subheader row ("Find helpful contents..." etc )    fixed in v0.43 */  
  253.         #apple-full-subheader,  
  254.         #apple-activity-subheader {  
  255.             padding: 0px 40px 15px !important;  
  256.             margin-bottom: 15px !important;  
  257.         }  
  258.         #apple-full-header h2,  
  259.         #apple-activity-header h2 { padding: 0px 40px !important; }  
  260.      
  261.         /* page header */  
  262.         .j-body-place #jive-body > header.j-page-header {  
  263.             margin-left: 40px !important;  
  264.             margin-right: 40px !important;  
  265.             width: auto !important;  
  266.         }  
  267.      
  268.         /* browser filter row */  
  269.         #j-browse-filters { margin-bottom: 5px !important; }  
  270.      
  271.         /* browser controls row */  
  272.         .j-type-row { margin-bottom: 0px !important; }  
  273.      
  274.         /* browser controls content types (All Contents|User Tips|Discussions) width */  
  275.         #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }  
  276.      
  277.         /* browser controls view toggle (Thumbnails|Details) width */  
  278.         #js-browse-controls #j-item-view-toggle {  
  279.             width: 10% !important;  
  280.             display: table !important;  
  281.         }  
  282.      
  283.         /* content filter row (All|Open|Answered|Threads) */  
  284.         .j-content-filter {  
  285.             background: white !important;  
  286.             margin-bottom: 10px !important;  
  287.         }  
  288.      
  289.         /* container canvas */  
  290.         .j-contained {  
  291.             margin-left: 40px !important;  
  292.             margin-right: 40px !important;  
  293.         }  
  294.      
  295.         /* category filter bar */  
  296.         .jive-content-filter {  
  297.             left: 0px !important;  
  298.             width: 80% !important;  
  299.         }  
  300.         .touchcarousel-wrapper { width: 100% !important; }  
  301.         .touchcarousel .tc-paging-container { width: 90% !important; }                /* v0.41 */  
  302.      
  303.         /* more search results available */  
  304.         #j-more-search-results-available { padding: 10px !important; }  
  305.      
  306.         /* misc */  
  307.         .jive-widget { margin-bottom: 10px !important; }  
  308.         .j-column { margin-bottom: 10px !important; }  
  309.      
  310.      
  311.         /* ---------------------------------------------------------------------------------  
  312.             THREAD CONTENT BROWSER - Displays the contents of the posts.  
  313.         */  
  314.         /* thread header */  
  315.         .apple-thread-header {  
  316.             width: auto !important;  /* v0.6 no more*/  
  317.             margin-bottom: 10px !important;  
  318.             margin-left: 40px !important;  
  319.         }  
  320.      
  321.         /* thread original post */  
  322.         .j-thread .jive-content { margin: 0px 40px 0px 140px !important; }  
  323.      
  324.         /* thread replies ul */  
  325.         ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }  
  326.      
  327.         /* thread reply li */  
  328.         .jive-discussion-replies li.reply { margin-top: 15px !important; }  
  329.      
  330.         /* thread view indent */  
  331.         .jive-discussion-indent-1 li.reply { padding-left: 15px !important; }  
  332.      
  333.         /* thread info */  
  334.         .jive-thread-info {  
  335.             padding: 10px 40px !important;  
  336.             margin: 0px !important;  
  337.         }  
  338.      
  339.         /* thread answer rollup */  
  340.         .j-answer-rollup { margin: 30px 0px !important; }  
  341.      
  342.         /* thread post header (poster, date, response to) */  
  343.         .j-thread-post > header {  
  344.             padding: 10px 20px 0px 20px !important;  
  345.             margin-bottom: 12px !important;  
  346.         }  
  347.      
  348.         /* thread post section (message body) */  
  349.         .j-thread-post section {  
  350.             padding: 0px 20px !important;  
  351.             margin-bottom: 6px !important;  
  352.         }  
  353.      
  354.         /* thread post footer (Like|Reply etc) */  
  355.         .j-thread-post footer { padding: 0px 15px !important; }  
  356.         .j-thread-post footer > ul { padding: 2px !important; }  
  357.         .j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }  
  358.      
  359.         /* thread rendered content. The text in the orginal post and replies.  */  
  360.         .jive-rendered-content {  
  361.             padding-bottom: 4px !important;  
  362.         }  
  363.      
  364.         /* thread rendered content quote & pre */  
  365.         .jive-rendered-content .jive-quote,  
  366.         .jive-rendered-content .jive-pre {  
  367.             margin: 5px 15px !important;  
  368.         }  
  369.      
  370.         /* thread reply footer (Return to Community|Go to original post) */  
  371.         #jive-thread-reply-footer {    margin-top: 10px !important; }  
  372.      
  373.         /* more like this links, incoming links */  
  374.         #apple-related-threads { margin: 0px 40px !important; }  
  375.         #apple-related-threads .j-box { margin-bottom: 0px !important; }  
  376.         .j-icon-list li { padding: 3px 0px 3px 22px !important; }  
  377.      
  378.      
  379.         /* ---------------------------------------------------------------------------------  
  380.             INLINE EDITOR  
  381.         */  
  382.         /* editor */  
  383.         .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }  
  384.      
  385.      
  386.         /* ---------------------------------------------------------------------------------  
  387.             ADVANCED EDITOR  
  388.         */  
  389.         /* content area */  
  390.         .j-thread .jive-content.jive-create-thread,  
  391.         .jive-body-formpage-document .jive-content.doc-page {  
  392.             margin: 0px 40px !important;  
  393.             padding: 0px !important;  
  394.         }  
  395.      
  396.         /* header */  
  397.         .j-thread .jive-content.jive-create-thread h2,  
  398.         .jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }  
  399.      
  400.         /* editor panel */  
  401.         .j-thread .jive-content.jive-create-thread #jive-compose-title,  
  402.         .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,  
  403.         .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,  
  404.         .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }  
  405.      
  406.         /* line height in editor */  
  407.         body.tiny_mce_content { line-height: inherit !important; }  
  408.      
  409.         /* replying to */  
  410.         .jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }  
  411.      
  412.         /* buttons (Reply|Cancel) */  
  413.         .j-publishbar,  
  414.         .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }  
  415.      
  416.      
  417.         /* ---------------------------------------------------------------------------------  
  418.             SEARCH RESULTS  
  419.         */  
  420.         /* search result entry */  
  421.         .j-search-results-main-container .j-search-result  
  422.             { padding: 10px !important; }    /* v0.43 */  
  423.      
  424.      
  425.         /* ---------------------------------------------------------------------------------  
  426.             DOC (USER TIP)  
  427.         */                                                                            /* v0.43 */  
  428.         /* user tip canvas */  
  429.         .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }  
  430.      
  431.      
  432.         /* ---------------------------------------------------------------------------------  
  433.             PROFILE  
  434.         */                                                                            /* v0.43 */  
  435.         /* header & navigation bar (Bio|Activity|Content|Communities) */  
  436.         .j-view-profile .j-page-header { padding: 10px 40px !important; }  
  437.         .j-bigtab-nav { margin: 10px 40px !important; }  
  438.      
  439.         /* Bio */  
  440.         .j-layout-l .j-column-wrap-l { width: 100% !important; }  
  441.      
  442.         /* Communities (places) sidebar ui blue marker adjustment  
  443.             (according to the sidebar width changed to 166px from 180px for selector:  
  444.             .j-layout-sl.j-browse-places .j-column-s in PLACES section)  */  
  445.         .j-view-profile .j-second-nav ul > li.active  { width: 156px !important; }  
  446.      
  447.      
  448.      
  449.      
  450.     /* Wide screen browser  
  451.         ===================  
  452.      
  453.         This rule set will be fine for normal to wide window whose width is ca. 1265px or greater.  
  454.         However, it will not be beneficial to very narrow window of 700-900px in width.  
  455.     */  
  456.      
  457.     @media all and (min-width: 1265px) {                                               /* v0.6 */  
  458.         /* ---------------------------------------------------------------------------------  
  459.             BODY  
  460.         */  
  461.      
  462.         body {  
  463.             background: white;  
  464.             min-width: 0px !important;  
  465.         }  
  466.         #body-apple {  
  467.             width: 100% !important;  
  468.             min-width: 0px !important;  
  469.         }  
  470.      
  471.      
  472.         /* ---------------------------------------------------------------------------------  
  473.             ASC TOP PAGE  
  474.         */  
  475.         #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */  
  476.         #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com */  
  477.                                                             /* v0.42 */  
  478.         #jive-widgetframe-body_20835   > .content-large        /* discussionskorea.apple.com */  
  479.                                                             /* v0.42 */  
  480.         {                                                    /* added parent id in v0.41 */  
  481.             text-align: center !important;  
  482.             overflow-x: auto !important;  
  483.             overflow-y: hidden !important;  
  484.         }  
  485.         .apple-communities {  
  486.             display: inline-block !important;  
  487.             width: 1120px !important;  
  488.             text-align: left !important;  
  489.         }  
  490.      
  491.      
  492.         /* ---------------------------------------------------------------------------------  
  493.             THREAD LIST BROWSER - list of discussions in a Community  
  494.         */  
  495.      
  496.      
  497.         /* ------------------  
  498.             When uncommented, hide Like and Bookmark columns in thread list view.  
  499.         */                                                                /* v0.43 (optional) */  
  500.         /* ~~~~~~~~~~~~~~~~~~~~ (currently commented out) ~~~>  
  501.         .j-browse-details .j-td-likes,  
  502.         .j-browse-details .j-td-bookmarks { display: none !important; }  
  503.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,  
  504.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th  
  505.             { display: none !important; }  
  506.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th  
  507.             { display: table-cell !important; }  
  508.         <~~~~~~~~~~~~~~~~~~~~  */  
  509.      
  510.      
  511.         /* ------------------  
  512.             Treatment for narrow window  
  513.             Method 1 (minimum optimization)  
  514.      
  515.             Adjust thread list table's shift and margin to maximize its width.  
  516.         */                                                                                /* v0.43 */  
  517.         .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }  
  518.         .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }  
  519.         .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }  
  520.         /* ------------------ */  
  521.      
  522.         /* ------------------  
  523.             Swap left-right positions of thread list table and sidebar ui (filters & actions)  
  524.         */                                                                                /* fixed in v0.43 */  
  525.         /* let thread list table float left */  
  526.         .j-layout-sl.j-browse-content .j-column-wrap-l,  
  527.         .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }  
  528.      
  529.         /* let sidebar ui float right */  
  530.         .j-layout-sl.j-browse-content .j-column-s,  
  531.         .j-layout-sl.j-browse-places .j-column-s { float: right !important; }  
  532.         /* ------------------ */  
  533.      
  534.      
  535.         /* ---------------------------------------------------------------------------------  
  536.             THREAD CONTENT BROWSER - Displays the contents of the posts.  
  537.         */  
  538.      
  539.         /*  
  540.           Put the brakes on infinite expansion of text.  Sets how wide the text display area in a  
  541.           window can get. Eventhou the window maybe large, folks find it easier to read  
  542.           the words when the text area is smaller.  
  543.         */  
  544.         /* Original post.  Includes answering post if present */  
  545.         /* posts in thread */  
  546.         /* Types of replies */  
  547.         #jive-thread-messages-container,  
  548.         /* Advanced reply */  
  549.         #jive-body {  
  550.             max-width: 1100px !important;    /* v0.61 */  
  551.          }  
  552.        
  553.      
  554.         /* ------------------  
  555.             Treatment for narrow window  
  556.             Method 1 (minimum optimization)  
  557.      
  558.             Adjust community list table's shift and margin to maximize its width.  
  559.         */                                                                            /* v0.43 */  
  560.         .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }  
  561.         .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }  
  562.         .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }  
  563.         .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }  
  564.         /* ------------------ */  
  565.      
  566.         /* ---------------------------------------------------------------------------------  
  567.             ACTIVITY STREAM  
  568.         */  
  569.         /* activity entry */  
  570.         .j-act-entry { padding: 5px 0px 10px 100px !important; }  
  571.      
  572.         /* activity title */  
  573.         .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }  
  574.      
  575.         /* activity body & comment */                                                /* v0.43 */  
  576.         .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }  
  577.         .apple-activity-comments-wrapper { margin-left: 0px !important; }  
  578.      
  579.         /* Like list */  
  580.         .j-act-grouped .j-act-g-item { padding: 3px !important; }  
  581.      
  582.         /* -----------------------------------------------------------------------------------  
  583.            PLACES  
  584.         */                                                                            /* v0.43 */  
  585.         /* latest activity column */  
  586.         .j-browse-details .j-td-activity { max-width: 650px !important; }  
  587.      
  588.      
  589.     } /* end of media for wide screen */  
  590.      
  591.      
  592.       /* Narrow screen browser  
  593.          =====================  
  594.       */  
  595.      
  596.       @media all and (max-width: 1265px) {                                           /* v0.6 */  
  597.         /* styles for small screens ( narrow browsers window )  
  598.            ========================  
  599.          
  600.            Narrow is basically the same as the above wide screen browser except that this lets  
  601.            the sidebar column (filter column) in list view be pushed down or up in layout flow  
  602.            to make room for the main column (table column) when the window is not wide enough.  
  603.            It is done by setting margin-left and padding-left of main column to 0 and setting  
  604.            max-width of main column, which is currently 1019px.  Consequently, if window width  
  605.            is less than 1265px (= 40 (margin-left) + 1019 (main column) + 166 (sidebar colum)  
  606.            + 40 (margin-right)), sidebar column is pushed down or up according to document  
  607.            tree order. This rule set is intended to be useful for normal to narrow window  
  608.            whose width is in range ca. 700-1400px. It can be used for wider window as well but  
  609.            there's no point to set the max-width of main column in order to move sidebar  
  610.            column when the window is wide enough.  
  611.          
  612.            custom styles for Apple Support Communities board system introduced in 2014-06  
  613.            (v 0.5)  
  614.         */  
  615.              
  616.         /* -----------------------------------------------------------------------------------  
  617.             BODY  
  618.         */  
  619.      
  620.         body {  
  621.             background: white;  
  622.             min-width: 0px !important;  
  623.         }  
  624.      
  625.         #body-apple {  
  626.             width: 100% !important;  
  627.             min-width: 0px !important;  
  628.         }  
  629.      
  630.         /* Text reflow problem with New Activity Content etc.  
  631.            https://discussions.apple.com/thread/7517905    
  632.            Provide work-around.  Maybe Firefox issue.  
  633.         */  
  634.         #apple-site-title { font-size: 14px !important; }  
  635.      
  636.         /* -----------------------------------------------------------------------------------  
  637.             ASC TOP PAGE  
  638.         */  
  639.         #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */  
  640.         #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com v0.42 */  
  641.         #jive-widgetframe-body_20835   > .content-large     /* discussionskorea.apple.com v0.42 */  
  642.         {                                                   /* added parent id in v0.41 */  
  643.             text-align: center !important;  
  644.             overflow-x: auto !important;  
  645.             overflow-y: hidden !important;  
  646.         }  
  647.         .apple-communities {  
  648.             display: inline-block !important;  
  649.             width: 1120px !important;  
  650.             text-align: left !important;  
  651.         }  
  652.      
  653.      
  654.         /* -----------------------------------------------------------------------------------  
  655.             THREAD LIST BROWSER  
  656.         */  
  657.      
  658.         /* ------------------  
  659.             Hide Like and Bookmark columns in thread list view.  
  660.         */                                                                            /* v0.43 */  
  661.         /* ------------------ display in small screen        changed 0.6 */  
  662.         .j-browse-details .j-td-likes,  
  663.         .j-browse-details .j-td-bookmarks { display: none !important; }  
  664.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,  
  665.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th  
  666.             { display: none !important; }  
  667.         .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th  
  668.             { display: table-cell !important; }  
  669.         /* ------------------ */  
  670.      
  671.      
  672.         /* ------------------  
  673.             Treatment for narrow window  
  674.             Method 1 (minimum optimisation)  
  675.      
  676.             Adjust thread list table's shift and margin to maximize its width.  
  677.         */                                                                            /* v0.43 */  
  678.         /* ------------------ (currently commented out)  
  679.         .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }  
  680.         .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }  
  681.         .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }  
  682.         ------------------ */  
  683.         /* ------------------  
  684.             Treatment for narrow window  
  685.             Method 2 (more beneficial to narrow window but has disadvantage for wide window)  
  686.          
  687.             Let thread list table have full width but not exceed 1019px to make room for sidebar  
  688.             ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui is displayed  
  689.             next to thread list table, otherwise it is displayed below or above it (depending  
  690.             upon its document tree order).  
  691.          
  692.             * sidebar width (constant)    = 166px  
  693.             * thread table max width      = 1019px  
  694.             * canvas margin-left          = 40px  
  695.             * canvas margin-right         = 40px  
  696.             ---------------------------------------  
  697.             * total                       = 1265px  
  698.         */                                                                          /* v0.5 */  
  699.         /* ------------------ (currently active) */  
  700.         .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }  
  701.         .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }  
  702.         .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }  
  703.         .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }  
  704.         /* ------------------ */  
  705.      
  706.         /* ------------------  
  707.             Swap left-right positions of thread list table and sidebar ui (filters & actions)  
  708.         */                                                                    /* fixed in v0.43 */  
  709.         /* let thread list table float left */  
  710.         .j-layout-sl.j-browse-content .j-column-wrap-l,  
  711.         .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }  
  712.      
  713.         /* let sidebar ui float right */  
  714.         .j-layout-sl.j-browse-content .j-column-s,  
  715.         .j-layout-sl.j-browse-places .j-column-s { float: right !important; }  
  716.         /* ------------------ */  
  717.      
  718.      
  719.         /* -----------------------------------------------------------------------------------  
  720.             THREAD CONTENT BROWSER - Displays the contents of the posts.  
  721.         */  
  722.      
  723.         /* -----------------------------------------------------------------------------------  
  724.             ACTIVITY STREAM  
  725.         */  
  726.         /* activity entry */  
  727.         .j-act-entry { padding: 5px 0px 10px 100px !important; }  
  728.      
  729.         /* activity title */  
  730.         .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }  
  731.      
  732.         /* activity body & comment */                                                /* v0.43 */  
  733.         .j-body-home .j-act-init,  
  734.         .j-view-profile .j-act-init { padding: 5px 0px 10px 100px !important; }  
  735.         .apple-activity-comments-wrapper { margin-left: 0px !important; }  
  736.      
  737.         /* Like list */  
  738.         .j-act-grouped .j-act-g-item { padding: 3px !important; }  
  739.      
  740.      
  741.      
  742.         /* -----------------------------------------------------------------------------------  
  743.             PLACES  
  744.         */                                                                         /* v0.43 */  
  745.         /* latest activity column */  
  746.         .j-browse-details .j-td-activity { max-width: 650px !important; }  
  747.      
  748.      
  749.         /* ------------------  
  750.             Treatment for narrow window  
  751.             Method 1 (minimum optimisation)  
  752.      
  753.             Adjust community list table's shift and margin to maximize its width.  
  754.         */                                                                            /* v0.43 */  
  755.         /* ------------------ (currently commented out)  
  756.         .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }  
  757.         .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }  
  758.         .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }  
  759.         ------------------ */  
  760.         /* ------------------  
  761.             Treatment for narrow window  
  762.             Method 2 (more beneficial to narrow window but has disadvantage for wide window)  
  763.          
  764.             Let community list table have full width but not exceed 1019px to make room for  
  765.             sidebar ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui  
  766.             is displayed next to community list table, otherwise it is displayed below or above  
  767.             it (depending upon its document tree order).  
  768.          
  769.             * sidebar width (constant)    = 166px  
  770.             * community table max width   = 1019px  
  771.             * canvas margin-left          = 40px  
  772.             * canvas margin-right         = 40px  
  773.             ---------------------------------------  
  774.             * total                       = 1265px  
  775.         */                                                                            /* v0.5 */  
  776.         /* ------------------ (currently active) */  
  777.         .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }  
  778.         .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }  
  779.         .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }  
  780.         .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }  
  781.         .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }      
  782.         /* ------------------ */  
  783.      
  784.      
  785.       }  /* end of media for narrow browsers. */  
  786.      
  787.      
  788.     } /* @-moz-document */  
  789.      
  790.     /* Leave the login window footer alone. So, turn these fields back on.  
  791.         */  
  792.         @-moz-document  
  793.         url-prefix(https://discussions.apple.com/people/),  
  794.         url-prefix(https://discussions.apple.com/welcome),  
  795.         url-prefix(https://discussionsjapan.apple.com/people/),    
  796.         url-prefix(https://discussionsjapan.apple.com/welcome/),  
  797.         url-prefix(https://discussionskorea.apple.com/people/),  
  798.         url-prefix(https://discussionskorea.apple.com/welcome/)      
  799.             {  
  800.             /* legalistic bomblast on login window*/  
  801.             #globaldisclaimer.sosumi {display: inherit !important; }        
  802.             /* path to here */  
  803.             #j-footer #breadcrumbs {display: inherit !important; }  
  804.             /* apple product info */  
  805.             p.gf-buy {display: inherit !important; }  
  806.            
  807.         }
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!