path: root/css/navigationBar.css

div.navigationBar {
	background-color:var(--foregroundColour);
	border-radius:   1rem;
	color:           var(--backgroundColour);
	font-family:     var(--sansSerifFont);
	font-weight:     bold;
	padding:         1rem 2rem;
	text-align:      center;
	width:           100%;
}

div.navigationBar img.themeToggler {
	background-color:var(--backgroundColour);
	border-color:    var(--backgroundColour);
	border-radius:   calc(1rem / 3 * 2);
	border-width:    calc(1rem / 3);
	border-style:    solid;
	color:           var(--backgroundColour);
	cursor:          pointer;
	display:         block;
	height:          2rem;
	margin:          0 auto;
	margin-bottom:   1rem;
	user-select:     none;
	width:           3rem;
}

div.navigationBar p + p {
	margin-top:calc(1rem / 2);
}

div.navigationBar p,div.navigationBar span.link + span::before {
	content:"\0020\00B7\0020";
}

div.navigationBar p,div.navigationBar span.link a,div.navigationBar span.link a:hover {
	color:var(--backgroundColour);
}

div.navigationBar span.link a:hover {
	text-decoration:underline;
}