simpleeditor-core.css
602 lines
| 16.2 KiB
| text/css
|
CssLexer
r547 | /* | |||
Copyright (c) 2009, Yahoo! Inc. All rights reserved. | ||||
Code licensed under the BSD License: | ||||
http://developer.yahoo.net/yui/license.txt | ||||
version: 2.8.0r4 | ||||
*/ | ||||
/* Set the cursor to busy when we are doing something */ | ||||
.yui-busy { | ||||
cursor: wait !important; | ||||
} | ||||
.yui-toolbar-container fieldset, | ||||
.yui-editor-container fieldset { | ||||
padding: 0; | ||||
margin: 0; | ||||
border: 0; | ||||
} | ||||
.yui-toolbar-container legend { | ||||
display: none; | ||||
} | ||||
.yui-skin-sam .yui-toolbar-container .yui-button button, | ||||
.yui-skin-sam .yui-toolbar-container .yui-button a, | ||||
.yui-skin-sam .yui-toolbar-container .yui-button a:visited { | ||||
font-size: 0px; | ||||
} | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select button, | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select a, | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-select a:visited, | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton button, | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a, | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a:visited { | ||||
font-size: 12px; | ||||
} | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up, | ||||
.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down { | ||||
font-size: 0; | ||||
line-height: 0; | ||||
padding: 0; | ||||
} | ||||
/* 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; | ||||
height: 100%; | ||||
width: 100%; | ||||
position: absolute; | ||||
top: 0; | ||||
left: 0; | ||||
opacity: .5; | ||||
filter: alpha(opacity=50); | ||||
} | ||||
/* 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; | ||||
float: none; | ||||
} | ||||
/* 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; | ||||
} | ||||