2022年7月11日 (一) 13:47 Jienachou

2022-07-11T13:47:19Z

←上一版本		2022年7月11日 (一) 13:47的版本
第1行：		第1行：
	.filterable-button {		.filterable-button {
	float: right;		float:right;
	color: ~~black~~;		color:lightgray;
	padding: 0 2px 0 0.5em;		padding:0 2px 0 0.5em;
	text-shadow: none;		text-shadow:none;
	transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);		transition:all 1250ms cubic-bezier(0.19,1,0.22,1);
	cursor: pointer;		cursor:pointer;
	}		}

	.filterable-button:hover {		.filterable-button:hover {
	text-shadow: 1px 1px 2px #888;		text-shadow:1px 1px 2px #888;
	}		}

	.filterable-button-active {		.filterable-button-active {
	color: black;		color:black;
	}		}

	.filterable-input-group {		.filterable-input-group {
	position: absolute;		position:absolute;
	~~max-~~width: ~~45vw~~;		width:200px;
	display: none;		display:none;
	}		}

	.filterable-input-group .list-group-item input {		.filterable-input-group .list-group-item input {
	vertical-align: text-bottom;		vertical-align:text-bottom;
	margin: 0 5px 0 0;		margin:0 5px 0 0;
	}		}

	.filterable-input-group .dropdown-content {		.filterable-input-group .dropdown-content {
	padding: 0 10px;		padding:0 10px;
	}		}

	.filterable-input-group .dropdown-content .list-group-item {		.filterable-input-group .dropdown-content .list-group-item {
	/overflow: hidden; /		overflow:hidden;
	white-space: nowrap;		white-space:nowrap;
	text-overflow: ellipsis;		text-overflow:ellipsis;
	}		}

	.filterable-input-group .list-group {		.filterable-input-group .list-group {
	margin-bottom: 10px;		margin-bottom:10px;
	max-height: 206px;		max-height:206px;
	overflow-y: auto;		overflow-y:auto;
	}

	~~.dropdown-menu {~~
	~~padding: 7px;~~
	~~position: absolute;~~
	~~top: 100%;~~
	~~left: 0;~~
	~~z-index: 95;~~
	~~display: none;~~
	~~float: left;~~
	~~min-width: 160px;~~
	~~padding: 5px 0;~~
	~~margin: 2px 0 0;~~
	~~list-style: none;~~
	~~font-size: 14px;~~
	~~text-align: left;~~
	~~background-color: #ffffff;~~
	~~border: 1px solid #cccccc;~~
	~~border:~~
	~~1px solid rgba(0, 0, 0, 0.15);~~
	~~border-radius: 0;~~
	~~-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);~~
	~~box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);~~
	~~background-clip: padding-box;~~
	}

	~~.dropdown-menu.pull-right {~~
	~~right: 0;~~
	~~left: auto;~~
	}

	~~.dropdown-menu .divider {~~
	~~height: 1px;~~
	~~margin: 9px 0;~~
	~~overflow: hidden;~~
	~~background-color: #e5e5e5;~~
	}

	~~.dropdown-menu>li>a {~~
	~~display: block;~~
	~~padding: 3px 20px;~~
	~~clear: both;~~
	~~font-weight: normal;~~
	~~line-height: 1.42857143;~~
	~~color: #333333;~~
	~~white-space: nowrap;~~
	}

	~~.dropdown-menu>li>a:hover,~~
	~~.dropdown-menu>li>a:focus {~~
	~~text-decoration: none;~~
	~~color: #262626;~~
	~~background-color: #f5f5f5;~~
	}

	~~.dropdown-menu>.active>a,~~
	~~.dropdown-menu>.active>a:hover,~~
	~~.dropdown-menu>.active>a:focus {~~
	~~color: #ffffff;~~
	~~text-decoration: none;~~
	~~outline: 0;~~
	~~background-color: #337ab7;~~
	}

	~~.dropdown-menu>.disabled>a,~~
	~~.dropdown-menu>.disabled>a:hover,~~
	~~.dropdown-menu>.disabled>a:focus {~~
	~~color: #777777;~~
	}

	~~.dropdown-menu>.disabled>a:hover,~~
	~~.dropdown-menu>.disabled>a:focus {~~
	~~text-decoration: none;~~
	~~background-color: transparent;~~
	~~background-image: none;~~
	~~filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);~~
	~~cursor: not-allowed~~;
	}		}

Jienachou：创建页面，内容为“.filterable-button { float: right; color: black; padding: 0 2px 0 0.5em; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); cursor…”

2022-07-11T13:38:32Z

创建页面，内容为“.filterable-button { float: right; color: black; padding: 0 2px 0 0.5em; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); cursor…”

新页面

.filterable-button {
float: right;
color: black;
padding: 0 2px 0 0.5em;
text-shadow: none;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
cursor: pointer;
}

.filterable-button:hover {
text-shadow: 1px 1px 2px #888;
}

.filterable-button-active {
color: black;
}

.filterable-input-group {
position: absolute;
max-width: 45vw;
display: none;
}

.filterable-input-group .list-group-item input {
vertical-align: text-bottom;
margin: 0 5px 0 0;
}

.filterable-input-group .dropdown-content {
padding: 0 10px;
}

.filterable-input-group .dropdown-content .list-group-item {
/*overflow: hidden; */
white-space: nowrap;
text-overflow: ellipsis;
}

.filterable-input-group .list-group {
margin-bottom: 10px;
max-height: 206px;
overflow-y: auto;
}

.dropdown-menu {
padding: 7px;
position: absolute;
top: 100%;
left: 0;
z-index: 95;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border:
1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}

.dropdown-menu.pull-right {
right: 0;
left: auto;
}

.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}

.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #777777;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}

MediaWiki:Gadget-Filterable.css - 版本历史

2022年7月11日 (一) 13:47 Jienachou

Jienachou：创建页面，内容为“.filterable-button { float: right; color: black; padding: 0 2px 0 0.5em; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); cursor…”