For Hiroto

Similar Questions

• For Hiroto (new)

  Hiroto, thanks a lot for your new CSS. There are a few things that I would try to change. First of all, for the thread list (for which I've used a more dark blue for content in fat-read), I find the text a bit too heavy and I wonder if you can suggest slightly lighter version of this and of course, where to go.

  

  In addition, at least on my Mac, the response window goes too far out near the right edge of the screen, making reading sometimes a bit difficult. Perhaps you could offer a way to have a window a little narrower, more compact answers?

  

  Update: figured out the first question. Line 400 game-go-details game-td-title hard {make-weight: 600! important ;}}

  Changed the thickness of 400 police.

  In addition, as a record, to remove certain annoyances, I added the following to about line 40, go"Tweaks" of tt2

  . plus-reponses {display: none! important ;}}

  / * Hide more to the conversation block * /.

  . All-answers-container {display: inherit! important ;}}

  / * Show all responses * /.

• Question for Hiroto - css user

  I redesigned the css for the Spanish and Portuguese CSA web site.  I modified your css.

  Here's what I came with:

  Re: Style sheet for Japanese, Korean, Spanish and Portuguese CSA sites user

  I have two questions:

  (1) I want the 'P' in order to act as 'R' when the window is made narrower.  See this web page.  Make the windows smaller and larger to see 'P' and 'R' in action.

  https://communities.Apple.com/pt/thread/4601

  When I do the narrow window the letter P [issue] is scrolled off the right but the letter R [answer] does not work.

  P's off to the left

  

  P is visible

  

  (2)

  You remember what ASC Web page the effects of this code?  I couldn't identify a use of this code.

  What is "Community list table"? [jive now decides he wants to put a lot of spaces in this.]  who know why]

  
  /* ------------------ 
  
    
  Treatment for narrow window 
  
    
  Method 1 (minimum optimisation) 
  
    
  Adjust community list table's shift and margin to maximize its width. 
  
  */                                                                 
  /* v0.43 */  
  
  /* ------------------ (currently commented out) 
  
  .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; } 
  
  .j-layout-sl.j-browse-places .j-column-l 
  { margin-left: 166px !important; } 
  
  .j-layout-sl.j-browse-places .j-column-s 
  { width: 166px !important; } 
  
  ------------------ */  
  
  /* ------------------ 
  
     
  Treatment for narrow window 
  
     
  Method 2 (more beneficial to narrow window but has disadvantage for wide window) 
  
       
  
     
  Let community list table have full width but not exceed 1019px to make room for 
  
     
  sidebar ui (filters & actions).  If window is wide enough (>=1265px), sidebar ui 
  
     
  is displayed next to community list table, otherwise it is displayed below or 
  
     
  above it (depending upon its document tree order). 
  
       
  
     
  * sidebar width (constant)
  = 166px 
  
     
  * community table max width   = 1019px 
  
     
  * canvas margin-left     
  = 40px 
  
     
  * canvas margin-right    
  = 40px 
  
     
  --------------------------------------- 
  
     
  * total                  
  = 1265px 
  
  */                                                                   
  /* v0.5 */  
  
  /* ------------------ (currently active) */  
  
  .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }  
  
  .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }  
  
  .j-layout-sl.j-browse-places .j-column-l 
  { margin-left: 0px !important; }  
  
  .j-layout-sl.j-browse-places .j-column-l 
  { padding-left: 0px !important; }  
  
  .j-layout-sl.j-browse-places .j-column-s 
  { width: 166px !important;  }      
  
  /* ------------------ */  
  
     
  

  Hello

  Well, it took me some time to investigate the new presentation of 2016-06 of the ASC (Japanese, etc). It's really annoying...

  You can find my current project CSS below. For better maintainablility, I made new CSS file derived from the previous one for 2014-06 format. Section of the DISPLAY OF THE WIRE CONTENT has been significantly redesigned. It may contain useless residues of the previous, because I have not yet cleaned up seriously.

  Moreover, the Q brand in question is placed in a strange way, using the negative zone offset (left:-60px banner), which would be the reason why it behaves well in your settings.

  Relevant rules in original CSS:

  .j-thread #body-apple .j-thread-post section.j-original-message h1 {
      max-width: 860px;
      margin: 0px auto 30px;  /* <-- left margin is auto, which may be problematic in variable width environment */
  }
  .j-thread .jive-content .j-thread-post section.j-original-message h1 .q-marker {
      position: absolute;
      top: 0px;
      left: -60px;            /* <-- negative box offset for left side */
      font-size: 55px;
      font-weight: 200;
      line-height: 1em;
  }
  

  which I adjusted it as follows:

  .j-thread-post section.j-original-message h1 {
      max-width: inherit !important;;
      margin: 0px 60px 20px 60px !important;;
  }
  .j-original-message h1 .q-marker {
      left: -60px !important;
      font-size: 32px !important;
  }
  

  ---

  Here's my project. Please feel free to change, adapt, and reuse what you see fit.

  /*
      custom styles for Apple Support Communities board system introduced in 2016-06 (v0.10d)
     
      written by Hiroto, 2016-06
  */
  @-moz-document
      domain(communities.apple.com),
      domain(discussionsjapan.apple.com),
      domain(discussionskorea.apple.com)
  {
      /* ------------------------------------------------------------------------------------------------
          BODY
      */
      body.j-body-welome,             /* Welcome */
      body.j-body-place,              /* Community */
      body.j-body-yourwork,           /* Content */
      body.j-body-home,               /* Activity */
      body.j-body-yourconnections,    /* People */
      body.j-body-preferences,        /* Preferences */
      body.jive-body-content,         /* Thread */
      body.jive-body-search,          /* Search */
      body.jive-view-profile          /* Profile */
      {                                                                              
          background: white !important;
      }
      body {
          background: white;
          min-width: 0px !important;
      }
      #body-apple {
          width: 100% !important;
          min-width: 0px !important;
      }
      #globalheader { display: none !important; }                                    
      #global-nav-wrapper {display: none !important; }                               
      #globalfooter,
      #globaldisclaimer { width: 80% !important; }                                    
  
      /* ------------------------------------------------------------------------------------------------
          TEXT
      */
      body {                                                                                  /* NEW */
          font-size: 16px !important;
          font-weight: 400 !important;
          line-height: 1.25 !important;
      }
     
      body * {                                                                                /* NEW */
          /* font-size: inherit !important; */
          font-weight: inherit !important;
          line-height: inherit !important;
      }
  
      /* ------------------------------------------------------------------------------------------------
          ASC HEADER, FOOTER AREA
      */
      #j-header,
      #j-compact-header,
      #j-footer { width: 100% !important; }
     
      /* navigation header (Apple Support Communities ...) */
      #j-header-wrap {
          padding: 0px 40px !important;
          margin: 0px 0px 15px !important;
      }
      #j-globalNav-bg {
          padding: 0pX !important;
          margin: 0px !important;
          width: auto !important;                                                             /* NEW */
      }
      #j-satNav { overflow: visible !important; }
  
      #j-header-wrap { margin-bottom: 50px !important; }                                      /* NEW */
      #apple-full-header { margin: 10px 0px 0px !important; }                                 /* NEW */
      #second-row {                                                                           /* NEW */
          padding-top: 25px !important;
          height: 30px !important;
      }
  
      #jive-alert {                                                                           /* NEW */
          width: auto !important;
          max-width: inherit !important;
          margin: -20px 40px 10px !important;
      }
      .j-thread #jive-alert {                                                                 /* NEW */
          margin: -50px 40px 10px !important;
      }
      .jive-body-formpage.j-thread #jive-alert {                                              /* NEW */
          margin: -30px 40px 10px !important;
      }
      #jive-breadcrumb {                                                                      /* NEW */
          width: auto !important;
          margin-right: 40px !important;
          position: relative !important;
      }
      .j-js-footer-wrap {                                                                     /* NEW */
          width: auto !important;
          min-width: 0px !important;
      }
      footer#j-footer {                                                                       /* NEW */
          width: auto !important;
          min-width: 0px !important;
      }
  
      /* ------------------------------------------------------------------------------------------------
          ASC TOP PAGE
      */
      .j-body-welcome #jive-alert { margin: 0px 40px !important; }
      .j-body-welcome .hero-container img { width: auto !important; }
      .j-body-welcome.j-body-home [id|=jive-widgetframe] > .content-large {
          text-align: center !important;
          overflow-x: auto !important;
          overflow-y: hidden !important;
      }
      .apple-communities {
          display: inline-block !important;
          width: auto !important;
          text-align: left !important;
      }
  
      /* ------------------------------------------------------------------------------------------------
          THREAD LIST BROWSER
      */
  
      /* ------------------
          community overview
      */                                                                                      /* NEW */
      .category-latest .category-latest-container .category-latest-row {
          margin: 0px !important;
          padding: 5px 0px !important;
      }
      .category-latest .category-latest-container .category-latest-row .discussion-metadata {
          margin: 5px 0px !important;
      }
      .category-latest .category-latest-container .category-latest-row .discussion-title a {
          font-size: 110% !important;
          font-weight: 500 !important;
          color: rgb(0, 136, 204) !important;
      }
      .category-latest .category-latest-container .category-latest-row:nth-child(odd) {
          background: rgb(247, 247, 247) !important;
      }
      .category-latest .category-latest-container .category-latest-row .read-full {
          display: none !important;
      }
     
      .apple-space-overview #body-apple .list-page .ask-a-question-sidebar {
          margin: 0px 70px 10px 0px !important;
      }
      .apple-space-overview #body-apple .list-page .ask-a-question-sidebar .ask-a-question-space-icon {
          width: 128px !important;
          height: 128px !important;
      }
      .apple-space-overview #body-apple .list-page .ask-a-question-wrapper .community-siblings {
          padding: 5px 0px !important;
          font-size: 20px !important;
      }
      /* ------------------ */
      
  
      /* show author name in 'Latest activity' column in detailed list view of threads */
      td.j-td-date > span { display : inherit !important; }
  
      /* main section */
      #j-main { padding: 0px !important; }
  
      /* table cell title */
      .jive-table td.jive-table-cell-title { padding: 5px !important; }
         
      /* thread list view column widths */                                           
      .j-browse-details .j-td-title { max-width: none !important; }
      .j-browse-details .j-td-date {
          width: auto !important;
          max-width: 20% !important;
      }
      
  
      /* ------------------
          Hide Like and Bookmark columns in thread list view.
      */                                                                             
      /* ------------------ (currently commented out)
      .j-browse-details .j-td-likes,
      .j-browse-details .j-td-bookmarks { display: none !important; }
      .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
      .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }
      .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }
      ------------------ */
  
      /* user name link */
      .jive-username-link { text-transform: none !important; }                        
  
      /* threads list view table tr td  */
      .j-browse-details-tbody tr td { padding: 2px !important; }                              /* CHANGED */
  
      /* threads list view left most icon */
      .j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !important; }                 /* NEW */
     
      /* communities list view table tr td */
      .jive-communities-listing table tr td { padding: 5px !important; }
     
      /* thumbnails view width */
      .j-browse-content .j-thumb-view,
      .j-browse-places .j-browse-thumbnails,
      .j-browse-people .j-browse-thumbnails { width: 100% !important; }
     
      /* thumbnail view list item margin */                                          
      .j-browse-content .j-thumb-view > li,
      .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
     
      /* thumbnail view article font size */                                                  /* NEW */
      .j-thumb article { font-size: inherit !important; }
     
      /* thunbnail view article header height */                                              /* NEW */
      .j-content-thumb header { height: 22px !important; }
  
      /* thumbnail view article height */                                                     /* NEW */
      .j-browse-content .j-content-thumb article { height: 120px !important; }
     
      /* thumbnail view footer */                                                             /* NEW */
      .j-browse-content .j-content-thumb.j-thumb footer { padding: 4px 0px 0px !important; }  
  
     
      /* social actions row */
      .apple-social-actions-wrapper { margin-right: 0px !important; }
      .j-thread .j-social-actions { margin-right: 40px !important; }
  
      /* apple header, subheader row ("Find helpful contents..." etc )*/             
      #apple-full-subheader,
      #apple-activity-subheader {
          padding: 0px 40px 15px !important;
          margin-bottom: 15px !important;
      }
      #apple-full-header h2,
      #apple-activity-header h2 { padding: 0px 40px !important; }
  
      /* page header */
      .j-body-place #jive-body > header.j-page-header {
          margin-left: 40px !important;
          margin-right: 40px !important;
          width: auto !important;
      }
     
      /* pagenation */                                                                        /* NEW */
      .j-pagination-prevnext > .j-pagination-prev,
      .j-pagination-prevnext > .j-pagination-next { font-size: 0px !important; } 
     
     
      /* browser filter row */
      #j-browse-filters { margin-bottom: 5px !important; }
  
      /* browser controls row */
      .j-type-row { margin-bottom: 0px !important; }
  
      /* browser controls content types (All Contents|User Tips|Discussions) width */
      #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
     
      /* browser controls view toggle (Thumbnails|Details) width */
      #js-browse-controls #j-item-view-toggle {
          width: 10% !important;
          display: table !important;
      }
  
      /* content filter row (All|Open|Answered|Threads) */
      .j-content-filter {
          background: white !important;
          margin-bottom: 10px !important;
      }  
     
      /* container canvas */
      .j-contained {
          margin-left: 40px !important;
          margin-right: 40px !important;
      }
  
      /* category filter bar */
      .jive-content-filter {
          left: 0px !important;
          width: 80% !important;
      }
      .touchcarousel-wrapper { width: 100% !important; }
      .touchcarousel .tc-paging-container { width: 90% !important; }                  
  
      /* more search results available */
      #j-more-search-results-available { padding: 10px !important; }
     
      /* misc */
      .jive-widget { margin-bottom: 10px !important; }
      .j-column { margin-bottom: 10px !important; }
  
      /* ------------------
          Treatment for narrow window
          Method 1 (minimum optimisation)
  
          Adjust thread list table's shift and margin to maximize its width.
      */                                                                             
      /* ------------------ (currently active) */
      .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
      .j-layout-sl.j-browse-content .j-column-l      { margin-left: 166px !important; }
      .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
      /* ------------------ */
      /* ------------------
          Treatment for narrow window
          Method 2 (more beneficial to narrow window but has disadvantage for wide window)
         
          Let thread list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
          If window is wide enough (>=1265px), sidebar ui is displayed next to thread list table,
          otherwise it is displayed below or above it (depending upon its document tree order).
         
          * sidebar width (constant)    = 166px
          * thread table max width      = 1019px
          * canvas margin-left          = 40px
          * canvas margin-right         = 40px
          ---------------------------------------
          * total                       = 1265px
      */                                                                             
      /* ------------------ (currently commented out) */
  /*
      .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
      .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
      .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }
      .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
  */
      /* ------------------ */
  
      /* ------------------
          Swap left-right positions of thread list table and sidebar ui (filters & actions)
      */                                                                             
      /* let thread list table float left */
      .j-layout-sl.j-browse-content .j-column-wrap-l,
      .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
  
      /* let sidebar ui float right */
      .j-layout-sl.j-browse-content .j-column-s,
      .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
      /* ------------------ */
  
      /* ------------------
          leader board
      */
      /* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
     
  /*
      .jive-widget-leaderboardwidget {display: none !important; }                    
  */
  
      .jive-widget-leaderboardwidget { max-width: 1000px !important; }                       
      .jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar { padding-top: 10px !important; }
      .jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li { min-height: 0px !important; }
      .jive-widget-leaderboardwidget .top-member-username,
      .jive-widget-leaderboardwidget .top-member-username * { font-size: inherit !important; }
      .jive-widget-leaderboardwidget .user-level-points {
          font-size: 18px !important;
          margin: 14px 0px !important;
          width: 60px !important;
          height: 30px !important;
          padding: 8px 0px 0px !important;
      }
      .jive-widget-leaderboardwidget .top-member-profile-info > a {
          border-radius: 0% !important;
          width: 60px !important;
          height: 60px !important;
      }
      .jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
      /* ------------------ */
  
      /* article list
          .j-rc5 is used to identify this list
          e.g., https://discussions.apple.com/article/HT1939 */                      
      .j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol { margin: 0px 0px 0px 166px !important; }
  
      /* ------------------------------------------------------------------------------------------------
          THREAD CONTENT BROWSER
      */
      /* thread header */
      .apple-thread-header {
          width: auto !important;
          margin-bottom: 10px !important;
          margin-left: 40px !important;
      }
  
      /* thread message */                                                                    /* NEW */
      .j-thread .jive-content .j-thread-post .jive-rendered-content {
          font-size:   inherit !important;
      }
      .j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
      .j-thread #body-apple #helpful-container,
      .j-thread #body-apple .j-thread-post > header .j-post-author,
      .j-thread #body-apple .thread-container-wrapper,
      .j-thread #body-apple .all-replies-container,
      .j-thread #body-apple #j-main #jive-breadcrumb,
      .j-thread #body-apple .addReply,
      .j-thread #body-apple #jive-body-intro-content {
          max-width: inherit !important;
          margin: 10px 40px !important;
      }
      .j-inresponse-to {
          font-size: inherit !important;
      }
      .j-thread .jive-content .j-thread-post > header,
      .j-thread .jive-content .j-thread-post > h3.header {
          margin: 15px 0px 10px 0px !important;
      }
  
      /* thread original messeage (question) */                                               /* NEW */
      .j-thread-post section.j-original-message {
          margin: 0px 30px !important;
          padding: 15px 10px !important;
          border-style: dotted !important;
          border-width: thin !important;
          background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
      }
      .j-thread-post section.j-original-message h1 {
          max-width: inherit !important;;
          margin: 0px 60px 20px 60px !important;;
      }
      .j-thread-post section.j-original-message .jive-rendered-content {
          max-width: inherit !important;;
          margin: 0px 25px !important;;
      }
     
      /* original poster profile header */
      .j-thread .jive-content .j-thread-post > header.js-original-header {
          max-width: inherit !important;
          margin: 0px 40px !important;
          padding: 5px !important;
      }
  
      .j-thread-post section .thread-actions {
          max-width: inherit !important;
          margin: 0px 25px !important;
      }
      .j-original-message .jive-rendered-content p {
          font-size:   inherit !important;
      }
      .meta-posted {
          max-width: inherit !important;
          margin: 10px 25px 20px !important;
      }
      /* Q mark */
      .j-original-message h1 .q-marker {
          left: -60px !important;
          font-size: 32px !important;
      }
      
  
      /* answer rollup */                                                                     /* NEW */
      .j-answer-rollup.span-full-width {
          background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
          padding-bottom: 10px !important;
          margin: 20px 0px 0px 0px !important;
          border: 1px solid rgb(45, 184, 71) !important;
      }
      .j-inline-correct-answer {
          padding: 0px !important;
          max-width: inherit !important;
          margin: 0px 10px !important;
      }
      .j-inline-correct-answer section {
          margin: 10px 0px !important;
      }
      /* A mark */
      .j-inline-correct-answer .answer-marker {
          left: 0px !important;
          font-size: 32px !important;
      }
      
  
      /* persistent question shown at top */                                                  /* NEW */
      .persist-question.persist { display: none !important; }
  
     
      /* Solved and Helpful marker text */                                                    /* NEW */
      .j-thread-post header .j-correct-text,
      .j-thread-post h3.header .j-correct-text,
      .j-thread-post header .j-helpful-text,
      .j-thread-post h3.header .j-helpful-text {
          font-size: 22px !important;
          background: none repeat scroll 0% 0% transparent !important;
          border-style: none !important;
          margin: 0px !important;
          padding: 10px !important;
      }
  
     
      /* thread content */
      .j-thread .jive-content { margin: 0px 10px 0px 10px !important; }                       /* CHANGED */
  
     
      /* thread replies ul */
      ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
     
      /* thread reply li */
      .jive-discussion-replies li.reply { margin-top: 15px !important; }
  
      /* thread message border */                                                             /* NEW */
      .jive-discussion-replies li.reply .jive-thread-message {
          border-style: dotted !important;
          border-width: thin !important;
      }
  
      /* orgininal poster comment background */                                               /* NEW */
      .original-poster-comment {
          background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
          top:    0px !important;
          right:  0px !important;
          bottom: 0px !important;
          left:   0px !important;
      }
  
      /* pagenation */                                                                        /* NEW */
      .j-thread .jive-thread-messages .j-pagination {
          margin: 30px 0px !important;
      }
  
      /* promoted helpful answer and prompted recommended answer */                           /* NEW */
      .j-inline-promoted-helpful-answer,
      .j-inline-recommended-answer {
          background: none repeat scroll 0% 0% rgb(247, 232, 207) !important;
          padding: 15px 10px 5px 10px !important;
          margin: 0px 10px 15px 10px !important;
          border-style: dotted !important;
          border-width: thin !important;
      }
      .j-inline-promoted-helpful-answer p {
          margin: 0px !important;
      }
      .j-inline-promoted-helpful-answer header .reply-date,
      .j-inline-promoted-helpful-answer h3.header .reply-date,
      .j-inline-recommended-answer header .reply-date,
      .j-inline-recommended-answer h3.header .reply-date {
          font-size: inherit !important;
          margin: 10px 0px !important;
      }
      .j-inline-promoted-helpful-answer header .j-helpful-text,
      .j-inline-promoted-helpful-answer h3.header .j-helpful-text,
      .j-inline-recommended-answer header .j-helpful-text,
      .j-inline-recommended-answer h3.header .j-helpful-text {
          font-size: 22px !important;
          background: none repeat scroll 0% 0% transparent !important;
          border-style: none !important;
          margin: 0px !important;
      }
      .j-inline-promoted-helpful-answer section .reply-body,
      .j-inline-recommended-answer section .reply-body {
          font-size: inherit !important;
          margin-bottom: 20px !important;
      }
      .j-inline-promoted-helpful-answer section,
      .j-inline-recommended-answer section {
          padding: 0px 20px !important;
      }
      #helpful-container { padding-top: 0px !important; }
      #helpful-container hr { margin: 10px !important; }
      #helpful-container .more-answers { margin: 0px !important; }
      #helpful-container .more-answers * { font-size: 24px !important; }
  
      /* inline correct answer, helpful answer background */                                  /* NEW */
      div[itemprop="acceptedAnswer"] {
          background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
      }
      .j-thread .jive-content.j-helpful,
      .j-thread .jive-content.j-helpful.j-op {
          background: none repeat scroll 0% 0% rgb(247, 232, 207) !important;
      }
  
      /* switch between 'hellpful replies only' and 'all replies' */                          /* NEW */
      .jive-thread-messages .helpful-all-switch * {  
          font-size: 24px !important;
      }
      .jive-thread-messages .helpful-all-switch li.inactive {
          padding: 0px !important;
          top: 32px !important;
      }
      .jive-thread-messages .helpful-all-switch li.inactive span.menu {
          width: auto  !important;
          min-width: 160px !important;
          padding: 5px  !important;
          text-align: center !important;
      }
      
  
      /* thread content footer profile */                                                     /* NEW */
      .j-thread-post section.j-original-message footer .footer-profile {
          margin-right: 10px !important;
      }
      .j-thread-post footer .footer-profile {
          margin-right: -10px !important;
      }
      .j-thread-post footer .footer-profile .j-status-level {
          padding: 0px 10px 0px 0px !important;
      }
      .j-thread-post footer .footer-profile .username,
      .j-thread-post footer .footer-profile .jive-username-link {
          padding: 0px 10px 0px 10px !important;
      }
      .j-inline-correct-answer footer .footer-profile .j-status-levels,
      .j-inline-promoted-helpful-answer footer .footer-profile .j-status-levels,
      .j-inline-recommended-answer footer .footer-profile .j-status-levels {
          padding: 0px 10px 0px 0px !important;
      }
      .j-inline-correct-answer footer .footer-profile .username,
      .j-inline-promoted-helpful-answer footer .footer-profile .username,
      .j-inline-recommended-answer footer .footer-profile .username {
          padding: 0px 10px 0px 10px !important;
      }
  
      /* text wrap in header */
      .j-thread-post > header .j-post-author { white-space: normal !important; }     
     
      /* thread post section (message body) */
      .j-thread-post section {
          padding: 0px 20px !important;
          margin-bottom: 6px !important;
      }
      
  
      /* thread rendered content */
      .jive-rendered-content { padding-bottom: 4px !important; }
     
      /* thread rendered content quote & pre */
      .jive-rendered-content .jive-quote,
      .jive-rendered-content .jive-pre {
          margin: 5px 15px !important;
      }
  
      /* thread reply footer (Return to Community | Go to original post) */
      #jive-thread-reply-footer { margin-top: 10px !important; }
     
      /* more like this links, incomming links */
      #apple-related-threads { margin: 0px 40px !important; }
      #apple-related-threads .j-box { margin-bottom: 0px !important; }
      .j-icon-list li { padding: 3px 0px 3px 22px !important; }
  
      /* related articles */                                                         
      .apple-sidebar-property {
          width: auto !important;
          padding-left: 0px !important;
      }
      .jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles { padding: 15px 0px !important; }
      
  
      /* ------------------
          staus level, expertise, level points
      */
      /* status level expertise tile */
      .j-status-level.expertise-tile,
      .status-tile.expertise-tile { display: none !important; }                  
     
      /* status level level points */
      .j-status-level .level-points span { display: inherit !important; }            
      .j-status-level .level-points { white-space: inherit !important; }             
      /* ------------------ */
  
      /* ------------------------------------------------------------------------------------------------
          INLINE EDITOR
      */
      /* editor */
      .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
  
      /* ------------------------------------------------------------------------------------------------
          ADVANCED EDITOR
      */
  
      /* content area */
      .j-thread.jive-body-formpage #body-apple .j-form {
          max-width: inherit !important;
          margin: 0px auto 20px !important;
          width: inherit !important;
      }
      .j-thread .jive-content.jive-create-thread,
      .jive-body-formpage-document .jive-content.doc-page {
          margin: 0px 40px !important;
          padding: 0px !important;
      }
  
      /* editor panel */
      .j-thread .jive-content.jive-create-thread #jive-compose-title,
      .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
      .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
      .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
  
      /* line height in editor */
      body.tiny_mce_content { line-height: inherit !important; }
  
      /* replying to */
      p.jive-replying-to { padding: 20px 0px !important; }
      .jive-body-formpage-comment .jive-thread-message { margin: 0px 40px 0px 80px !important; }
  
      /* reply to avatar */
      .j-thread-post header .j-post-avatar {
          position: absolute !important;
          top: 0px !important;
          left: -50px !important;
          width: auto !important;
      }
     
      /* buttons (Reply|Cancel) */
      .j-publishbar,
      .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
  
      /* ------------------------------------------------------------------------------------------------
          ACTIVITY STREAM
      */
      /* activity entry */
      .j-act-entry { padding: 5px 0px 10px 100px !important; }
  
      /* activity title */
      .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
  
      /* activity body & comment */                                                  
      .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
      .apple-activity-comments-wrapper { margin-left: 0px !important; }
  
      /* Like list */
      .j-act-grouped .j-act-g-item { padding: 3px !important; }
     
     
      /* ------------------------------------------------------------------------------------------------
          SEARCH RESULTS
      */
      /* search result entry */
      .j-search-results-main-container .j-search-result { padding: 10px !important; } 
  
      /* ------------------------------------------------------------------------------------------------
          DOC (USER TIP)
      */                                                                             
      /* user tip canvas */
      .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
  
      .j-doc .jive-content {                                                                  /* NEW */
          margin: 0px !important;
          padding: 10px !important;
          border: thin dotted !important;
      }
  
      /* ------------------------------------------------------------------------------------------------
          PROFILE
      */                                                                             
      /* header & navigation bar (Bio|Activity|Content|Communities) */
      .j-view-profile .j-page-header { padding: 10px 40px !important; }
      .j-bigtab-nav { margin: 10px 40px !important; }
     
      /* Bio */
      .j-layout-l .j-column-wrap-l { width: 100% !important; }
  
      /* Communities (places) sidebar ui blue marker adjustment
          (according to the sidebar width changed to 166px from 180px for selector: .j-layout-sl.j-browse-places .j-column-s
          in PLACES section)  */
      .j-view-profile .j-second-nav ul > li.active  { width: 156px !important; }
  
      /* ------------------
          profile specialties and awards
      */
      /* profile status container for specialties and awards */
      .jive-view-profile .profile-status-container { display: none !important; }              /* REFINED */                   
  
      /* profile modal note status row for specialties and awards */
      .status-row { display: none !important; }                                      
      /* ------------------ */
  
      /* ------------------------------------------------------------------------------------------------
          PLACES
      */                                                                             
      /* latest activity column */
      .j-browse-details .j-td-activity { max-width: 650px !important; }
  
      /* ------------------
          Treatment for narrow window
          Method 1 (minimum optimisation)
  
          Adjust community list table's shift and margin to maximize its width.
      */                                                                             
      /* ------------------ (currently active) */
      .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }
      .j-layout-sl.j-browse-places .j-column-l      { margin-left: 166px !important; }
      .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }
      .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }
      /* ------------------ */
      /* ------------------
          Treatment for narrow window
          Method 2 (more beneficial to narrow window but has disadvantage for wide window)
         
          Let community list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
          If window is wide enough (>=1265px), sidebar ui is displayed next to community list table,
          otherwise it is displayed below or above it (depending upon its document tree order).
         
          * sidebar width (constant)    = 166px
          * community table max width   = 1019px
          * canvas margin-left          = 40px
          * canvas margin-right         = 40px
          ---------------------------------------
          * total                       = 1265px
      */                                                                             
      /* ------------------ (currently commented out) */
  /*
      .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }
      .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }
      .j-layout-sl.j-browse-places .j-column-l      { margin-left: 0px !important; }
      .j-layout-sl.j-browse-places .j-column-l      { padding-left: 0px !important; }
      .j-layout-sl.j-browse-places .j-column-s      { width: 166px !important; }
  */
      /* ------------------ */
  }
  

  Good luck

  H

• Hiroto, javascript fix of ASC.

  Request: Copy page info movement to above the question.

  I saw a post you had written little JavaScript for injection in a page of ASC via GreaseMonkey.  I use Firefox 47.0 as my web browser.

  Hiroto (follow-up question)

  I was wonder if you wanted to write JavaScript a little more.

  On a multi-page publication, it's a big pain to have to scroll to the bottom, so you can switch to the next or last page.   I was hoping you might be able to copy this info over the question.  I rather it be copied then moved, but the approach is better than letting the news of movement were it is.

  

  To be clear, this is the stuff I want to copied.

  

  If the thread is a page, an indication should be placed there instead.  an only "page,"page 1 of 1"etc.

  Thanks in advance,

  R

  PS. Maybe this could be done via css.  Move the relative place changed to another.

  Hello

  The easiest would be to locate the browser of paging to the upper right of the port view by CSS.

  The following will move the first browser of paging to the upper right of the Harbor View screen. It will stay there and can be annoying in another sense, though.

  @-moz-document
      domain(communities.apple.com),
      domain(discussions.apple.com),
      domain(discussionsjapan.apple.com),
      domain(discussionskorea.apple.com),
      domain(discussionschinese.apple.com)
  {
      @media screen {
          .j-thread .jive-thread-messages .j-pagination:first-child {
              position: fixed !important;
              top: -30px !important;
              right: 0px !important;
          }
      }
  }
  

  In regards to the javascript solution, it would be possible, but not easy. Not enough time for that time to spare...

  Good luck

  H

• Hiroto, body * is too "fat".

  I came across a problem with bold. I was in the zone of seizure and put in bold was not working. I looked at the generated html code.  The < strong > tag was there.  Looking into the Inspector, I noticed that the strong tag has been removed.  Followed the problem of "police-weight: inherit! important; ». When I commented on this point, bold is back.

  I know that the CSA has a lot of style = "" elements. "  What you were trying to do with the body * {make-weight: inherit! important ;}?}   What do you think would be the best thing.  I added a hack to get the strong back on.

  body * {
          /* font-size: inherit !important; */
         font-weight: inherit !important;
         line-height: inherit !important;
      }
     
  

  Hello rccharles,

  Thank you for this comment. As a careful person of plain text, I forgot this side effect on type face "BOLD" to the user is from.

  The reason why I put the world dominant rule for font is to prevent the site from weight light police here and there causing massive eyestrain. To see the main effect of the rule, try to disable it and watch what happens.

  I really wish there was something like 'min-font-weight' attribute in CSS. Short, my workaround would be basically the same as yours, which is to add a special rule for element < strong >. For example,.

      body {
          font-size: 16px !important;
          font-weight: 400 !important;
          line-height: 1.25 !important;
      }
      body * {
          font-weight: inherit !important;
          line-height: inherit !important;
      }
      strong { font-weight: 600 !important; }
  

  All the best,

  Hiroto

• Phone number not an option for iMessage on iPad mini

  Hello

  So my ID Apple was recently hacked and had to change my password on all my devices (iPhone 6 and mini iPad). But now that I changed, my iMessage works well for my iPhone, but on my iPad, I have no option to choose my phone number. I tried to reset iMessage, reset my iPad, everything. Now I'm curious to know why, that's happened what else I can do for an option again.

  Thanks in advance for helping me!

  To go through all these steps?

  Use continuity to connect to your Mac, iPhone, iPad, iPod touch and Apple Watch - Apple Support

  Use this feature with any Mac, iPhone, iPad, or iPod touch that satisfies the requirements of continuity system. Make sure that your devices are configured as follows:

  • Each device is connected to iCloud with the same Apple ID.
  • On iPhone, go to settings > Messages > Send and receive. Make sure the Apple ID at the top of the screen is the same Apple ID you use for iMessage on other devices. Add a check to your address, phone number, so that you can be reached by both iMessage. Do the same on your iPad or iPod touch.
  • On iPhone, go to settings > Messages > transfer, text messages, then choose which devices to send and receive text messages from the iPhone. A verification code and then on each device. Enter this code on your iPhone.
  • On Mac, open Messages, and then choose message > Preferences. Click accounts, and then select your account from iMessage. Make sure the Apple ID shown here is the same Apple ID you use on other devices. Add a control to your phone number and email address.

  Use the SMS and MMS messaging

  

  To use this feature, simply start conversations as usual in the Messages application on any of your devices. Alternatively, you can start a conversation by clicking a phone number in Safari, Contacts, calendar, or other applications detecting phone numbers. All your incoming and outgoing messages on all your devices.

• storage for MAC - air

  About 40 GB of storage used on my mac - makes no sense that I do not use this computer for films or images - just for internet and writing. We already have a projector comb with the hard drive. Any ideas before support again. Very curious.

  Free disk space-

  Space - free (2)

  Space - Free Up - Mavericks

  OmniDiskSweeper full - disk space 10.8 +.

  Up - WhatSize to fill disk space

• I need to buy new RAM for my iMac mid-2011. What are the specific specifications?

  I have a mid-2011 iMac, 21.5 inches, with an Intel Core i5 to 2.7 GHz and 4 GB 1333 MHz DDR3 processor. What RAM memory should I buy? There are a lot of options with different specifications listed on Amazon, and none seems correct. Help, please! Thank you

  Jbdammarell,

  I used OWC computer for my needs memory. Here is their recommendation for your computer.

  

• Function numbers for dynamically on average over the last 30 cells

  I am a trader and I have several months of data. I currently have a percentage of the sum of all the victories and defeats by currency pair. I want to create a function that retrieves the last 30 cells of data and creates a percentage I can compare it to the percentage of total victory.

  The cells are empty, unless I have add data in either to the upper or lower row. 1 win and - 1 are losses. 0 means not configured.

  Here's a full month with 20 data cells (cells max per month are 22) of trading days:

  

  This is the current month:

  

  I have 16 months of data with percentages of victory for all my data. As you see, I also have winning monthly winning percentages easily in the examples above (with a small division). I really, really want to compile data from the last 30 cells with data to create a winning percentage. It would be necessary to sometimes include 3 different lines of different months of data to create 30 cells with a number inside.

  A friend used the COUNTIF command but I do not have it works for me.

  If there is a different website to request this detail of the question please share that too.

  Thanks in advance,

  B

  Hi Braddon,

  It would be a pretty easy task if the data to be summed up in two columns from a single table and had no gaps, but that doesn't seem to be the case.

  Screenshots of two isolated sets of cells containing two rows (railway of) the data to be summarized, but give no indication where these data will be found in the document does not provide sufficient information to start to find a solution.

  Where are the data stored? You say "data for each month." "Every month" is recorded on another table?... on a pair of rows of the same table different?

  In the image (very vague) I, the factors of complications will gather data from a subset of continually changing several tables on multiple sheets and which specific cell contains the 30 most recent reference and is the one to start the harvest.

  While a few details and clarifications.

  Kind regards

  Barry

• Updated for Sierra and cannot import images

  I upgraded to Sierra and my camera, a Canon EOS 20 d is is properly recognized.

  Prior to the upgrade:

  When I plugged the camera would open automatically. I close and open Photoshop. PS I would like to select Import-> device and my camera would be identified. When I select the camer displayed thumbnails of photo.

  After the upgrade:

  When I connect the camera pictures only opens automaticall. If I open the pictures is not a camera attached.

  PS when I select Import-> my camera device is represented, but the icon is an external drive. When I select the icon nothing is displayed.

  Hello ChuckSto,

  Thank you for using communities Support from Apple. I know have a problem with your Mac and your camera is not what you expect. The good news is that the next steps will be useful for your problem of your camera is not recognized:

  If nothing happens when you connect your digital camera

  Try the following:

  • Make sure that the USB cable is properly connected to your camera and computer. If your computer has a USB port, try connecting the cable inside.

  • Check your camera to make sure he turned on and set to mode suitable for importing the photos. See the instructions that came with your camera.

  • Check the memory card of your camera for damage. See the documentation that came with your camera for more information on this page or other potential problems.

  Photos for Mac: import pictures from a camera or a mobile device

  See you soon!

• Since the update for Sierra, contacts do not appear in Messages - just phone numbers.

  Since the update for Sierra, Messages no longer displays Contact names - only phone numbers.  No instructions on how to remedy this.  Ideas?

  Hello

  Go into the Contacts application and ensure that it uses the same account synchronization like the iPhone and other devices you may be using.

  Also check the part of the accounts of the Contacts application preferences and make sure that it's only using one account.

  

  21:34 on Friday. 7 October 2016

   iMac 2.5 Ghz i5 2011 (El Capitan)
   G4/1GhzDual MDD (Leopard 10.5.8)
   MacBookPro (Snow Leopard 10.6.8) 2 GB
   Mac OS X (10.6.8).
   iPhone and iPad (2)

• Get notifications on my watch for app removed

  For my iPhone 6 s and look, I used an application called team Stream by Bleacher report. I chose the preference "not not mirror iPhone" do not get notifications on my watch, but stay get them on the iPhone. However, notifications continue on my watch. I deleted the app on my watch to try to solve the problem but despite the app isn't only not on the watch more I get always constant notifications. Should I delete the app on my iPhone? Very frustrating.

  Hello

  The following steps may help:

  • Close the watch application, and then restart your iPhone and your watch:
    • To close the application shows on your iPhone, click twice on the Home button, and then drag upward on Watch app preview.
    • Close the two devices together, and then restart your iPhone first:
      • Restart your iPhone, iPad or iPod touch - Apple Support
      • Restart your Apple Watch - Apple Support
  • If the problem persists, then disable the twinning and re - pair your watch:
    • The app shows on your iPhone takes a backup of your watch automatically when the disparity with the app choose to restore from backup during the whole upward. Most of the data and settings will be restored, with a few exceptions (for example cards Pay Apple, access code).
    • Cancel the twinning of your iPhone - Apple and Apple Watch Support
    • Set up your Apple Watch - Apple Support

• I resized the Partition Mac to make more space for BootCamp and now Windows will not boot

  On a collague MacBook Air running 10.11.4, we used disk utility to reduce the Mac Partition so that we could then use a Windows tool to extend the BootCamp partition. However, upon restart, we got a BACK screen with the error that Windows cannot start because it cannot find the boot device.

  Help, please?

  This is not a mechanism supported by Apple to change the size of the Windows partition. Apple supports the remove/reinstall only.

  We try to remedy. Please after the release of the following OSX Terminal commands.

  diskutil list

  Cs diskutil list

  sudo TPG - vv - r see the/dev/disk0

  sudo fdisk/dev/disk0

  What is the model/year of the MBA? Please, do not post the serial number of your Mac. Orders 'sudo' will ask for your password.

• bought iphone7 pluse Qatar facetime doesn't work for the sim card of the India

  Hello Sir,

  I bought iphone7 pluse in qatar that the facetime doesn't work for the sim card of the India. and also before 2 years I bought the iphone 6, as well as in the same countries qatar, but that works perfectly and facetime works for me. the difference what I unbox my 6plus in indai, I unbox my 7plus in qatar and I put the sim card of sri lanka first and tried to India sim then and facetime disappear from the home screen. at the point where I insert my card sim of qatar is worrking. Please I need help. If I buy another piece of 7plus and bring it in sri lanka or India my facetime work? or what? I'm totally confused plese answer me as fast as you can

  FaceTime is forbidden by the law in Saudi Arabia and the UNITED Arab Emirates and is removed from iPhones sold in other countries of the Middle East, if they are used outside the country where they were originally sold. If you plan to use an iPhone outside the Middle East, then don't buy it in the Middle East. The one you bought there FaceTime was illegally imported from another region and sold it.

• Why do I get a message saying that my computer is not registered for me

  I show the icon of the application that will not download because I get a message that says my computer it is not mine or is not saved for me.  WHY!

  What is the EXACT message you get?