mirror of
https://github.com/moodle/moodle.git
synced 2025-08-10 19:36:41 +02:00
MDL-16784 Adding YUI 2.6.0
This commit is contained in:
parent
fa10a85e87
commit
36af3d4cdf
378 changed files with 263821 additions and 1 deletions
270
lib/yui/editor/README
Executable file
270
lib/yui/editor/README
Executable file
|
@ -0,0 +1,270 @@
|
|||
**** version 2.6.0 ***
|
||||
|
||||
* Widget promoted to GA - beta flag removed from all files.
|
||||
|
||||
* Firefox
|
||||
* 1776202 - FF:rich text formatting (italize) lost when color is selected in RTE
|
||||
* 1886390 - [SF 1946017] Unable to delete text when editor opens (Firefox)
|
||||
* 2030281 - [SF 2002911] Problem with Header styling in Firefox
|
||||
* 1765001 - [SF 1899196] Firefox button Inconsistencies
|
||||
|
||||
* Internet Explorer
|
||||
* 1842631 - [SF 1869619] Image Modification Dialog
|
||||
* 2006122 - [SF 1995892] set('disabled',false) cause IE6 error
|
||||
* 2092598 - [SF 2021359] IE7: dbl click image doesn't show settings dialog
|
||||
* 2093275 - [SF 2026296] Auto Adjusting height bug in IE
|
||||
* 2093325 - [SF 2025092] IE7:allowNoEdit turned on period '.' doesn't work
|
||||
* 2099035 - [SF 2027048] keyDown event does not fire in IE after enabling editor
|
||||
* 2189912 - [SF 2093253] Editor used in HTTPS page will provoke Security warning
|
||||
* 1655240 - [SF 1851177] Text Align not working correctly in IE
|
||||
* 1984727 - [SF 1986820] Clicking bulleted list before typing creates empty <li> IE7
|
||||
* 2108127 - [SF 2027073] IE7: editor list items misaligned
|
||||
* 1918222 - [SF 1956586] Fontsize is not updating when nodechange in IE
|
||||
|
||||
* Safari
|
||||
* 1972354 - [SF 1978372] Safari/IE list creation quirk
|
||||
* 1972367 - [SF 1978350] Safari 3.1 issue with lists
|
||||
|
||||
* All
|
||||
* 1508375 - [SF 1791252, 1964709] Have Undo, Redo functions in Editor
|
||||
* 1839296 - [SF 1926238] Editor adds extra </li> tag at the end of a list
|
||||
* 1844215 - [SF 1928426] filter_invalid_lists
|
||||
* 1844258 - [SF 1923255] Give descriptive error when container isn't textarea
|
||||
* 1851344 - [SF 1931768] Relative links automatically converted to absolute links.
|
||||
* 1870106 - Add a strikethrough/blockquote buttons for the Rich Text Editor
|
||||
* 1886339 - [SF 1946874] Double clicking in the editor sets "editorDirty" false
|
||||
* 1892984 - [SF 1919826] Regex matches both <b> and <button>
|
||||
* 1901545 - Rich Text Editor - Link menu's url encoding "&" to "&"
|
||||
* 1908178 - [SF 1954228] Deleting 1+ button from buttonType:advanced fails
|
||||
* 1926462 - html encoded characters are unencoded
|
||||
* 1964404 - [SF 1975463] Editor.destroy() doesn't destroy editor windows
|
||||
* 1984734 - [SF 1986184] error on _formButtonClicked log message
|
||||
* 2030229 - [SF 2003080] Various widths affect toolbar layout
|
||||
* 2138168 - [SF 2048035] autoHeight will cause dialog panels to be misaligned
|
||||
* 2166952 - [SF 2065060] Tab & shift-tab should move focus from the editor
|
||||
* 2178829 - [SF 2077747] Simple editor losing its format when font color changes
|
||||
* 2015947 - [SF 1998524] Alignment Code doesn't generate
|
||||
* 2118761 - [SF 2035187] Custom Editor body CSS only applies to visited links
|
||||
* 2118723 - [SF 2034544] Image Options Dialog Box needs fixing
|
||||
* 2036613 - [SF 2007145] Removing underline not working in IE6/7, FF3
|
||||
* 2065013 - [SF 2015601] Text in some controls is not vertically centered
|
||||
* 1918278 - [SF 1955931] font color (background color) doesn't work properly
|
||||
* 1972427 - [SF 1954095] Bulleting
|
||||
* 1839224 - [SF 1925337] editor indent/outdent inconsistent behavior
|
||||
* 2006092 - [SF 1996074] Indent changes the font to Arial
|
||||
* 206493 - Handle Submit Failing
|
||||
|
||||
|
||||
**** version 2.5.2 ***
|
||||
* Firefox 3
|
||||
* 1898002 - Fixed tabbing issues
|
||||
|
||||
* Internet Explorer
|
||||
* 1898002 - Fixed tabbing issues
|
||||
* 1824259 - [SF 1918308] Rich Text Editor: colouring a word colours the sentence
|
||||
|
||||
* All
|
||||
* 1847813 - [SF 1930871] RTE doesn't load if handleSubmit: false explicitly defined
|
||||
* 1841312 - In the RTE image menu the label for "link Url" and "image URL" aren't the same
|
||||
* Color picker stays active when loses focus (Basic Buttons)
|
||||
* Fixed CSS for toolbar seperators to allow for the groups to float better.
|
||||
|
||||
**** version 2.5.1 ***
|
||||
|
||||
* Adobe AIR Support
|
||||
* 1763867 - Adobe AIR: iFrame document open
|
||||
* 1763869 - Adobe AIR: Blank Image insertion fails
|
||||
* 1763872 - Adobe AIR: Setting font-family fails
|
||||
* 1763880 - Adobe AIR: Image Editor should show copy/paste note
|
||||
|
||||
* Internet Explorer
|
||||
* 1556954 - [SF 1816784 ] tabbing troubles...
|
||||
* 1776579 - [SF 1873881 ] IE Bulleting Behavior
|
||||
|
||||
* Safari
|
||||
* 1775802 - [SF 1899803] Links in safari are treated as regular links...
|
||||
* 1777918 - [SF 1898878 ] Safari uses <span> instead of <strong> tags...
|
||||
|
||||
* All
|
||||
* 1776107 - ToolbarButton doesn't have a destroy method
|
||||
* 1776117 - Editor Accessibility Enhancements
|
||||
* 1776539 - [SF 1874009 ] Greedy Regex in RTE Eats embed and other tags
|
||||
* 1777925 - [SF 1878976 ] Regex matches both <i> and <iframe>
|
||||
* 1764038 - [SF 1898886 ] Problem with handleSubmit after move to 2.5.0
|
||||
* 1693686 - [SF 1869619] Image Modification Dialog
|
||||
|
||||
|
||||
**** version 2.5.0 ***
|
||||
|
||||
*Examples:
|
||||
1. [1687273] - [SF 1861119 ] Flickr Example code is incorrect
|
||||
|
||||
*Config
|
||||
1. [1556954] - [SF 1816784 ] tabbing troubles...
|
||||
Added a new config option called plainText. (See API docs for more information)
|
||||
2. Removed the requirement for a textarea. If you pass the config as the first argument to the constructor
|
||||
the Editor will create the textarea for you.
|
||||
|
||||
*Internet Explorer
|
||||
1. [1515145] - [SF 1807057 ] RTE _setDesignMode reloads page content
|
||||
2. [1687267] - [SF 1861514 ] editorContentLoaded fires early in IE6/7
|
||||
3. [1687244] - [SF 1866217 ] Editor in frameset causes "unspecified error" in IE6
|
||||
4. [1687278] - [SF 1859031 ] Change Font Color on IE
|
||||
5. [1687283] - [SF 1857798 ] IE7 RTE HTTPS problem
|
||||
6. [1687316] - [SF 1854657 ] IE bullet/number strange behaviour
|
||||
|
||||
*All
|
||||
1. [1687258] - [SF 1862824 ] Problem with <script> tags in editor content
|
||||
2. [1687292] - [SF 1857235 ] cleanHTML function stripping closing tags
|
||||
3. [1687322] - [SF 1849730 ] Multiple Editors' toolbars conflict
|
||||
4. [1688270] - [SF 1867927] Editor dynamic height adjust
|
||||
5. [1693656] - [SF 1870215] handleSubmit hijacks the value of the submit button
|
||||
6. [1693686] - [SF 1869619] Image Modification Dialog
|
||||
7. [1693719] - [SF 1850814] Editor produces faulty code
|
||||
|
||||
|
||||
**** version 2.4.0 ***
|
||||
|
||||
* Performance enhancements and bug fixes.
|
||||
* Created a new base class called SimpleEditor. Editor now extends SimpleEditor
|
||||
* Created 2 new Toolbar Buttons
|
||||
YAHOO.widget.ToolbarButton - No requirement for Button or Menu
|
||||
YAHOO.widget.ToolbarButtonAdvanced - Still Required Button and Menu
|
||||
|
||||
*All
|
||||
1. [1423860] - [SF 1774823] Change text size removes selection highlight
|
||||
2. [1487601] - [SF 1796897] Font size issue
|
||||
3. [1508412] - [SF 1799379] setEditorHTML strips title attribute
|
||||
4. [1528759] - [SF 1810162] [example] Link Options Window appears behind the editor
|
||||
Added a config option "limitCommands" when set to true, the editor will not execute a command that is not bound to a button.
|
||||
|
||||
5. [1544149] - [SF 1808154] add non-editable snippets to YUI-RTE
|
||||
Added a config option "allowNoEdit", when set to true the "_isNonEditalble method is called at the beginning of all event handlers to check if this element or
|
||||
a parent element has the class yui-noedit (this.CLASS_NOEDIT) applied. If it does, then this method will stop the event and return true. The event handlers
|
||||
will then return false and stop the nodeChange from occurring. This method will also disable and enable the Editor's toolbar based on the noedit state.
|
||||
|
||||
6. [1544160] - [SF 1808102] Keep the content of invalidHTML
|
||||
If you set the value of a key in this.invalidHTML to "{ keepContents: true }", then the element will be replaced with a yui-non span to be filtered out when
|
||||
cleanHTML is called. The only tag that is ignored here is the span tag as it will force the Editor into a loop and freeze the browser. However, all of
|
||||
these tags will be removed in the cleanHTML routine
|
||||
|
||||
7. [1560982] - [SF 1818681] RTE converts input tags to emnput
|
||||
8. [1508390] - [SF 1787357] Split into separate modules
|
||||
Split the Editor into Editor and SimpleEditor. Also split out the execCommand support into several methods for easier overriding and extending.
|
||||
|
||||
9. [1508403] - [SF 1779516] Dirty flag for editor
|
||||
You can now check the editorDirty property on the Editor instance. It will be default false and be set to true when something important happens.
|
||||
You will need to manually change it back to false when you check it.
|
||||
|
||||
*Internet Explorer
|
||||
1. [1508413] - [SF 1804028, 1810362] Omission of DocType at top of page
|
||||
It appears that Internet Explorer doesn't like the page containing the Editor to not have a doctype if the page inside the editor does.
|
||||
The Editor will now check for compatMode and if it is not in standards mode, it will omit the doctype from the editable area.
|
||||
|
||||
2. [1528733] - [SF 1808818] IE6 reports security violation on secure pages
|
||||
3. [1528766] - [SF 1810362] Will Not Work Without DTD header
|
||||
4. [1496536] - yui editor indentation problem
|
||||
5. [1465375] - [SF 1789702] RTE Image insertion creates timer error
|
||||
|
||||
*Firefox
|
||||
1. [1492573] - Can not get focus on edit box in FF 1.5 on FreeBSD
|
||||
|
||||
**** version 2.3.1 ***
|
||||
|
||||
* Performance enhancements and bug fixes.
|
||||
|
||||
*All
|
||||
1. [1406169] - Fixed Toolbar performance issues
|
||||
2. [1406176] - You can now set the height and width of the editor after it has been rendered
|
||||
3. [1413456] - Group Labels can now be turned off after the editor has been rendered
|
||||
4. [1413750] - Editor now supports delayed render (script block above the textarea markup)
|
||||
5. [1416349] - cleanHTML now supports markup config options better (added xhtml option)
|
||||
6. [1422334] - Added a link field to the image property editor
|
||||
7. [1425540] - [SF 1775187] Fixed adding a link to an LI
|
||||
8. [1406370] - [SF 1767246 ] Using Back button causes breaking behavior. Fixed.
|
||||
9. [1435809] - Base href config fails when on a page with a port number. Fixed.
|
||||
|
||||
*Safari
|
||||
1. [1390926] - Fixed Safari handleSubmit issue
|
||||
2. [1433563] - Editor becomes unstable when rendered inside an element set to display: none (added show() method)
|
||||
|
||||
*Opera
|
||||
1. [1396921] - Fixed clicking the Toolbar while typing loses insertion point
|
||||
2. [1406700] - [SF 1767251] Background color can not be overridden in Opera.. Fixed.
|
||||
|
||||
*Gecko
|
||||
1. [1411911] - [SF 1769657] RTE looks strange on Firefox when base.css - Fixed style collisions
|
||||
2. [1433563] - Editor becomes unstable when rendered inside an element set to display: none (added show() method)
|
||||
|
||||
*Internet Explorer
|
||||
1. [1396921] - Fixed clicking the Toolbar while typing loses insertion point
|
||||
|
||||
|
||||
**** version 2.3.0 ***
|
||||
|
||||
* Beta release.
|
||||
|
||||
* Known Issues
|
||||
* All
|
||||
1. Removed the menu for Create Ordered Lists, it now defaults to creating a simple OL with no type.
|
||||
|
||||
* Safari
|
||||
1. Bug #1390926 - Safari may not inject the editor's HTML into the text area when the config handleSubmit is set to true.
|
||||
You can get around this with the following code (where comment is the id of the textarea):
|
||||
YAHOO.util.Dom.setStyle('comment', 'visibility', 'hidden');
|
||||
YAHOO.util.Dom.setStyle('comment', 'position', 'absolute');
|
||||
YAHOO.util.Dom.setStyle('comment', 'display', 'block');
|
||||
oEditor.saveHTML();
|
||||
window.setTimeout(function() {
|
||||
YAHOO.util.Dom.get('comment').form.submit();
|
||||
}, 200);
|
||||
|
||||
This issue will be fixed in a later release..
|
||||
2. Unable to get the cursor position inside the editable area.
|
||||
What this means is that when an image/object is inserted into the document
|
||||
we have no way of knowing "exactly" where to put it. So we make an educated guess.
|
||||
If they user clicked on an "element" (HTML Element) in the editor, then we will place
|
||||
the newly inserted element directly after it in the DOM. If there was no element clicked
|
||||
We will append the new element to the body.
|
||||
|
||||
3. Ordered/Unorder Lists are not support natively. So we have built a work around for this.
|
||||
Most browsers will allow you to select a block of text and create a list out of it "automagically"
|
||||
by inserting an LI around blocks that are separated by line breaks, BRs or Ps. In Safari, the
|
||||
entire text block will be turned into the first LI of the list. The user can then place the cursor
|
||||
at the beginning of each line, and backspace, then hit enter to create the new list item. There are some
|
||||
use cases that this might fail.
|
||||
|
||||
4. Dragging and dropping of selections and images/objects is not supported.
|
||||
Safari will do some weird things if the text in the editable area is selected and dragged and dropped.
|
||||
We prevent this from happening to images inside of the editable area, but we can not prevent it for text.
|
||||
Safari will also give unexpected results if text from another Safari window in selected, then dragged
|
||||
into the editable area.
|
||||
|
||||
* Opera
|
||||
1. Placing the cursor in the editor, then Shift Clicking to highlight will not work. The limitation appear to be in Opera.
|
||||
|
||||
2. Image resize is unavailable, due to limitations in the browser
|
||||
|
||||
3. Shortcut keys are not supported in this release.
|
||||
|
||||
4. Dragging and dropping of selections and images/objects is not supported.
|
||||
|
||||
5. Hitting the back button on the page will not reload the iframe.
|
||||
|
||||
6. Selecting the editable area, then hitting the shortcut keys for "Reload" will
|
||||
cause the current page to be displayed inside the editable area.
|
||||
|
||||
|
||||
**** version 2.3.0 Peview Release Notes ***
|
||||
|
||||
* The only server side resource required to run the editor, is the blankimage file.
|
||||
The blankimage file is the temporary image loaded into the editor when you click the
|
||||
"Insert Image" button in the toolbar.
|
||||
|
||||
This can be set using:
|
||||
|
||||
var myEditor = new YAHOO.widget.Editor('test', {
|
||||
blankimage: 'MY_IMAGE_PATH'
|
||||
});
|
||||
|
||||
* There is a performance issue with Safari on a G4 computer. We will be working to get this resolved before the initial beta release.
|
573
lib/yui/editor/assets/editor-core.css
Executable file
573
lib/yui/editor/assets/editor-core.css
Executable file
|
@ -0,0 +1,573 @@
|
|||
/*
|
||||
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 2.6.0
|
||||
*/
|
||||
/* Set the cursor to busy when we are doing something */
|
||||
.yui-busy {
|
||||
cursor: wait !important;
|
||||
}
|
||||
.yui-toolbar-container fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
.yui-toolbar-container legend {
|
||||
display: none;
|
||||
}
|
||||
/* Setup the container with some padding and zoom it for IE's hasLayout */
|
||||
.yui-toolbar-container .yui-toolbar-subcont {
|
||||
padding: .25em 0;
|
||||
zoom: 1;
|
||||
}
|
||||
/* When collapsed set the toolbars container to display none */
|
||||
.yui-toolbar-container-collapsed .yui-toolbar-subcont {
|
||||
display: none;
|
||||
}
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-container .yui-toolbar-subcont:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
|
||||
/* Drag handle for the toolbar's draggable property */
|
||||
.yui-toolbar-container span.yui-toolbar-draghandle {
|
||||
cursor: move;
|
||||
border-left: 1px solid #999;
|
||||
border-right: 1px solid #999;
|
||||
overflow: hidden;
|
||||
text-indent: 77777px;
|
||||
width: 2px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
clear: none;
|
||||
float: left;
|
||||
margin: 0 0 0 .2em;
|
||||
}
|
||||
/* If the titlebar is draggable, the set the cursor */
|
||||
.yui-toolbar-container .yui-toolbar-titlebar.draggable {
|
||||
cursor: move;
|
||||
}
|
||||
/* Set the titlebar to relative so we can position the collapse button */
|
||||
.yui-toolbar-container .yui-toolbar-titlebar {
|
||||
position: relative;
|
||||
}
|
||||
/* Toolbar's titlebar styles */
|
||||
.yui-toolbar-container .yui-toolbar-titlebar h2 {
|
||||
font-weight: bold;
|
||||
letter-spacing: 0;
|
||||
border: none;
|
||||
color: #000;
|
||||
margin: 0;
|
||||
padding: .2em;
|
||||
}
|
||||
.yui-toolbar-container .yui-toolbar-titlebar h2 a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
}
|
||||
/* If the toolbar is grouped the draghandle needs to be bigger */
|
||||
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
/* Float the groups so they position nicely and zoom them for IE */
|
||||
.yui-toolbar-container .yui-toolbar-group {
|
||||
float: left;
|
||||
margin-right: .5em;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-container .yui-toolbar-group:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
/* Grouped title styles */
|
||||
.yui-toolbar-container .yui-toolbar-group h3 {
|
||||
font-size: 75%;
|
||||
padding: 0 0 0 .25em;
|
||||
margin: 0;
|
||||
}
|
||||
/* Style the separators with a left border */
|
||||
.yui-toolbar-container span.yui-toolbar-separator {
|
||||
width: 2px;
|
||||
padding: 0;
|
||||
height: 18px;
|
||||
margin: .2em 0 .2em .1em;
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
}
|
||||
/* Set the height of a grouped separator to a little bit bigger */
|
||||
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator {
|
||||
height: 45px;
|
||||
*height: 50px;
|
||||
}
|
||||
|
||||
/* Reset the height of a separator inside of a group */
|
||||
.yui-toolbar-container.yui-toolbar-grouped .yui-toolbar-group span.yui-toolbar-separator {
|
||||
height: 18px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Kill the default styles of the list */
|
||||
.yui-toolbar-container ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
/* Hide the group labels when the .yui-toolbar-nogrouplabels class is applied */
|
||||
.yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Setup the default style of a button in the toolbar */
|
||||
.yui-toolbar-container .yui-push-button,
|
||||
.yui-toolbar-container .yui-color-button,
|
||||
.yui-toolbar-container .yui-menu-button {
|
||||
/*.yui-toolbar-container .yui-button {*/
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* setup the default style of the A inside of the toolbar button */
|
||||
.yui-toolbar-container .yui-button .first-child, .yui-toolbar-container .yui-button .first-child a {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
/* Setup the disabled state of a button */
|
||||
.yui-toolbar-container .yui-button-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
/* Disable the icon too */
|
||||
.yui-toolbar-container .yui-button-disabled .yui-toolbar-icon {
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
/*Disabled Spin button arrows*/
|
||||
.yui-toolbar-container .yui-button-disabled .up,
|
||||
.yui-toolbar-container .yui-button-disabled .down {
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
/* remove any padding from the A */
|
||||
.yui-toolbar-container .yui-button a {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Override the default Button style for select menu*/
|
||||
.yui-toolbar-container .yui-toolbar-select .first-child a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Font Family Menu Style - This styles the menu items and the selected menu item */
|
||||
.yui-toolbar-fontname-arial { font-family: Arial; }
|
||||
.yui-toolbar-fontname-arial-black { font-family: Arial Black; }
|
||||
.yui-toolbar-fontname-comic-sans-ms { font-family: Comic Sans MS; }
|
||||
.yui-toolbar-fontname-courier-new { font-family: Courier New; }
|
||||
.yui-toolbar-fontname-times-new-roman { font-family: Times New Roman; }
|
||||
.yui-toolbar-fontname-verdana { font-family: Verdana; }
|
||||
.yui-toolbar-fontname-impact { font-family: Impact; }
|
||||
.yui-toolbar-fontname-lucida-console { font-family: Lucida Console; }
|
||||
.yui-toolbar-fontname-tahoma { font-family: Tahoma; }
|
||||
.yui-toolbar-fontname-trebuchet-ms { font-family: Trebuchet MS; }
|
||||
|
||||
/* Spin Button */
|
||||
.yui-toolbar-container .yui-toolbar-spinbutton {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Setup the default style for the A */
|
||||
.yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
|
||||
z-index: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Setup the position and style for the up and down arrows */
|
||||
.yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {
|
||||
position: absolute;
|
||||
display: block
|
||||
right: 0;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
/* Position all panels/overlays as absolute by default */
|
||||
.yui-toolbar-container .yui-overlay {
|
||||
position: absolute;
|
||||
}
|
||||
/* Smash the default style for lists */
|
||||
.yui-toolbar-container .yui-overlay ul li {
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* Reset the z-index of the toolbar container so that menu's appear over the iframe in IE and Safari */
|
||||
.yui-toolbar-container {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* The div around the iFrame */
|
||||
.yui-editor-container .yui-editor-editable-container {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
width: 100%;
|
||||
}
|
||||
/* The disbled state of the Editor */
|
||||
.yui-editor-container .yui-editor-masked {
|
||||
background-color: #CCC;
|
||||
}
|
||||
/* Style the editable iframe to hide it */
|
||||
.yui-editor-container iframe {
|
||||
border: 0px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
zoom: 1;
|
||||
display: block;
|
||||
}
|
||||
/* Reset some padding on the editable iframes container */
|
||||
.yui-editor-container .yui-editor-editable {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
/* Style the dom path box at the bottom of the editor */
|
||||
.yui-editor-container .dompath {
|
||||
font-size: 85%;
|
||||
}
|
||||
/* Header styles for the Property Editor */
|
||||
.yui-editor-panel .hd {
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
/* Setup some padding around the h3 */
|
||||
.yui-editor-panel .hd h3 {
|
||||
font-weight: bold;
|
||||
padding: 0.25em 0pt 0.25em 0.25em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* set it to relative so we can position the close button - Zoom it for IE */
|
||||
.yui-editor-panel .bd {
|
||||
width: 100%;
|
||||
zoom: 1;
|
||||
position: relative;
|
||||
}
|
||||
/* Setup some padding for the body container - Zoom it for IE */
|
||||
.yui-editor-panel .bd div.yui-editor-body-cont {
|
||||
padding: .25em .1em;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Get the caret back in Geckp */
|
||||
.yui-editor-panel .bd .gecko form {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-editor-panel .bd div.yui-editor-body-cont:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
|
||||
/* style the footer of the property editor */
|
||||
.yui-editor-panel .ft {
|
||||
text-align: right;
|
||||
width: 99%;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Style the "tip" icon */
|
||||
.yui-editor-panel .ft span.tip {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: .5em .5em .5em 23px;
|
||||
text-align:left;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
|
||||
/* setup some form fields */
|
||||
.yui-editor-panel label {
|
||||
clear: both;
|
||||
float: left;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
zoom: 1;
|
||||
}
|
||||
/* This fixes the caret issue in Firefox */
|
||||
.yui-editor-panel .gecko label {
|
||||
overflow: auto;
|
||||
}
|
||||
/* more form fields */
|
||||
.yui-editor-panel label strong {
|
||||
float: left;
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
/* The remove link in the Link Property Editor */
|
||||
.yui-editor-panel .removeLink {
|
||||
width: 80%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* More form styling */
|
||||
.yui-editor-panel label input {
|
||||
margin-left: .25em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.yui-editor-panel .yui-toolbar-group {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
|
||||
/* Image Padding in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-group-padding {
|
||||
}
|
||||
|
||||
/* Image Border in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-group-border {
|
||||
}
|
||||
|
||||
/* Image Text Flow in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-group-textflow {
|
||||
}
|
||||
|
||||
/* Image Height/Width in the Property Editor */
|
||||
.yui-editor-panel .height-width {
|
||||
float: left;
|
||||
}
|
||||
/* Image Height/Width title */
|
||||
.yui-editor-panel .height-width h3 {
|
||||
}
|
||||
/* Image Height/Width container */
|
||||
.yui-editor-panel .height-width span {
|
||||
font-style: italic;
|
||||
display: block;
|
||||
float: left;
|
||||
overflow: visible;
|
||||
}
|
||||
/* Image Height/Width original info container */
|
||||
.yui-editor-panel .height-width span.info {
|
||||
font-size: 70%;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* Border Size/Type button widths */
|
||||
.yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
/* Kill the separators in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Border Type solid */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span,
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span {
|
||||
display: block;
|
||||
height: 8px;
|
||||
left: 4px;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
_top: -5px;
|
||||
width: 24px;
|
||||
text-indent: 52px;
|
||||
font-size: 0%;
|
||||
}
|
||||
/* Border Type solid */
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
/* Border Type dotted */
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted {
|
||||
border-bottom: 1px dotted black;
|
||||
}
|
||||
/* Border Type dashed */
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed {
|
||||
border-bottom: 1px dashed black;
|
||||
}
|
||||
/* Border Size 0 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 {
|
||||
*top: 0px;
|
||||
text-indent: 0px;
|
||||
font-size: 75%;
|
||||
}
|
||||
/* Border Size 1 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
/* Border Size 2 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 {
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
/* Border Size 3 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 {
|
||||
top: 2px;
|
||||
*top: -5px;
|
||||
border-bottom: 3px solid black;
|
||||
}
|
||||
/* Border Size 4 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 {
|
||||
top: 1px;
|
||||
*top: -5px;
|
||||
border-bottom: 4px solid black;
|
||||
}
|
||||
/* Border Size 5 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 {
|
||||
top: 1px;
|
||||
*top: -5px;
|
||||
border-bottom: 5px solid black;
|
||||
}
|
||||
|
||||
/* Border Size menu size */
|
||||
.yui-toolbar-container .yui-toolbar-bordersize-menu,
|
||||
.yui-toolbar-container .yui-toolbar-bordertype-menu {
|
||||
width: 95px !important;
|
||||
}
|
||||
/* Border Size menu styles */
|
||||
.yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel,
|
||||
.yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel:hover {
|
||||
margin:0px 3px 7px 17px;
|
||||
}
|
||||
/* Border Size menu styles - Checked */
|
||||
.yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator {
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
*top: 14px;
|
||||
*left: 0px;
|
||||
}
|
||||
|
||||
/* Border Size 1 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a {
|
||||
border-bottom: 1px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 2 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a {
|
||||
border-bottom: 2px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 3 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a {
|
||||
border-bottom: 3px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 4 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a {
|
||||
border-bottom: 4px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 5 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a {
|
||||
border-bottom: 5px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
|
||||
/* Border Type Solid - Menu Item */
|
||||
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a {
|
||||
border-bottom: 1px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Type Dashed - Menu Item */
|
||||
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a {
|
||||
border-bottom: 1px dashed black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Type Dotted - Menu Item */
|
||||
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a {
|
||||
border-bottom: 1px dotted black;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
/* Hidden Headers for Accessibility */
|
||||
h2.yui-editor-skipheader, h3.yui-editor-skipheader {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Setup the default look of a color menu and Zoom it for IE */
|
||||
.yui-toolbar-colors {
|
||||
width: 133px;
|
||||
zoom: 1;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-colors:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
/* Style all of the A's so the float properly */
|
||||
.yui-toolbar-colors a {
|
||||
height: 9px;
|
||||
width: 9px;
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-indent: 999px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
border: 1px solid #F6F7EE;
|
||||
}
|
||||
/* Put a little border around one that is hovered over */
|
||||
.yui-toolbar-colors a:hover {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
/* Smash the inhertited Menu style */
|
||||
.yui-color-button-menu {
|
||||
overflow: visible;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* This is the preview box at the bottom of the menu - Zoom it for IE */
|
||||
.yui-toolbar-colors span {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 3px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 100%;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-colors span:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
|
||||
/* This is the box with the color preview in it */
|
||||
.yui-toolbar-colors span em {
|
||||
height: 35px;
|
||||
width: 30px;
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-indent: 999px;
|
||||
margin: 0.75px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
/* The container for the name and hex code */
|
||||
.yui-toolbar-colors span strong {
|
||||
font-weight: normal;
|
||||
padding-left: 3px;
|
||||
display: block;
|
||||
font-size: 85%;
|
||||
float: left;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
|
||||
.yui-toolbar-group-undoredo h3,
|
||||
.yui-toolbar-group-insertitem h3,
|
||||
.yui-toolbar-group-indentlist h3 {
|
||||
width: 68px;
|
||||
}
|
||||
.yui-toolbar-group-indentlist2 h3 {
|
||||
width: 122px;
|
||||
}
|
||||
.yui-toolbar-group-alignment h3 {
|
||||
width: 130px;
|
||||
}
|
||||
|
573
lib/yui/editor/assets/simpleeditor-core.css
Normal file
573
lib/yui/editor/assets/simpleeditor-core.css
Normal file
|
@ -0,0 +1,573 @@
|
|||
/*
|
||||
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 2.6.0
|
||||
*/
|
||||
/* Set the cursor to busy when we are doing something */
|
||||
.yui-busy {
|
||||
cursor: wait !important;
|
||||
}
|
||||
.yui-toolbar-container fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
.yui-toolbar-container legend {
|
||||
display: none;
|
||||
}
|
||||
/* Setup the container with some padding and zoom it for IE's hasLayout */
|
||||
.yui-toolbar-container .yui-toolbar-subcont {
|
||||
padding: .25em 0;
|
||||
zoom: 1;
|
||||
}
|
||||
/* When collapsed set the toolbars container to display none */
|
||||
.yui-toolbar-container-collapsed .yui-toolbar-subcont {
|
||||
display: none;
|
||||
}
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-container .yui-toolbar-subcont:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
|
||||
/* Drag handle for the toolbar's draggable property */
|
||||
.yui-toolbar-container span.yui-toolbar-draghandle {
|
||||
cursor: move;
|
||||
border-left: 1px solid #999;
|
||||
border-right: 1px solid #999;
|
||||
overflow: hidden;
|
||||
text-indent: 77777px;
|
||||
width: 2px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
clear: none;
|
||||
float: left;
|
||||
margin: 0 0 0 .2em;
|
||||
}
|
||||
/* If the titlebar is draggable, the set the cursor */
|
||||
.yui-toolbar-container .yui-toolbar-titlebar.draggable {
|
||||
cursor: move;
|
||||
}
|
||||
/* Set the titlebar to relative so we can position the collapse button */
|
||||
.yui-toolbar-container .yui-toolbar-titlebar {
|
||||
position: relative;
|
||||
}
|
||||
/* Toolbar's titlebar styles */
|
||||
.yui-toolbar-container .yui-toolbar-titlebar h2 {
|
||||
font-weight: bold;
|
||||
letter-spacing: 0;
|
||||
border: none;
|
||||
color: #000;
|
||||
margin: 0;
|
||||
padding: .2em;
|
||||
}
|
||||
.yui-toolbar-container .yui-toolbar-titlebar h2 a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
}
|
||||
/* If the toolbar is grouped the draghandle needs to be bigger */
|
||||
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
/* Float the groups so they position nicely and zoom them for IE */
|
||||
.yui-toolbar-container .yui-toolbar-group {
|
||||
float: left;
|
||||
margin-right: .5em;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-container .yui-toolbar-group:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
/* Grouped title styles */
|
||||
.yui-toolbar-container .yui-toolbar-group h3 {
|
||||
font-size: 75%;
|
||||
padding: 0 0 0 .25em;
|
||||
margin: 0;
|
||||
}
|
||||
/* Style the separators with a left border */
|
||||
.yui-toolbar-container span.yui-toolbar-separator {
|
||||
width: 2px;
|
||||
padding: 0;
|
||||
height: 18px;
|
||||
margin: .2em 0 .2em .1em;
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
}
|
||||
/* Set the height of a grouped separator to a little bit bigger */
|
||||
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator {
|
||||
height: 45px;
|
||||
*height: 50px;
|
||||
}
|
||||
|
||||
/* Reset the height of a separator inside of a group */
|
||||
.yui-toolbar-container.yui-toolbar-grouped .yui-toolbar-group span.yui-toolbar-separator {
|
||||
height: 18px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Kill the default styles of the list */
|
||||
.yui-toolbar-container ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
/* Hide the group labels when the .yui-toolbar-nogrouplabels class is applied */
|
||||
.yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Setup the default style of a button in the toolbar */
|
||||
.yui-toolbar-container .yui-push-button,
|
||||
.yui-toolbar-container .yui-color-button,
|
||||
.yui-toolbar-container .yui-menu-button {
|
||||
/*.yui-toolbar-container .yui-button {*/
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* setup the default style of the A inside of the toolbar button */
|
||||
.yui-toolbar-container .yui-button .first-child, .yui-toolbar-container .yui-button .first-child a {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
/* Setup the disabled state of a button */
|
||||
.yui-toolbar-container .yui-button-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
/* Disable the icon too */
|
||||
.yui-toolbar-container .yui-button-disabled .yui-toolbar-icon {
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
/*Disabled Spin button arrows*/
|
||||
.yui-toolbar-container .yui-button-disabled .up,
|
||||
.yui-toolbar-container .yui-button-disabled .down {
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
/* remove any padding from the A */
|
||||
.yui-toolbar-container .yui-button a {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Override the default Button style for select menu*/
|
||||
.yui-toolbar-container .yui-toolbar-select .first-child a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Font Family Menu Style - This styles the menu items and the selected menu item */
|
||||
.yui-toolbar-fontname-arial { font-family: Arial; }
|
||||
.yui-toolbar-fontname-arial-black { font-family: Arial Black; }
|
||||
.yui-toolbar-fontname-comic-sans-ms { font-family: Comic Sans MS; }
|
||||
.yui-toolbar-fontname-courier-new { font-family: Courier New; }
|
||||
.yui-toolbar-fontname-times-new-roman { font-family: Times New Roman; }
|
||||
.yui-toolbar-fontname-verdana { font-family: Verdana; }
|
||||
.yui-toolbar-fontname-impact { font-family: Impact; }
|
||||
.yui-toolbar-fontname-lucida-console { font-family: Lucida Console; }
|
||||
.yui-toolbar-fontname-tahoma { font-family: Tahoma; }
|
||||
.yui-toolbar-fontname-trebuchet-ms { font-family: Trebuchet MS; }
|
||||
|
||||
/* Spin Button */
|
||||
.yui-toolbar-container .yui-toolbar-spinbutton {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Setup the default style for the A */
|
||||
.yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
|
||||
z-index: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Setup the position and style for the up and down arrows */
|
||||
.yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {
|
||||
position: absolute;
|
||||
display: block
|
||||
right: 0;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
/* Position all panels/overlays as absolute by default */
|
||||
.yui-toolbar-container .yui-overlay {
|
||||
position: absolute;
|
||||
}
|
||||
/* Smash the default style for lists */
|
||||
.yui-toolbar-container .yui-overlay ul li {
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* Reset the z-index of the toolbar container so that menu's appear over the iframe in IE and Safari */
|
||||
.yui-toolbar-container {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* The div around the iFrame */
|
||||
.yui-editor-container .yui-editor-editable-container {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
width: 100%;
|
||||
}
|
||||
/* The disbled state of the Editor */
|
||||
.yui-editor-container .yui-editor-masked {
|
||||
background-color: #CCC;
|
||||
}
|
||||
/* Style the editable iframe to hide it */
|
||||
.yui-editor-container iframe {
|
||||
border: 0px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
zoom: 1;
|
||||
display: block;
|
||||
}
|
||||
/* Reset some padding on the editable iframes container */
|
||||
.yui-editor-container .yui-editor-editable {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
/* Style the dom path box at the bottom of the editor */
|
||||
.yui-editor-container .dompath {
|
||||
font-size: 85%;
|
||||
}
|
||||
/* Header styles for the Property Editor */
|
||||
.yui-editor-panel .hd {
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
/* Setup some padding around the h3 */
|
||||
.yui-editor-panel .hd h3 {
|
||||
font-weight: bold;
|
||||
padding: 0.25em 0pt 0.25em 0.25em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* set it to relative so we can position the close button - Zoom it for IE */
|
||||
.yui-editor-panel .bd {
|
||||
width: 100%;
|
||||
zoom: 1;
|
||||
position: relative;
|
||||
}
|
||||
/* Setup some padding for the body container - Zoom it for IE */
|
||||
.yui-editor-panel .bd div.yui-editor-body-cont {
|
||||
padding: .25em .1em;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Get the caret back in Geckp */
|
||||
.yui-editor-panel .bd .gecko form {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-editor-panel .bd div.yui-editor-body-cont:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
|
||||
/* style the footer of the property editor */
|
||||
.yui-editor-panel .ft {
|
||||
text-align: right;
|
||||
width: 99%;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Style the "tip" icon */
|
||||
.yui-editor-panel .ft span.tip {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: .5em .5em .5em 23px;
|
||||
text-align:left;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
|
||||
/* setup some form fields */
|
||||
.yui-editor-panel label {
|
||||
clear: both;
|
||||
float: left;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
zoom: 1;
|
||||
}
|
||||
/* This fixes the caret issue in Firefox */
|
||||
.yui-editor-panel .gecko label {
|
||||
overflow: auto;
|
||||
}
|
||||
/* more form fields */
|
||||
.yui-editor-panel label strong {
|
||||
float: left;
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
/* The remove link in the Link Property Editor */
|
||||
.yui-editor-panel .removeLink {
|
||||
width: 80%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* More form styling */
|
||||
.yui-editor-panel label input {
|
||||
margin-left: .25em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.yui-editor-panel .yui-toolbar-group {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
|
||||
/* Image Padding in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-group-padding {
|
||||
}
|
||||
|
||||
/* Image Border in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-group-border {
|
||||
}
|
||||
|
||||
/* Image Text Flow in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-group-textflow {
|
||||
}
|
||||
|
||||
/* Image Height/Width in the Property Editor */
|
||||
.yui-editor-panel .height-width {
|
||||
float: left;
|
||||
}
|
||||
/* Image Height/Width title */
|
||||
.yui-editor-panel .height-width h3 {
|
||||
}
|
||||
/* Image Height/Width container */
|
||||
.yui-editor-panel .height-width span {
|
||||
font-style: italic;
|
||||
display: block;
|
||||
float: left;
|
||||
overflow: visible;
|
||||
}
|
||||
/* Image Height/Width original info container */
|
||||
.yui-editor-panel .height-width span.info {
|
||||
font-size: 70%;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* Border Size/Type button widths */
|
||||
.yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
/* Kill the separators in the Property Editor */
|
||||
.yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Border Type solid */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span,
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span {
|
||||
display: block;
|
||||
height: 8px;
|
||||
left: 4px;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
_top: -5px;
|
||||
width: 24px;
|
||||
text-indent: 52px;
|
||||
font-size: 0%;
|
||||
}
|
||||
/* Border Type solid */
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
/* Border Type dotted */
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted {
|
||||
border-bottom: 1px dotted black;
|
||||
}
|
||||
/* Border Type dashed */
|
||||
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed {
|
||||
border-bottom: 1px dashed black;
|
||||
}
|
||||
/* Border Size 0 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 {
|
||||
*top: 0px;
|
||||
text-indent: 0px;
|
||||
font-size: 75%;
|
||||
}
|
||||
/* Border Size 1 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
/* Border Size 2 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 {
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
/* Border Size 3 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 {
|
||||
top: 2px;
|
||||
*top: -5px;
|
||||
border-bottom: 3px solid black;
|
||||
}
|
||||
/* Border Size 4 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 {
|
||||
top: 1px;
|
||||
*top: -5px;
|
||||
border-bottom: 4px solid black;
|
||||
}
|
||||
/* Border Size 5 */
|
||||
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 {
|
||||
top: 1px;
|
||||
*top: -5px;
|
||||
border-bottom: 5px solid black;
|
||||
}
|
||||
|
||||
/* Border Size menu size */
|
||||
.yui-toolbar-container .yui-toolbar-bordersize-menu,
|
||||
.yui-toolbar-container .yui-toolbar-bordertype-menu {
|
||||
width: 95px !important;
|
||||
}
|
||||
/* Border Size menu styles */
|
||||
.yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel,
|
||||
.yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel:hover {
|
||||
margin:0px 3px 7px 17px;
|
||||
}
|
||||
/* Border Size menu styles - Checked */
|
||||
.yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator {
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
*top: 14px;
|
||||
*left: 0px;
|
||||
}
|
||||
|
||||
/* Border Size 1 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a {
|
||||
border-bottom: 1px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 2 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a {
|
||||
border-bottom: 2px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 3 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a {
|
||||
border-bottom: 3px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 4 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a {
|
||||
border-bottom: 4px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Size 5 - Menu Item */
|
||||
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a {
|
||||
border-bottom: 5px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
|
||||
/* Border Type Solid - Menu Item */
|
||||
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a {
|
||||
border-bottom: 1px solid black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Type Dashed - Menu Item */
|
||||
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a {
|
||||
border-bottom: 1px dashed black;
|
||||
height: 14px;
|
||||
}
|
||||
/* Border Type Dotted - Menu Item */
|
||||
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a {
|
||||
border-bottom: 1px dotted black;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
/* Hidden Headers for Accessibility */
|
||||
h2.yui-editor-skipheader, h3.yui-editor-skipheader {
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Setup the default look of a color menu and Zoom it for IE */
|
||||
.yui-toolbar-colors {
|
||||
width: 133px;
|
||||
zoom: 1;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-colors:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
/* Style all of the A's so the float properly */
|
||||
.yui-toolbar-colors a {
|
||||
height: 9px;
|
||||
width: 9px;
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-indent: 999px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
border: 1px solid #F6F7EE;
|
||||
}
|
||||
/* Put a little border around one that is hovered over */
|
||||
.yui-toolbar-colors a:hover {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
/* Smash the inhertited Menu style */
|
||||
.yui-color-button-menu {
|
||||
overflow: visible;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* This is the preview box at the bottom of the menu - Zoom it for IE */
|
||||
.yui-toolbar-colors span {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 3px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 100%;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Setup the :after so that compliant browsers don't loose the bounding box */
|
||||
.yui-toolbar-colors span:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
|
||||
|
||||
/* This is the box with the color preview in it */
|
||||
.yui-toolbar-colors span em {
|
||||
height: 35px;
|
||||
width: 30px;
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-indent: 999px;
|
||||
margin: 0.75px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
/* The container for the name and hex code */
|
||||
.yui-toolbar-colors span strong {
|
||||
font-weight: normal;
|
||||
padding-left: 3px;
|
||||
display: block;
|
||||
font-size: 85%;
|
||||
float: left;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
|
||||
.yui-toolbar-group-undoredo h3,
|
||||
.yui-toolbar-group-insertitem h3,
|
||||
.yui-toolbar-group-indentlist h3 {
|
||||
width: 68px;
|
||||
}
|
||||
.yui-toolbar-group-indentlist2 h3 {
|
||||
width: 122px;
|
||||
}
|
||||
.yui-toolbar-group-alignment h3 {
|
||||
width: 130px;
|
||||
}
|
||||
|
BIN
lib/yui/editor/assets/skins/sam/blankimage.png
Executable file
BIN
lib/yui/editor/assets/skins/sam/blankimage.png
Executable file
Binary file not shown.
After Width: | Height: | Size: 2.3 KiB |
BIN
lib/yui/editor/assets/skins/sam/editor-knob.gif
Executable file
BIN
lib/yui/editor/assets/skins/sam/editor-knob.gif
Executable file
Binary file not shown.
After Width: | Height: | Size: 138 B |
707
lib/yui/editor/assets/skins/sam/editor-skin.css
Executable file
707
lib/yui/editor/assets/skins/sam/editor-skin.css
Executable file
|
@ -0,0 +1,707 @@
|
|||
/*
|
||||
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 2.6.0
|
||||
*/
|
||||
/* Place the border around the editor */
|
||||
.yui-skin-sam .yui-editor-container {
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
/* Color the border of the container */
|
||||
.yui-skin-sam .yui-toolbar-container {
|
||||
zoom: 1;
|
||||
}
|
||||
/* Load the background image on the Toolbars titlebar */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
|
||||
position: relative;
|
||||
}
|
||||
.yui-skin-sam .yui-editor-container .draggable .yui-toolbar-titlebar {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
/* Give the titlebar some color and padding */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar h2 {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0.3em 1em;
|
||||
font-size: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Give the toolbars groups titles some color and padding */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-group h3 {
|
||||
color: #808080;
|
||||
font-size: 75%;
|
||||
margin: 1em 0 0;
|
||||
padding-bottom: 0;
|
||||
padding-left: 0.25em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Hide all of the sepatators borders */
|
||||
.yui-toolbar-container span.yui-toolbar-separator {
|
||||
border: none;
|
||||
text-indent: 33px;
|
||||
overflow: hidden;
|
||||
margin: 0 .25em;
|
||||
}
|
||||
|
||||
/* Background color of the toolbar */
|
||||
.yui-skin-sam .yui-toolbar-container {
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
/* Add some padding to the toolbars sub container */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont {
|
||||
padding: 0 1em 0.35em;
|
||||
border-bottom:1px solid #808080;
|
||||
}
|
||||
/* When the collapsed class is added, add a border to the bottom of the titlebar (since the toolbar itself is display none) */
|
||||
.yui-skin-sam .yui-toolbar-container-collapsed .yui-toolbar-titlebar {
|
||||
border-bottom:1px solid #808080;
|
||||
}
|
||||
|
||||
/* Remove the shadows from the menus in the toolbar - Menu.css override */
|
||||
.yui-skin-sam .yui-editor-container .visible .yui-menu-shadow,
|
||||
.yui-skin-sam .yui-editor-panel .visible .yui-menu-shadow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Remove padding/margin from lists */
|
||||
.yui-skin-sam .yui-editor-container ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* Remove padding/margin from list items */
|
||||
.yui-skin-sam .yui-editor-container ul li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* Float the LI's that wrap the buttons */
|
||||
.yui-skin-sam .yui-toolbar-group ul li.yui-toolbar-groupitem {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Set the color and the border of the dompath container at the bottom of the editor */
|
||||
.yui-skin-sam .yui-editor-container .dompath {
|
||||
background-color: #F2F2F2;
|
||||
border-top:1px solid #808080;
|
||||
color: #999;
|
||||
text-align: left;
|
||||
padding: 0.25em;
|
||||
}
|
||||
|
||||
/* Set the image for the collapse button on the toolbar */
|
||||
.yui-skin-sam .yui-toolbar-container .collapse {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -400px;
|
||||
}
|
||||
/* Position the image and the container */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar span.collapse {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 2px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
text-indent: 9999px;
|
||||
}
|
||||
|
||||
/* Set the default styles for the buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 22px;
|
||||
width: 30px;
|
||||
_font-size: 0;
|
||||
margin: 0;
|
||||
border-color: #808080;
|
||||
color: #f2f2f2;
|
||||
border-style: solid;
|
||||
border-width: 1px 0;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Set the height of the buttons and pad them on the left for the icon */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button a {
|
||||
padding-left: 35px;
|
||||
height: 20px;
|
||||
text-decoration: none;
|
||||
font-size: 0px;
|
||||
line-height: 2;
|
||||
display: block;
|
||||
color: #000;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select a {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* Set the height of the buttons and pad them on the left for the icon */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button .first-child {
|
||||
border-color: #808080;
|
||||
border-style: solid;
|
||||
border-width: 0 1px;
|
||||
margin: 0 -1px;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled .first-child {
|
||||
border-color: #ccc;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled a {
|
||||
color: #A6A6A6;
|
||||
cursor: default;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled {
|
||||
border-color: #ccc;
|
||||
}
|
||||
/* IE needs a little help positioning the first child */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button .first-child {
|
||||
*left: 0px;
|
||||
}
|
||||
|
||||
/* Font Family Drop Down */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-fontname {
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
/* Header Drop Down */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-heading {
|
||||
width: 92px;
|
||||
}
|
||||
|
||||
/* Handle the hover state of the buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-hover {
|
||||
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1300px;
|
||||
border-color: #808080;
|
||||
}
|
||||
|
||||
/* Handle the selected state of the buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-selected {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
|
||||
border-color: #808080;
|
||||
}
|
||||
/* When the nogrouplabels class is applied, set the h3's to display none */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
|
||||
display: none;
|
||||
}
|
||||
/* When not showing the h3 group labels, add some margin to make up for them*/
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group {
|
||||
margin-top: .75em;
|
||||
}
|
||||
|
||||
|
||||
/* Handle the icon placeholder for the buttons
|
||||
This is very important - position of this must be absolute.
|
||||
If it is not positioned absolute, IE will place it over the a in the Toolbar
|
||||
Doing this will cause the editor to loose focus and loose the selection.
|
||||
*/
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button span.yui-toolbar-icon,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button span.yui-toolbar-icon,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
overflow: hidden;
|
||||
background: url(editor-sprite.gif) no-repeat 30px 30px;
|
||||
}
|
||||
|
||||
/* Swap out the image to an active image */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-skin-sam .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon {
|
||||
background-image: url(editor-sprite-active.gif);
|
||||
}
|
||||
/* Change the defaults to make them look more like the editor */
|
||||
.yui-skin-sam .yui-toolbar-container .visible .yuimenuitemlabel {
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
*position: relative;
|
||||
}
|
||||
|
||||
/* Set the background color of all menu containers */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
/* Adding this style to Menu's allows the scrolled menu to work in IE */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled {
|
||||
position: relative;
|
||||
}
|
||||
/* Set the background of all menu items that are selected */
|
||||
.yui-skin-sam div.yuimenu li.selected {
|
||||
background-color: #B3D4FF;
|
||||
}
|
||||
/* Set the color of the hrefs in a selected menu item */
|
||||
.yui-skin-sam div.yuimenu li.selected a.selected {
|
||||
color: #000;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon {
|
||||
background-position: 0 0;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon {
|
||||
background-position: 0 -108px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon {
|
||||
background-position: 0 -36px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon {
|
||||
background-position: 0 -1326px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon {
|
||||
background-position: 0 -1355px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon {
|
||||
background-position: 0 -72px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon {
|
||||
background-position: 0 -180px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon {
|
||||
background-position: 0 -144px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon {
|
||||
background-position: 0 -216px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon {
|
||||
background-position: 0 -288px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon {
|
||||
background-position: 0 -324px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon {
|
||||
background-position: 0 -360px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon {
|
||||
background-position: 0 -396px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon {
|
||||
background-position: 0 -432px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon {
|
||||
background-position: 0 -720px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon {
|
||||
background-position: 0 -684px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon {
|
||||
background-position: 0 -792px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon {
|
||||
background-position: 1px -756px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon {
|
||||
background-position: 0 -972px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon {
|
||||
background-position: 0 -936px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon {
|
||||
background-position: 0 -900px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon {
|
||||
background-position: 0 -864px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon {
|
||||
background-position: 0 -252px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon {
|
||||
background-position: 0 -1080px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon {
|
||||
background-position: 0 -1044px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon {
|
||||
background-position: 0 -468px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon {
|
||||
background-position: 0 -504px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Set the width of the spin buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton .first-child {
|
||||
width: 35px;
|
||||
}
|
||||
/* Pad the first child */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
|
||||
padding-left: 2px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Spin Buttons - Remove the icon holder, they don't need it */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Spin Buttons - Prep the arrows */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
|
||||
right: 2px;
|
||||
background: url(editor-sprite.gif) no-repeat 0 -1222px;
|
||||
overflow: hidden;
|
||||
height: 6px;
|
||||
width: 7px;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* Spin Buttons - The up arrow */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up {
|
||||
top: 2px;
|
||||
background-position: 0 -1222px;
|
||||
}
|
||||
/* Spin Buttons - The down arrow */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
|
||||
bottom: 2px;
|
||||
background-position: 0 -1187px;
|
||||
}
|
||||
/* Handle plain Select Elements */
|
||||
.yui-skin-sam .yui-toolbar-container select {
|
||||
height: 22px;
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
/* Pad and align the Select Menus */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select .first-child a {
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
/* Set the icon of the select menu for the drop down arrow */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon {
|
||||
background: url( editor-sprite.gif ) no-repeat 0 -1144px;
|
||||
overflow: hidden;
|
||||
right: -2px;
|
||||
top: 0px;
|
||||
height: 20px;
|
||||
}
|
||||
/* Fix the color menu background if it's inside a Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .yui-color-button-menu .bd {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
/* Place a border around the color menu */
|
||||
.yui-skin-sam .yui-color-button-menu .yui-toolbar-colors {
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
|
||||
|
||||
/* Property Editor Panel styles */
|
||||
.yui-skin-sam .yui-editor-panel {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Margins on the header of the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .hd {
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
/* Setup the background image on the title bar
|
||||
We are styling the h3 instead if the div so we can make room
|
||||
for the "knob" that floats on the top of the window.
|
||||
*/
|
||||
.yui-skin-sam .yui-editor-panel .hd h3 {
|
||||
color: #000;
|
||||
border: 1px solid #808080;
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
|
||||
width: 99%;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 3px 0 0 0;
|
||||
font-size: 93%;
|
||||
text-indent: 5px;
|
||||
height: 20px;
|
||||
}
|
||||
/* Style the body of the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .bd {
|
||||
background-color: #F2F2F2;
|
||||
border-left: 1px solid #808080;
|
||||
border-right: 1px solid #808080;
|
||||
width: 99%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
/* Remove the padding/margin on lists in the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Remove the padding/margin on list items in the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* IE is havig trouble with our menu sizes here */
|
||||
.yui-skin-sam .yui-editor-panel .yuimenu {
|
||||
/**width: 90px !important;*/
|
||||
}
|
||||
/* Remove the border from the toolbar's container and add some margin to it */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont {
|
||||
padding: 0;
|
||||
border: none;
|
||||
margin-top: 0.35em;
|
||||
}
|
||||
/* Set the width of the bordersize and bordertype menu buttons */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-bordersize, .yui-skin-sam .yui-editor-panel .yui-toolbar-bordertype {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel label {
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 4px 0;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel label strong {
|
||||
font-weight: normal;
|
||||
font-size: 93%;
|
||||
text-align: right;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel label input {
|
||||
width: 75%;
|
||||
}
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel .createlink_target,
|
||||
.yui-skin-sam .yui-editor-panel .insertimage_target {
|
||||
width: auto;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel .removeLink {
|
||||
width: 98%;
|
||||
}
|
||||
/* Color the input yellow if it has the warning class applied */
|
||||
.yui-skin-sam .yui-editor-panel label input.warning {
|
||||
background-color: #FFEE69;
|
||||
}
|
||||
|
||||
/* Style the titles of the toolbar groups */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group h3 {
|
||||
color: #000;
|
||||
float: left;
|
||||
font-weight: normal;
|
||||
font-size: 93%;
|
||||
margin: 5px 0 0 0;
|
||||
padding: 0 3px 0 0;
|
||||
text-align: right;
|
||||
}
|
||||
/* Style the header for the Height and Width boxes */
|
||||
.yui-skin-sam .yui-editor-panel .height-width h3 {
|
||||
margin: 3px 0 0 10px;
|
||||
}
|
||||
/* Style the height and width container */
|
||||
.yui-skin-sam .yui-editor-panel .height-width {
|
||||
margin: 3px 0 0 35px;
|
||||
*margin-left: 14px;
|
||||
width: 42%;
|
||||
*width: 44%;
|
||||
}
|
||||
/* Give the border group a width */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-border {
|
||||
width: 190px;
|
||||
}
|
||||
.yui-skin-sam .yui-editor-panel .no-button .yui-toolbar-group-border {
|
||||
width: 210px;
|
||||
}
|
||||
/* Give the padding group a width */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-padding {
|
||||
width: 203px;
|
||||
_width: 198px;
|
||||
}
|
||||
.yui-skin-sam .yui-editor-panel .no-button .yui-toolbar-group-padding {
|
||||
width: 172px;
|
||||
}
|
||||
/* Fix some margins for the H3's */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-padding h3 {
|
||||
margin-left: 25px;
|
||||
*margin-left: 12px;
|
||||
}
|
||||
/* Image Properties - Text flow container size */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-textflow {
|
||||
width: 182px;
|
||||
}
|
||||
|
||||
/* Remove the background image set in Panel.css */
|
||||
.yui-skin-sam .yui-editor-panel .hd {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Give the footer som color and a border */
|
||||
.yui-skin-sam .yui-editor-panel .ft {
|
||||
background-color: #F2F2F2;
|
||||
border: 1px solid #808080;
|
||||
border-top: none;
|
||||
padding: 0;
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
|
||||
/* Style the close button in the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .hd span.close {
|
||||
background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
height:16px;
|
||||
overflow:hidden;
|
||||
position:absolute;
|
||||
right:5px;
|
||||
text-indent:500px;
|
||||
top:2px;
|
||||
width:26px;
|
||||
}
|
||||
/* Style the tip in the footer */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip {
|
||||
background-color: #EDF5FF;
|
||||
border-top: 1px solid #808080;
|
||||
font-size: 85%;
|
||||
}
|
||||
/* Style the tip in the footer */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip strong {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 2px 8px 0;
|
||||
}
|
||||
|
||||
|
||||
/* Setup the icon for a tip */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip span.icon {
|
||||
background: url( editor-sprite.gif ) no-repeat 0 -1260px;
|
||||
display: block;
|
||||
height: 20px;
|
||||
left: 2px;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
width: 20px;
|
||||
}
|
||||
/* Setup the background image for an info icon */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip span.icon-info {
|
||||
background-position: 2px -1260px;
|
||||
}
|
||||
/* Setup the background image for a warning icon */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip span.icon-warn {
|
||||
background-position: 2px -1296px;
|
||||
}
|
||||
|
||||
/* Handle the knob that floats on top of the panel */
|
||||
.yui-skin-sam .yui-editor-panel .hd span.knob {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 28px;
|
||||
top: -10px;
|
||||
left: 25px;
|
||||
text-indent: 9999px;
|
||||
overflow: hidden;
|
||||
background: url( editor-knob.gif ) no-repeat 0 0;
|
||||
}
|
||||
/* Reset some styles from the editor toolbar, when a toolbar is inside the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-container {
|
||||
float: left;
|
||||
width: 100%;
|
||||
background-image: none;
|
||||
border: none;
|
||||
}
|
||||
/* Reset styles for menu buttons inside the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-container .bd {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* This image is the one used to place the blankimage placeholder into the editor when you click on Insert an Image */
|
||||
.yui-editor-blankimage {
|
||||
background-image: url( blankimage.png );
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-editor-container .yui-resize-handle-br {
|
||||
/* Make the handle a little bigger than the default */
|
||||
height: 11px;
|
||||
width: 11px;
|
||||
/* Resposition the image */
|
||||
background-position: -20px -60px;
|
||||
/* Kill the hover on the handle */
|
||||
background-color: transparent;
|
||||
}
|
BIN
lib/yui/editor/assets/skins/sam/editor-sprite-active.gif
Executable file
BIN
lib/yui/editor/assets/skins/sam/editor-sprite-active.gif
Executable file
Binary file not shown.
After Width: | Height: | Size: 5.5 KiB |
BIN
lib/yui/editor/assets/skins/sam/editor-sprite.gif
Executable file
BIN
lib/yui/editor/assets/skins/sam/editor-sprite.gif
Executable file
Binary file not shown.
After Width: | Height: | Size: 5.6 KiB |
7
lib/yui/editor/assets/skins/sam/editor.css
Executable file
7
lib/yui/editor/assets/skins/sam/editor.css
Executable file
File diff suppressed because one or more lines are too long
707
lib/yui/editor/assets/skins/sam/simpleeditor-skin.css
Normal file
707
lib/yui/editor/assets/skins/sam/simpleeditor-skin.css
Normal file
|
@ -0,0 +1,707 @@
|
|||
/*
|
||||
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 2.6.0
|
||||
*/
|
||||
/* Place the border around the editor */
|
||||
.yui-skin-sam .yui-editor-container {
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
/* Color the border of the container */
|
||||
.yui-skin-sam .yui-toolbar-container {
|
||||
zoom: 1;
|
||||
}
|
||||
/* Load the background image on the Toolbars titlebar */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
|
||||
position: relative;
|
||||
}
|
||||
.yui-skin-sam .yui-editor-container .draggable .yui-toolbar-titlebar {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
/* Give the titlebar some color and padding */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar h2 {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0.3em 1em;
|
||||
font-size: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Give the toolbars groups titles some color and padding */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-group h3 {
|
||||
color: #808080;
|
||||
font-size: 75%;
|
||||
margin: 1em 0 0;
|
||||
padding-bottom: 0;
|
||||
padding-left: 0.25em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Hide all of the sepatators borders */
|
||||
.yui-toolbar-container span.yui-toolbar-separator {
|
||||
border: none;
|
||||
text-indent: 33px;
|
||||
overflow: hidden;
|
||||
margin: 0 .25em;
|
||||
}
|
||||
|
||||
/* Background color of the toolbar */
|
||||
.yui-skin-sam .yui-toolbar-container {
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
/* Add some padding to the toolbars sub container */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont {
|
||||
padding: 0 1em 0.35em;
|
||||
border-bottom:1px solid #808080;
|
||||
}
|
||||
/* When the collapsed class is added, add a border to the bottom of the titlebar (since the toolbar itself is display none) */
|
||||
.yui-skin-sam .yui-toolbar-container-collapsed .yui-toolbar-titlebar {
|
||||
border-bottom:1px solid #808080;
|
||||
}
|
||||
|
||||
/* Remove the shadows from the menus in the toolbar - Menu.css override */
|
||||
.yui-skin-sam .yui-editor-container .visible .yui-menu-shadow,
|
||||
.yui-skin-sam .yui-editor-panel .visible .yui-menu-shadow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Remove padding/margin from lists */
|
||||
.yui-skin-sam .yui-editor-container ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* Remove padding/margin from list items */
|
||||
.yui-skin-sam .yui-editor-container ul li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* Float the LI's that wrap the buttons */
|
||||
.yui-skin-sam .yui-toolbar-group ul li.yui-toolbar-groupitem {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Set the color and the border of the dompath container at the bottom of the editor */
|
||||
.yui-skin-sam .yui-editor-container .dompath {
|
||||
background-color: #F2F2F2;
|
||||
border-top:1px solid #808080;
|
||||
color: #999;
|
||||
text-align: left;
|
||||
padding: 0.25em;
|
||||
}
|
||||
|
||||
/* Set the image for the collapse button on the toolbar */
|
||||
.yui-skin-sam .yui-toolbar-container .collapse {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -400px;
|
||||
}
|
||||
/* Position the image and the container */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar span.collapse {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 2px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
text-indent: 9999px;
|
||||
}
|
||||
|
||||
/* Set the default styles for the buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 22px;
|
||||
width: 30px;
|
||||
_font-size: 0;
|
||||
margin: 0;
|
||||
border-color: #808080;
|
||||
color: #f2f2f2;
|
||||
border-style: solid;
|
||||
border-width: 1px 0;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Set the height of the buttons and pad them on the left for the icon */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button a {
|
||||
padding-left: 35px;
|
||||
height: 20px;
|
||||
text-decoration: none;
|
||||
font-size: 0px;
|
||||
line-height: 2;
|
||||
display: block;
|
||||
color: #000;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select a {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* Set the height of the buttons and pad them on the left for the icon */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button .first-child {
|
||||
border-color: #808080;
|
||||
border-style: solid;
|
||||
border-width: 0 1px;
|
||||
margin: 0 -1px;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled .first-child,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled .first-child {
|
||||
border-color: #ccc;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled a,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled a {
|
||||
color: #A6A6A6;
|
||||
cursor: default;
|
||||
}
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button-disabled,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button-disabled,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled {
|
||||
border-color: #ccc;
|
||||
}
|
||||
/* IE needs a little help positioning the first child */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button .first-child {
|
||||
*left: 0px;
|
||||
}
|
||||
|
||||
/* Font Family Drop Down */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-fontname {
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
/* Header Drop Down */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-heading {
|
||||
width: 92px;
|
||||
}
|
||||
|
||||
/* Handle the hover state of the buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-hover {
|
||||
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1300px;
|
||||
border-color: #808080;
|
||||
}
|
||||
|
||||
/* Handle the selected state of the buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-selected {
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
|
||||
border-color: #808080;
|
||||
}
|
||||
/* When the nogrouplabels class is applied, set the h3's to display none */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
|
||||
display: none;
|
||||
}
|
||||
/* When not showing the h3 group labels, add some margin to make up for them*/
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group {
|
||||
margin-top: .75em;
|
||||
}
|
||||
|
||||
|
||||
/* Handle the icon placeholder for the buttons
|
||||
This is very important - position of this must be absolute.
|
||||
If it is not positioned absolute, IE will place it over the a in the Toolbar
|
||||
Doing this will cause the editor to loose focus and loose the selection.
|
||||
*/
|
||||
.yui-skin-sam .yui-toolbar-container .yui-push-button span.yui-toolbar-icon,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-color-button span.yui-toolbar-icon,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
overflow: hidden;
|
||||
background: url(editor-sprite.gif) no-repeat 30px 30px;
|
||||
}
|
||||
|
||||
/* Swap out the image to an active image */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-skin-sam .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon {
|
||||
background-image: url(editor-sprite-active.gif);
|
||||
}
|
||||
/* Change the defaults to make them look more like the editor */
|
||||
.yui-skin-sam .yui-toolbar-container .visible .yuimenuitemlabel {
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
*position: relative;
|
||||
}
|
||||
|
||||
/* Set the background color of all menu containers */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
/* Adding this style to Menu's allows the scrolled menu to work in IE */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled {
|
||||
position: relative;
|
||||
}
|
||||
/* Set the background of all menu items that are selected */
|
||||
.yui-skin-sam div.yuimenu li.selected {
|
||||
background-color: #B3D4FF;
|
||||
}
|
||||
/* Set the color of the hrefs in a selected menu item */
|
||||
.yui-skin-sam div.yuimenu li.selected a.selected {
|
||||
color: #000;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon {
|
||||
background-position: 0 0;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon {
|
||||
background-position: 0 -108px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon {
|
||||
background-position: 0 -36px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon {
|
||||
background-position: 0 -1326px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon {
|
||||
background-position: 0 -1355px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon {
|
||||
background-position: 0 -72px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon {
|
||||
background-position: 0 -180px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon {
|
||||
background-position: 0 -144px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon {
|
||||
background-position: 0 -216px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon {
|
||||
background-position: 0 -288px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon {
|
||||
background-position: 0 -324px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon {
|
||||
background-position: 0 -360px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon {
|
||||
background-position: 0 -396px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon {
|
||||
background-position: 0 -432px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon {
|
||||
background-position: 0 -720px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon {
|
||||
background-position: 0 -684px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon {
|
||||
background-position: 0 -792px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon {
|
||||
background-position: 1px -756px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon {
|
||||
background-position: 0 -972px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon {
|
||||
background-position: 0 -936px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon {
|
||||
background-position: 0 -900px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon {
|
||||
background-position: 0 -864px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon {
|
||||
background-position: 0 -252px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon {
|
||||
background-position: 0 -1080px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon {
|
||||
background-position: 0 -1044px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon {
|
||||
background-position: 0 -468px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Setting the background position of the sprite */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon {
|
||||
background-position: 0 -504px;
|
||||
left: 5px;
|
||||
}
|
||||
/* Set the width of the spin buttons */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton .first-child {
|
||||
width: 35px;
|
||||
}
|
||||
/* Pad the first child */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
|
||||
padding-left: 2px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Spin Buttons - Remove the icon holder, they don't need it */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Spin Buttons - Prep the arrows */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up,
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
|
||||
right: 2px;
|
||||
background: url(editor-sprite.gif) no-repeat 0 -1222px;
|
||||
overflow: hidden;
|
||||
height: 6px;
|
||||
width: 7px;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* Spin Buttons - The up arrow */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up {
|
||||
top: 2px;
|
||||
background-position: 0 -1222px;
|
||||
}
|
||||
/* Spin Buttons - The down arrow */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
|
||||
bottom: 2px;
|
||||
background-position: 0 -1187px;
|
||||
}
|
||||
/* Handle plain Select Elements */
|
||||
.yui-skin-sam .yui-toolbar-container select {
|
||||
height: 22px;
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
/* Pad and align the Select Menus */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select .first-child a {
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
/* Set the icon of the select menu for the drop down arrow */
|
||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon {
|
||||
background: url( editor-sprite.gif ) no-repeat 0 -1144px;
|
||||
overflow: hidden;
|
||||
right: -2px;
|
||||
top: 0px;
|
||||
height: 20px;
|
||||
}
|
||||
/* Fix the color menu background if it's inside a Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .yui-color-button-menu .bd {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
/* Place a border around the color menu */
|
||||
.yui-skin-sam .yui-color-button-menu .yui-toolbar-colors {
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
|
||||
|
||||
/* Property Editor Panel styles */
|
||||
.yui-skin-sam .yui-editor-panel {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Margins on the header of the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .hd {
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
/* Setup the background image on the title bar
|
||||
We are styling the h3 instead if the div so we can make room
|
||||
for the "knob" that floats on the top of the window.
|
||||
*/
|
||||
.yui-skin-sam .yui-editor-panel .hd h3 {
|
||||
color: #000;
|
||||
border: 1px solid #808080;
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
|
||||
width: 99%;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 3px 0 0 0;
|
||||
font-size: 93%;
|
||||
text-indent: 5px;
|
||||
height: 20px;
|
||||
}
|
||||
/* Style the body of the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .bd {
|
||||
background-color: #F2F2F2;
|
||||
border-left: 1px solid #808080;
|
||||
border-right: 1px solid #808080;
|
||||
width: 99%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
/* Remove the padding/margin on lists in the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Remove the padding/margin on list items in the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* IE is havig trouble with our menu sizes here */
|
||||
.yui-skin-sam .yui-editor-panel .yuimenu {
|
||||
/**width: 90px !important;*/
|
||||
}
|
||||
/* Remove the border from the toolbar's container and add some margin to it */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont {
|
||||
padding: 0;
|
||||
border: none;
|
||||
margin-top: 0.35em;
|
||||
}
|
||||
/* Set the width of the bordersize and bordertype menu buttons */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-bordersize, .yui-skin-sam .yui-editor-panel .yui-toolbar-bordertype {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel label {
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 4px 0;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel label strong {
|
||||
font-weight: normal;
|
||||
font-size: 93%;
|
||||
text-align: right;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel label input {
|
||||
width: 75%;
|
||||
}
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel .createlink_target,
|
||||
.yui-skin-sam .yui-editor-panel .insertimage_target {
|
||||
width: auto;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Form styling */
|
||||
.yui-skin-sam .yui-editor-panel .removeLink {
|
||||
width: 98%;
|
||||
}
|
||||
/* Color the input yellow if it has the warning class applied */
|
||||
.yui-skin-sam .yui-editor-panel label input.warning {
|
||||
background-color: #FFEE69;
|
||||
}
|
||||
|
||||
/* Style the titles of the toolbar groups */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group h3 {
|
||||
color: #000;
|
||||
float: left;
|
||||
font-weight: normal;
|
||||
font-size: 93%;
|
||||
margin: 5px 0 0 0;
|
||||
padding: 0 3px 0 0;
|
||||
text-align: right;
|
||||
}
|
||||
/* Style the header for the Height and Width boxes */
|
||||
.yui-skin-sam .yui-editor-panel .height-width h3 {
|
||||
margin: 3px 0 0 10px;
|
||||
}
|
||||
/* Style the height and width container */
|
||||
.yui-skin-sam .yui-editor-panel .height-width {
|
||||
margin: 3px 0 0 35px;
|
||||
*margin-left: 14px;
|
||||
width: 42%;
|
||||
*width: 44%;
|
||||
}
|
||||
/* Give the border group a width */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-border {
|
||||
width: 190px;
|
||||
}
|
||||
.yui-skin-sam .yui-editor-panel .no-button .yui-toolbar-group-border {
|
||||
width: 210px;
|
||||
}
|
||||
/* Give the padding group a width */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-padding {
|
||||
width: 203px;
|
||||
_width: 198px;
|
||||
}
|
||||
.yui-skin-sam .yui-editor-panel .no-button .yui-toolbar-group-padding {
|
||||
width: 172px;
|
||||
}
|
||||
/* Fix some margins for the H3's */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-padding h3 {
|
||||
margin-left: 25px;
|
||||
*margin-left: 12px;
|
||||
}
|
||||
/* Image Properties - Text flow container size */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-group-textflow {
|
||||
width: 182px;
|
||||
}
|
||||
|
||||
/* Remove the background image set in Panel.css */
|
||||
.yui-skin-sam .yui-editor-panel .hd {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Give the footer som color and a border */
|
||||
.yui-skin-sam .yui-editor-panel .ft {
|
||||
background-color: #F2F2F2;
|
||||
border: 1px solid #808080;
|
||||
border-top: none;
|
||||
padding: 0;
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
|
||||
/* Style the close button in the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .hd span.close {
|
||||
background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
height:16px;
|
||||
overflow:hidden;
|
||||
position:absolute;
|
||||
right:5px;
|
||||
text-indent:500px;
|
||||
top:2px;
|
||||
width:26px;
|
||||
}
|
||||
/* Style the tip in the footer */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip {
|
||||
background-color: #EDF5FF;
|
||||
border-top: 1px solid #808080;
|
||||
font-size: 85%;
|
||||
}
|
||||
/* Style the tip in the footer */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip strong {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 2px 8px 0;
|
||||
}
|
||||
|
||||
|
||||
/* Setup the icon for a tip */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip span.icon {
|
||||
background: url( editor-sprite.gif ) no-repeat 0 -1260px;
|
||||
display: block;
|
||||
height: 20px;
|
||||
left: 2px;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
width: 20px;
|
||||
}
|
||||
/* Setup the background image for an info icon */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip span.icon-info {
|
||||
background-position: 2px -1260px;
|
||||
}
|
||||
/* Setup the background image for a warning icon */
|
||||
.yui-skin-sam .yui-editor-panel .ft span.tip span.icon-warn {
|
||||
background-position: 2px -1296px;
|
||||
}
|
||||
|
||||
/* Handle the knob that floats on top of the panel */
|
||||
.yui-skin-sam .yui-editor-panel .hd span.knob {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 28px;
|
||||
top: -10px;
|
||||
left: 25px;
|
||||
text-indent: 9999px;
|
||||
overflow: hidden;
|
||||
background: url( editor-knob.gif ) no-repeat 0 0;
|
||||
}
|
||||
/* Reset some styles from the editor toolbar, when a toolbar is inside the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-container {
|
||||
float: left;
|
||||
width: 100%;
|
||||
background-image: none;
|
||||
border: none;
|
||||
}
|
||||
/* Reset styles for menu buttons inside the Property Editor */
|
||||
.yui-skin-sam .yui-editor-panel .yui-toolbar-container .bd {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* This image is the one used to place the blankimage placeholder into the editor when you click on Insert an Image */
|
||||
.yui-editor-blankimage {
|
||||
background-image: url( blankimage.png );
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-editor-container .yui-resize-handle-br {
|
||||
/* Make the handle a little bigger than the default */
|
||||
height: 11px;
|
||||
width: 11px;
|
||||
/* Resposition the image */
|
||||
background-position: -20px -60px;
|
||||
/* Kill the hover on the handle */
|
||||
background-color: transparent;
|
||||
}
|
7
lib/yui/editor/assets/skins/sam/simpleeditor.css
Normal file
7
lib/yui/editor/assets/skins/sam/simpleeditor.css
Normal file
File diff suppressed because one or more lines are too long
8994
lib/yui/editor/editor-debug.js
vendored
Normal file
8994
lib/yui/editor/editor-debug.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
28
lib/yui/editor/editor-min.js
vendored
Normal file
28
lib/yui/editor/editor-min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8891
lib/yui/editor/editor.js
vendored
Normal file
8891
lib/yui/editor/editor.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
6971
lib/yui/editor/simpleeditor-debug.js
vendored
Normal file
6971
lib/yui/editor/simpleeditor-debug.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
23
lib/yui/editor/simpleeditor-min.js
vendored
Normal file
23
lib/yui/editor/simpleeditor-min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6890
lib/yui/editor/simpleeditor.js
vendored
Normal file
6890
lib/yui/editor/simpleeditor.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue