API tools faq
paste
Advertisement
rccharles

asc combined version 0.60

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