[rustc.git] / src / librustdoc / html / static / settings.css

/**
 * Copyright 2018 The Rust Project Developers. See the COPYRIGHT
 * file at the top-level directory of this distribution and at
 * http://rust-lang.org/COPYRIGHT.
 *
 * Licensed under the Apache License, Version 2.0 <LICENSE-APACHE or
 * http://www.apache.org/licenses/LICENSE-2.0> or the MIT license
 * <LICENSE-MIT or http://opensource.org/licenses/MIT>, at your
 * option. This file may not be copied, modified, or distributed
 * except according to those terms.
 */

.setting-line {
	padding: 5px;
}

.setting-line > div {
	max-width: calc(100% - 74px);
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
	padding-top: 2px;
}

.toggle {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 27px;
	margin-right: 20px;
}

.toggle input {
	display: none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .3s;
	transition: .3s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 19px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .3s;
	transition: .3s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
}
Commit	Line	Data
83c7162d XL	1	/**
	2	* Copyright 2018 The Rust Project Developers. See the COPYRIGHT
	3	* file at the top-level directory of this distribution and at
	4	* http://rust-lang.org/COPYRIGHT.
	5	*
	6	* Licensed under the Apache License, Version 2.0 <LICENSE-APACHE or
	7	* http://www.apache.org/licenses/LICENSE-2.0> or the MIT license
	8	* <LICENSE-MIT or http://opensource.org/licenses/MIT>, at your
	9	* option. This file may not be copied, modified, or distributed
	10	* except according to those terms.
	11	*/
	12
	13	.setting-line {
	14	padding: 5px;
	15	}
	16
	17	.setting-line > div {
	18	max-width: calc(100% - 74px);
	19	display: inline-block;
	20	vertical-align: top;
	21	font-size: 17px;
	22	padding-top: 2px;
	23	}
	24
	25	.toggle {
	26	position: relative;
	27	display: inline-block;
	28	width: 45px;
	29	height: 27px;
	30	margin-right: 20px;
	31	}
	32
	33	.toggle input {
	34	display: none;
	35	}
	36
	37	.slider {
	38	position: absolute;
	39	cursor: pointer;
	40	top: 0;
	41	left: 0;
	42	right: 0;
	43	bottom: 0;
	44	background-color: #ccc;
	45	-webkit-transition: .3s;
	46	transition: .3s;
	47	}
	48
	49	.slider:before {
	50	position: absolute;
	51	content: "";
	52	height: 19px;
	53	width: 19px;
	54	left: 4px;
	55	bottom: 4px;
	56	background-color: white;
	57	-webkit-transition: .3s;
	58	transition: .3s;
	59	}
	60
	61	input:checked + .slider {
	62	background-color: #2196F3;
	63	}
	64
65	input:focus + .slider {
66	box-shadow: 0 0 1px #2196F3;
67	}
68
69	input:checked + .slider:before {
70	-webkit-transform: translateX(19px);
71	-ms-transform: translateX(19px);
72	transform: translateX(19px);
73	}