geri 0.0.1

data/app/assets/vendor/ckeditor/skins/bootstrapck/scss/components/editor.scss

@@ -0,0 +1,66 @@
+/*
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+editor.css
+============
+
+This is he heart of the skin system. This is the file loaded by the editor to
+style all elements inside its main interface.
+
+To make it easier to maintain, instead of including all styles here, we import
+other files.
+*/
+
+/* Config files, where variables are defined */
+@import "../config/config";
+
+/* "Reset" styles, necessary to avoid the editor UI being broken by external CSS. */
+@import "reset";
+
+/* Styles the main interface structure (holding box). */
+@import "mainui";
+
+/* Styles all "panels", which are the floating elements that appear when
+   opening toolbar combos, menu buttons, context menus, etc. */
+@import "panel";
+
+/* Styles the color panel displayed by the color buttons. */
+@import "colorpanel";
+
+/* Styles to toolbar. */
+@import "toolbar";
+
+/* Styles menus, which are lists of selectable items (context menu, menu button). */
+@import "menu";
+
+/* Styles toolbar combos. */
+@import "richcombo";
+
+/* Styles the elements path bar, available at the bottom of the editor UI.*/
+@import "elementspath";
+
+/* Contains hard-coded presets for "configurable-like" options of the UI
+   (e.g. display labels on specific buttons) */
+@import "presets";
+
+/* Important!
+   To avoid showing the editor UI while its styles are still not available, the
+   editor creates it with visibility:hidden. Here, we restore the UI visibility. */
+.cke_chrome {
+    visibility: inherit;
+}
+
+/* For accessibility purposes, several "voice labels" are present in the UI.
+   These are usually <span> elements that show not be visible, but that are
+   used by screen-readers to announce other elements. Here, we hide these
+   <spans>, in fact. */
+.cke_voice_label {
+    display: none;
+}
+
+legend.cke_voice_label {
+    display: none;
+}

data/app/assets/vendor/ckeditor/skins/bootstrapck/scss/config/_colors.scss

@@ -0,0 +1,61 @@
+/* ==========================================================================
+   Colors
+
+   This file is exclusively intended for setting up variables
+   Never add styles directly to this file
+   ========================================================================== */
+
+// Grays
+// -------------------------
+
+$gray-darker:           #333;
+$gray-dark:             #555;
+$gray:                  #aaa;
+$gray-light:            #ddd;
+$gray-lighter:          #eee;
+
+// Primary
+// -------------------------
+$primary:               #428bca;
+$primary-light:         #92bce0;
+$primary-lighter:       #e1edf7;
+
+// Forms
+// -------------------------
+$form-blue:             #66afe9;
+
+// Blues
+// -------------------------
+$blue-dark:             #2274c9;
+$blue-dark-hover:       #1e68b4;
+$blue:                  #3F8EDF;
+$blue-hover:            #2981db;
+
+// States
+// -------------------------
+
+$success:               $blue;
+$success-hover:         $blue-hover;
+$success-border:        $blue-dark;
+$success-border-hover:  $blue-dark-hover;
+
+$warning:               #f0ad4e;
+$danger:                #d9534f;
+$info:                  #5bc0de;
+
+// Scaffolding
+// -------------------------
+
+$body-bg:               #fff;
+$text-color:            $gray-darker;
+
+// Links
+// -------------------------
+
+$link-color:            $primary;
+$link-hover-color:      darken($link-color, 15%);
+
+// Hr border color
+// -------------------------
+
+$hr-border:             $gray-light;

data/app/assets/vendor/ckeditor/skins/bootstrapck/scss/config/_config.scss

@@ -0,0 +1,9 @@
+/* ==========================================================================
+   Config
+
+   This file is exclusively intended for setting up imports
+   Never add styles directly to this file
+   ========================================================================== */
+
+@import "colors";
+@import "defaults";

data/app/assets/vendor/ckeditor/skins/bootstrapck/scss/config/_defaults.scss

@@ -0,0 +1,37 @@
+/* ==========================================================================
+   Defaults
+
+   This file is exclusively intended for setting up variables
+   Never add styles directly to this file
+   ========================================================================== */
+
+// Border radius
+// -------------------------
+
+$border-radius:     4px;
+
+
+// Forms
+// -------------------------
+
+%input-style {
+    background-color: #fff;
+    outline: none;
+    width: 100%;
+    *width: 95%;
+    height: 30px;
+    padding: 4px 10px;
+    border: 1px solid $hr-border;
+    border-radius: $border-radius;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    &:focus {
+        border-color: $form-blue;
+        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba($form-blue,.6);
+        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba($form-blue,.6);
+    }
+}

data/app/assets/vendor/ckeditor/skins/bootstrapck/scss/dialog/dialog.scss

@@ -0,0 +1,822 @@
+/*
+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 ------------------------------+ | | |
+| | | |                                                    | | | |
+| | | +----------------------------------------------------+ | | |
+| | +--------------------------------------------------------+ | |
+| +------------------------------------------------------------+ |
++----------------------------------------------------------------+
+
+/* Config files, where variables are defined */
+@import "../config/config";
+
+/* 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;
+}
+
+/* The inner boundary container. */
+.cke_dialog_body {
+    z-index: 1;
+    background: $gray-lighter;
+    border: 1px solid $hr-border;
+
+    border-radius: $border-radius;
+}
+
+/* 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-weight: bold;
+    font-size: 13px;
+    cursor: move;
+    position: relative;
+    color: $text-color;
+    border-bottom: 1px solid $hr-border;
+    padding: 10px 12px;
+    background: $gray-lighter;
+}
+
+/* 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: 35px;
+    border-top: 1px solid $hr-border;
+    border-radius: 0 0 $border-radius $border-radius;
+}
+
+/* The contents body part, which will hold all elements available in the dialog. */
+.cke_dialog_contents_body {
+    overflow: auto;
+    padding: 17px 10px 5px 10px;
+    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-radius: 0 0 $border-radius $border-radius;
+    border-top: 1px solid $hr-border;
+    background: $gray-lighter;
+}
+
+.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: 28px;
+}
+
+.cke_dialog .cke_resizer_rtl {
+    margin-left: 5px;
+}
+
+.cke_dialog .cke_resizer_ltr {
+    margin-right: 5px;
+}
+
+/*
+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: 24px;
+    display: inline-block;
+    margin: 10px 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: pointer;
+    line-height: 16px;
+    outline: none;
+    color: $gray-dark;
+    border: 1px solid $hr-border;
+
+    border-radius: 3px 3px 0 0;
+    background: lighten($gray-lighter, 2%);
+}
+
+.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 {
+    background: $gray-light;
+    text-decoration: none;
+}
+
+a.cke_dialog_tab_selected
+{
+    background: #fff;
+    color: $text-color;
+    border-bottom-color: #fff;
+    cursor: default;
+    filter: none;
+}
+
+/* A hover state for selected tab. */
+a.cke_dialog_tab_selected:hover {
+    background: #fff;
+}
+
+.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;
+}
+
+/* selectbox inside tabs container */
+.cke_dialog_tabs {
+    .cke_dialog_ui_input_select {
+        top: -7px !important;
+    }
+}
+
+/* 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: 20px;
+    width: 20px;
+    top: 9px;
+    z-index: 5;
+}
+
+.cke_hidpi .cke_dialog_close_button {
+    background-image: url(images/hidpi/close.png);
+    background-size: 16px;
+}
+
+.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: 5px;
+}
+
+.cke_rtl .cke_dialog_close_button {
+    left: 6px;
+}
+
+
+/*
+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, .cke_dialog_ui_hbox {
+    table {
+        margin: auto;
+    }
+}
+.cke_dialog_ui_vbox {
+    margin-top: 5px;
+}
+.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;
+}
+
+/* To center a horizontal label-input (selection field dialog / find and replace) */
+.cke_dialog_ui_hbox_first,
+.cke_dialog_ui_hbox_last {
+    > .cke_dialog_ui_labeled_label, > .cke_dialog_ui_html {
+        line-height: 30px;
+    }
+}
+
+.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_dialog_ui_input_password,
+    &.cke_dialog_ui_input_textarea,
+    &.cke_dialog_ui_input_select,
+    &.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 --+ | | |
+|  | | |                                    | | | |
+|  | | +------------------------------------+ | | |
+|  | +----------------------------------------+ | |
+|  +--------------------------------------------+ |
++-------------------------------------------------+
+*/
+
+.cke_dialog_ui_text {
+    margin-bottom: 7px;
+}
+.cke_dialog_ui_select {
+    height: auto !important;
+    margin-bottom: 7px;
+}
+
+/*
+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 {
+    @extend %input-style;
+}
+
+
+/*
+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;
+    *display: inline;
+    *zoom: 1;
+
+    padding: 3px 0;
+    margin: 0;
+
+    text-align: center;
+    color: $text-color;
+    vertical-align: middle;
+    cursor: pointer;
+
+    border: 1px solid $hr-border;
+    border-radius: $border-radius;
+    background: #fff;
+
+    &:hover, &:focus, &:active {
+        border-color: $gray;
+        background-color: $gray-lighter;
+        text-decoration: none;
+    }
+}
+
+/* Buttons inside the content */
+.cke_dialog_page_contents {
+    a.cke_dialog_ui_button {
+        height: 22px;
+        line-height: 22px;
+        background-color: #f4f4f4;
+        &:hover, &:focus, &:active {
+            background-color: $gray-lighter;
+        }
+    }
+}
+
+span.cke_dialog_ui_button {
+    padding: 0 12px;
+}
+
+.cke_hc a.cke_dialog_ui_button {
+    &:hover, &:focus, &:active {
+        border: 3px solid;
+        padding-top: 1px;
+        padding-bottom: 1px;
+
+        span {
+            padding-left: 10px;
+            padding-right: 10px;
+        }
+    }
+}
+
+/*
+a.cke_dialog_ui_button[style*="width"]
+{
+    display: block !important;
+    width: auto !important;
+}
+*/
+/* 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: 20px;
+}
+
+/* Special class appended to the Ok button. */
+a.cke_dialog_ui_button_ok {
+    color: #fff;
+    border-color: $success-border;
+    background: $success;
+    &:hover, &:focus, &:active {
+        border-color: $success-border-hover;
+        background: $success-hover;
+    }
+}
+
+/* Special class appended to the Cancel button. */
+a.cke_dialog_ui_button_cancel {
+    background-color: #fff;
+    &:focus {
+        outline: none;
+    }
+}
+
+span.cke_dialog_ui_button {
+    cursor: pointer;
+}
+
+/* A special container that holds the footer buttons. */
+.cke_dialog_footer_buttons {
+    display: inline-table;
+    margin: 10px;
+    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: 30px;
+    line-height: 30px;
+
+    background-color: #fff;
+    padding: 4px 10px;
+    border: 1px solid $hr-border;
+
+    outline: none;
+    border-radius: $border-radius;
+
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+}
+
+.cke_dialog_ui_input_file {
+    width: 100%;
+    height: 30px;
+}
+
+.cke_hc .cke_dialog_ui_labeled_content {
+    input, select, textarea {
+        &:focus {
+            outline: 1px dotted;
+        }
+    }
+}
+
+/*
+ * Some utility CSS classes for dialog authors.
+ */
+.cke_dialog {
+    .cke_dark_background {
+        background-color: $gray-lighter;
+    }
+    .cke_light_background {
+        background-color: $gray-lighter;
+    }
+    .cke_centered {
+        text-align: center;
+    }
+
+    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;
+    }
+
+    a.cke_btn_locked, a.cke_btn_unlocked {
+        float: left;
+        width: 16px;
+        height: 16px;
+        background-repeat: no-repeat;
+        border: none 1px;
+        font-size: 1px;
+    }
+    a.cke_btn_locked {
+        background-image: url(images/lock.png);
+        .cke_icon {
+            display: none;
+        }
+    }
+    a.cke_btn_unlocked {
+        background-image: url(images/lock-open.png);
+    }
+
+    .cke_btn_over {
+        border: outset 1px;
+        cursor: pointer;
+    }
+}
+
+.cke_hidpi .cke_dialog {
+    a.cke_btn_reset {
+        background-size: 16px;
+        background-image: url(images/hidpi/refresh.png);
+    }
+    a.cke_btn_unlocked, a.cke_btn_locked {
+        background-size: 16px;
+    }
+    a.cke_btn_locked {
+        background-image: url(images/hidpi/lock.png);
+    }
+    a.cke_btn_unlocked {
+        background-image: url(images/hidpi/lock-open.png);
+    }
+}
+
+.cke_rtl .cke_dialog {
+    a.cke_btn_reset {
+        float: left;
+    }
+    a.cke_btn_locked, a.cke_btn_unlocked {
+        float: right;
+    }
+}
+
+/*
+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, .FlashPreviewBox {
+        border: 1px solid $gray;
+        border-radius: $border-radius;
+        padding: 6px 10px;
+        margin-top: 5px;
+        background-color: white;
+    }
+    .ImagePreviewBox {
+        overflow: scroll;
+        height: 205px;
+        width: 300px;
+        table td {
+            white-space: normal;
+        }
+    }
+    .FlashPreviewBox {
+        white-space: normal;
+        overflow: auto;
+        height: 160px;
+        width: 390px;
+    }
+    .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_pastetext {
+        width: 346px;
+        height: 170px;
+        textarea {
+            width: 340px;
+            height: 170px;
+            resize: none;
+        }
+    }
+    iframe.cke_pasteframe {
+        width: 346px;
+        height: 130px;
+        background-color: white;
+        border: 1px solid #aeb3b9;
+        border-radius: $border-radius;
+    }
+    .cke_hand {
+        cursor: pointer;
+    }
+}
+
+.cke_disabled {
+    color: #a0a0a0;
+}
+
+.cke_dialog_body {
+    .cke_label {
+        display: none;
+    }
+    label {
+        display: inline-block;
+        margin-bottom: 3px;
+        cursor: default;
+        &.cke_required {
+            font-weight: bold;
+        }
+    }
+}
+
+.cke_dialog_ui_html {
+    line-height: 150%;
+}
+
+a.cke_smile {
+    overflow: hidden;
+    display: block;
+    text-align: center;
+    padding: 0.3em 0;
+    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 {
+    background-color: $gray-lighter;
+    border: 1px solid transparent;
+    vertical-align: top;
+    &:hover, &:focus, &:active {
+        background: #fff;
+        outline: 0;
+    }
+    &:hover {
+        border-color: $gray;
+    }
+    &:focus, &:active {
+        border-color: $primary;
+    }
+}
+
+/**
+ * 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;
+}
+
+
+.cke_dialog_ui_checkbox {
+    display: inline-block;
+    margin-bottom: 5px;
+}
+
+/* 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%;
+}