User:Peterwhy/BSiconTooltips.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* [[User:Peterwhy/BSiconTooltips]] */

/*
	styles for tooltip box
*/
.bs-overlap .bs-quote-link {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	color:white;
}
.bs-overlap .bs-quote-tooltip {
	position:absolute;
	top:-.8em;
	right:0px;
	height:1.6em;

	margin-right:8px;
	border-radius:.8em;
	box-shadow:0px 0px 4px black;
	
	padding: 0em .5em;
	line-height:1.6em;
	white-space:nowrap;
	
	text-decoration:inherit;
	
	background-color:black;
	color: white;
	
	opacity: 0.9;
	display: none;
	
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #45484d 0%,#000000 100%); /* W3C */
}

.bs-overlap .bs-quote-tooltip.bs-inconsistent:before, 
.bs-overlap .bs-quote-tooltip.bs-no-file:before {
	margin-right: .3em;
	margin-left: -.5em;
	height: 1.6em;
	width: 1.6em;
	line-height: 1.6em;
	border-radius: .8em;
	
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
	
	display:inline-block;
	cursor:inherit;
}
.bs-overlap .bs-quote-tooltip.bs-inconsistent:before {
	content: ">";
	color: white;
	background-color: navy;
}
.bs-overlap .bs-quote-tooltip.bs-no-file:before {
	content: "?";
	color: white;
	background-color: #BA0000;
}
.bs-overlap .bs-quote-tooltip.bs-inconsistent.bs-no-file:before {
	content: "!";
	color: black;
	background-color: gold;
}

/*
	BSicons
*/
.bs-overlap .bs-icon {
	background-color: transparent;
	
	/* timing when de-selected */
	transition: box-shadow .1s, background-color .1s;
	-moz-transition: box-shadow .1s, background-color .1s;
	-webkit-transition: box-shadow .1s, background-color .1s;
	-o-transition: box-shadow .1s, background-color .1s;
	-ms-transition: box-shadow .1s, background-color .1s;
}
.bs-overlap.selected .bs-icon {
	background-color: rgb(249, 249, 249);
	background-color: rgba(249, 249, 249, .9);
	
	/* timing when selected */
	transition: box-shadow .2s, background-color .2s;
	-moz-transition: box-shadow .2s, background-color .2s;
	-webkit-transition: box-shadow .2s, background-color .2s;
	-o-transition: box-shadow .2s, background-color .2s;
	-ms-transition: box-shadow .2s, background-color .2s;
}
.bs-overlap.selected .bs-base {
	box-shadow: 0px 0px 3px black;
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(1) .bs-superimpose {
	box-shadow: 0px 0px 6px black;
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(2) .bs-superimpose {
	box-shadow: 0px 0px 9px black;
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(3) .bs-superimpose {
	box-shadow: 0px 0px 12px black;
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(4) .bs-superimpose {
	box-shadow: 0px 0px 15px black;
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(5) .bs-superimpose {
	box-shadow: 0px 0px 18px black;
}

.bs-overlap .bs-superimpose-wrapper {
	/* timing when deselected */
	transition: transform .1s;
	-moz-transition: -moz-transform .1s;
	-webkit-transition: -webkit-transform .1s;
	-o-transition: -o-transform .1s;
	-ms-transition: -ms-transform .1s;
}
.bs-overlap.selected .bs-superimpose-wrapper {
	/* timing when selected */
	transition: transform .2s;
	-moz-transition: -moz-transform .2s;
	-webkit-transition: -webkit-transform .2s;
	-o-transition: -o-transform .2s;
	-ms-transition: -ms-transform .2s;
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(1) {
	-moz-transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	-o-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg);
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(2) {
	-moz-transform: rotate(12deg);
	-webkit-transform: rotate(12deg);
	-o-transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	transform: rotate(12deg);
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(3) {
	-moz-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(4) {
	-moz-transform: rotate(24deg);
	-webkit-transform: rotate(24deg);
	-o-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	transform: rotate(24deg);
}
.bs-overlap.selected .bs-superimpose-wrapper:nth-of-type(5) {
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.bs-overlap.bs-empty {
	/* timing when de-selected */
	transition: box-shadow .1s;
}
.bs-overlap.bs-empty.selected {
	box-shadow: 0px 0px 3px grey;
	
	/* timing when selected */
	transition: box-shadow .2s;
}

/*
	Bad links
*/
.bs-overlap a.new{ 
	width: 20px;
	height: 0px;
	padding: 10px 0px;
	display: inline-block;
	vertical-align: middle;
	line-height: 0px;
	overflow: hidden;
	white-space: nowrap;
}