API tools faq
paste
Advertisement
rccharles

ASC CSS modifications with fewer badges

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