967 lines
18 KiB
CSS
967 lines
18 KiB
CSS
/*
|
|
Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
|
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
|
*/
|
|
|
|
/*
|
|
dialog.css
|
|
============
|
|
|
|
This file styles dialogs and all widgets available inside of it (tabs, buttons,
|
|
fields, etc.).
|
|
|
|
Dialogs are a complex system because they're very flexible. The CKEditor API
|
|
makes it easy to create and customize dialogs by code, by making use of several
|
|
different widgets inside its contents.
|
|
|
|
All dialogs share a main dialog strucuture, which can be visually represented
|
|
as follows:
|
|
|
|
+-- .cke_dialog -------------------------------------------------+
|
|
| +-- .cke_dialog_body ----------------------------------------+ |
|
|
| | +-- .cke_dialog_title --+ +-- .cke_dialog_close_button --+ | |
|
|
| | | | | | | |
|
|
| | +-----------------------+ +------------------------------+ | |
|
|
| | +-- .cke_dialog_tabs ------------------------------------+ | |
|
|
| | | | | |
|
|
| | +--------------------------------------------------------+ | |
|
|
| | +-- .cke_dialog_contents --------------------------------+ | |
|
|
| | | +-- .cke_dialog_contents_body -----------------------+ | | |
|
|
| | | | | | | |
|
|
| | | +----------------------------------------------------+ | | |
|
|
| | | +-- .cke_dialog_footer ------------------------------+ | | |
|
|
| | | | | | | |
|
|
| | | +----------------------------------------------------+ | | |
|
|
| | +--------------------------------------------------------+ | |
|
|
| +------------------------------------------------------------+ |
|
|
+----------------------------------------------------------------+
|
|
|
|
Comments in this file will give more details about each of the above blocks.
|
|
*/
|
|
|
|
/* The outer container of the dialog. */
|
|
.cke_dialog
|
|
{
|
|
/* Mandatory: Because the dialog.css file is loaded on demand, we avoid
|
|
showing an unstyled dialog by hidding it. Here, we restore its visibility. */
|
|
visibility: visible;
|
|
}
|
|
|
|
.cke_dialog_background_cover{
|
|
background: #C6C6C6 !important;
|
|
}
|
|
|
|
/* The inner boundary container. */
|
|
.cke_dialog_body
|
|
{
|
|
z-index: 1;
|
|
background: #fff;
|
|
border: 1px solid #2B579A;
|
|
|
|
box-shadow: 0 0 10px 1px #A3BDE3;
|
|
}
|
|
|
|
/* This one is required by Firefox 3.6. Without it,
|
|
dialog tabs and resizer float outside of the dialog.
|
|
Although this rule doesn't seem to break anything on other
|
|
browsers, it doesn't work with broken jQueryUI - #9851. */
|
|
.cke_browser_gecko19 .cke_dialog_body
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
/* Due to our reset we have to recover the styles of some elements. */
|
|
.cke_dialog strong
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* The dialog title. */
|
|
.cke_dialog_title
|
|
{
|
|
font-size: 13px;
|
|
position: relative;
|
|
|
|
color: #474747;
|
|
padding: 10px 14px;
|
|
cursor: default;
|
|
}
|
|
|
|
/* The outer part of the dialog contants, which contains the contents body
|
|
and the footer. */
|
|
.cke_dialog_contents
|
|
{
|
|
background-color: #fff;
|
|
overflow: auto;
|
|
padding: 15px 10px 5px 10px;
|
|
margin-top: 30px;
|
|
border-top: 1px solid #d4d4d4;
|
|
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
|
|
/* The contents body part, which will hold all elements available in the dialog. */
|
|
.cke_dialog_contents_body
|
|
{
|
|
overflow: auto;
|
|
padding: 17px 14px 0 14px;
|
|
margin-top: 22px;
|
|
}
|
|
|
|
/* The dialog footer, which usually contains the "Ok" and "Cancel" buttons as
|
|
well as a resize handler. */
|
|
.cke_dialog_footer
|
|
{
|
|
text-align: right;
|
|
position: relative;
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
.cke_rtl .cke_dialog_footer
|
|
{
|
|
text-align: left;
|
|
}
|
|
|
|
.cke_hc .cke_dialog_footer
|
|
{
|
|
outline: none;
|
|
border-top: 1px solid #fff;
|
|
}
|
|
|
|
.cke_dialog .cke_resizer
|
|
{
|
|
margin-top: 40px;
|
|
border-color: transparent #666 transparent transparent;
|
|
}
|
|
|
|
.cke_dialog .cke_resizer_rtl
|
|
{
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.cke_dialog .cke_resizer_ltr
|
|
{
|
|
margin-right: 2px;
|
|
margin-left: -12px;
|
|
/* display: none; */
|
|
}
|
|
|
|
/*
|
|
Dialog tabs
|
|
-------------
|
|
|
|
Tabs are presented on some of the dialogs to make it possible to have its
|
|
contents split on different groups, visible one after the other.
|
|
|
|
The main element that holds the tabs can be made hidden, in case of no tabs
|
|
available.
|
|
|
|
The following is the visual representation of the tabs block:
|
|
|
|
+-- .cke_dialog_tabs ------------------------------------+
|
|
| +-- .cke_dialog_tab --+ +-- .cke_dialog_tab --+ ... |
|
|
| | | | | |
|
|
| +---------------------+ +---------------------+ |
|
|
+--------------------------------------------------------+
|
|
|
|
The .cke_dialog_tab_selected class is appended to the active tab.
|
|
*/
|
|
|
|
/* The main tabs container. */
|
|
.cke_dialog_tabs
|
|
{
|
|
height: 25px;
|
|
display: inline-block;
|
|
margin: 5px 0 0;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 10px;
|
|
}
|
|
|
|
.cke_rtl .cke_dialog_tabs
|
|
{
|
|
right: 10px;
|
|
}
|
|
|
|
/* A single tab (an <a> element). */
|
|
a.cke_dialog_tab
|
|
{
|
|
|
|
height: 16px;
|
|
padding: 4px 8px;
|
|
margin-right: 3px;
|
|
display: inline-block;
|
|
cursor: default;
|
|
text-transform: uppercase;
|
|
line-height: 16px;
|
|
outline: none;
|
|
color: #444444;
|
|
border-bottom-color: #d4d4d4;
|
|
|
|
background: #fafafa;
|
|
}
|
|
|
|
.cke_rtl a.cke_dialog_tab
|
|
{
|
|
margin-right: 0;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
/* A hover state of a regular inactive tab. */
|
|
a.cke_dialog_tab:hover
|
|
{
|
|
color: #2b579a;
|
|
}
|
|
|
|
a.cke_dialog_tab_selected
|
|
{
|
|
padding: 4px 7px 5px;
|
|
color: #2b579a;
|
|
border: 1px solid #d4d4d4;
|
|
border-bottom: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.cke_hc a.cke_dialog_tab:hover,
|
|
.cke_hc a.cke_dialog_tab_selected
|
|
{
|
|
border: 3px solid;
|
|
padding: 2px 6px;
|
|
}
|
|
|
|
a.cke_dialog_tab_disabled
|
|
{
|
|
color: #bababa;
|
|
cursor: default;
|
|
}
|
|
|
|
/* The .cke_single_page class is appended to the dialog outer element in case
|
|
of dialogs that has no tabs. */
|
|
.cke_single_page .cke_dialog_tabs
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.cke_single_page .cke_dialog_contents
|
|
{
|
|
padding-top: 5px;
|
|
margin-top: 0;
|
|
border-top: none;
|
|
}
|
|
|
|
/* The close button at the top of the dialog. */
|
|
|
|
.cke_dialog_close_button
|
|
{
|
|
background-image: url(images/close.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
height: 16px;
|
|
width: 16px;
|
|
border: 1px solid transparent;
|
|
top: 5px;
|
|
z-index: 5;
|
|
cursor: default;
|
|
}
|
|
|
|
.cke_hidpi .cke_dialog_close_button {
|
|
background-image: url(images/hidpi/close.png);
|
|
background-size: 16px;
|
|
}
|
|
|
|
.cke_dialog_close_button:hover
|
|
{
|
|
background-color: #D5E1F2;
|
|
border-color: #A3BDE3;
|
|
}
|
|
|
|
.cke_dialog_close_button:active
|
|
{
|
|
background-color: #A3BDE3;
|
|
border-color: #3E6DB5;
|
|
}
|
|
|
|
.cke_dialog_close_button span
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.cke_hc .cke_dialog_close_button span
|
|
{
|
|
display: inline;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
|
|
.cke_ltr .cke_dialog_close_button
|
|
{
|
|
right: 10px;
|
|
}
|
|
|
|
.cke_rtl .cke_dialog_close_button
|
|
{
|
|
left: 6px;
|
|
}
|
|
|
|
.cke_dialog_close_button
|
|
{
|
|
top: 10px;
|
|
}
|
|
|
|
/*
|
|
Dialog UI Elements
|
|
--------------------
|
|
|
|
The remaining styles define the UI elements that can be used inside dialog
|
|
contents.
|
|
|
|
Most of the UI elements on dialogs contain a textual label. All of them share
|
|
the same labelling structure, having the label text inside an element with
|
|
.cke_dialog_ui_labeled_label and the element specific part inside the
|
|
.cke_dialog_ui_labeled_content class.
|
|
*/
|
|
|
|
/* If an element is supposed to be disabled, the .cke_disabled class is
|
|
appended to it. */
|
|
div.cke_disabled .cke_dialog_ui_labeled_content div *
|
|
{
|
|
background-color: #ddd;
|
|
cursor: default;
|
|
}
|
|
|
|
/*
|
|
Horizontal-Box and Vertical-Box
|
|
---------------------------------
|
|
|
|
There are basic layou element used by the editor to properly align elements in
|
|
the dialog. They're basically tables that have each cell filled by UI elements.
|
|
|
|
The following is the visual representation of a H-Box:
|
|
|
|
+-- .cke_dialog_ui_hbox --------------------------------------------------------------------------------+
|
|
| +-- .cke_dialog_ui_hbox_first --+ +-- .cke_dialog_ui_hbox_child --+ +-- .cke_dialog_ui_hbox_last --+ |
|
|
| + + + + + + |
|
|
| +-------------------------------+ +-------------------------------+ +------------------------------+ |
|
|
+-------------------------------------------------------------------------------------------------------+
|
|
|
|
It is possible to have nested V/H-Boxes.
|
|
*/
|
|
|
|
.cke_dialog_ui_vbox table,
|
|
.cke_dialog_ui_hbox table
|
|
{
|
|
margin: auto;
|
|
}
|
|
|
|
.cke_dialog_ui_vbox_child
|
|
{
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
.cke_dialog_ui_hbox
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.cke_dialog_ui_hbox_first,
|
|
.cke_dialog_ui_hbox_child,
|
|
.cke_dialog_ui_hbox_last
|
|
{
|
|
vertical-align: top;
|
|
}
|
|
|
|
.cke_ltr .cke_dialog_ui_hbox_first,
|
|
.cke_ltr .cke_dialog_ui_hbox_child
|
|
{
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.cke_rtl .cke_dialog_ui_hbox_first,
|
|
.cke_rtl .cke_dialog_ui_hbox_child
|
|
{
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
|
|
.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
|
|
{
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
|
|
.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
|
|
{
|
|
padding-left: 5px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* Applies to all labeled dialog fields */
|
|
.cke_hc div.cke_dialog_ui_input_text,
|
|
.cke_hc div.cke_dialog_ui_input_password,
|
|
.cke_hc div.cke_dialog_ui_input_textarea,
|
|
.cke_hc div.cke_dialog_ui_input_select,
|
|
.cke_hc div.cke_dialog_ui_input_file
|
|
{
|
|
border: 1px solid;
|
|
}
|
|
|
|
/*
|
|
Text Input
|
|
------------
|
|
|
|
The basic text field to input text.
|
|
|
|
+-- .cke_dialog_ui_text --------------------------+
|
|
| +-- .cke_dialog_ui_labeled_label ------------+ |
|
|
| | | |
|
|
| +--------------------------------------------+ |
|
|
| +-- .cke_dialog_ui_labeled_content ----------+ |
|
|
| | +-- div.cke_dialog_ui_input_text --------+ | |
|
|
| | | +-- input.cke_dialog_ui_input_text --+ | | |
|
|
| | | | | | | |
|
|
| | | +------------------------------------+ | | |
|
|
| | +----------------------------------------+ | |
|
|
| +--------------------------------------------+ |
|
|
+-------------------------------------------------+
|
|
*/
|
|
|
|
/*
|
|
Textarea
|
|
----------
|
|
|
|
The textarea field to input larger text.
|
|
|
|
+-- .cke_dialog_ui_textarea --------------------------+
|
|
| +-- .cke_dialog_ui_labeled_label ----------------+ |
|
|
| | | |
|
|
| +------------------------------------------------+ |
|
|
| +-- .cke_dialog_ui_labeled_content --------------+ |
|
|
| | +-- div.cke_dialog_ui_input_textarea --------+ | |
|
|
| | | +-- input.cke_dialog_ui_input_textarea --+ | | |
|
|
| | | | | | | |
|
|
| | | +----------------------------------------+ | | |
|
|
| | +--------------------------------------------+ | |
|
|
| +------------------------------------------------+ |
|
|
+-----------------------------------------------------+
|
|
*/
|
|
|
|
textarea.cke_dialog_ui_input_textarea
|
|
{
|
|
overflow: auto;
|
|
resize: none;
|
|
}
|
|
|
|
input.cke_dialog_ui_input_text,
|
|
input.cke_dialog_ui_input_password,
|
|
textarea.cke_dialog_ui_input_textarea
|
|
{
|
|
background-color: #fff;
|
|
border: 1px solid #C3CBD0;
|
|
padding: 2px 6px;
|
|
outline: none;
|
|
width: 100%;
|
|
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
input.cke_dialog_ui_input_text:hover,
|
|
input.cke_dialog_ui_input_password:hover,
|
|
textarea.cke_dialog_ui_input_textarea:hover
|
|
{
|
|
border: 1px solid #a3bde3;
|
|
}
|
|
|
|
input.cke_dialog_ui_input_text:focus,
|
|
input.cke_dialog_ui_input_password:focus,
|
|
textarea.cke_dialog_ui_input_textarea:focus,
|
|
select.cke_dialog_ui_input_select:focus
|
|
{
|
|
outline: none;
|
|
border: 1px solid #3e6db5;
|
|
}
|
|
|
|
|
|
input.cke_dialog_ui_input_text,
|
|
input.cke_dialog_ui_input_password
|
|
{
|
|
height: 22px;
|
|
}
|
|
|
|
/*
|
|
Button
|
|
--------
|
|
|
|
The buttons used in the dialog footer or inside the contents.
|
|
|
|
+-- a.cke_dialog_ui_button -----------+
|
|
| +-- span.cke_dialog_ui_button --+ |
|
|
| | | |
|
|
| +-------------------------------+ |
|
|
+-------------------------------------+
|
|
*/
|
|
|
|
/* The outer part of the button. */
|
|
a.cke_dialog_ui_button
|
|
{
|
|
display: inline-block;
|
|
|
|
height: 16px;
|
|
line-height: 16px;
|
|
padding: 2px 0;
|
|
margin: 0;
|
|
|
|
text-align: center;
|
|
color: #444;
|
|
vertical-align: middle;
|
|
cursor: default;
|
|
|
|
border: 1px solid #ABABAB;
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
span.cke_dialog_ui_button
|
|
{
|
|
padding: 0 12px;
|
|
}
|
|
|
|
/* :focus/:active styles for dialog buttons: regular and footer. */
|
|
a.cke_dialog_ui_button:focus
|
|
{
|
|
border-color: #A3BDE3;
|
|
background: #E3ECFA;
|
|
outline: none;
|
|
}
|
|
|
|
a.cke_dialog_ui_button:active
|
|
{
|
|
border-color: #3E6DB5;
|
|
background: #A3BDE3;
|
|
outline: none;
|
|
}
|
|
|
|
a.cke_dialog_ui_button:hover
|
|
{
|
|
border-color: #A3BDE3;
|
|
background: #D5E1F2;
|
|
}
|
|
|
|
.cke_hc a.cke_dialog_ui_button:hover,
|
|
.cke_hc a.cke_dialog_ui_button:focus,
|
|
.cke_hc a.cke_dialog_ui_button:active
|
|
{
|
|
|
|
}
|
|
|
|
.cke_hc a.cke_dialog_ui_button:hover span,
|
|
.cke_hc a.cke_dialog_ui_button:focus span,
|
|
.cke_hc a.cke_dialog_ui_button:active span
|
|
{
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/*
|
|
a.cke_dialog_ui_button[style*="width"]
|
|
{
|
|
display: block !important;
|
|
width: auto !important;
|
|
}
|
|
*/
|
|
.cke_dialog_footer_buttons a.cke_dialog_ui_button
|
|
{
|
|
height: 18px;
|
|
}
|
|
/* The inner part of the button (both in dialog tabs and dialog footer). */
|
|
.cke_dialog_footer_buttons a.cke_dialog_ui_button span
|
|
{
|
|
color: inherit;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
/* Special class appended to the Ok button. */
|
|
a.cke_dialog_ui_button_ok
|
|
{
|
|
|
|
border-color: #8DBBFD;
|
|
|
|
|
|
background: #F4F8FF;
|
|
|
|
}
|
|
|
|
a.cke_dialog_ui_button_ok:hover
|
|
{
|
|
}
|
|
|
|
/* Text shadow used for inner part of OK dialog button in footer. */
|
|
a.cke_dialog_ui_button_ok span
|
|
{
|
|
}
|
|
|
|
span.cke_dialog_ui_button
|
|
{
|
|
cursor: default;
|
|
}
|
|
|
|
|
|
a.cke_dialog_ui_button_ok:focus,
|
|
a.cke_dialog_ui_button_ok:active
|
|
{
|
|
}
|
|
|
|
|
|
/* A special container that holds the footer buttons. */
|
|
.cke_dialog_footer_buttons
|
|
{
|
|
display: inline-table;
|
|
margin: 14px;
|
|
width: auto;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/*
|
|
Styles for other dialog element types.
|
|
*/
|
|
|
|
div.cke_dialog_ui_input_select
|
|
{
|
|
display: table;
|
|
}
|
|
|
|
select.cke_dialog_ui_input_select
|
|
{
|
|
height: 22px;
|
|
line-height: 22px;
|
|
|
|
background-color: #fff;
|
|
border: 1px solid #C3CBD0;
|
|
padding: 1px 1px 1px 6px;
|
|
|
|
outline: none;
|
|
}
|
|
|
|
.cke_dialog_ui_input_file
|
|
{
|
|
width: 100%;
|
|
height: 25px;
|
|
}
|
|
|
|
.cke_hc .cke_dialog_ui_labeled_content input:focus,
|
|
.cke_hc .cke_dialog_ui_labeled_content select:focus,
|
|
.cke_hc .cke_dialog_ui_labeled_content textarea:focus
|
|
{
|
|
outline: 1px dotted;
|
|
}
|
|
|
|
/*
|
|
* Some utility CSS classes for dialog authors.
|
|
*/
|
|
.cke_dialog .cke_dark_background
|
|
{
|
|
background-color: #DEDEDE;
|
|
}
|
|
|
|
.cke_dialog .cke_light_background
|
|
{
|
|
background-color: #EBEBEB;
|
|
}
|
|
|
|
.cke_dialog .cke_centered
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.cke_dialog a.cke_btn_reset
|
|
{
|
|
float: right;
|
|
background: url(images/refresh.png) top left no-repeat;
|
|
width: 16px;
|
|
height: 16px;
|
|
border: 1px none;
|
|
font-size: 1px;
|
|
}
|
|
|
|
.cke_hidpi .cke_dialog a.cke_btn_reset {
|
|
background-size: 16px;
|
|
background-image: url(images/hidpi/refresh.png);
|
|
}
|
|
|
|
.cke_rtl .cke_dialog a.cke_btn_reset
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
.cke_dialog a.cke_btn_locked,
|
|
.cke_dialog a.cke_btn_unlocked
|
|
{
|
|
float: left;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-repeat: no-repeat;
|
|
border: none 1px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
.cke_dialog a.cke_btn_locked .cke_icon
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.cke_rtl .cke_dialog a.cke_btn_locked,
|
|
.cke_rtl .cke_dialog a.cke_btn_unlocked
|
|
{
|
|
float: right;
|
|
}
|
|
|
|
.cke_dialog a.cke_btn_locked
|
|
{
|
|
background-image: url(images/lock.png);
|
|
}
|
|
|
|
.cke_dialog a.cke_btn_unlocked
|
|
{
|
|
background-image: url(images/lock-open.png);
|
|
}
|
|
|
|
.cke_hidpi .cke_dialog a.cke_btn_unlocked,
|
|
.cke_hidpi .cke_dialog a.cke_btn_locked {
|
|
background-size: 16px;
|
|
}
|
|
|
|
.cke_hidpi .cke_dialog a.cke_btn_locked {
|
|
background-image: url(images/hidpi/lock.png);
|
|
}
|
|
|
|
.cke_hidpi .cke_dialog a.cke_btn_unlocked {
|
|
background-image: url(images/hidpi/lock-open.png);
|
|
}
|
|
|
|
.cke_dialog .cke_btn_over
|
|
{
|
|
border: outset 1px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*
|
|
The rest of the file contains style used on several common plugins. There is a
|
|
tendency that these will be moved to the plugins code in the future.
|
|
*/
|
|
|
|
.cke_dialog .ImagePreviewBox
|
|
{
|
|
border: 2px ridge black;
|
|
overflow: scroll;
|
|
height: 200px;
|
|
width: 300px;
|
|
padding: 2px;
|
|
background-color: white;
|
|
}
|
|
|
|
.cke_dialog .ImagePreviewBox table td
|
|
{
|
|
white-space: normal;
|
|
}
|
|
|
|
.cke_dialog .ImagePreviewLoader
|
|
{
|
|
position: absolute;
|
|
white-space: normal;
|
|
overflow: hidden;
|
|
height: 160px;
|
|
width: 230px;
|
|
margin: 2px;
|
|
padding: 2px;
|
|
opacity: 0.9;
|
|
filter: alpha(opacity = 90);
|
|
|
|
background-color: #e4e4e4;
|
|
}
|
|
|
|
.cke_dialog .FlashPreviewBox
|
|
{
|
|
white-space: normal;
|
|
border: 2px ridge black;
|
|
overflow: auto;
|
|
height: 160px;
|
|
width: 390px;
|
|
padding: 2px;
|
|
background-color: white;
|
|
}
|
|
|
|
.cke_dialog .cke_pastetext
|
|
{
|
|
width: 346px;
|
|
height: 170px;
|
|
}
|
|
|
|
.cke_dialog .cke_pastetext textarea
|
|
{
|
|
width: 340px;
|
|
height: 170px;
|
|
resize: none;
|
|
}
|
|
|
|
.cke_dialog iframe.cke_pasteframe
|
|
{
|
|
width: 346px;
|
|
height: 130px;
|
|
background-color: white;
|
|
border: 1px solid #C3CBD0;
|
|
}
|
|
|
|
.cke_dialog .cke_hand
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cke_disabled
|
|
{
|
|
color: #a0a0a0;
|
|
}
|
|
|
|
.cke_dialog_body .cke_label
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.cke_dialog_body label
|
|
{
|
|
display: inline;
|
|
margin-bottom: auto;
|
|
cursor: default;
|
|
}
|
|
|
|
.cke_dialog_body label.cke_required
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
a.cke_smile
|
|
{
|
|
overflow: hidden;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 0.3em 0;
|
|
}
|
|
|
|
a.cke_smile img
|
|
{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
a.cke_specialchar
|
|
{
|
|
cursor: inherit;
|
|
display: block;
|
|
height: 1.25em;
|
|
padding: 0.2em 0.3em;
|
|
text-align: center;
|
|
}
|
|
|
|
a.cke_smile,
|
|
a.cke_specialchar
|
|
{
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
a.cke_smile:hover,
|
|
a.cke_smile:focus,
|
|
a.cke_smile:active,
|
|
a.cke_specialchar:hover,
|
|
a.cke_specialchar:focus,
|
|
a.cke_specialchar:active
|
|
{
|
|
background: #fff;
|
|
outline: 0;
|
|
}
|
|
|
|
a.cke_smile:hover,
|
|
a.cke_specialchar:hover
|
|
{
|
|
border-color: #888;
|
|
}
|
|
|
|
a.cke_smile:focus,
|
|
a.cke_smile:active,
|
|
a.cke_specialchar:focus,
|
|
a.cke_specialchar:active
|
|
{
|
|
border-color: #139FF7;
|
|
}
|
|
|
|
/**
|
|
* Styles specific to "cellProperties" dialog.
|
|
*/
|
|
|
|
.cke_dialog_contents a.colorChooser
|
|
{
|
|
display: block;
|
|
margin-top: 6px;
|
|
margin-left: 10px;
|
|
width: 80px;
|
|
}
|
|
|
|
.cke_rtl .cke_dialog_contents a.colorChooser
|
|
{
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Compensate focus outline for some input elements. (#6200) */
|
|
.cke_dialog_ui_checkbox_input:focus,
|
|
.cke_dialog_ui_radio_input:focus,
|
|
.cke_btn_over
|
|
{
|
|
outline: 1px dotted #696969;
|
|
}
|
|
|
|
.cke_iframe_shim
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
filter: alpha(opacity = 0);
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
table.cke_dialog_contents tr:nth-child(odd), th:nth-child(odd) {
|
|
background-color:#fff;
|
|
}
|
|
table.cke_dialog_contents tr:nth-child(odd) th {
|
|
background-color:#fff;
|
|
}
|
|
table.cke_dialog_contents tr:nth-child(even) th {
|
|
background-color:#fff;
|
|
}
|
|
|
|
table.cke_dialog_contents tr:nth-child(odd):hover {
|
|
background: #fafafa;
|
|
}
|
|
table.cke_dialog_contents tr:nth-child(even):hover {
|
|
background:#fafafa;
|
|
}
|
|
table.cke_dialog_contents tr::nth-last-child:hover {
|
|
background:#fff;
|
|
}
|
|
table.cke_dialog_contents tr:hover {
|
|
background-color:#fafafa;
|
|
}
|