Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- }
- .custom-control {
- position:relative;
- display:block;
- min-height:1.5rem;
- padding-left:1.5rem
- }
- .custom-control-inline {
- display:-ms-inline-flexbox;
- display:inline-flex;
- margin-right:1rem
- }
- .custom-control-input {
- position:absolute;
- z-index:-1;
- opacity:0
- }
- .custom-control-input:checked~.custom-control-label::before {
- color:#fff;
- background-color:#007bff
- }
- .custom-control-input:focus~.custom-control-label::before {
- box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
- }
- .custom-control-input:active~.custom-control-label::before {
- color:#fff;
- background-color:#b3d7ff
- }
- .custom-control-input:disabled~.custom-control-label {
- color:#6c757d
- }
- .custom-control-input:disabled~.custom-control-label::before {
- background-color:#e9ecef
- }
- .custom-control-label {
- margin-bottom:0
- }
- .custom-control-label::before {
- position:absolute;
- top:.25rem;
- left:0;
- display:block;
- width:1rem;
- height:1rem;
- pointer-events:none;
- content:"";
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none;
- background-color:#dee2e6
- }
- .custom-control-label::after {
- position:absolute;
- top:.25rem;
- left:0;
- display:block;
- width:1rem;
- height:1rem;
- content:"";
- background-repeat:no-repeat;
- background-position:center center;
- background-size:50% 50%
- }
- .custom-checkbox .custom-control-label::before {
- border-radius:.25rem
- }
- .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
- background-color:#007bff
- }
- .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
- background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
- }
- .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
- background-color:#007bff
- }
- .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
- background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
- }
- .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
- background-color:rgba(0,123,255,.5)
- }
- .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
- background-color:rgba(0,123,255,.5)
- }
- .custom-radio .custom-control-label::before {
- border-radius:50%
- }
- .custom-radio .custom-control-input:checked~.custom-control-label::before {
- background-color:#007bff
- }
- .custom-radio .custom-control-input:checked~.custom-control-label::after {
- background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
- }
- .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
- background-color:rgba(0,123,255,.5)
- }
- .custom-select {
- display:inline-block;
- width:100%;
- height:calc(2.25rem + 2px);
- padding:.375rem 1.75rem .375rem .75rem;
- line-height:1.5;
- color:#495057;
- vertical-align:middle;
- background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
- background-size:8px 10px;
- border:1px solid #ced4da;
- border-radius:.25rem;
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none
- }
- .custom-select:focus {
- border-color:#80bdff;
- outline:0;
- box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
- }
- .custom-select:focus::-ms-value {
- color:#495057;
- background-color:#fff
- }
- .custom-select[multiple],
- .custom-select[size]:not([size="1"]) {
- height:auto;
- padding-right:.75rem;
- background-image:none
- }
- .custom-select:disabled {
- color:#6c757d;
- background-color:#e9ecef
- }
- .custom-select::-ms-expand {
- opacity:0
- }
- .custom-select-sm {
- height:calc(1.8125rem + 2px);
- padding-top:.375rem;
- padding-bottom:.375rem;
- font-size:75%
- }
- .custom-select-lg {
- height:calc(2.875rem + 2px);
- padding-top:.375rem;
- padding-bottom:.375rem;
- font-size:125%
- }
- .custom-file {
- position:relative;
- display:inline-block;
- width:100%;
- height:calc(2.25rem + 2px);
- margin-bottom:0
- }
- .custom-file-input {
- position:relative;
- z-index:2;
- width:100%;
- height:calc(2.25rem + 2px);
- margin:0;
- opacity:0
- }
- .custom-file-input:focus~.custom-file-label {
- border-color:#80bdff;
- box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
- }
- .custom-file-input:focus~.custom-file-label::after {
- border-color:#80bdff
- }
- .custom-file-input:lang(en)~.custom-file-label::after {
- content:"Browse"
- }
- .custom-file-label {
- position:absolute;
- top:0;
- right:0;
- left:0;
- z-index:1;
- height:calc(2.25rem + 2px);
- padding:.375rem .75rem;
- line-height:1.5;
- color:#495057;
- background-color:#fff;
- border:1px solid #ced4da;
- border-radius:.25rem
- }
- .custom-file-label::after {
- position:absolute;
- top:0;
- right:0;
- bottom:0;
- z-index:3;
- display:block;
- height:calc(calc(2.25rem + 2px) - 1px * 2);
- padding:.375rem .75rem;
- line-height:1.5;
- color:#495057;
- content:"Browse";
- background-color:#e9ecef;
- border-left:1px solid #ced4da;
- border-radius:0 .25rem .25rem 0
- }
- .custom-range {
- width:100%;
- padding-left:0;
- background-color:transparent;
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none
- }
- .custom-range:focus {
- outline:0
- }
- .custom-range::-moz-focus-outer {
- border:0
- }
- .custom-range::-webkit-slider-thumb {
- width:1rem;
- height:1rem;
- margin-top:-.25rem;
- background-color:#007bff;
- border:0;
- border-radius:1rem;
- -webkit-appearance:none;
- appearance:none
- }
- .custom-range::-webkit-slider-thumb:focus {
- outline:0;
- box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
- }
- .custom-range::-webkit-slider-thumb:active {
- background-color:#b3d7ff
- }
- .custom-range::-webkit-slider-runnable-track {
- width:100%;
- height:.5rem;
- color:transparent;
- cursor:pointer;
- background-color:#dee2e6;
- border-color:transparent;
- border-radius:1rem
- }
- .custom-range::-moz-range-thumb {
- width:1rem;
- height:1rem;
- background-color:#007bff;
- border:0;
- border-radius:1rem;
- -moz-appearance:none;
- appearance:none
- }
- .custom-range::-moz-range-thumb:focus {
- outline:0;
- box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
- }
- .custom-range::-moz-range-thumb:active {
- background-color:#b3d7ff
- }
- .custom-range::-moz-range-track {
- width:100%;
- height:.5rem;
- color:transparent;
- cursor:pointer;
- background-color:#dee2e6;
- border-color:transparent;
- border-radius:1rem
- }
- .custom-range::-ms-thumb {
- width:1rem;
- height:1rem;
- background-color:#007bff;
- border:0;
- border-radius:1rem;
- appearance:none
- }
- .custom-range::-ms-thumb:focus {
- outline:0;
- box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
- }
- .custom-range::-ms-thumb:active {
- background-color:#b3d7ff
- }
- .custom-range::-ms-track {
- width:100%;
- height:.5rem;
- color:transparent;
- cursor:pointer;
- background-color:transparent;
- border-color:transparent;
- border-width:.5rem
- }
- .custom-range::-ms-fill-lower {
- background-color:#dee2e6;
- border-radius:1rem
- }
- .custom-range::-ms-fill-upper {
- margin-right:15px;
- background-color:#dee2e6;
- border-radius:1rem
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement