kuppayam 0.1.0

data/vendor/assets/javascripts/ckeditor/skins/bootstrapck/scss/components/_richcombo.scss

@@ -0,0 +1,174 @@
+/*
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+richcombo.css (part of editor.css)
+=================================
+
+This file holds the style set of the "Rich Combo" widget which is commonly used
+in the toolbar. It doesn't, however, styles the panel that is displayed when
+clicking on the combo, which is instead styled by panel.css.
+
+The visual representation of a rich combo widget looks as follows:
+
++-- .cke_combo----------------------------------------------------------------------+
+| +-- .cke_combo_label --+ +-- .cke_combo_button ---------------------------------+ |
+| |                      | | +-- .cke_combo_text --+ +-- .cke_combo_open -------+ | |
+| |                      | | |                     | | +-- .cke_combo_arrow --+ | | |
+| |                      | | |                     | | |                      | | | |
+| |                      | | |                     | | +----------------------+ | | |
+| |                      | | +---------------------+ +--------------------------+ | |
+| +----------------------+ +------------------------------------------------------+ |
++-----------------------------------------------------------------------------------+
+*/
+
+/* The box that hold the entire combo widget */
+.cke_combo {
+    display: inline-block;
+    float: left;
+}
+
+.cke_rtl .cke_combo {
+    float: right;
+}
+
+.cke_hc .cke_combo {
+    margin-top: -2px;
+}
+
+/* The label of the combo widget. It is invisible by default, yet
+   it's important for semantics and accessibility. */
+.cke_combo_label {
+    display: none;
+    float: left;
+    line-height: 26px;
+    vertical-align: top;
+    margin-right: 5px;
+}
+
+.cke_rtl .cke_combo_label {
+    float: right;
+    margin-left: 5px;
+    margin-right: 0;
+}
+
+/* The container for combo text and arrow. */
+.cke_combo_button {
+    display: inline-block;
+    float: left;
+    margin: 0 6px 5px 0;
+    border: 1px solid $hr-border;
+    border-radius: $border-radius;
+    background: #fff;
+}
+
+/* Different states of the container. */
+.cke_combo_off {
+    a.cke_combo_button {
+        &:hover, &:focus {
+            outline: none;
+        }
+        &:active {
+            border-color: $gray-darker;
+        }
+    }
+}
+
+.cke_combo_on {
+    a.cke_combo_button {
+        border-color: $gray-darker;
+    }
+}
+
+.cke_rtl .cke_combo_button {
+    float: right;
+    margin-left: 5px;
+    margin-right: 0;
+}
+
+.cke_hc a.cke_combo_button {
+    padding: 3px;
+}
+
+.cke_hc .cke_combo_on a.cke_combo_button {
+    border-width: 3px;
+    padding: 1px;
+}
+.cke_hc .cke_combo_off a.cke_combo_button {
+    &:hover, &:focus, &:active {
+        border-width: 3px;
+        padding: 1px;
+    }
+}
+
+/* The label that shows the current value of the rich combo.
+   By default, it holds the name of the property.
+   See: .cke_combo_inlinelabel */
+.cke_combo_text {
+    line-height: 26px;
+    padding-left: 10px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    float: left;
+    cursor: default;
+    color: #474747;
+    width: 60px;
+}
+
+.cke_rtl .cke_combo_text {
+    float: right;
+    text-align: right;
+    padding-left: 0;
+    padding-right: 10px;
+}
+
+.cke_hc .cke_combo_text {
+    line-height: 18px;
+    font-size: 12px;
+}
+
+/* The handler which opens the panel of rich combo properties.
+   It holds an arrow as a visual indicator. */
+.cke_combo_open {
+    cursor: default;
+    display: inline-block;
+    font-size: 0;
+    height: 19px;
+    line-height: 17px;
+    margin: 1px 7px 1px;
+    width: 5px;
+}
+
+.cke_hc .cke_combo_open {
+    height: 12px;
+}
+
+/* The arrow which is displayed inside of the .cke_combo_open handler. */
+.cke_combo_arrow {
+    margin: 11px 0 0;
+    float: left;
+
+    /* Pure CSS Arrow */
+    height: 0;
+    width: 0;
+    font-size: 0;
+    border-left: 3px solid transparent;
+    border-right: 3px solid transparent;
+    border-top: 3px solid $text-color;
+}
+
+.cke_hc .cke_combo_arrow {
+    font-size: 10px;
+    width: auto;
+    border: 0;
+    margin-top: 3px;
+}
+
+/* Disabled combo button styles. */
+.cke_combo_disabled {
+    .cke_combo_inlinelabel, .cke_combo_open {
+        opacity: 0.3;
+    }
+}

data/vendor/assets/javascripts/ckeditor/skins/bootstrapck/scss/components/_toolbar.scss

@@ -0,0 +1,317 @@
+/*
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+toolbar.css (part of editor.css)
+==================================
+
+This files styles the CKEditor toolbar and its buttons. For toolbar combo
+styles, check richcombo.css.
+
+The toolbar is rendered as a big container (called toolbox), which contains
+smaller "toolbars". Each toolbar represents a group of items that cannot be
+separated. The following is the visual representation of the toolbox.
+
++-- .cke_toolbox ----------------------------------------------------------+
+| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ... +-- .cke_toolbar_break --+ |
+| |                  | |                  |     |                        | |
+| +------------------+ +------------------+     +------------------------+ |
+| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ...                            |
+| |                  | |                  |                                |
+| +------------------+ +------------------+                                |
++--------------------------------------------------------------------------+
+
+The following instead is the visual representation of a single toolbar:
+
++-- .cke_toolbar ----------------------------------------------------------------+
+| +-- .cke_toolbar_start --+ +-- .cke_toolgroup (*) --+ +-- .cke_toolbar_end --+ |
+| |                        | |                        | |                      | |
+| +------------------------+ +------------------------+ +----------------------+ |
++--------------------------------------------------------------------------------+
+(*) .cke_toolgroup is available only when the toolbar items can be grouped
+    (buttons). If the items can't be group (combos), this box is not available
+    and the items are rendered straight in that place.
+
+This file also styles toolbar buttons, which are rendered inside the above
+.cke_toolgroup containers. This is the visual representation of a button:
+
++-- .cke_button -------------------------------------+
+| +-- .cke_button_icon --+ +-- .cke_button_label --+ |
+| |                      | |                       | |
+| +----------------------+ +-----------------------+ |
++----------------------------------------------------+
+
+Special outer level classes used in this file:
+
+    .cke_hc: Available when the editor is rendered on "High Contrast".
+    .cke_rtl: Available when the editor UI is on RTL.
+*/
+
+/* The box that holds each toolbar. */
+.cke_toolbar {
+    float: left;
+}
+
+.cke_rtl .cke_toolbar {
+    float: right;
+}
+
+/* The box that holds buttons. */
+.cke_toolgroup {
+    float: left;
+    margin: 0 6px 3px 0;
+    padding: 2px;
+    border: 1px solid $hr-border;
+
+    border-radius: $border-radius;
+
+    background: #fff;
+}
+
+.cke_hc .cke_toolgroup {
+    border: 0;
+    margin-right: 10px;
+    margin-bottom: 10px;
+}
+
+.cke_rtl .cke_toolgroup *:first-child {
+    border-radius: 0 $border-radius $border-radius 0;
+}
+
+.cke_rtl .cke_toolgroup *:last-child {
+    border-radius: $border-radius 0 0 $border-radius;
+}
+
+.cke_rtl .cke_toolgroup {
+    float: right;
+    margin-left: 6px;
+    margin-right: 0;
+}
+
+/* A toolbar button . */
+a.cke_button {
+    display: inline-block;
+    height: 18px;
+    padding: 2px 4px;
+    outline: none;
+    cursor: default;
+    float: left;
+    border: 0;
+    border-radius: 2px;
+}
+
+.cke_rtl .cke_button {
+    float: right;
+}
+
+.cke_hc .cke_button {
+    border: 1px solid black;
+
+    /* Compensate the added border */
+    padding: 3px 5px;
+    margin: -2px 4px 0 -2px;
+}
+
+/* This class is applied to the button when it is "active" (pushed).
+   This style indicates that the feature associated with the button is active
+   i.e. currently writing in bold or when spell checking is enabled. */
+.cke_button_on {
+    background: $primary-light;
+}
+
+.cke_hc {
+    .cke_button_on {
+        border-width: 3px;
+        /* Compensate the border change */
+        padding: 1px 3px;
+    }
+    a.cke_button_off, a.cke_button_disabled {
+        &:hover, &:focus, &:active {
+            border-width: 3px;
+            /* Compensate the border change */
+            padding: 1px 3px;
+        }
+    }
+}
+
+/* This class is applied to the button when the feature associated with the
+   button cannot be used (grayed-out).
+   i.e. paste button remains disabled when there is nothing in the clipboard to
+   be pasted. */
+.cke_button_disabled .cke_button_icon {
+    opacity: 0.3;
+}
+
+.cke_hc .cke_button_disabled {
+    opacity: 0.5;
+}
+
+a.cke_button_on {
+    &:hover, &:focus, &:active {
+    }
+}
+
+a.cke_button_off, a.cke_button_disabled {
+    &:hover, &:focus, &:active {
+        background: $primary-lighter;
+    }
+}
+
+/* The icon which is a visual representation of the button. */
+.cke_button_icon {
+    cursor: inherit;
+    background-repeat: no-repeat;
+    margin-top: 1px;
+    width: 16px;
+    height: 16px;
+    float: left;
+    display: inline-block;
+}
+
+.cke_rtl .cke_button_icon {
+    float: right;
+}
+
+.cke_hc .cke_button_icon {
+    display: none;
+}
+
+/* The label of the button that stores the name of the feature. By default,
+   labels are invisible. They can be revealed on demand though. */
+.cke_button_label {
+    display: none;
+    padding-left: 3px;
+    margin-top: 1px;
+    line-height: 18px;
+    vertical-align: middle;
+    float: left;
+    cursor: default;
+    color: $gray-dark;
+}
+
+.cke_rtl .cke_button_label {
+    padding-right: 3px;
+    padding-left: 0;
+    float: right;
+}
+
+.cke_hc .cke_button_label {
+    padding: 0;
+    display: inline-block;
+    font-size: 12px;
+}
+
+/* The small arrow available on buttons that can be expanded
+   (e.g. the color buttons). */
+.cke_button_arrow {
+    /* Arrow in CSS */
+    display: inline-block;
+    margin: 8px 0 0 1px;
+    width: 0;
+    height: 0;
+    cursor: default;
+    vertical-align: top;
+    border-left: 3px solid transparent;
+    border-right: 3px solid transparent;
+    border-top: 3px solid #474747;
+}
+
+.cke_rtl .cke_button_arrow {
+    margin-right: 5px;
+    margin-left: 0;
+}
+
+.cke_hc .cke_button_arrow {
+    font-size: 10px;
+    margin: 3px -2px 0 3px;
+    width: auto;
+    border: 0;
+}
+
+/* The vertical separator which is used within a single toolbar to split
+   buttons into sub-groups. */
+.cke_toolbar_separator {
+    float: left;
+    background-color: $hr-border;
+    margin: 4px 2px 0;
+    height: 16px;
+    width: 1px;
+}
+
+.cke_rtl .cke_toolbar_separator {
+    float: right;
+}
+
+.cke_hc .cke_toolbar_separator {
+    width: 0;
+    border-left: 1px solid;
+    margin: 1px 5px 0 0px;
+}
+
+/* The dummy element that breaks toolbars.
+   Once it is placed, the very next toolbar is moved to the new row. */
+.cke_toolbar_break {
+    display: block;
+    clear: left;
+}
+
+.cke_rtl .cke_toolbar_break {
+    clear: right;
+}
+
+/* The button, which when clicked hides (collapses) all the toolbars. */
+.cke_toolbox_collapser {
+    width: 12px;
+    height: 11px;
+    float: right;
+    margin: 11px 0 0;
+    font-size: 0;
+    cursor: default;
+    text-align: center;
+
+    border: 1px solid #a6a6a6;
+    border-bottom-color: #979797;
+
+    border-radius: $border-radius;
+
+    background: #e4e4e4;
+    &:hover {
+        background: #ccc;
+    }
+    &.cke_toolbox_collapser_min {
+        margin: 0 2px 4px;
+        .cke_arrow {
+            margin-top: 4px;
+            border-bottom-color: transparent;
+            border-top-color: #474747;
+        }
+    }
+    /* The CSS arrow, which belongs to the toolbar collapser. */
+    .cke_arrow {
+        display: inline-block;
+
+        /* Pure CSS Arrow */
+        height: 0;
+        width: 0;
+        font-size: 0;
+        margin-top: 1px;
+        border-left: 3px solid transparent;
+        border-right: 3px solid transparent;
+        border-bottom: 3px solid #474747;
+        border-top: 3px solid transparent;
+    }
+}
+
+.cke_rtl .cke_toolbox_collapser {
+    float: left;
+}
+
+.cke_hc .cke_toolbox_collapser .cke_arrow {
+    font-size: 8px;
+    width: auto;
+    border: 0;
+    margin-top: 0;
+    margin-right: 2px;
+}