Gadget-breadcrumbs.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

@media only screen and (max-width: 600px) {
	#breadcrumbs {
		display:none;
	}
}
	
	#breadcrumbs {
		font-weight: bold;
	}
	
	body:not(.ns-news) #breadcrumbs a::after {
	    content: " > ";
	    text-decoration: none;
	    color: initial;
	    cursor: auto;
	}
	
	#breadcrumbs a:hover,
	#breadcrumbs a:focus{
		text-decoration:none;
	}
	
	#breadcrumbs a span:hover,
	#breadcrumbs a span:focus{
		text-decoration:underline;
	}
	
	#breadcrumbs > ::last-child { /*selflink styles for the last crumb (current page name)*/
		color: inherit;
		font-weight: bold;
		text-decoration: inherit;
		cursor: default;
	}
	
	/* News namespace */
	
	.ns-3004 .namespace {
		display: inline-block;
	}
	
	.ns-3004 #breadcrumbs {
		display: inline-block;
	}
	
	.ns-3004 #breadcrumbs a::before {
	    content: " > ";
	    text-decoration: none;
	    color: initial;
	    cursor: auto;
	}

MediaWiki

Gadget-breadcrumbs.css