API tools faq
paste
Advertisement
rccharles

wzzz post #3

rccharles
Mar 13th, 2017
517
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.23 KB | None | 0 0
raw download clone embed print report
  1.  /*
  2.  
  3.      custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.6)
  4.  
  5.  
  6.  
  7.      Copyright 2014 Hiroto,  et. al.
  8.  
  9.  
  10.  
  11.      GNU General Public License
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.      This program is free software: you can redistribute it and/or modify
  20.  
  21.      it under the terms of the GNU General Public License as published by
  22.  
  23.      the Free Software Foundation,  version 3
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.      This program is distributed in the hope that it will be useful,
  32.  
  33.      but WITHOUT ANY WARRANTY; without even the implied warranty of
  34.  
  35.      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  36.  
  37.      GNU General Public License for more details.
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.      For a copy of the GNU General Public License
  46.  
  47.      see <http://www.gnu.org/licenses/>.
  48.  
  49.  
  50.  
  51.      Change Log:
  52.  
  53.      -- Fold versions 0.43 and 0.50 into this version.
  54.  
  55.      -- Added media tag to select on screen size.
  56.  
  57.      -- Scroll large code listings
  58.  
  59.      -- Change color highlights unread posts
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  */
  68.  
  69.  @-moz-document
  70.  
  71.  domain(discussions.apple.com)
  72.  
  73.  {
  74.  
  75.      /* staus level, expertise */
  76.  
  77.      .j-status-level.expertise-tile { display: none !important; }
  78.  
  79.      .profile-status-container { display: none !important; }
  80.  
  81.      .status-row { display: none !important; }
  82.  
  83.  }
  84.  
  85.  @-moz-document
  86.  
  87.  url-prefix(https://discussions.apple.com/community/),
  88.  
  89.  url-prefix(https://discussions.apple.com/people/),
  90.  
  91.  url-prefix(https://discussions.apple.com/content)
  92.  
  93.  {
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  /* Scroll code listings.  set max-height of syntax highlighted code in thread content browser */
  102.  
  103.  .jive-rendered-content .dp-highlighter {
  104.  
  105.       max-height: 500px !important;
  106.  
  107.       overflow: auto !important;
  108.  
  109.  }                                                                                     /* added in v0.6 */
  110.  
  111.  /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled) */
  112.  
  113.  .jive-rendered-content pre {
  114.  
  115.       max-height: 500px !important;
  116.  
  117.       overflow: auto !important;
  118.  
  119.  }
  120.  
  121.                                                                                        /* added in v0.6 */
  122.  
  123.                                                                        
  124.  
  125.  /* highlights in dark blue unread posts when logged in.                               added in v0.6 */
  126.  
  127.  .j-td-title strong {color:#191970 !important; font-weight: normal !important;}
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  /* Wide screen browser
  136.  
  137.      ===================
  138.  
  139.  
  140.  
  141.      This rule set will be fine for normal to wide window whose width is ca. 1265px or greater.
  142.  
  143.      However, it will not be beneficial to very narrow window of 700-900px in width.
  144.  
  145.  */
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  @media all and (min-width: 1265px)                                                 /* added in v0.6 */
  154.  
  155.    {
  156.  
  157.         /* ------------------------------------------------------------------------------- -----------------
  158.  
  159.          BODY
  160.  
  161.      */
  162.  
  163.      body.j-body-welome,                /* Welcome */
  164.  
  165.      body.j-body-place,                /* Community */
  166.  
  167.      body.j-body-yourwork,            /* Content */
  168.  
  169.      body.j-body-home,                /* Activity */
  170.  
  171.      body.j-body-yourconnections,    /* People */
  172.  
  173.      body.j-body-preferences,        /* Preferences */
  174.  
  175.      body.jive-body-content,            /* Thread */
  176.  
  177.      body.jive-body-search,            /* Search */
  178.  
  179.      body.jive-view-profile            /* Profile */
  180.  
  181.      {                                                                                  /* added in v0.43 */
  182.  
  183.          background: white !important;
  184.  
  185.      }
  186.  
  187.      body {
  188.  
  189.          background: white;
  190.  
  191.          min-width: 0px !important;
  192.  
  193.      }
  194.  
  195.      #body-apple {
  196.  
  197.          width: 100% !important;
  198.  
  199.         min-width: 0px !important;
  200.  
  201.     }
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211.     /* ------------------------------------------------------------------------------- -----------------
  212.  
  213.         TEXT
  214.  
  215.     */
  216.  
  217.     /* line spacing */
  218.  
  219.     .jive-content { line-height: 1.25 !important; }
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229.     /* ------------------------------------------------------------------------------- -----------------
  230.  
  231.         ASC HEADER AREA
  232.  
  233.     */
  234.  
  235.     #j-header,
  236.  
  237.     #j-compact-header,
  238.  
  239.     #j-footer { width: 100% !important; }
  240.  
  241.  
  242.  
  243.     /* navigation header (Apple Support Communities ...) */
  244.  
  245.     #j-header-wrap {
  246.  
  247.         padding: 0px 40px !important;
  248.  
  249.         margin: 0px 0px 15px !important;
  250.  
  251.     }
  252.  
  253.     #j-globalNav-bg {
  254.  
  255.         padding: 0pX !important;
  256.  
  257.         margin: 0px !important;
  258.  
  259.     }
  260.  
  261.     #j-satNav { overflow: visible !important; }
  262.  
  263.     #jive-breadcrumb { right: 40px !important; }
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.     /* ------------------------------------------------------------------------------- -----------------
  274.  
  275.         ASC TOP PAGE
  276.  
  277.     */
  278.  
  279.     #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */
  280.  
  281.     #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com */    /* added in v0.42 */
  282.  
  283.     #jive-widgetframe-body_20835   > .content-large        /* discussionskorea.apple.com */    /* added in v0.42 */
  284.  
  285.     {                                                    /* added parent id in v0.41 */
  286.  
  287.         text-align: center !important;
  288.  
  289.         overflow-x: auto !important;
  290.  
  291.         overflow-y: hidden !important;
  292.  
  293.     }
  294.  
  295.     .apple-communities {
  296.  
  297.         display: inline-block !important;
  298.  
  299.         width: 1120px !important;
  300.  
  301.         text-align: left !important;
  302.  
  303.     }
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.     /* ------------------------------------------------------------------------------- -----------------
  314.  
  315.         THREAD LIST BROWSER
  316.  
  317.     */
  318.  
  319.     /* show author name in 'Latest activity' column in detailed list view of threads */
  320.  
  321.     td.j-td-date > span { display : inherit !important; }
  322.  
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329.     /* main section */
  330.  
  331.     #j-main { padding: 0px !important; }
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.     /* table cell title */
  340.  
  341.     .jive-table td.jive-table-cell-title { padding: 5px !important; }
  342.  
  343.    
  344.  
  345.     /* thread list view column widths */                                            /* added in v0.43 */
  346.  
  347.     .j-browse-details .j-td-title { max-width: none !important; }
  348.  
  349.     .j-browse-details .j-td-date {
  350.  
  351.         width: auto !important;
  352.  
  353.         max-width: 20% !important;
  354.  
  355.     }
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.     /* ------------------
  364.  
  365.       Hide Like and Bookmark columns in thread list view.
  366.  
  367.    */                                                            /* added in v0.43 (optional) */
  368.  
  369.    /* ------------------ (currently commented out)  */
  370.  
  371.    .j-browse-details .j-td-likes,
  372.  
  373.    .j-browse-details .j-td-bookmarks { display: none !important; }
  374.  
  375.    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
  376.  
  377.    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }
  378.  
  379.    .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }
  380.  
  381.    /* ------------------ */
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.     /* threads list view table tr td  */
  390.  
  391.     .j-browse-details-tbody tr td { padding: 5px !important; }
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.     /* communities list view table tr td */
  400.  
  401.     .jive-communities-listing table tr td { padding: 5px !important; }
  402.  
  403.  
  404.  
  405.     /* thumbnails view width */
  406.  
  407.     .j-browse-content .j-thumb-view,
  408.  
  409.     .j-browse-places .j-browse-thumbnails,
  410.  
  411.     .j-browse-people .j-browse-thumbnails { width: 100% !important; }
  412.  
  413.  
  414.  
  415.     /* thumbnail view list item margin */                                            /* added in v0.43 */
  416.  
  417.     .j-browse-content .j-thumb-view > li,
  418.  
  419.     .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.     /* social actions row */
  428.  
  429.     .apple-social-actions-wrapper { margin-right: 0px !important; }
  430.  
  431.     .j-thread .j-social-actions { margin-right: 40px !important; }
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439.     /* apple header, subheader row ("Find helpful contents..." etc )*/                /* fixed in v0.43 */
  440.  
  441.     #apple-full-subheader,
  442.  
  443.     #apple-activity-subheader {
  444.  
  445.         padding: 0px 40px 15px !important;
  446.  
  447.         margin-bottom: 15px !important;
  448.  
  449.     }
  450.  
  451.     #apple-full-header h2,
  452.  
  453.     #apple-activity-header h2 { padding: 0px 40px !important; }
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460.  
  461.     /* page header */
  462.  
  463.     .j-body-place #jive-body > header.j-page-header {
  464.  
  465.         margin-left: 40px !important;
  466.  
  467.         margin-right: 40px !important;
  468.  
  469.         width: auto !important;
  470.  
  471.     }
  472.  
  473.  
  474.  
  475.     /* browser filter row */
  476.  
  477.     #j-browse-filters { margin-bottom: 5px !important; }
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484.  
  485.     /* browser controls row */
  486.  
  487.     .j-type-row { margin-bottom: 0px !important; }
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495.     /* browser controls content types (All Contents|User Tips|Discussions) width */
  496.  
  497.     #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
  498.  
  499.  
  500.  
  501.     /* browser controls view toggle (Thumbnails|Details) width */
  502.  
  503.     #js-browse-controls #j-item-view-toggle {
  504.  
  505.         width: 10% !important;
  506.  
  507.         display: table !important;
  508.  
  509.     }
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.     /* content filter row (All|Open|Answered|Threads) */
  518.  
  519.     .j-content-filter {
  520.  
  521.         background: white !important;
  522.  
  523.         margin-bottom: 10px !important;
  524.  
  525.     }
  526.  
  527.  
  528.  
  529.     /* container canvas */
  530.  
  531.     .j-contained {
  532.  
  533.         margin-left: 40px !important;
  534.  
  535.         margin-right: 40px !important;
  536.  
  537.     }
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.     /* category filter bar */
  546.  
  547.     .jive-content-filter {
  548.  
  549.         left: 0px !important;
  550.  
  551.         width: 80% !important;
  552.  
  553.     }
  554.  
  555.     .touchcarousel-wrapper { width: 100% !important; }
  556.  
  557.     .touchcarousel .tc-paging-container { width: 90% !important; }                    /* added in v0.41 */
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.     /* more search results available */
  566.  
  567.     #j-more-search-results-available { padding: 10px !important; }
  568.  
  569.  
  570.  
  571.     /* misc */
  572.  
  573.     .jive-widget { margin-bottom: 10px !important; }
  574.  
  575.     .j-column { margin-bottom: 10px !important; }
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.     /* ------------------
  586.  
  587.         Treatment for narrow window
  588.  
  589.         Method 1 (minimum optimisation)
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.         Adjust thread list table's shift and margin to maximize its width.
  598.  
  599.     */                                                                                  /* added in v0.43 */
  600.  
  601.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
  602.  
  603.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }
  604.  
  605.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  606.  
  607.     /* ------------------ */
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.     /* ------------------
  616.  
  617.         Swap left-right positions of thread list table and sidebar ui (filters & actions)
  618.  
  619.     */                                                                                  /* fixed in v0.43 */
  620.  
  621.     /* let thread list table float left */
  622.  
  623.     .j-layout-sl.j-browse-content .j-column-wrap-l,
  624.  
  625.     .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.     /* let sidebar ui float right */
  634.  
  635.     .j-layout-sl.j-browse-content .j-column-s,
  636.  
  637.     .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
  638.  
  639.     /* ------------------ */
  640.  
  641.  
  642.  
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649.     /* ------------------------------------------------------------------------------- -----------------
  650.  
  651.         THREAD CONTENT BROWSER
  652.  
  653.     */
  654.  
  655.     /* thread header */
  656.  
  657.     .apple-thread-header {
  658.  
  659.         width: auto !important;
  660.  
  661.         margin-bottom: 10px !important;
  662.  
  663.         margin-left: 40px !important;
  664.  
  665.     }
  666.  
  667.  
  668.  
  669.     /* thread original post */
  670.  
  671.     .j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
  672.  
  673.  
  674.  
  675.     /* thread replies ul */
  676.  
  677.     ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
  678.  
  679.  
  680.  
  681.     /* thread reply li */
  682.  
  683.     .jive-discussion-replies li.reply { margin-top: 15px !important; }
  684.  
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.     /* thread view indent */
  692.  
  693.     .jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
  694.  
  695.  
  696.  
  697.     /* thread info */
  698.  
  699.     .jive-thread-info {
  700.  
  701.         padding: 10px 40px !important;
  702.  
  703.         margin: 0px !important;
  704.  
  705.     }
  706.  
  707.  
  708.  
  709.     /* thread answer rollup */
  710.  
  711.     .j-answer-rollup { margin: 30px 0px !important; }
  712.  
  713.  
  714.  
  715.     /* thread post header (poster, date, response to) */
  716.  
  717.     .j-thread-post > header {
  718.  
  719.         padding: 10px 20px 0px 20px !important;
  720.  
  721.         margin-bottom: 12px !important;
  722.  
  723.     }
  724.  
  725.  
  726.  
  727.     /* thread post section (message body) */
  728.  
  729.     .j-thread-post section {
  730.  
  731.         padding: 0px 20px !important;
  732.  
  733.         margin-bottom: 6px !important;
  734.  
  735.     }
  736.  
  737.  
  738.  
  739.     /* thread post footer (Like|Reply etc) */
  740.  
  741.     .j-thread-post footer { padding: 0px 15px !important; }
  742.  
  743.     .j-thread-post footer > ul { padding: 2px !important; }
  744.  
  745.     .j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  
  753.     /* thread rendered content */
  754.  
  755.     .jive-rendered-content { padding-bottom: 4px !important; }
  756.  
  757.  
  758.  
  759.     /* thread rendered content quote & pre */
  760.  
  761.     .jive-rendered-content .jive-quote,
  762.  
  763.     .jive-rendered-content .jive-pre {
  764.  
  765.         margin: 5px 15px !important;
  766.  
  767.     }
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774.  
  775.     /* thread reply footer (Return to Community|Go to original post) */
  776.  
  777.     #jive-thread-reply-footer {    margin-top: 10px !important; }
  778.  
  779.  
  780.  
  781.     /* more like this links, incomming links */
  782.  
  783.     #apple-related-threads { margin: 0px 40px !important; }
  784.  
  785.     #apple-related-threads .j-box { margin-bottom: 0px !important; }
  786.  
  787.     .j-icon-list li { padding: 3px 0px 3px 22px !important; }
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.     /* ------------------------------------------------------------------------------- -----------------
  798.  
  799.         INLINE EDITOR
  800.  
  801.     */
  802.  
  803.     /* editor */
  804.  
  805.     .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813.  
  814.  
  815.     /* ------------------------------------------------------------------------------- -----------------
  816.  
  817.         ADVANCED EDITOR
  818.  
  819.     */
  820.  
  821.     /* content area */
  822.  
  823.     .j-thread .jive-content.jive-create-thread,
  824.  
  825.     .jive-body-formpage-document .jive-content.doc-page {
  826.  
  827.         margin: 0px 40px !important;
  828.  
  829.         padding: 0px !important;
  830.  
  831.     }
  832.  
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839.     /* header */
  840.  
  841.     .j-thread .jive-content.jive-create-thread h2,
  842.  
  843.     .jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.     /* editor panel */
  852.  
  853.     .j-thread .jive-content.jive-create-thread #jive-compose-title,
  854.  
  855.     .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
  856.  
  857.     .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
  858.  
  859.     .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.     /* line height in editor */
  868.  
  869.     body.tiny_mce_content { line-height: inherit !important; }
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876.  
  877.     /* replying to */
  878.  
  879.     .jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886.  
  887.     /* buttons (Reply|Cancel) */
  888.  
  889.     .j-publishbar,
  890.  
  891.     .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
  892.  
  893.  
  894.  
  895.  
  896.  
  897.  
  898.  
  899.  
  900.  
  901.     /* ------------------------------------------------------------------------------- -----------------
  902.  
  903.         ACTIVITY STREAM
  904.  
  905.     */
  906.  
  907.     /* activity entry */
  908.  
  909.     .j-act-entry { padding: 5px 0px 10px 100px !important; }
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.     /* activity title */
  918.  
  919.     .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.     /* activity body & comment */                                                    /* added in v0.43 */
  928.  
  929.     .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
  930.  
  931.     .apple-activity-comments-wrapper { margin-left: 0px !important; }
  932.  
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939.     /* Like list */
  940.  
  941.     .j-act-grouped .j-act-g-item { padding: 3px !important; }
  942.  
  943.  
  944.  
  945.  
  946.  
  947.     /* ------------------------------------------------------------------------------- -----------------
  948.  
  949.         SEARCH RESULTS
  950.  
  951.     */
  952.  
  953.     /* search result entry */
  954.  
  955.     .j-search-results-main-container .j-search-result { padding: 10px !important; }    /* added in v0.43 */
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964.  
  965.     /* ------------------------------------------------------------------------------- -----------------
  966.  
  967.         DOC (USER TIP)
  968.  
  969.     */                                                                                  /* added in v0.43 */
  970.  
  971.     /* user tip canvas */
  972.  
  973.     .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
  974.  
  975.  
  976.  
  977.  
  978.  
  979.  
  980.  
  981.  
  982.  
  983.     /* ------------------------------------------------------------------------------- -----------------
  984.  
  985.         PROFILE
  986.  
  987.     */                                                                                  /* added in v0.43 */
  988.  
  989.     /* header & navigation bar (Bio|Activity|Content|Communities) */
  990.  
  991.     .j-view-profile .j-page-header { padding: 10px 40px !important; }
  992.  
  993.     .j-bigtab-nav { margin: 10px 40px !important; }
  994.  
  995.  
  996.  
  997.     /* Bio */
  998.  
  999.     .j-layout-l .j-column-wrap-l { width: 100% !important; }
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007.     /* Communities (places) sidebar ui blue marker adjustment
  1008.  
  1009.         (according to the sidebar width changed to 166px from 180px for selector: .j-layout-sl.j-browse-places .j-column-s
  1010.  
  1011.         in PLACES section)  */
  1012.  
  1013.     .j-view-profile .j-second-nav ul > li.active  { width: 156px !important; }
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023.     /* ------------------------------------------------------------------------------- -----------------
  1024.  
  1025.         PLACES
  1026.  
  1027.     */                                                                                  /* added in v0.43 */
  1028.  
  1029.     /* latest activity column */
  1030.  
  1031.     .j-browse-details .j-td-activity { max-width: 650px !important; }
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039.  
  1040.  
  1041.     /* ------------------
  1042.  
  1043.         Treatment for narrow window
  1044.  
  1045.         Method 1 (minimum optimisation)
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.         Adjust community list table's shift and margin to maximize its width.
  1054.  
  1055.     */                                                                                  /* added in v0.43 */
  1056.  
  1057.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }
  1058.  
  1059.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }
  1060.  
  1061.     .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }
  1062.  
  1063.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }
  1064.  
  1065.     /* ------------------ */
  1066.  
  1067. } /* end of wide screen */
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075. @media all and (max-width: 1265px)                                                 /* added in v0.6 */
  1076.  
  1077.   {
  1078.  
  1079.     /* styles for small screens ( narrow browsers window )
  1080.  
  1081.        ========================
  1082.  
  1083.  
  1084.  
  1085.        Narrow is basically the same as the above wide screen browser except that this lets the sidebar
  1086.  
  1087.        column (filter column) in list view be pushed down or up in layout flow to make room for the main
  1088.  
  1089.        column (table column) when the window is not wide enough. It is done by setting margin-left and
  1090.  
  1091.        padding-left of main column to 0 and setting max-width of main column, which is currently 1019px.
  1092.  
  1093.        Consequently, if window width is less than 1265px (= 40 (margin-left) + 1019 (main column) + 166
  1094.  
  1095.        (sidebar colum) + 40 (margin-right)), sidebar column is pushed down or up according to document
  1096.  
  1097.        tree order. This rule set is intended to be useful for normal to narrow window whose width is in
  1098.  
  1099.        range ca. 700-1400px. It can be used for wider window as well but there's no point to set the
  1100.  
  1101.        max-width of main column in order to move sidebar column when the window is wide enough.
  1102.  
  1103.  
  1104.  
  1105.           custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.5) */
  1106.  
  1107.      
  1108.  
  1109.     /* ------------------------------------------------------------------------------- -----------------
  1110.  
  1111.         BODY
  1112.  
  1113.     */
  1114.  
  1115.     body.j-body-welome,                /* Welcome */
  1116.  
  1117.     body.j-body-place,                /* Community */
  1118.  
  1119.     body.j-body-yourwork,            /* Content */
  1120.  
  1121.     body.j-body-home,                /* Activity */
  1122.  
  1123.     body.j-body-yourconnections,    /* People */
  1124.  
  1125.     body.j-body-preferences,        /* Preferences */
  1126.  
  1127.     body.jive-body-content,            /* Thread */
  1128.  
  1129.     body.jive-body-search,            /* Search */
  1130.  
  1131.     body.jive-view-profile            /* Profile */
  1132.  
  1133.     {                                                                                  /* added in v0.43 */
  1134.  
  1135.         background: white !important;
  1136.  
  1137.     }
  1138.  
  1139.     body {
  1140.  
  1141.         background: white;
  1142.  
  1143.         min-width: 0px !important;
  1144.  
  1145.     }
  1146.  
  1147.     #body-apple {
  1148.  
  1149.         width: 100% !important;
  1150.  
  1151.         min-width: 0px !important;
  1152.  
  1153.     }
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163.     /* ------------------------------------------------------------------------------- -----------------
  1164.  
  1165.         TEXT
  1166.  
  1167.     */
  1168.  
  1169.     /* line spacing */
  1170.  
  1171.     .jive-content { line-height: 1.25 !important; }
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177.  
  1178.  
  1179.  
  1180.  
  1181.     /* ------------------------------------------------------------------------------- -----------------
  1182.  
  1183.         ASC HEADER AREA
  1184.  
  1185.     */
  1186.  
  1187.     #j-header,
  1188.  
  1189.     #j-compact-header,
  1190.  
  1191.     #j-footer { width: 100% !important; }
  1192.  
  1193.  
  1194.  
  1195.     /* navigation header (Apple Support Communities ...) */
  1196.  
  1197.     #j-header-wrap {
  1198.  
  1199.         padding: 0px 40px !important;
  1200.  
  1201.         margin: 0px 0px 15px !important;
  1202.  
  1203.     }
  1204.  
  1205.     #j-globalNav-bg {
  1206.  
  1207.         padding: 0pX !important;
  1208.  
  1209.         margin: 0px !important;
  1210.  
  1211.     }
  1212.  
  1213.     #j-satNav { overflow: visible !important; }
  1214.  
  1215.     #jive-breadcrumb { right: 40px !important; }
  1216.  
  1217.  
  1218.  
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224.  
  1225.     /* ------------------------------------------------------------------------------- -----------------
  1226.  
  1227.         ASC TOP PAGE
  1228.  
  1229.     */
  1230.  
  1231.     #jive-widgetframe-body_5780758 > .content-large,    /* discussions.apple.com */
  1232.  
  1233.     #jive-widgetframe-body_188974  > .content-large,    /* discussionsjapan.apple.com */    /* added in v0.42 */
  1234.  
  1235.     #jive-widgetframe-body_20835   > .content-large        /* discussionskorea.apple.com */    /* added in v0.42 */
  1236.  
  1237.     {                                                    /* added parent id in v0.41 */
  1238.  
  1239.         text-align: center !important;
  1240.  
  1241.         overflow-x: auto !important;
  1242.  
  1243.         overflow-y: hidden !important;
  1244.  
  1245.     }
  1246.  
  1247.     .apple-communities {
  1248.  
  1249.         display: inline-block !important;
  1250.  
  1251.         width: 1120px !important;
  1252.  
  1253.         text-align: left !important;
  1254.  
  1255.     }
  1256.  
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265.     /* ------------------------------------------------------------------------------- -----------------
  1266.  
  1267.         THREAD LIST BROWSER
  1268.  
  1269.     */
  1270.  
  1271.     /* show author name in 'Latest activity' column in detailed list view of threads */
  1272.  
  1273.     td.j-td-date > span { display : inherit !important; }
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279.  
  1280.  
  1281.     /* main section */
  1282.  
  1283.     #j-main { padding: 0px !important; }
  1284.  
  1285.  
  1286.  
  1287.  
  1288.  
  1289.  
  1290.  
  1291.     /* table cell title */
  1292.  
  1293.     .jive-table td.jive-table-cell-title { padding: 5px !important; }
  1294.  
  1295.    
  1296.  
  1297.     /* thread list view column widths */                                            /* added in v0.43 */
  1298.  
  1299.     .j-browse-details .j-td-title { max-width: none !important; }
  1300.  
  1301.     .j-browse-details .j-td-date {
  1302.  
  1303.         width: auto !important;
  1304.  
  1305.         max-width: 20% !important;
  1306.  
  1307.     }
  1308.  
  1309.  
  1310.  
  1311.  
  1312.  
  1313.  
  1314.  
  1315.     /* ------------------
  1316.  
  1317.         Hide Like and Bookmark columns in thread list view.
  1318.  
  1319.     */                                                                                  /* added in v0.43 */
  1320.  
  1321.     /* ------------------ display in small screen        changed 0.6 */
  1322.  
  1323.     .j-browse-details .j-td-likes,
  1324.  
  1325.     .j-browse-details .j-td-bookmarks { display: none !important; }
  1326.  
  1327.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
  1328.  
  1329.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }
  1330.  
  1331.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }
  1332.  
  1333.     /* ------------------ */
  1334.  
  1335.  
  1336.  
  1337.  
  1338.  
  1339.  
  1340.  
  1341.     /* threads list view table tr td  */
  1342.  
  1343.     .j-browse-details-tbody tr td { padding: 5px !important; }
  1344.  
  1345.  
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.     /* communities list view table tr td */
  1352.  
  1353.     .jive-communities-listing table tr td { padding: 5px !important; }
  1354.  
  1355.  
  1356.  
  1357.     /* thumbnails view width */
  1358.  
  1359.     .j-browse-content .j-thumb-view,
  1360.  
  1361.     .j-browse-places .j-browse-thumbnails,
  1362.  
  1363.     .j-browse-people .j-browse-thumbnails { width: 100% !important; }
  1364.  
  1365.  
  1366.  
  1367.     /* thumbnail view list item margin */                                            /* added in v0.43 */
  1368.  
  1369.     .j-browse-content .j-thumb-view > li,
  1370.  
  1371.     .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
  1372.  
  1373.  
  1374.  
  1375.  
  1376.  
  1377.  
  1378.  
  1379.     /* social actions row */
  1380.  
  1381.     .apple-social-actions-wrapper { margin-right: 0px !important; }
  1382.  
  1383.     .j-thread .j-social-actions { margin-right: 40px !important; }
  1384.  
  1385.  
  1386.  
  1387.  
  1388.  
  1389.  
  1390.  
  1391.     /* apple header, subheader row ("Find helpful contents..." etc )*/                /* fixed in v0.43 */
  1392.  
  1393.     #apple-full-subheader,
  1394.  
  1395.     #apple-activity-subheader {
  1396.  
  1397.         padding: 0px 40px 15px !important;
  1398.  
  1399.         margin-bottom: 15px !important;
  1400.  
  1401.     }
  1402.  
  1403.     #apple-full-header h2,
  1404.  
  1405.     #apple-activity-header h2 { padding: 0px 40px !important; }
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.     /* page header */
  1414.  
  1415.     .j-body-place #jive-body > header.j-page-header {
  1416.  
  1417.         margin-left: 40px !important;
  1418.  
  1419.         margin-right: 40px !important;
  1420.  
  1421.         width: auto !important;
  1422.  
  1423.     }
  1424.  
  1425.  
  1426.  
  1427.     /* browser filter row */
  1428.  
  1429.     #j-browse-filters { margin-bottom: 5px !important; }
  1430.  
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437.     /* browser controls row */
  1438.  
  1439.     .j-type-row { margin-bottom: 0px !important; }
  1440.  
  1441.  
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447.     /* browser controls content types (All Contents|User Tips|Discussions) width */
  1448.  
  1449.     #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
  1450.  
  1451.  
  1452.  
  1453.     /* browser controls view toggle (Thumbnails|Details) width */
  1454.  
  1455.     #js-browse-controls #j-item-view-toggle {
  1456.  
  1457.         width: 10% !important;
  1458.  
  1459.         display: table !important;
  1460.  
  1461.     }
  1462.  
  1463.  
  1464.  
  1465.  
  1466.  
  1467.  
  1468.  
  1469.     /* content filter row (All|Open|Answered|Threads) */
  1470.  
  1471.     .j-content-filter {
  1472.  
  1473.         background: white !important;
  1474.  
  1475.         margin-bottom: 10px !important;
  1476.  
  1477.     }
  1478.  
  1479.  
  1480.  
  1481.     /* container canvas */
  1482.  
  1483.     .j-contained {
  1484.  
  1485.         margin-left: 40px !important;
  1486.  
  1487.         margin-right: 40px !important;
  1488.  
  1489.     }
  1490.  
  1491.  
  1492.  
  1493.  
  1494.  
  1495.  
  1496.  
  1497.     /* category filter bar */
  1498.  
  1499.     .jive-content-filter {
  1500.  
  1501.         left: 0px !important;
  1502.  
  1503.         width: 80% !important;
  1504.  
  1505.     }
  1506.  
  1507.     .touchcarousel-wrapper { width: 100% !important; }
  1508.  
  1509.     .touchcarousel .tc-paging-container { width: 90% !important; }                    /* added in v0.41 */
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515.  
  1516.  
  1517.     /* more search results available */
  1518.  
  1519.     #j-more-search-results-available { padding: 10px !important; }
  1520.  
  1521.  
  1522.  
  1523.     /* misc */
  1524.  
  1525.     .jive-widget { margin-bottom: 10px !important; }
  1526.  
  1527.     .j-column { margin-bottom: 10px !important; }
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537.     /* ------------------
  1538.  
  1539.         Treatment for narrow window
  1540.  
  1541.         Method 1 (minimum optimisation)
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549.         Adjust thread list table's shift and margin to maximize its width.
  1550.  
  1551.     */                                                                                  /* added in v0.43 */
  1552.  
  1553.     /* ------------------ (currently commented out)
  1554.  
  1555.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
  1556.  
  1557.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }
  1558.  
  1559.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  1560.  
  1561.     ------------------ */
  1562.  
  1563.     /* ------------------
  1564.  
  1565.         Treatment for narrow window
  1566.  
  1567.         Method 2 (more beneficial to narrow window but has disadvantage for wide window)
  1568.  
  1569.    
  1570.  
  1571.         Let thread list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
  1572.  
  1573.         If window is wide enough (>=1265px), sidebar ui is displayed next to thread list table,
  1574.  
  1575.         otherwise it is displayed below or above it (depending upon its document tree order).
  1576.  
  1577.    
  1578.  
  1579.         * sidebar width (constant)    = 166px
  1580.  
  1581.         * thread table max width      = 1019px
  1582.  
  1583.         * canvas margin-left          = 40px
  1584.  
  1585.         * canvas margin-right         = 40px
  1586.  
  1587.         ---------------------------------------
  1588.  
  1589.         * total                       = 1265px
  1590.  
  1591.     */                                                                                  /* added in v0.5 */
  1592.  
  1593.     /* ------------------ (currently active) */
  1594.  
  1595.     .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
  1596.  
  1597.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
  1598.  
  1599.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }
  1600.  
  1601.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  1602.  
  1603.     /* ------------------ */
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609.  
  1610.  
  1611.     /* ------------------
  1612.  
  1613.         Swap left-right positions of thread list table and sidebar ui (filters & actions)
  1614.  
  1615.     */                                                                                  /* fixed in v0.43 */
  1616.  
  1617.     /* let thread list table float left */
  1618.  
  1619.     .j-layout-sl.j-browse-content .j-column-wrap-l,
  1620.  
  1621.     .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
  1622.  
  1623.  
  1624.  
  1625.  
  1626.  
  1627.  
  1628.  
  1629.     /* let sidebar ui float right */
  1630.  
  1631.     .j-layout-sl.j-browse-content .j-column-s,
  1632.  
  1633.     .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
  1634.  
  1635.     /* ------------------ */
  1636.  
  1637.  
  1638.  
  1639.  
  1640.  
  1641.  
  1642.  
  1643.  
  1644.  
  1645.     /* ------------------------------------------------------------------------------- -----------------
  1646.  
  1647.         THREAD CONTENT BROWSER
  1648.  
  1649.     */
  1650.  
  1651.     /* thread header */
  1652.  
  1653.     .apple-thread-header {
  1654.  
  1655.         width: auto !important;
  1656.  
  1657.         margin-bottom: 10px !important;
  1658.  
  1659.         margin-left: 40px !important;
  1660.  
  1661.     }
  1662.  
  1663.  
  1664.  
  1665.     /* thread original post */
  1666.  
  1667.     .j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
  1668.  
  1669.  
  1670.  
  1671.     /* thread replies ul */
  1672.  
  1673.     ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
  1674.  
  1675.  
  1676.  
  1677.     /* thread reply li */
  1678.  
  1679.     .jive-discussion-replies li.reply { margin-top: 15px !important; }
  1680.  
  1681.  
  1682.  
  1683.  
  1684.  
  1685.  
  1686.  
  1687.     /* thread view indent */
  1688.  
  1689.     .jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
  1690.  
  1691.  
  1692.  
  1693.     /* thread info */
  1694.  
  1695.     .jive-thread-info {
  1696.  
  1697.         padding: 10px 40px !important;
  1698.  
  1699.         margin: 0px !important;
  1700.  
  1701.     }
  1702.  
  1703.  
  1704.  
  1705.     /* thread answer rollup */
  1706.  
  1707.     .j-answer-rollup { margin: 30px 0px !important; }
  1708.  
  1709.  
  1710.  
  1711.     /* thread post header (poster, date, response to) */
  1712.  
  1713.     .j-thread-post > header {
  1714.  
  1715.         padding: 10px 20px 0px 20px !important;
  1716.  
  1717.         margin-bottom: 12px !important;
  1718.  
  1719.     }
  1720.  
  1721.  
  1722.  
  1723.     /* thread post section (message body) */
  1724.  
  1725.     .j-thread-post section {
  1726.  
  1727.         padding: 0px 20px !important;
  1728.  
  1729.         margin-bottom: 6px !important;
  1730.  
  1731.     }
  1732.  
  1733.  
  1734.  
  1735.     /* thread post footer (Like|Reply etc) */
  1736.  
  1737.     .j-thread-post footer { padding: 0px 15px !important; }
  1738.  
  1739.     .j-thread-post footer > ul { padding: 2px !important; }
  1740.  
  1741.     .j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
  1742.  
  1743.  
  1744.  
  1745.  
  1746.  
  1747.  
  1748.  
  1749.     /* thread rendered content */
  1750.  
  1751.     .jive-rendered-content { padding-bottom: 4px !important; }
  1752.  
  1753.  
  1754.  
  1755.     /* thread rendered content quote & pre */
  1756.  
  1757.     .jive-rendered-content .jive-quote,
  1758.  
  1759.     .jive-rendered-content .jive-pre {
  1760.  
  1761.         margin: 5px 15px !important;
  1762.  
  1763.     }
  1764.  
  1765.  
  1766.  
  1767.  
  1768.  
  1769.  
  1770.  
  1771.     /* thread reply footer (Return to Community|Go to original post) */
  1772.  
  1773.     #jive-thread-reply-footer {    margin-top: 10px !important; }
  1774.  
  1775.  
  1776.  
  1777.     /* more like this links, incomming links */
  1778.  
  1779.     #apple-related-threads { margin: 0px 40px !important; }
  1780.  
  1781.     #apple-related-threads .j-box { margin-bottom: 0px !important; }
  1782.  
  1783.     .j-icon-list li { padding: 3px 0px 3px 22px !important; }
  1784.  
  1785.  
  1786.  
  1787.  
  1788.  
  1789.  
  1790.  
  1791.  
  1792.  
  1793.     /* ------------------------------------------------------------------------------- -----------------
  1794.  
  1795.         INLINE EDITOR
  1796.  
  1797.     */
  1798.  
  1799.     /* editor */
  1800.  
  1801.     .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
  1802.  
  1803.  
  1804.  
  1805.  
  1806.  
  1807.  
  1808.  
  1809.  
  1810.  
  1811.     /* ------------------------------------------------------------------------------- -----------------
  1812.  
  1813.         ADVANCED EDITOR
  1814.  
  1815.     */
  1816.  
  1817.     /* content area */
  1818.  
  1819.     .j-thread .jive-content.jive-create-thread,
  1820.  
  1821.     .jive-body-formpage-document .jive-content.doc-page {
  1822.  
  1823.         margin: 0px 40px !important;
  1824.  
  1825.         padding: 0px !important;
  1826.  
  1827.     }
  1828.  
  1829.  
  1830.  
  1831.  
  1832.  
  1833.  
  1834.  
  1835.     /* header */
  1836.  
  1837.     .j-thread .jive-content.jive-create-thread h2,
  1838.  
  1839.     .jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }
  1840.  
  1841.  
  1842.  
  1843.  
  1844.  
  1845.  
  1846.  
  1847.     /* editor panel */
  1848.  
  1849.     .j-thread .jive-content.jive-create-thread #jive-compose-title,
  1850.  
  1851.     .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
  1852.  
  1853.     .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
  1854.  
  1855.     .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
  1856.  
  1857.  
  1858.  
  1859.  
  1860.  
  1861.  
  1862.  
  1863.     /* line height in editor */
  1864.  
  1865.     body.tiny_mce_content { line-height: inherit !important; }
  1866.  
  1867.  
  1868.  
  1869.  
  1870.  
  1871.  
  1872.  
  1873.     /* replying to */
  1874.  
  1875.     .jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }
  1876.  
  1877.  
  1878.  
  1879.  
  1880.  
  1881.  
  1882.  
  1883.     /* buttons (Reply|Cancel) */
  1884.  
  1885.     .j-publishbar,
  1886.  
  1887.     .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
  1888.  
  1889.  
  1890.  
  1891.  
  1892.  
  1893.  
  1894.  
  1895.  
  1896.  
  1897.     /* ------------------------------------------------------------------------------- -----------------
  1898.  
  1899.         ACTIVITY STREAM
  1900.  
  1901.     */
  1902.  
  1903.     /* activity entry */
  1904.  
  1905.     .j-act-entry { padding: 5px 0px 10px 100px !important; }
  1906.  
  1907.  
  1908.  
  1909.  
  1910.  
  1911.  
  1912.  
  1913.     /* activity title */
  1914.  
  1915.     .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
  1916.  
  1917.  
  1918.  
  1919.  
  1920.  
  1921.  
  1922.  
  1923.     /* activity body & comment */                                                    /* added in v0.43 */
  1924.  
  1925.     .j-body-home .j-act-init,
  1926.  
  1927.     .j-view-profile .j-act-init { padding: 5px 0px 10px 100px !important; }
  1928.  
  1929.     .apple-activity-comments-wrapper { margin-left: 0px !important; }
  1930.  
  1931.  
  1932.  
  1933.  
  1934.  
  1935.  
  1936.  
  1937.     /* Like list */
  1938.  
  1939.     .j-act-grouped .j-act-g-item { padding: 3px !important; }
  1940.  
  1941.  
  1942.  
  1943.  
  1944.  
  1945.     /* ------------------------------------------------------------------------------- -----------------
  1946.  
  1947.         SEARCH RESULTS
  1948.  
  1949.     */
  1950.  
  1951.     /* search result entry */
  1952.  
  1953.     .j-search-results-main-container .j-search-result { padding: 10px !important; }    /* added in v0.43 */
  1954.  
  1955.  
  1956.  
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.     /* ------------------------------------------------------------------------------- -----------------
  1964.  
  1965.         DOC (USER TIP)
  1966.  
  1967.     */                                                                                  /* added in v0.43 */
  1968.  
  1969.     /* user tip canvas */
  1970.  
  1971.     .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
  1972.  
  1973.  
  1974.  
  1975.  
  1976.  
  1977.  
  1978.  
  1979.  
  1980.  
  1981.     /* ------------------------------------------------------------------------------- -----------------
  1982.  
  1983.         PROFILE
  1984.  
  1985.     */                                                                                  /* added in v0.43 */
  1986.  
  1987.     /* header & navigation bar (Bio|Activity|Content|Communities) */
  1988.  
  1989.     .j-view-profile .j-page-header { padding: 10px 40px !important; }
  1990.  
  1991.     .j-bigtab-nav { margin: 10px 40px !important; }
  1992.  
  1993.  
  1994.  
  1995.     /* Bio */
  1996.  
  1997.     .j-layout-l .j-column-wrap-l { width: 100% !important; }
  1998.  
  1999.  
  2000.  
  2001.  
  2002.  
  2003.  
  2004.  
  2005.      /* Communities (places) sidebar ui blue marker adjustment
  2006.  
  2007.          (according to the sidebar width changed to 166px from 180px for selector: .j-layout-sl.j-browse-places .j-column-s
  2008.  
  2009.          in PLACES section)  */
  2010.  
  2011.      .j-view-profile .j-second-nav ul > li.active  { width: 156px !important; }
  2012.  
  2013.  
  2014.  
  2015.  
  2016.  
  2017.  
  2018.  
  2019.  
  2020.  
  2021.      /* ------------------------------------------------------------------------------- -----------------
  2022.  
  2023.          PLACES
  2024.  
  2025.      */                                                                                  /* added in v0.43 */
  2026.  
  2027.      /* latest activity column */
  2028.  
  2029.      .j-browse-details .j-td-activity { max-width: 650px !important; }
  2030.  
  2031.  
  2032.  
  2033.  
  2034.  
  2035.  
  2036.  
  2037.  
  2038.  
  2039.      /* ------------------
  2040.  
  2041.          Treatment for narrow window
  2042.  
  2043.          Method 1 (minimum optimisation)
  2044.  
  2045.  
  2046.  
  2047.  
  2048.  
  2049.  
  2050.  
  2051.          Adjust community list table's shift and margin to maximize its width.
  2052.  
  2053.      */                                                                                  /* added in v0.43 */
  2054.  
  2055.      /* ------------------ (currently commented out)
  2056.  
  2057.      .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }
  2058.  
  2059.      .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }
  2060.  
  2061.      .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }
  2062.  
  2063.      ------------------ */
  2064.  
  2065.      /* ------------------
  2066.  
  2067.          Treatment for narrow window
  2068.  
  2069.          Method 2 (more beneficial to narrow window but has disadvantage for wide window)
  2070.  
  2071.    
  2072.  
  2073.          Let community list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
  2074.  
  2075.          If window is wide enough (>=1265px), sidebar ui is displayed next to community list table,
  2076.  
  2077.          otherwise it is displayed below or above it (depending upon its document tree order).
  2078.  
  2079.    
  2080.  
  2081.          * sidebar width (constant)    = 166px
  2082.  
  2083.          * community table max width   = 1019px
  2084.  
  2085.          * canvas margin-left          = 40px
  2086.  
  2087.          * canvas margin-right         = 40px
  2088.  
  2089.          ---------------------------------------
  2090.  
  2091.          * total                       = 1265px
  2092.  
  2093.      */                                                                                  /* added in v0.5 */
  2094.  
  2095.      /* ------------------ (currently active) */
  2096.  
  2097.      .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }
  2098.  
  2099.      .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }
  2100.  
  2101.      .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }
  2102.  
  2103.      .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }
  2104.  
  2105.      .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }
  2106.  
  2107.      /* ------------------ */
  2108.  
  2109.  
  2110.  
  2111.  
  2112.  
  2113.  
  2114.  
  2115.  
  2116.  
  2117.    }  /* end of narrow browsers. */
  2118.  
  2119.  }  /* end of 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!