MediaWiki:Gadget-fastcci.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.

/* fastcci user interface */

/* Add space to fastcci button when indicators are there */
.sitedir-ltr .mw-indicators {
	margin-left: 1em;
}

.sitedir-rtl .mw-indicators {
	margin-right: 1em;
}

/* fastcci button */

#firstHeading .fastcci-button {
	color: black;
	border: 1px solid lightgray;
	margin: 0 0.2em 0 0;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	/* Start from heading (`1.8em`) equals 14.4px; Using em for accessibility */
	font-size: 0.5em;
	height: 28px;
}

#firstHeading>.fastcci-button {
	float: right;
	margin: 0 0 0.2em 1em;
	/* display: block; */
}

#firstHeading .fastcci-button>span {
	padding: 0 0.4em 0 0.4em;
	position: relative;
	top: 1px;
}

#firstHeading .fastcci-button>img {
	position: relative;
	top: -2px;
	vertical-align: middle;
}

#firstHeading .fastcci-tagline {
	font-size: 70%;
	margin-left: 1em;
}

.fastcci-breadcrumbs {
	border: 1px solid lightgray;
	padding: 0.5em;
	margin-bottom: 1px;
}

.fastcci-results input[type="range"] {
	width: 40%;
}

.fastcci-results .fastcci-image {
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin: 5px;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
}

.fastcci-results .fastcci-slider {
	display: inline-block;
	margin: 0 1em 0 1em;
	width: 40%;
}

.fastcci-help,
.fastcci-close {
	margin-left: 2em;
	cursor: pointer;
}

.fastcci-results .fastcci-badge {
	position: absolute;
	top: 5px;
	left: 5px;
}

#firstHeading,
#mw_header h1 {
	overflow: visible;
}

div.fastcci-buttonset {
	float: right;
	position: relative;
	display: inline-block;
	font-size: 15px;
	margin: -5px 0 0 0;
}

#firstHeading div.fastcci-buttonset {
	margin-top: 0;
}

div.fastcci-buttonset>button {
	height: 31px;
	margin: 0 -1px 0 0 !important;
}

/* Align jQuery.ui button with WikimediaUI style in this case, 
   see https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop */
#firstHeading div.fastcci-buttonset>.ui-button {
	background: #f8f9fa !important;
	box-shadow: none !important;
	color: #36c !important;
	border-radius: 2px !important;
}

#firstHeading div.fastcci-buttonset>.ui-button:hover {
	background: #fff !important;
}

#fastcci-fqv1,
#fastcci-fqv2,
#fastcci-fqv3,
#fastcci-fqv4 {
	position: absolute;
	margin-top: -1px;
}

#fastcci-fqv1 {
	left: 32px;
}

#fastcci-fqv2 {
	left: 25px;
	margin-top: 0;
}

#fastcci-fqv3 {
	left: 19px;
}

#fastcci-fqv4 {
	left: 4px;
}

#fastcci-buttontextwrapper {
	margin-left: 25px;
}

#fastcci-buttontext {
	margin-left: 15px;
}

.fastcci-menu {
	position: absolute;
	font-size: 15px;
	z-index: 10;
	white-space: nowrap;
	left: initial !important;
	right: 0 !important;
}

.fastcci-menu label {
	display: block;
}

.fastcci-menu label>img {
	margin: 0 0.2em 0 0.2em;
}

.fastcci-menu label>input {
	margin-left: 0.7em;
}

.fastcci-badges {
	margin-right: 10px;
}

#fastcci-allimages {
	margin-left: 34px;
}