API tools faq
paste
Advertisement
rccharles

Hiroto's June 2016 new asc

rccharles
Jun 8th, 2016
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 32.91 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.     custom styles for Apple Support Communities board system introduced in 2016-06 (v0.10d)
  3.    
  4.     written by Hiroto, 2016-06
  5. */
  6. @-moz-document
  7.     domain(communities.apple.com),
  8.     domain(discussionsjapan.apple.com),
  9.     domain(discussionskorea.apple.com)
  10. {
  11.     /* ------------------------------------------------------------------------------------------------
  12.         BODY
  13.     */
  14.     body.j-body-welome,             /* Welcome */
  15.     body.j-body-place,              /* Community */
  16.     body.j-body-yourwork,           /* Content */
  17.     body.j-body-home,               /* Activity */
  18.     body.j-body-yourconnections,    /* People */
  19.     body.j-body-preferences,        /* Preferences */
  20.     body.jive-body-content,         /* Thread */
  21.     body.jive-body-search,          /* Search */
  22.     body.jive-view-profile          /* Profile */
  23.     {                                                                              
  24.         background: white !important;
  25.     }
  26.     body {
  27.         background: white;
  28.         min-width: 0px !important;
  29.     }
  30.     #body-apple {
  31.         width: 100% !important;
  32.         min-width: 0px !important;
  33.     }
  34.     #globalheader { display: none !important; }                                    
  35.     #global-nav-wrapper {display: none !important; }                                
  36.     #globalfooter,
  37.     #globaldisclaimer { width: 80% !important; }                                    
  38.  
  39.     /* ------------------------------------------------------------------------------------------------
  40.         TEXT
  41.     */
  42.     body {                                                                                  /* NEW */
  43.         font-size: 16px !important;
  44.         font-weight: 400 !important;
  45.         line-height: 1.25 !important;
  46.     }
  47.    
  48.     body * {                                                                                /* NEW */
  49.         /* font-size: inherit !important; */
  50.         font-weight: inherit !important;
  51.         line-height: inherit !important;
  52.     }
  53.  
  54.     /* ------------------------------------------------------------------------------------------------
  55.         ASC HEADER, FOOTER AREA
  56.     */
  57.     #j-header,
  58.     #j-compact-header,
  59.     #j-footer { width: 100% !important; }
  60.    
  61.     /* navigation header (Apple Support Communities ...) */
  62.     #j-header-wrap {
  63.         padding: 0px 40px !important;
  64.         margin: 0px 0px 15px !important;
  65.     }
  66.     #j-globalNav-bg {
  67.         padding: 0pX !important;
  68.         margin: 0px !important;
  69.         width: auto !important;                                                             /* NEW */
  70.     }
  71.     #j-satNav { overflow: visible !important; }
  72.  
  73.     #j-header-wrap { margin-bottom: 50px !important; }                                      /* NEW */
  74.     #apple-full-header { margin: 10px 0px 0px !important; }                                 /* NEW */
  75.     #second-row {                                                                           /* NEW */
  76.         padding-top: 25px !important;
  77.         height: 30px !important;
  78.     }
  79.  
  80.     #jive-alert {                                                                           /* NEW */
  81.         width: auto !important;
  82.         max-width: inherit !important;
  83.         margin: -20px 40px 10px !important;
  84.     }
  85.     .j-thread #jive-alert {                                                                 /* NEW */
  86.         margin: -50px 40px 10px !important;
  87.     }
  88.     .jive-body-formpage.j-thread #jive-alert {                                              /* NEW */
  89.         margin: -30px 40px 10px !important;
  90.     }
  91.     #jive-breadcrumb {                                                                      /* NEW */
  92.         width: auto !important;
  93.         margin-right: 40px !important;
  94.         position: relative !important;
  95.     }
  96.     .j-js-footer-wrap {                                                                     /* NEW */
  97.         width: auto !important;
  98.         min-width: 0px !important;
  99.     }
  100.     footer#j-footer {                                                                       /* NEW */
  101.         width: auto !important;
  102.         min-width: 0px !important;
  103.     }
  104.  
  105.     /* ------------------------------------------------------------------------------------------------
  106.         ASC TOP PAGE
  107.     */
  108.     .j-body-welcome #jive-alert { margin: 0px 40px !important; }
  109.     .j-body-welcome .hero-container img { width: auto !important; }
  110.     .j-body-welcome.j-body-home [id|=jive-widgetframe] > .content-large {
  111.         text-align: center !important;
  112.         overflow-x: auto !important;
  113.         overflow-y: hidden !important;
  114.     }
  115.     .apple-communities {
  116.         display: inline-block !important;
  117.         width: auto !important;
  118.         text-align: left !important;
  119.     }
  120.  
  121.     /* ------------------------------------------------------------------------------------------------
  122.         THREAD LIST BROWSER
  123.     */
  124.  
  125.     /* ------------------
  126.         community overview
  127.     */                                                                                      /* NEW */
  128.     .category-latest .category-latest-container .category-latest-row {
  129.         margin: 0px !important;
  130.         padding: 5px 0px !important;
  131.     }
  132.     .category-latest .category-latest-container .category-latest-row .discussion-metadata {
  133.         margin: 5px 0px !important;
  134.     }
  135.     .category-latest .category-latest-container .category-latest-row .discussion-title a {
  136.         font-size: 110% !important;
  137.         font-weight: 500 !important;
  138.         color: rgb(0, 136, 204) !important;
  139.     }
  140.     .category-latest .category-latest-container .category-latest-row:nth-child(odd) {
  141.         background: rgb(247, 247, 247) !important;
  142.     }
  143.     .category-latest .category-latest-container .category-latest-row .read-full {
  144.         display: none !important;
  145.     }
  146.    
  147.     .apple-space-overview #body-apple .list-page .ask-a-question-sidebar {
  148.         margin: 0px 70px 10px 0px !important;
  149.     }
  150.     .apple-space-overview #body-apple .list-page .ask-a-question-sidebar .ask-a-question-space-icon {
  151.         width: 128px !important;
  152.         height: 128px !important;
  153.     }
  154.     .apple-space-overview #body-apple .list-page .ask-a-question-wrapper .community-siblings {
  155.         padding: 5px 0px !important;
  156.         font-size: 20px !important;
  157.     }
  158.     /* ------------------ */
  159.    
  160.  
  161.     /* show author name in 'Latest activity' column in detailed list view of threads */
  162.     td.j-td-date > span { display : inherit !important; }
  163.  
  164.     /* main section */
  165.     #j-main { padding: 0px !important; }
  166.  
  167.     /* table cell title */
  168.     .jive-table td.jive-table-cell-title { padding: 5px !important; }
  169.        
  170.     /* thread list view column widths */                                            
  171.     .j-browse-details .j-td-title { max-width: none !important; }
  172.     .j-browse-details .j-td-date {
  173.         width: auto !important;
  174.         max-width: 20% !important;
  175.     }
  176.    
  177.  
  178.     /* ------------------
  179.         Hide Like and Bookmark columns in thread list view.
  180.     */                                                                              
  181.     /* ------------------ (currently commented out)
  182.     .j-browse-details .j-td-likes,
  183.     .j-browse-details .j-td-bookmarks { display: none !important; }
  184.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
  185.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }
  186.     .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }
  187.     ------------------ */
  188.  
  189.     /* user name link */
  190.     .jive-username-link { text-transform: none !important; }                        
  191.  
  192.     /* threads list view table tr td  */
  193.     .j-browse-details-tbody tr td { padding: 2px !important; }                              /* CHANGED */
  194.  
  195.     /* threads list view left most icon */
  196.     .j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !important; }                 /* NEW */
  197.    
  198.     /* communities list view table tr td */
  199.     .jive-communities-listing table tr td { padding: 5px !important; }
  200.    
  201.     /* thumbnails view width */
  202.     .j-browse-content .j-thumb-view,
  203.     .j-browse-places .j-browse-thumbnails,
  204.     .j-browse-people .j-browse-thumbnails { width: 100% !important; }
  205.    
  206.     /* thumbnail view list item margin */                                          
  207.     .j-browse-content .j-thumb-view > li,
  208.     .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
  209.    
  210.     /* thumbnail view article font size */                                                  /* NEW */
  211.     .j-thumb article { font-size: inherit !important; }
  212.    
  213.     /* thunbnail view article header height */                                              /* NEW */
  214.     .j-content-thumb header { height: 22px !important; }
  215.  
  216.     /* thumbnail view article height */                                                     /* NEW */
  217.     .j-browse-content .j-content-thumb article { height: 120px !important; }
  218.    
  219.     /* thumbnail view footer */                                                             /* NEW */
  220.     .j-browse-content .j-content-thumb.j-thumb footer { padding: 4px 0px 0px !important; }  
  221.  
  222.    
  223.     /* social actions row */
  224.     .apple-social-actions-wrapper { margin-right: 0px !important; }
  225.     .j-thread .j-social-actions { margin-right: 40px !important; }
  226.  
  227.     /* apple header, subheader row ("Find helpful contents..." etc )*/              
  228.     #apple-full-subheader,
  229.     #apple-activity-subheader {
  230.         padding: 0px 40px 15px !important;
  231.         margin-bottom: 15px !important;
  232.     }
  233.     #apple-full-header h2,
  234.     #apple-activity-header h2 { padding: 0px 40px !important; }
  235.  
  236.     /* page header */
  237.     .j-body-place #jive-body > header.j-page-header {
  238.         margin-left: 40px !important;
  239.         margin-right: 40px !important;
  240.         width: auto !important;
  241.     }
  242.    
  243.     /* pagenation */                                                                        /* NEW */
  244.     .j-pagination-prevnext > .j-pagination-prev,
  245.     .j-pagination-prevnext > .j-pagination-next { font-size: 0px !important; }  
  246.    
  247.    
  248.     /* browser filter row */
  249.     #j-browse-filters { margin-bottom: 5px !important; }
  250.  
  251.     /* browser controls row */
  252.     .j-type-row { margin-bottom: 0px !important; }
  253.  
  254.     /* browser controls content types (All Contents|User Tips|Discussions) width */
  255.     #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
  256.    
  257.     /* browser controls view toggle (Thumbnails|Details) width */
  258.     #js-browse-controls #j-item-view-toggle {
  259.         width: 10% !important;
  260.         display: table !important;
  261.     }
  262.  
  263.     /* content filter row (All|Open|Answered|Threads) */
  264.     .j-content-filter {
  265.         background: white !important;
  266.         margin-bottom: 10px !important;
  267.     }  
  268.    
  269.     /* container canvas */
  270.     .j-contained {
  271.         margin-left: 40px !important;
  272.         margin-right: 40px !important;
  273.     }
  274.  
  275.     /* category filter bar */
  276.     .jive-content-filter {
  277.         left: 0px !important;
  278.         width: 80% !important;
  279.     }
  280.     .touchcarousel-wrapper { width: 100% !important; }
  281.     .touchcarousel .tc-paging-container { width: 90% !important; }                  
  282.  
  283.     /* more search results available */
  284.     #j-more-search-results-available { padding: 10px !important; }
  285.    
  286.     /* misc */
  287.     .jive-widget { margin-bottom: 10px !important; }
  288.     .j-column { margin-bottom: 10px !important; }
  289.  
  290.  
  291.     /* ------------------
  292.         Treatment for narrow window
  293.         Method 1 (minimum optimisation)
  294.  
  295.         Adjust thread list table's shift and margin to maximize its width.
  296.     */                                                                              
  297.     /* ------------------ (currently active) */
  298.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
  299.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }
  300.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  301.     /* ------------------ */
  302.     /* ------------------
  303.         Treatment for narrow window
  304.         Method 2 (more beneficial to narrow window but has disadvantage for wide window)
  305.        
  306.         Let thread list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
  307.         If window is wide enough (>=1265px), sidebar ui is displayed next to thread list table,
  308.         otherwise it is displayed below or above it (depending upon its document tree order).
  309.        
  310.         * sidebar width (constant)    = 166px
  311.         * thread table max width      = 1019px
  312.         * canvas margin-left          = 40px
  313.         * canvas margin-right         = 40px
  314.         ---------------------------------------
  315.         * total                       = 1265px
  316.     */                                                                              
  317.     /* ------------------ (currently commented out) */
  318. /*
  319.     .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
  320.     .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
  321.     .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }
  322.     .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  323. */
  324.     /* ------------------ */
  325.  
  326.  
  327.  
  328.     /* ------------------
  329.         Swap left-right positions of thread list table and sidebar ui (filters & actions)
  330.     */                                                                              
  331.     /* let thread list table float left */
  332.     .j-layout-sl.j-browse-content .j-column-wrap-l,
  333.     .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
  334.  
  335.     /* let sidebar ui float right */
  336.     .j-layout-sl.j-browse-content .j-column-s,
  337.     .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
  338.     /* ------------------ */
  339.  
  340.  
  341.     /* ------------------
  342.         leader board
  343.     */
  344.     /* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
  345.    
  346. /*
  347.     .jive-widget-leaderboardwidget {display: none !important; }                    
  348. */
  349.  
  350.     .jive-widget-leaderboardwidget { max-width: 1000px !important; }                        
  351.     .jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar { padding-top: 10px !important; }
  352.     .jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li { min-height: 0px !important; }
  353.     .jive-widget-leaderboardwidget .top-member-username,
  354.     .jive-widget-leaderboardwidget .top-member-username * { font-size: inherit !important; }
  355.     .jive-widget-leaderboardwidget .user-level-points {
  356.         font-size: 18px !important;
  357.         margin: 14px 0px !important;
  358.         width: 60px !important;
  359.         height: 30px !important;
  360.         padding: 8px 0px 0px !important;
  361.     }
  362.     .jive-widget-leaderboardwidget .top-member-profile-info > a {
  363.         border-radius: 0% !important;
  364.         width: 60px !important;
  365.         height: 60px !important;
  366.     }
  367.     .jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
  368.     /* ------------------ */
  369.  
  370.  
  371.     /* article list
  372.         .j-rc5 is used to identify this list
  373.         e.g., https://discussions.apple.com/article/HT1939 */                      
  374.     .j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol { margin: 0px 0px 0px 166px !important; }
  375.  
  376.  
  377.     /* ------------------------------------------------------------------------------------------------
  378.         THREAD CONTENT BROWSER
  379.     */
  380.     /* thread header */
  381.     .apple-thread-header {
  382.         width: auto !important;
  383.         margin-bottom: 10px !important;
  384.         margin-left: 40px !important;
  385.     }
  386.  
  387.     /* thread message */                                                                    /* NEW */
  388.     .j-thread .jive-content .j-thread-post .jive-rendered-content {
  389.         font-size:   inherit !important;
  390.     }
  391.     .j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
  392.     .j-thread #body-apple #helpful-container,
  393.     .j-thread #body-apple .j-thread-post > header .j-post-author,
  394.     .j-thread #body-apple .thread-container-wrapper,
  395.     .j-thread #body-apple .all-replies-container,
  396.     .j-thread #body-apple #j-main #jive-breadcrumb,
  397.     .j-thread #body-apple .addReply,
  398.     .j-thread #body-apple #jive-body-intro-content {
  399.         max-width: inherit !important;
  400.         margin: 10px 40px !important;
  401.     }
  402.     .j-inresponse-to {
  403.         font-size: inherit !important;
  404.     }
  405.     .j-thread .jive-content .j-thread-post > header,
  406.     .j-thread .jive-content .j-thread-post > h3.header {
  407.         margin: 15px 0px 10px 0px !important;
  408.     }
  409.  
  410.  
  411.     /* thread original messeage (question) */                                               /* NEW */
  412.     .j-thread-post section.j-original-message {
  413.         margin: 0px 30px !important;
  414.         padding: 15px 10px !important;
  415.         border-style: dotted !important;
  416.         border-width: thin !important;
  417.         background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
  418.     }
  419.     .j-thread-post section.j-original-message h1 {
  420.         max-width: inherit !important;;
  421.         margin: 0px 60px 20px 60px !important;;
  422.     }
  423.     .j-thread-post section.j-original-message .jive-rendered-content {
  424.         max-width: inherit !important;;
  425.         margin: 0px 25px !important;;
  426.     }
  427.    
  428.     /* original poster profile header */
  429.     .j-thread .jive-content .j-thread-post > header.js-original-header {
  430.         max-width: inherit !important;
  431.         margin: 0px 40px !important;
  432.         padding: 5px !important;
  433.     }
  434.  
  435.     .j-thread-post section .thread-actions {
  436.         max-width: inherit !important;
  437.         margin: 0px 25px !important;
  438.     }
  439.     .j-original-message .jive-rendered-content p {
  440.         font-size:   inherit !important;
  441.     }
  442.     .meta-posted {
  443.         max-width: inherit !important;
  444.         margin: 10px 25px 20px !important;
  445.     }
  446.     /* Q mark */
  447.     .j-original-message h1 .q-marker {
  448.         left: -60px !important;
  449.         font-size: 32px !important;
  450.     }
  451.    
  452.  
  453.     /* answer rollup */                                                                     /* NEW */
  454.     .j-answer-rollup.span-full-width {
  455.         background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
  456.         padding-bottom: 10px !important;
  457.         margin: 20px 0px 0px 0px !important;
  458.         border: 1px solid rgb(45, 184, 71) !important;
  459.     }
  460.     .j-inline-correct-answer {
  461.         padding: 0px !important;
  462.         max-width: inherit !important;
  463.         margin: 0px 10px !important;
  464.     }
  465.     .j-inline-correct-answer section {
  466.         margin: 10px 0px !important;
  467.     }
  468.     /* A mark */
  469.     .j-inline-correct-answer .answer-marker {
  470.         left: 0px !important;
  471.         font-size: 32px !important;
  472.     }
  473.    
  474.  
  475.     /* persistent question shown at top */                                                  /* NEW */
  476.     .persist-question.persist { display: none !important; }
  477.  
  478.    
  479.     /* Solved and Helpful marker text */                                                    /* NEW */
  480.     .j-thread-post header .j-correct-text,
  481.     .j-thread-post h3.header .j-correct-text,
  482.     .j-thread-post header .j-helpful-text,
  483.     .j-thread-post h3.header .j-helpful-text {
  484.         font-size: 22px !important;
  485.         background: none repeat scroll 0% 0% transparent !important;
  486.         border-style: none !important;
  487.         margin: 0px !important;
  488.         padding: 10px !important;
  489.     }
  490.  
  491.    
  492.     /* thread content */
  493.     .j-thread .jive-content { margin: 0px 10px 0px 10px !important; }                       /* CHANGED */
  494.  
  495.    
  496.     /* thread replies ul */
  497.     ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
  498.    
  499.     /* thread reply li */
  500.     .jive-discussion-replies li.reply { margin-top: 15px !important; }
  501.  
  502.  
  503.     /* thread message border */                                                             /* NEW */
  504.     .jive-discussion-replies li.reply .jive-thread-message {
  505.         border-style: dotted !important;
  506.         border-width: thin !important;
  507.     }
  508.  
  509.  
  510.     /* orgininal poster comment background */                                               /* NEW */
  511.     .original-poster-comment {
  512.         background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
  513.         top:    0px !important;
  514.         right:  0px !important;
  515.         bottom: 0px !important;
  516.         left:   0px !important;
  517.     }
  518.  
  519.  
  520.     /* pagenation */                                                                        /* NEW */
  521.     .j-thread .jive-thread-messages .j-pagination {
  522.         margin: 30px 0px !important;
  523.     }
  524.  
  525.  
  526.     /* promoted helpful answer and prompted recommended answer */                           /* NEW */
  527.     .j-inline-promoted-helpful-answer,
  528.     .j-inline-recommended-answer {
  529.         background: none repeat scroll 0% 0% rgb(247, 232, 207) !important;
  530.         padding: 15px 10px 5px 10px !important;
  531.         margin: 0px 10px 15px 10px !important;
  532.         border-style: dotted !important;
  533.         border-width: thin !important;
  534.     }
  535.     .j-inline-promoted-helpful-answer p {
  536.         margin: 0px !important;
  537.     }
  538.     .j-inline-promoted-helpful-answer header .reply-date,
  539.     .j-inline-promoted-helpful-answer h3.header .reply-date,
  540.     .j-inline-recommended-answer header .reply-date,
  541.     .j-inline-recommended-answer h3.header .reply-date {
  542.         font-size: inherit !important;
  543.         margin: 10px 0px !important;
  544.     }
  545.     .j-inline-promoted-helpful-answer header .j-helpful-text,
  546.     .j-inline-promoted-helpful-answer h3.header .j-helpful-text,
  547.     .j-inline-recommended-answer header .j-helpful-text,
  548.     .j-inline-recommended-answer h3.header .j-helpful-text {
  549.         font-size: 22px !important;
  550.         background: none repeat scroll 0% 0% transparent !important;
  551.         border-style: none !important;
  552.         margin: 0px !important;
  553.     }
  554.     .j-inline-promoted-helpful-answer section .reply-body,
  555.     .j-inline-recommended-answer section .reply-body {
  556.         font-size: inherit !important;
  557.         margin-bottom: 20px !important;
  558.     }
  559.     .j-inline-promoted-helpful-answer section,
  560.     .j-inline-recommended-answer section {
  561.         padding: 0px 20px !important;
  562.     }
  563.     #helpful-container { padding-top: 0px !important; }
  564.     #helpful-container hr { margin: 10px !important; }
  565.     #helpful-container .more-answers { margin: 0px !important; }
  566.     #helpful-container .more-answers * { font-size: 24px !important; }
  567.  
  568.  
  569.     /* inline correct answer, helpful answer background */                                  /* NEW */
  570.     div[itemprop="acceptedAnswer"] {
  571.         background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
  572.     }
  573.     .j-thread .jive-content.j-helpful,
  574.     .j-thread .jive-content.j-helpful.j-op {
  575.         background: none repeat scroll 0% 0% rgb(247, 232, 207) !important;
  576.     }
  577.  
  578.  
  579.     /* switch between 'hellpful replies only' and 'all replies' */                          /* NEW */
  580.     .jive-thread-messages .helpful-all-switch * {  
  581.         font-size: 24px !important;
  582.     }
  583.     .jive-thread-messages .helpful-all-switch li.inactive {
  584.         padding: 0px !important;
  585.         top: 32px !important;
  586.     }
  587.     .jive-thread-messages .helpful-all-switch li.inactive span.menu {
  588.         width: auto  !important;
  589.         min-width: 160px !important;
  590.         padding: 5px  !important;
  591.         text-align: center !important;
  592.     }
  593.    
  594.  
  595.     /* thread content footer profile */                                                     /* NEW */
  596.     .j-thread-post section.j-original-message footer .footer-profile {
  597.         margin-right: 10px !important;
  598.     }
  599.     .j-thread-post footer .footer-profile {
  600.         margin-right: -10px !important;
  601.     }
  602.     .j-thread-post footer .footer-profile .j-status-level {
  603.         padding: 0px 10px 0px 0px !important;
  604.     }
  605.     .j-thread-post footer .footer-profile .username,
  606.     .j-thread-post footer .footer-profile .jive-username-link {
  607.         padding: 0px 10px 0px 10px !important;
  608.     }
  609.     .j-inline-correct-answer footer .footer-profile .j-status-levels,
  610.     .j-inline-promoted-helpful-answer footer .footer-profile .j-status-levels,
  611.     .j-inline-recommended-answer footer .footer-profile .j-status-levels {
  612.         padding: 0px 10px 0px 0px !important;
  613.     }
  614.     .j-inline-correct-answer footer .footer-profile .username,
  615.     .j-inline-promoted-helpful-answer footer .footer-profile .username,
  616.     .j-inline-recommended-answer footer .footer-profile .username {
  617.         padding: 0px 10px 0px 10px !important;
  618.     }
  619.  
  620.  
  621.     /* text wrap in header */
  622.     .j-thread-post > header .j-post-author { white-space: normal !important; }      
  623.    
  624.     /* thread post section (message body) */
  625.     .j-thread-post section {
  626.         padding: 0px 20px !important;
  627.         margin-bottom: 6px !important;
  628.     }
  629.    
  630.  
  631.     /* thread rendered content */
  632.     .jive-rendered-content { padding-bottom: 4px !important; }
  633.    
  634.     /* thread rendered content quote & pre */
  635.     .jive-rendered-content .jive-quote,
  636.     .jive-rendered-content .jive-pre {
  637.         margin: 5px 15px !important;
  638.     }
  639.  
  640.     /* thread reply footer (Return to Community | Go to original post) */
  641.     #jive-thread-reply-footer { margin-top: 10px !important; }
  642.    
  643.     /* more like this links, incomming links */
  644.     #apple-related-threads { margin: 0px 40px !important; }
  645.     #apple-related-threads .j-box { margin-bottom: 0px !important; }
  646.     .j-icon-list li { padding: 3px 0px 3px 22px !important; }
  647.  
  648.     /* related articles */                                                          
  649.     .apple-sidebar-property {
  650.         width: auto !important;
  651.         padding-left: 0px !important;
  652.     }
  653.     .jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles { padding: 15px 0px !important; }
  654.    
  655.  
  656.     /* ------------------
  657.         staus level, expertise, level points
  658.     */
  659.     /* status level expertise tile */
  660.     .j-status-level.expertise-tile,
  661.     .status-tile.expertise-tile { display: none !important; }                  
  662.    
  663.     /* status level level points */
  664.     .j-status-level .level-points span { display: inherit !important; }            
  665.     .j-status-level .level-points { white-space: inherit !important; }              
  666.     /* ------------------ */
  667.  
  668.  
  669.     /* ------------------------------------------------------------------------------------------------
  670.         INLINE EDITOR
  671.     */
  672.     /* editor */
  673.     .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
  674.  
  675.  
  676.     /* ------------------------------------------------------------------------------------------------
  677.         ADVANCED EDITOR
  678.     */
  679.  
  680.     /* content area */
  681.     .j-thread.jive-body-formpage #body-apple .j-form {
  682.         max-width: inherit !important;
  683.         margin: 0px auto 20px !important;
  684.         width: inherit !important;
  685.     }
  686.     .j-thread .jive-content.jive-create-thread,
  687.     .jive-body-formpage-document .jive-content.doc-page {
  688.         margin: 0px 40px !important;
  689.         padding: 0px !important;
  690.     }
  691.  
  692.  
  693.     /* editor panel */
  694.     .j-thread .jive-content.jive-create-thread #jive-compose-title,
  695.     .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
  696.     .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
  697.     .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
  698.  
  699.     /* line height in editor */
  700.     body.tiny_mce_content { line-height: inherit !important; }
  701.  
  702.     /* replying to */
  703.     p.jive-replying-to { padding: 20px 0px !important; }
  704.     .jive-body-formpage-comment .jive-thread-message { margin: 0px 40px 0px 80px !important; }
  705.  
  706.     /* reply to avatar */
  707.     .j-thread-post header .j-post-avatar {
  708.         position: absolute !important;
  709.         top: 0px !important;
  710.         left: -50px !important;
  711.         width: auto !important;
  712.     }
  713.    
  714.     /* buttons (Reply|Cancel) */
  715.     .j-publishbar,
  716.     .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
  717.  
  718.  
  719.     /* ------------------------------------------------------------------------------------------------
  720.         ACTIVITY STREAM
  721.     */
  722.     /* activity entry */
  723.     .j-act-entry { padding: 5px 0px 10px 100px !important; }
  724.  
  725.     /* activity title */
  726.     .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
  727.  
  728.     /* activity body & comment */                                                  
  729.     .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
  730.     .apple-activity-comments-wrapper { margin-left: 0px !important; }
  731.  
  732.     /* Like list */
  733.     .j-act-grouped .j-act-g-item { padding: 3px !important; }
  734.    
  735.    
  736.     /* ------------------------------------------------------------------------------------------------
  737.         SEARCH RESULTS
  738.     */
  739.     /* search result entry */
  740.     .j-search-results-main-container .j-search-result { padding: 10px !important; }
  741.  
  742.  
  743.     /* ------------------------------------------------------------------------------------------------
  744.         DOC (USER TIP)
  745.     */                                                                              
  746.     /* user tip canvas */
  747.     .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
  748.  
  749.     .j-doc .jive-content {                                                                  /* NEW */
  750.         margin: 0px !important;
  751.         padding: 10px !important;
  752.         border: thin dotted !important;
  753.     }
  754.  
  755.     /* ------------------------------------------------------------------------------------------------
  756.         PROFILE
  757.     */                                                                              
  758.     /* header & navigation bar (Bio|Activity|Content|Communities) */
  759.     .j-view-profile .j-page-header { padding: 10px 40px !important; }
  760.     .j-bigtab-nav { margin: 10px 40px !important; }
  761.    
  762.     /* Bio */
  763.     .j-layout-l .j-column-wrap-l { width: 100% !important; }
  764.  
  765.     /* Communities (places) sidebar ui blue marker adjustment
  766.         (according to the sidebar width changed to 166px from 180px for selector: .j-layout-sl.j-browse-places .j-column-s
  767.         in PLACES section)  */
  768.     .j-view-profile .j-second-nav ul > li.active  { width: 156px !important; }
  769.  
  770.  
  771.     /* ------------------
  772.         profile specialties and awards
  773.     */
  774.     /* profile status container for specialties and awards */
  775.     .jive-view-profile .profile-status-container { display: none !important; }              /* REFINED */                  
  776.  
  777.     /* profile modal note status row for specialties and awards */
  778.     .status-row { display: none !important; }                                      
  779.     /* ------------------ */
  780.  
  781.  
  782.     /* ------------------------------------------------------------------------------------------------
  783.         PLACES
  784.     */                                                                              
  785.     /* latest activity column */
  786.     .j-browse-details .j-td-activity { max-width: 650px !important; }
  787.  
  788.  
  789.     /* ------------------
  790.         Treatment for narrow window
  791.         Method 1 (minimum optimisation)
  792.  
  793.         Adjust community list table's shift and margin to maximize its width.
  794.     */                                                                              
  795.     /* ------------------ (currently active) */
  796.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }
  797.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }
  798.     .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }
  799.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }
  800.     /* ------------------ */
  801.     /* ------------------
  802.         Treatment for narrow window
  803.         Method 2 (more beneficial to narrow window but has disadvantage for wide window)
  804.        
  805.         Let community list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
  806.         If window is wide enough (>=1265px), sidebar ui is displayed next to community list table,
  807.         otherwise it is displayed below or above it (depending upon its document tree order).
  808.        
  809.         * sidebar width (constant)    = 166px
  810.         * community table max width   = 1019px
  811.         * canvas margin-left          = 40px
  812.         * canvas margin-right         = 40px
  813.         ---------------------------------------
  814.         * total                       = 1265px
  815.     */                                                                              
  816.     /* ------------------ (currently commented out) */
  817. /*
  818.     .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }
  819.     .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }
  820.     .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }
  821.     .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }
  822.     .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }
  823. */
  824.     /* ------------------ */
  825. }
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!