/* Table of Contents ================================================== # Colorpicker */ /* # Colorpicker ================================================== */ .dropdown-colorpicker > .dropdown-menu { left: -7px; padding: 4px; } .dropdown-colorpicker > .dropdown-menu.pull-right { left: auto; right: -7px; } .dropdown-colorpicker > .dropdown-menu.dropdown-caret:before { border-bottom: 7px solid rgba(245,248,250,1); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px; } .dropdown-colorpicker > .dropdown-menu.dropdown-caret:after { border-bottom: 6px solid rgba(245,248,250,1); border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px; } .dropdown-colorpicker > .dropdown-menu.pull-right.dropdown-caret:before { left: auto; right: 9px; } .dropdown-colorpicker > .dropdown-menu.pull-right.dropdown-caret:after { left: auto; right: 10px; } .dropdown-colorpicker > .dropdown-menu > li { display: block; float: left; width: 26px; height: 26px; margin: 2px; } .dropdown-colorpicker > .dropdown-menu > li > .color-btn { border-radius: 2px; display: block; height: 26px; margin: 0; padding: 0; position: relative; text-decoration: none; -webkit-transition: all ease 0.1s; transition: all ease 0.1s; width: 26px; } .dropdown-colorpicker > .dropdown-menu > li > .color-btn.selected:after { color: rgba(255,255,255,1); content: "\f3fe"; display: inline-block; font-family: "Ionicons"; font-size: 16px; left: 0; line-height: 26px; position: absolute; right: 0; text-align: center; } .btn-colorpicker { background: rgba(102,117,127,1); border-radius: 2px; display: inline-block; height: 25px; vertical-align: middle; width: 25px; }