editor.css in Editor 5
Same filename and directory in other branches
/* Editor Author: Tj Holowaychuk (350designs.com) Filename: editor.css Stylesheet Structure: - Tags - Classes - IDs - Primary Navigation - Secondary Navigation - Footer - Page Specific - Front Page - Banner Images - Role Specific */ /** * Toolbars */ .editor-toolbar { padding: 0 5px; height: 25px; border-left: 1px solid #99bbe8; border-right: 1px solid #abc7ec; background: #d2e1f4 url(images/tile-blue.gif) top left repeat-x; } /** * Options */ .editor-options { margin: 2px 0; padding: 5px 15px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; background: #fff url(images/tile-white.gif) top left repeat-x; } /** * Preview */ .editor-preview { margin: 2px 0; padding: 5px; height: 200px; overflow: auto; border: 1px solid #ccc; border-right-color: #eee; border-bottom-color: #eee; background: #fff; } .editor-preview a { outline: none; } /** * Types */ .editor-plugin, .editor-spacer { display: block; float: left; margin: 2px; } .editor-spacer { margin: 5px; width: 0; height: 15px; border-left: 1px solid #aaccf6; border-right: 1px solid #eee; } .editor-plugin.hover, .editor-plugin:hover { background-color: #d4e2f4; } .editor-plugin.active, .editor-plugin:active { background-color: #d4e2f4; } .editor-button { width: 20px; height: 20px; cursor: pointer; background: 50% 50% no-repeat; } /** * Plugins */ #editor-undo { background-image: url(images/undo.png); } #editor-redo { background-image: url(images/redo.png); } #editor-align_left { background-image: url(images/text_align_left.png); } #editor-align_center { background-image: url(images/text_align_center.png); } #editor-align_right { background-image: url(images/text_align_right.png); } #editor-align_justify { background-image: url(images/text_align_justify.png); } #editor-link { background-image: url(images/link.png); } #editor-mailto { background-image: url(images/email_link.png); } #editor-bold { background-image: url(images/text_bold.png); } #editor-italic { background-image: url(images/text_italic.png); } #editor-code { background-image: url(images/page_code.png); } #editor-image { background-image: url(images/camera.png); } #editor-html { background-image: url(images/html.png); } #editor-list_numeric { background-image: url(images/text_list_numbers.png); } #editor-list_bullet { background-image: url(images/text_list_bullets.png); } #editor-remove_format { background-image: url(images/remove_format.png); }
File
editor.cssView source
- /*
- Editor
- Author: Tj Holowaychuk (350designs.com)
- Filename: editor.css
-
- Stylesheet Structure:
- - Tags
- - Classes
- - IDs
- - Primary Navigation
- - Secondary Navigation
- - Footer
- - Page Specific
- - Front Page
- - Banner Images
- - Role Specific
- */
-
- /**
- * Toolbars
- */
- .editor-toolbar {
- padding: 0 5px;
- height: 25px;
- border-left: 1px solid #99bbe8;
- border-right: 1px solid #abc7ec;
- background: #d2e1f4 url(images/tile-blue.gif) top left repeat-x;
- }
-
- /**
- * Options
- */
- .editor-options {
- margin: 2px 0;
- padding: 5px 15px;
- border-left: 1px solid #e9e9e9;
- border-right: 1px solid #e9e9e9;
- background: #fff url(images/tile-white.gif) top left repeat-x;
- }
-
- /**
- * Preview
- */
- .editor-preview {
- margin: 2px 0;
- padding: 5px;
- height: 200px;
- overflow: auto;
- border: 1px solid #ccc;
- border-right-color: #eee;
- border-bottom-color: #eee;
- background: #fff;
- }
- .editor-preview a {
- outline: none;
- }
-
- /**
- * Types
- */
- .editor-plugin,
- .editor-spacer {
- display: block;
- float: left;
- margin: 2px;
- }
- .editor-spacer {
- margin: 5px;
- width: 0;
- height: 15px;
- border-left: 1px solid #aaccf6;
- border-right: 1px solid #eee;
- }
- .editor-plugin.hover,
- .editor-plugin:hover {
- background-color: #d4e2f4;
- }
- .editor-plugin.active,
- .editor-plugin:active {
- background-color: #d4e2f4;
- }
- .editor-button {
- width: 20px;
- height: 20px;
- cursor: pointer;
- background: 50% 50% no-repeat;
- }
-
- /**
- * Plugins
- */
- #editor-undo {
- background-image: url(images/undo.png);
- }
- #editor-redo {
- background-image: url(images/redo.png);
- }
- #editor-align_left {
- background-image: url(images/text_align_left.png);
- }
- #editor-align_center {
- background-image: url(images/text_align_center.png);
- }
- #editor-align_right {
- background-image: url(images/text_align_right.png);
- }
- #editor-align_justify {
- background-image: url(images/text_align_justify.png);
- }
- #editor-link {
- background-image: url(images/link.png);
- }
- #editor-mailto {
- background-image: url(images/email_link.png);
- }
- #editor-bold {
- background-image: url(images/text_bold.png);
- }
- #editor-italic {
- background-image: url(images/text_italic.png);
- }
- #editor-code {
- background-image: url(images/page_code.png);
- }
- #editor-image {
- background-image: url(images/camera.png);
- }
- #editor-html {
- background-image: url(images/html.png);
- }
- #editor-list_numeric {
- background-image: url(images/text_list_numbers.png);
- }
- #editor-list_bullet {
- background-image: url(images/text_list_bullets.png);
- }
- #editor-remove_format {
- background-image: url(images/remove_format.png);
- }