asc css for safari

/*
body,
article,
footer {
    background: wheat !important;
}


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;
}
*/

/* Adjust December 2018 ASC

   Beautify many types of Code.
   https://www.freeformatter.com/css-beautifier.html

   parchment #ffffcc

   #F2F2F2              light grey, most of the window ¬
                        was this color two releases ago.

   silly question at top. Hint on how to get rid of when not set in user's profile
   discussions.apple.com##.shown.persist-question

   Wilmut's version dec 20,2018:
   http://wilmut.uk/ASC_CSS.txt¬

   General discussion
   https://discussions.apple.com/thread/250028636?page=2
*/

/* ---------------------------------------------------------------------*/

/* adjust background colors
   https://www.quackit.com/css/css_color_codes.cfm  scroll down to "CSS Color Names"
*/
body,
article,
footer {
    background: wheat !important;
}

/* Dim these originally white area. Make coler a lighter than Wheat above, so
   there is some distinctin from other areas on the screen */
section.content-post.top-answer,
/* Correct reply just after question. */
div.action-bar a.button.button-white,  /* "VIew answer in context" button on correct
                                          reply just after question */
input#create-post-title-input,
/* Title for new post */
div.ql-editor,
/* editor input area */
div.toolbar div.row,
/* icons at the bottom of the input editor */
button.button.button-white,
/* Bottom of post button row */
input#askaquestion    /* Question at top of list of threads */
{
    background: bisque !important;
}

blockquote {
    /* light grey was white, most of the window was this color anyway. */
    /*  background: #F2F2F2 !important;  /* very light greay */
    /*  background: #a7aaae !important;  /* light grey */
    background: tan !important;
}

/* reply button */
button.button.button-black {
    background: #4a4646 !important;     /* Back to the color it was */
}

/* Let's eliminate the all apple.com header. The black band at the top of the page. */
nav#ac-globalnav,
div#ac-gn-placeholder {
    display: none !important;
}

/* Adjust My Subscriptions Page */

/* Which Community */
div.filters-and-content.allow-overflow td.community-name a {
    font-size: 14px !important;   /* smaller to conserve space */
    font-weight: normal !important;
}

/* Thread Title */
div.filters-and-content.allow-overflow a.topic-title-link {
    font-size: 20px !important; /* Larger to stand out. Not perfect. Long
                                   titles will be clipped.  Underline issue. */
    color: black !important;
       /* font-weight: normal !important; /* */
}

/* Lose some "whitespace" in my subscriptions */
.topics-component {
    border-spacing: 0 10px !important;
}

/* This gives a larger editor window. [ Apple size is 200px ] */
.ql-container {
    height: 300px !important;
}

/* Declarate links */
a:link {
    text-decoration: none;
    color: #0047ff;
}
a:visited {
    text-decoration: none;
    color: purple;
}
a:hover {
    text-decoration: underline;
    color: red;
}
a:active {
    text-decoration: underline;
    color: blue;
}
/* } */



/* Hide badges :-) */
div#main-content div.user-expertise {
    /* background: red !important; /* */
   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 */

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

/* expand the size of attached file display */
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 */
}