MediaWiki:Gadget-fastcci.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
This user script seems to have a documentation page at MediaWiki:Gadget-fastcci and an accompanying .js page at MediaWiki:Gadget-fastcci.js. |
- Report page listing warnings and errors.
/* 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;
}