advanced ASC adjustment Apr 3, 2019

@-moz-document domain("discussions.apple.com") {
/*
You can create scrolling areas without resorting to frames by using CSS's overflow property.
https://stackoverflow.com/questions/628407/hidden-features-of-css
Example:

div.foo {
    border:   1px solid;
    width:    300px;
    height:   300px;
    overflow: auto;
}
*/
/* Hide badges :-)
div#main-content nav.sub-nav-desktop
[aria-label="Communities"]
*/
  div#main-content div.user-expertise {
   /* background: red !important; /* */
   visibility: hidden !important; /* */
}
/* div.user-expertise {
    visibility: hidden !important;
}*/

/* The overflow property has the following values:

    visible - Default. The overflow is not clipped. It renders outside the element's box
    hidden - The overflow is clipped, and the rest of the content will be invisible
    scroll - The overflow is clipped, but a scrollbar is added to see the rest of the content
    auto - If overflow is clipped, a scrollbar should be added to see the rest of the content
*/
.post-author .post-author-metadata .post-author-name {overflow:auto }

/* https://discussions.apple.com/thread/250068516 */

/* Persistent question no more */
section.persist-question.shown {
    display: none !important;
}

/* goes with the ASC file icon.
   expand the height of attached file display
   Need both. */
div.content-post-body-content div.log-attachment-accordion.expanded ,
div.content-post-body-content div.log-attachment-content-wrapper {
  height: 800px !important;
  max-height: 800px !important; /* cover all bases both height and max-height */
} /* */
/*
   FYI:
     LF is 0a  Unix
     CR is 0d  mac classic
     LFCR is 0a0d windows
*/

/* expand the width of attached file display */
/* From
   https://discussions.apple.com/thread/250234067?answerId=250443431022#250443431022
*/
div.content-post-body-content div.log-attachment-accordion.expanded {
  max-width: 92% !important;
  background-color: #ebd5b3 !important; /* Vellum Parchment */
}

/* Set a max height for code tag.  Don't let long code take over the page. */
/*div.post-body*/ pre.ql-syntax {
  max-height: 800px !important;
  overflow: auto !important;
  max-width: 92% !important;
  background-color: #ebd5b3 !important; /* Vellum Parchment */
}

/* reduce the whiteness of page change region.
   While the original let through 34% of the background, it still felt too bright.*/
section.filters-layout div.filters-layout-content div.spinner-wrapper {
  background-color: rgba(155,155,255,0.35); }



}