less distracting theme for jitendex and yomitan

yomitan_fennetic_theme.css

/* 

do you like the jitendex dictionary for yomitan, but hate the ugly tags and miscellaneous crap everywhere? 
just want to read word definitions because you aren't a linguistics PhD?
allergic to color? 
if so, copy this into Yomitan Settings -> Popup Appearance -> Configure custom CSS 

license: public domain
tested on firefox and jitendex-2024-02-05 and yomitan 23.12.29.0

*/

/* inner css */
.tag {display: none;}
.indicator {display: none;}
.top-progress-bar-container {display: none;}
div.gloss-sc-div > span.gloss-sc-span, li > span.gloss-sc-span { /* jitendex tags. sure wish these things had css classes */
  cursor: default !important;
  background-color: unset !important;
  color: #555555 !important;
}
span.gloss-sc-span > ruby { color: var(--text-color); } /* the word in the example sentence with red dots over it */
span.gloss-sc-span > ruby > rt > span.gloss-sc-span { color: crimson !important ;} /* the red dots */
.gloss-sc-li { 
  list-style-type: unset !important;
  border-color: #aaa !important; /* the large bracket to the left of example sentences */
 }
.gloss-sc-div[data-sc-content="forms"],
  .gloss-sc-li[data-sc-content="forms"] 
  {display: none !important; }

:root, :root[data-theme="dark"] {
  --link-color: #555555 ;
}

/* outer css */
iframe.yomitan-popup[data-theme="dark"] {   
  border-color: rgba(0,0,0,0.5);
}
iframe.yomitan-popup {
  box-shadow: 5px 5px 10em rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  overflow: hidden;
}