minimalist css for asc Mar 31, 2019

/* Adjust December 2018 ASC

   Some colors to pick from:
     https://www.quackit.com/css/css_color_codes.cfm
   then scroll down to "CSS Color Names"

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

   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.

   Color picker
   https://www.quackit.com/css/css_color_codes.cfm
   then scroll down to "CSS Color Names"

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

   ChitlinsCC's version
   https://discussions.apple.com/thread/250230359?answerId=250428691022#250428691022

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

   Alternate background colors
   by VikingOSX
   FYI: You will need to adjust the embedded comments.  Change "_" to "/".  *_
body,
article,
footer {
    /* color is Cinereous, a brown shade *_
    background: rgba(152, 129, 123, 0.3) !important;
}


input#askaquestion    /* Question at top of list of threads *_
{
    background: #d3d3d3 !important;
    -webkit-appearance: textfield !important;
    border-color: #e3dac9 !important;
    border-style: inset !important;
}

*/

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

/* adjust background colors */
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 contect"
                                          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 {
   --editor-height:400px !important;;
}

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


/* avoid tooltips blocking clicking on last row.
   They are now gone.
   Delete when Apple fixes their code.

   Note: not all sections have .hide-mobile
*/
 div.toolbar div.row section.buttons-group div.rte-tooltip div.tooltip.hide-mobile {
     z-index: -1;}