/* onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js and onionring.css (this one!)
// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html)
// it was originally made by joey + mord of allium (蒜) house, last updated 2020-10-24 */

/* === ONIONRING.CSS === */
/* this file affects the style of the widget. remember to replace all instances of #hopamine-ring with whatever value you have for ringID in the onionring-widget.js file. make sure it still has the # at the front, though! probably easiest to use find+replace to do it */

#hopamine-ring {
  margin: 0 auto;
  padding: 15px; /* creates some space around the widget */
}

#hopamine-ring table {
  background-color: #ffffff; /* makes the background pure white */
  margin: 0 auto; /* centers the widget */
}

#hopamine-ring table tr {
  padding: 15px; /* creates some space between the links and text inside the widget */
}

#hopamine-ring .webring-prev > a {
  color: #79baef !important;
  margin-right: 15px;
  text-align:right;
}

#hopamine-ring .webring-info {
  background-color: #79baef;
  width: 40px;
  height: 40px;
  margin: 15px;
  border-radius: 8px;
  text-align:center;
}

#hopamine-ring .webring-info > a {
  color: red !important;
  filter:
    drop-shadow(1px 0 0 white)
    drop-shadow(-1px 0 0 white)
    drop-shadow(0 1px 0 white)
    drop-shadow(0 -1px 0 white);
}

#hopamine-ring .webring-next > a {
  margin-left: 15px;
  color: #79baef !important;
  text-align:left;
}

#hopamine-ring .webring-links > a {
  color: #79baef !important;
  font-size:small;
}