/* === 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 */

#nexusring {
	margin: 0 auto;
	padding: 15px;
	/* creates some space around the widget */

	--color_teal: teal;
	--color_cyan: #00ffbf;
	--color_purple: #aa00ff;
	--color_darkpurple: #420063;
	--color_menu_bg: rgba(28, 141, 169, 0.539);
}

#nexusring table {
	background-color: var(--color_darkpurple);
	/* makes the background */
	color: var(--color_teal);
	margin: 0 auto;
	/* centers the widget */
}

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

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

#nexusring .webring-info {
	text-align: center;
}

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

#nexusring .webring-links {
	font-size: small;
	color: var(--color_purple);
}

#nexusring a {
	text-decoration: none;
	color: var(--color_purple);
}

#nexusring a:hover {
	text-decoration: underline;
	color: var(--color_cyan);
}

#nexusring a:active {
	color: white;
}

#nexusring a:visited {
	color: rgb(126, 71, 156);
}