/* === ONIONRING.CSS === */
/* this file affects the style of the widget. remember to replace all instances of #webringid 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 */

#transmasc_ring {
  margin: 0 auto;
  padding: 0px; /* creates some space around the widget */
  height: 130px;
  width: 180px;
}

#transmasc_ring table {
  margin: 0 auto; /* centers the widget */
}

#transmasc_ring table tr td {
  padding: 1px; /* creates some space between the links and text inside the widget */
}

#transmasc_ring .webring-prev {
  text-align:right;
}

#transmasc_ring .webring-info {
   text-align:center;
   font-family: "comic sans ms";
   font-size: 15px;
}

#transmasc_ring .webring-next {
  text-align:left;
}

#transmasc_ring .webring-links {
}
#leftarrow{
height: 40px;  
/* content: url() */
}
#rightarrow{
height: 40px;
/* content: url() */
}
#middleflag{
height: 60px;
/* content: url() */
filter: drop-shadow(2px 1px 4px #acacac);
}