• Home
• com.netflix.iep
• iep-reboot
• 0.1.20
• source code
• nf-tables-search.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

www.reboot.components.nf-tables-search.nf-tables-search.css Maven / Gradle / Ivy

:host {
    display: inline-block;
    position: relative;
}

#input {
    width: 100%;
    padding: 0.5em 25px 0.6em 25px;
    display: inline-block;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #6A6A6A;
}

input::-webkit-input-placeholder {
    color: #C4C4C4;
    font-weight: 300;
}

input::-moz-placeholder {
    color: #C4C4C4;
    font-weight: 300;
}

input:-ms-input-placeholder {
    color: #C4C4C4;
    font-weight: 300;
}

input::placeholder {
    color: #C4C4C4;
    font-weight: 300;
}

input:focus {
    outline: 0;
    border-color: #129FEA;
}

input[disabled] {
    cursor: default;
    background-color: #eaeded;
    color: #cad2d3;
}

input[readonly] {
    background: #eee;
    color: #777;
    border-color: #D9D9D9;
}

input:focus:invalid,
input.is-invalid {
    color: #b94a48;
    border-color: #e9322d;
}

label {
    margin: 0.5em 0 0.2em;
}

#searchIcon {
    position: absolute;
    top: 6px;
    left: 5px;
}

#clearIcon {
    position: absolute;
    top: 6px;
    right: 5px;
}