Modified custom style check button on search page result.
This commit is contained in:
parent
8329e7cdd8
commit
89e5911acc
1 changed files with 26 additions and 0 deletions
|
@ -2604,6 +2604,8 @@ button.collapsible.metadataRubrics.active {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
padding-top: 9px;
|
padding-top: 9px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.virtualArticleSwitch >button {
|
.virtualArticleSwitch >button {
|
||||||
all: unset;
|
all: unset;
|
||||||
|
@ -3200,6 +3202,30 @@ label.switch >#collapseTextControl >img {
|
||||||
padding-bottom: 4px;
|
padding-bottom: 4px;
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
}
|
}
|
||||||
|
#virtualArticleCheck {
|
||||||
|
appearance: none;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
}
|
||||||
|
#virtualArticleCheck[type="checkbox"] {
|
||||||
|
border: 1px solid #8B4513;
|
||||||
|
background-color: #ffffff;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin-left: 15px;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
#virtualArticleCheck[type="checkbox"]:hover {
|
||||||
|
background-color: #F1F1F1;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
#virtualArticleCheck[type="checkbox"]:checked {
|
||||||
|
background-color: #EAD6A2;
|
||||||
|
background-image: url(../images/check-icon.svg);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
/* -------------------------------------------------> */
|
/* -------------------------------------------------> */
|
||||||
/* FONTS --------------------------------> */
|
/* FONTS --------------------------------> */
|
||||||
/* -------------------------------------------------> */
|
/* -------------------------------------------------> */
|
||||||
|
|
Loading…
Add table
Reference in a new issue