PHP Classes

File: bootstrap/colorpicker/css/bootstrap-colorpicker.css

Recommend this page to a friend!
  Classes of Minh Tien   Noblesse CMS   bootstrap/colorpicker/css/bootstrap-colorpicker.css   Download  
File: bootstrap/colorpicker/css/bootstrap-colorpicker.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Noblesse CMS
Content management system with custom plugins
Author: By
Last change:
Date: 8 years ago
Size: 4,143 bytes
 

Contents

Class file image Download
/*! * Bootstrap Colorpicker * http://mjolnic.github.io/bootstrap-colorpicker/ * * Originally written by (c) 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0.txt * */ .colorpicker-saturation { float: left; width: 100px; height: 100px; cursor: crosshair; background-image: url("../img/bootstrap-colorpicker/saturation.png"); } .colorpicker-saturation i { position: absolute; top: 0; left: 0; display: block; width: 5px; height: 5px; margin: -4px 0 0 -4px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .colorpicker-saturation i b { display: block; width: 5px; height: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .colorpicker-hue, .colorpicker-alpha { float: left; width: 15px; height: 100px; margin-bottom: 4px; margin-left: 4px; cursor: row-resize; } .colorpicker-hue i, .colorpicker-alpha i { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1px; margin-top: -1px; background: #000; border-top: 1px solid #fff; } .colorpicker-hue { background-image: url("../img/bootstrap-colorpicker/hue.png"); } .colorpicker-alpha { display: none; background-image: url("../img/bootstrap-colorpicker/alpha.png"); } .colorpicker { top: 0; left: 0; z-index: 2500; min-width: 130px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; } .colorpicker:before, .colorpicker:after { display: table; line-height: 0; content: ""; } .colorpicker:after { clear: both; } .colorpicker:before { position: absolute; top: -7px; left: 6px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .colorpicker:after { position: absolute; top: -6px; left: 7px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .colorpicker div { position: relative; } .colorpicker.colorpicker-with-alpha { min-width: 140px; } .colorpicker.colorpicker-with-alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url("../img/bootstrap-colorpicker/alpha.png"); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .colorpicker-element .input-group-addon i, .colorpicker-element .add-on i { display: inline-block; width: 16px; height: 16px; vertical-align: text-top; cursor: pointer; } .colorpicker.colorpicker-inline { position: relative; z-index: auto; display: inline-block; float: none; } .colorpicker.colorpicker-horizontal { width: 110px; height: auto; min-width: 110px; } .colorpicker.colorpicker-horizontal .colorpicker-saturation { margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-color { width: 100px; } .colorpicker.colorpicker-horizontal .colorpicker-hue, .colorpicker.colorpicker-horizontal .colorpicker-alpha { float: left; width: 100px; height: 15px; margin-bottom: 4px; margin-left: 0; cursor: col-resize; } .colorpicker.colorpicker-horizontal .colorpicker-hue i, .colorpicker.colorpicker-horizontal .colorpicker-alpha i { position: absolute; top: 0; left: 0; display: block; width: 1px; height: 15px; margin-top: 0; background: #ffffff; border: none; } .colorpicker.colorpicker-horizontal .colorpicker-hue { background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png"); } .colorpicker.colorpicker-horizontal .colorpicker-alpha { background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png"); } .colorpicker.colorpicker-hidden { display: none; } .colorpicker.colorpicker-visible { display: block; } .colorpicker-inline.colorpicker-visible { display: inline-block; }