/* 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 #sleepy-dawgs-666 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 */

#sleepy-dawgs-666 {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; /* Adjust width if necessary */
    text-align: center;
    padding: 10px;
}

#sleepy-dawgs-666 table {
  background-color: red; /* makes the background pure white */
  margin: 0 auto; /* centers the widget */
  background: url('https://i.imgur.com/7RtiW92.png') no-repeat center center; 
  background-size: cover; /* Adjusts the image to cover the table */
  margin: 0 auto; /* Centers the widget */
}

#sleepy-dawgs-666 table tr td {
  padding: 15px; /* creates some space between the links and text inside the widget */
  color: white; /* Ensures all text is white */
}

#sleepy-dawgs-666 .webring-prev {
  font-size: small;
  text-align: right;
  color: white; /* Sets text to white */
}

#sleepy-dawgs-666 .webring-info {
  text-align: center;
  font-size: 2em;
  color: white; /* Sets text to white */
}

#sleepy-dawgs-666 .webring-next {
  font-size: small;
  text-align: left;
  color: white; /* Sets text to white */
}

#sleepy-dawgs-666 .webring-links {
  font-size: small;
  color: white; /* Sets text to white */
}

/* Ensures links remain white even when hovered, focused, or clicked */
#sleepy-dawgs-666 a {
  color: white;
  text-decoration: none;
}

#sleepy-dawgs-666 a:visited,
#sleepy-dawgs-666 a:hover,
#sleepy-dawgs-666 a:active {
  color: white;
  text-decoration: none;
}