]>
git.immae.eu Git - perso/Immae/Projets/packagist/piedsjaloux-ckeditor-component.git/blob - sources/skins/moono/colorpanel.css
2 Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
3 For licensing, see LICENSE.md or http://ckeditor.com/license
7 colorpanel.css (part of editor.css)
8 =====================================
10 The color panel is related to the contents part of the panels that are
11 displayed when clicking the color buttons of the toolbar. See panels.css for
12 styles related to the outer part of panels.
14 The following is the visual representation of the color panel contents:
16 +-- .cke_panel_block.cke_colorblock --+
17 | +-- a.cke_colorauto --------------+ |
19 | | AUTOMATIC COLOR | |
21 | +---------------------------------+ |
22 | +-- table ------------------------+ |
26 | |---------------------------------| |
28 | +---------------------------------+ |
29 +-------------------------------------+
31 The AUTOMATIC COLOR section is an <a> containing a table with two cells with
32 the following contents:
34 +-- TD -----------------+ +-- TD -----------------+
35 | +-- .cke_colorbox --+ | | |
36 | | | | | "Automatic" |
37 | +-------------------+ | | |
38 +-----------------------+ +-----------------------+
40 The COLOR PALETTE section instead is a table with a variable number of cells
41 (by default 8). Each cell represents a color box, with the following structure:
43 +-- A.cke_colorbox ---------+
44 | +-- SPAN.cke_colorbox --+ |
46 | +-----------------------+ |
47 +---------------------------+
50 /* The container of the color palette. */
55 font-family: 'Microsoft Sans Serif', Tahoma
, Arial
, Verdana
, Sans-Serif
;
61 text-decoration: none
;
65 /* The box which is to represent a single color on the color palette.
66 It is a small, square-shaped element which can be selected from the palette. */
71 border: #808080 1px solid
;
75 .cke_rtl span
.cke_colorbox
80 /* The wrapper of the span.cke_colorbox. It provides an extra border and padding. */
83 border: #fff 1px solid
;
90 .cke_rtl a
.cke_colorbox
95 /* Different states of the a.cke_colorbox wrapper. */
100 border: #b6b6b6 1px solid
;
101 background-color: #e5e5e5;
104 /* Buttons which are visible at the top/bottom of the color palette:
105 - cke_colorauto (TOP) applies the automatic color.
106 - cke_colormore (BOTTOM) executes the color dialog.
111 border: #fff 1px solid
;
117 /* Different states of cke_colorauto/cke_colormore buttons. */
118 a:hover
.cke_colorauto
,
119 a:hover
.cke_colormore
,
120 a:focus
.cke_colorauto
,
121 a:focus
.cke_colormore
,
122 a:active
.cke_colorauto
,
123 a:active
.cke_colormore
125 border: #b6b6b6 1px solid
;
126 background-color: #e5e5e5;