ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / letaweb / css / ui-iconpicker

/**
 * ui-iconpicker
 *
 * @version   v0.1.4
 * @author    Justin Lau <justin@tclau.com>
 * @copyright Copyright (c) 2014 Justin Lau <justin@tclau.com>
 * @license   The MIT License (MIT)
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the 'Software'), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
.ui-iconpicker.brand-default > button {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
}
.ui-iconpicker.brand-default > button:hover, .ui-iconpicker.brand-default > button:focus, .ui-iconpicker.brand-default > button:active, .ui-iconpicker.brand-default > button.active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.open .ui-iconpicker.brand-default > button.dropdown-toggle {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.ui-iconpicker.brand-default > button:active, .ui-iconpicker.brand-default > button.active {
  background-image: none;
}
.open .ui-iconpicker.brand-default > button.dropdown-toggle {
  background-image: none;
}
.ui-iconpicker.brand-default > button.disabled, .ui-iconpicker.brand-default > button.disabled:hover, .ui-iconpicker.brand-default > button.disabled:focus, .ui-iconpicker.brand-default > button.disabled:active, .ui-iconpicker.brand-default > button.disabled.active, .ui-iconpicker.brand-default > button[disabled], .ui-iconpicker.brand-default > button[disabled]:hover, .ui-iconpicker.brand-default > button[disabled]:focus, .ui-iconpicker.brand-default > button[disabled]:active, .ui-iconpicker.brand-default > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-default > button, fieldset[disabled] .ui-iconpicker.brand-default > button:hover, fieldset[disabled] .ui-iconpicker.brand-default > button:focus, fieldset[disabled] .ui-iconpicker.brand-default > button:active, fieldset[disabled] .ui-iconpicker.brand-default > button.active {
  background-color: white;
  border-color: #cccccc;
}
.ui-iconpicker.brand-default > button .badge {
  color: white;
  background-color: #333333;
}
.ui-iconpicker.brand-primary > button {
  color: white;
  background-color: #428bca;
  border-color: #357ebd;
}
.ui-iconpicker.brand-primary > button:hover, .ui-iconpicker.brand-primary > button:focus, .ui-iconpicker.brand-primary > button:active, .ui-iconpicker.brand-primary > button.active {
  color: white;
  background-color: #3276b1;
  border-color: #285e8e;
}
.open .ui-iconpicker.brand-primary > button.dropdown-toggle {
  color: white;
  background-color: #3276b1;
  border-color: #285e8e;
}
.ui-iconpicker.brand-primary > button:active, .ui-iconpicker.brand-primary > button.active {
  background-image: none;
}
.open .ui-iconpicker.brand-primary > button.dropdown-toggle {
  background-image: none;
}
.ui-iconpicker.brand-primary > button.disabled, .ui-iconpicker.brand-primary > button.disabled:hover, .ui-iconpicker.brand-primary > button.disabled:focus, .ui-iconpicker.brand-primary > button.disabled:active, .ui-iconpicker.brand-primary > button.disabled.active, .ui-iconpicker.brand-primary > button[disabled], .ui-iconpicker.brand-primary > button[disabled]:hover, .ui-iconpicker.brand-primary > button[disabled]:focus, .ui-iconpicker.brand-primary > button[disabled]:active, .ui-iconpicker.brand-primary > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-primary > button, fieldset[disabled] .ui-iconpicker.brand-primary > button:hover, fieldset[disabled] .ui-iconpicker.brand-primary > button:focus, fieldset[disabled] .ui-iconpicker.brand-primary > button:active, fieldset[disabled] .ui-iconpicker.brand-primary > button.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.ui-iconpicker.brand-primary > button .badge {
  color: #428bca;
  background-color: white;
}
.ui-iconpicker.brand-success > button {
  color: white;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ui-iconpicker.brand-success > button:hover, .ui-iconpicker.brand-success > button:focus, .ui-iconpicker.brand-success > button:active, .ui-iconpicker.brand-success > button.active {
  color: white;
  background-color: #47a447;
  border-color: #398439;
}
.open .ui-iconpicker.brand-success > button.dropdown-toggle {
  color: white;
  background-color: #47a447;
  border-color: #398439;
}
.ui-iconpicker.brand-success > button:active, .ui-iconpicker.brand-success > button.active {
  background-image: none;
}
.open .ui-iconpicker.brand-success > button.dropdown-toggle {
  background-image: none;
}
.ui-iconpicker.brand-success > button.disabled, .ui-iconpicker.brand-success > button.disabled:hover, .ui-iconpicker.brand-success > button.disabled:focus, .ui-iconpicker.brand-success > button.disabled:active, .ui-iconpicker.brand-success > button.disabled.active, .ui-iconpicker.brand-success > button[disabled], .ui-iconpicker.brand-success > button[disabled]:hover, .ui-iconpicker.brand-success > button[disabled]:focus, .ui-iconpicker.brand-success > button[disabled]:active, .ui-iconpicker.brand-success > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-success > button, fieldset[disabled] .ui-iconpicker.brand-success > button:hover, fieldset[disabled] .ui-iconpicker.brand-success > button:focus, fieldset[disabled] .ui-iconpicker.brand-success > button:active, fieldset[disabled] .ui-iconpicker.brand-success > button.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ui-iconpicker.brand-success > button .badge {
  color: #5cb85c;
  background-color: white;
}
.ui-iconpicker.brand-info > button {
  color: white;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ui-iconpicker.brand-info > button:hover, .ui-iconpicker.brand-info > button:focus, .ui-iconpicker.brand-info > button:active, .ui-iconpicker.brand-info > button.active {
  color: white;
  background-color: #39b3d7;
  border-color: #269abc;
}
.open .ui-iconpicker.brand-info > button.dropdown-toggle {
  color: white;
  background-color: #39b3d7;
  border-color: #269abc;
}
.ui-iconpicker.brand-info > button:active, .ui-iconpicker.brand-info > button.active {
  background-image: none;
}
.open .ui-iconpicker.brand-info > button.dropdown-toggle {
  background-image: none;
}
.ui-iconpicker.brand-info > button.disabled, .ui-iconpicker.brand-info > button.disabled:hover, .ui-iconpicker.brand-info > button.disabled:focus, .ui-iconpicker.brand-info > button.disabled:active, .ui-iconpicker.brand-info > button.disabled.active, .ui-iconpicker.brand-info > button[disabled], .ui-iconpicker.brand-info > button[disabled]:hover, .ui-iconpicker.brand-info > button[disabled]:focus, .ui-iconpicker.brand-info > button[disabled]:active, .ui-iconpicker.brand-info > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-info > button, fieldset[disabled] .ui-iconpicker.brand-info > button:hover, fieldset[disabled] .ui-iconpicker.brand-info > button:focus, fieldset[disabled] .ui-iconpicker.brand-info > button:active, fieldset[disabled] .ui-iconpicker.brand-info > button.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ui-iconpicker.brand-info > button .badge {
  color: #5bc0de;
  background-color: white;
}
.ui-iconpicker.brand-warning > button {
  color: white;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ui-iconpicker.brand-warning > button:hover, .ui-iconpicker.brand-warning > button:focus, .ui-iconpicker.brand-warning > button:active, .ui-iconpicker.brand-warning > button.active {
  color: white;
  background-color: #ed9c28;
  border-color: #d58512;
}
.open .ui-iconpicker.brand-warning > button.dropdown-toggle {
  color: white;
  background-color: #ed9c28;
  border-color: #d58512;
}
.ui-iconpicker.brand-warning > button:active, .ui-iconpicker.brand-warning > button.active {
  background-image: none;
}
.open .ui-iconpicker.brand-warning > button.dropdown-toggle {
  background-image: none;
}
.ui-iconpicker.brand-warning > button.disabled, .ui-iconpicker.brand-warning > button.disabled:hover, .ui-iconpicker.brand-warning > button.disabled:focus, .ui-iconpicker.brand-warning > button.disabled:active, .ui-iconpicker.brand-warning > button.disabled.active, .ui-iconpicker.brand-warning > button[disabled], .ui-iconpicker.brand-warning > button[disabled]:hover, .ui-iconpicker.brand-warning > button[disabled]:focus, .ui-iconpicker.brand-warning > button[disabled]:active, .ui-iconpicker.brand-warning > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-warning > button, fieldset[disabled] .ui-iconpicker.brand-warning > button:hover, fieldset[disabled] .ui-iconpicker.brand-warning > button:focus, fieldset[disabled] .ui-iconpicker.brand-warning > button:active, fieldset[disabled] .ui-iconpicker.brand-warning > button.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ui-iconpicker.brand-warning > button .badge {
  color: #f0ad4e;
  background-color: white;
}
.ui-iconpicker.brand-danger > button {
  color: white;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ui-iconpicker.brand-danger > button:hover, .ui-iconpicker.brand-danger > button:focus, .ui-iconpicker.brand-danger > button:active, .ui-iconpicker.brand-danger > button.active {
  color: white;
  background-color: #d2322d;
  border-color: #ac2925;
}
.open .ui-iconpicker.brand-danger > button.dropdown-toggle {
  color: white;
  background-color: #d2322d;
  border-color: #ac2925;
}
.ui-iconpicker.brand-danger > button:active, .ui-iconpicker.brand-danger > button.active {
  background-image: none;
}
.open .ui-iconpicker.brand-danger > button.dropdown-toggle {
  background-image: none;
}
.ui-iconpicker.brand-danger > button.disabled, .ui-iconpicker.brand-danger > button.disabled:hover, .ui-iconpicker.brand-danger > button.disabled:focus, .ui-iconpicker.brand-danger > button.disabled:active, .ui-iconpicker.brand-danger > button.disabled.active, .ui-iconpicker.brand-danger > button[disabled], .ui-iconpicker.brand-danger > button[disabled]:hover, .ui-iconpicker.brand-danger > button[disabled]:focus, .ui-iconpicker.brand-danger > button[disabled]:active, .ui-iconpicker.brand-danger > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-danger > button, fieldset[disabled] .ui-iconpicker.brand-danger > button:hover, fieldset[disabled] .ui-iconpicker.brand-danger > button:focus, fieldset[disabled] .ui-iconpicker.brand-danger > button:active, fieldset[disabled] .ui-iconpicker.brand-danger > button.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ui-iconpicker.brand-danger > button .badge {
  color: #d9534f;
  background-color: white;
}
.ui-iconpicker.disabled > button, .ui-iconpicker[disabled] > button, fieldset[disabled] .ui-iconpicker > button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-iconpicker > button > i {
  padding-right: .5em;
}
.ui-iconpicker > div.dropdown-menu > ul{
  max-height: 12.1em;
  overflow-y: scroll;
  padding: 0.5em 0.5em;
  width: 12.1em;
  list-style:none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ui-iconpicker > div.dropdown-menu > ul {
    max-height: 15.1em;
    width: 15.1em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ui-iconpicker > div.dropdown-menu > ul {
    max-height: 23.1em;
    width: 23.1em;
  }
}
@media (min-width: 1200px) {
  .ui-iconpicker > div.dropdown-menu > ul {
    max-height: 23.1em;
    width: 34.1em;
  }
}
.ui-iconpicker > div.dropdown-menu > ul::-webkit-scrollbar {
  width: 0.1em;
}
.ui-iconpicker > div.dropdown-menu > ul > li {
  float: left;
}
.ui-iconpicker > div.dropdown-menu > ul > li button {
  height: 2.5em;
  margin: 0.1em 0.1em;
  padding: 0 0;
  width: 2.5em;
}

[+] ..
[-] ui-iconpicker.css [edit]
[-] ui-iconpicker.min.css [edit]