0byt3m1n1

Path: /data/applications/aps/typo3/4.2.1-6/standard/htdocs/typo3/sysext/t3skin/rtehtmlarea/ [ Home ]
File: htmlarea.css
/* CSS Selectors for skin sr_rtehtmlarea_bluelook */
/* Selectors for the htmlArea RTE editor */
.htmlarea {
	background-color:#fff;
 	margin:0;padding:0;
}
.pleasewait {
 	position:relative;top:0px;text-align:left;
 	font-size:10px;
 	margin-top:30px;
}
.editorWrap {
 	margin:0;padding:0;
}
.editorWrap textarea {
	border: 1px solid #A2AAB8;
	border-style:solid;
	border-color:#A2AAB8;
	border-width:0px 1px 1px 1px;
	padding:0px 1px;
	margin:0;
}
/* Selectors for the editor toolbar */
.htmlarea div.toolbar {
	background-color:#EFEFF4;cursor:default;
	width:100%;
	border:1px solid #EFEFF4;
	border-bottom:0px;
	margin:0;
	padding:2px 0px;
}
.htmlarea .toolbar ul {
	background-color:transparent;
	list-style-type:none;
}
.htmlarea .toolbar ul.tb-line {
	clear:both;
	border-style:none;margin:0;padding:0px 2px;
}
.htmlarea .toolbar ul.tb-group {
	clear:none;float:left;
	margin:1px 2px 0px 0px;padding:0;
}
.htmlarea .toolbar ul li {
	float:left;
	background-color:transparent;
	color: #212424;
	font-size:10px;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	border-style:none;margin:0;padding:0;
}
.htmlarea .toolbar ul.free-float li, .htmlarea .toolbar ul.tb-group li {
	height:24px;
}
.htmlarea .toolbar label {
	vertical-align:middle;
	background-color:transparent;
	border-style:none;margin:0;padding:3px 3px 0px 3px;
}

.htmlarea .toolbar button {
	vertical-align:top;
	background-color:transparent;color:ButtonText;background-position:1px 1px;background-repeat:no-repeat;
	width:22px;height:22px;
	border-style:solid;border-color:#EFEFF4;border-width:0px 1px;margin:0;padding:0;
}
.htmlarea .toolbar button div.buttonImgContainer {
	position:relative;top:0;left:0;
	width:18px;height:18px;overflow:hidden;
	margin:0;padding:0;
}
.htmlarea .toolbar .BiDiOverride {background-image:url("images/InlineElements/bidioverride.gif");}
.htmlarea .toolbar .Big {background-image:url("images/InlineElements/big.gif");}
.htmlarea .toolbar .Bold {background-image:url("images/InlineElements/bold.gif");}
.htmlarea .toolbar .Citation {background-image:url("images/InlineElements/citation.gif");}
.htmlarea .toolbar .Code {background-image:url("images/InlineElements/code.gif");}
.htmlarea .toolbar .Definition {background-image:url("images/InlineElements/definition.gif");}
.htmlarea .toolbar .DeletedText {background-image:url("images/InlineElements/deletedtext.gif");}
.htmlarea .toolbar .Emphasis {background-image:url("images/InlineElements/emphasis.gif");}
.htmlarea .toolbar .InsertedText {background-image:url("images/InlineElements/insertedtext.gif");}
.htmlarea .toolbar .Italic {background-image:url("images/InlineElements/italic.gif");}
.htmlarea .toolbar .Keyboard {background-image:url("images/InlineElements/keyboard.gif");}
.htmlarea .toolbar .MonoSpaced {background-image:url("images/InlineElements/monospaced.gif");}
.htmlarea .toolbar .Quotation {background-image:url("images/InlineElements/quotation.gif");}
.htmlarea .toolbar .Sample {background-image:url("images/InlineElements/sample.gif");}
.htmlarea .toolbar .Small {background-image:url("images/InlineElements/small.gif");}
.htmlarea .toolbar .Span {background-image:url("images/InlineElements/span.gif");}
.htmlarea .toolbar .StrikeThrough {background-image:url("images/InlineElements/strikethrough.gif");}
.htmlarea .toolbar .Strong {background-image:url("images/InlineElements/strong.gif");}
.htmlarea .toolbar .Subscript {background-image:url("images/InlineElements/subscript.gif");}
.htmlarea .toolbar .Superscript {background-image:url("images/InlineElements/superscript.gif");}
.htmlarea .toolbar .Underline {background-image:url("images/InlineElements/underline.gif");}
.htmlarea .toolbar .Variable {background-image:url("images/InlineElements/variable.gif");}
.htmlarea .toolbar .LeftToRight {background-image:url("images/ed_left_to_right.gif");}
.htmlarea .toolbar .RightToLeft {background-image:url("images/ed_right_to_left.gif");}
.htmlarea .toolbar .Indent {background-image:url("images/BlockElements/indent.gif");}
.htmlarea .toolbar .Outdent {background-image:url("images/BlockElements/outdent.gif");}
.htmlarea .toolbar .Blockquote {background-image:url("images/BlockElements/blockquote.gif");}
.htmlarea .toolbar .InsertParagraphBefore, .htmlarea-context-menu .InsertParagraphBefore {background-image:url("images/BlockElements/insertParagraphBefore.gif");}
.htmlarea .toolbar .InsertParagraphAfter, .htmlarea-context-menu .InsertParagraphAfter {background-image:url("images/BlockElements/insertParagraphAfter.gif");}
.htmlarea .toolbar .JustifyLeft, .htmlarea-context-menu .JustifyLeft {background-image:url("images/BlockElements/justifyLeft.gif");}
.htmlarea .toolbar .JustifyCenter, .htmlarea-context-menu .JustifyCenter {background-image:url("images/BlockElements/justifyCenter.gif");}
.htmlarea .toolbar .JustifyRight, .htmlarea-context-menu .JustifyRight {background-image:url("images/BlockElements/justifyRight.gif");}
.htmlarea .toolbar .JustifyFull, .htmlarea-context-menu .JustifyFull {background-image:url("images/BlockElements/justifyFull.gif");}
.htmlarea .toolbar .DefinitionList, .htmlarea-context-menu .DefinitionList {background-image:url("images/definitionList.gif");}
.htmlarea .toolbar .DefinitionItem, .htmlarea-context-menu .DefinitionItem {background-image:url("images/definitionItem.gif");}
.htmlarea .toolbar .InsertOrderedList {background-image:url("images/ed_list_num.gif");}
.htmlarea .toolbar .InsertUnorderedList {background-image:url("images/ed_list_bullet.gif");}
.htmlarea .toolbar .ForeColor {background-image:url("images/ed_color_fg.gif");}
.htmlarea .toolbar .HiliteColor {background-image:url("images/ed_color_bg.gif");}
.htmlarea .toolbar .CO-forecolor {background-image:url("images/SelectColor/CO-forecolor.gif");}
.htmlarea .toolbar .CO-hilitecolor {background-image:url("images/SelectColor/CO-hilitecolor.gif");}
.htmlarea .toolbar .InsertSmiley {background-image:url("images/InsertSmiley/ed_smiley.gif");}
.htmlarea .toolbar .InsertCharacter {background-image:url("images/CharacterMap/ed_charmap.gif");}
.htmlarea .toolbar .InsertHorizontalRule {background-image:url("images/ed_hr.gif");}
.htmlarea .toolbar .CreateLink, .htmlarea-context-menu .CreateLink {background-image:url("images/ed_link.gif");}
.htmlarea .toolbar .UnLink, .htmlarea-context-menu .UnLink {background-image:url("images/ed_unlink.gif");}
.htmlarea .toolbar .InsertImage, .htmlarea-context-menu .InsertImage {background-image:url("images/ed_image.gif");}
.htmlarea .toolbar .InsertTable {background-image:url("images/insert_table.gif");}
.htmlarea .toolbar .UserElements {background-image:url("images/UserElements/ed_user.gif");}
.htmlarea .toolbar .FindReplace {background-image:url("images/FindReplace/ed_find.gif");}
.htmlarea .toolbar .SpellCheck {background-image:url("images/SpellChecker/spell-check.gif"); }
.htmlarea .toolbar .InsertTag {background-image:url("images/QuickTag/ed_quicktag.gif"); }
.htmlarea .toolbar .Acronym {background-image:url("images/Acronym/ed_acronym.gif"); }
.htmlarea .toolbar .RemoveFormat {background-image:url("images/RemoveFormat/ed_clean.gif"); }
.htmlarea .toolbar .SplitBlock {background-image:url("images/ed_splitblock.gif"); }
.htmlarea .toolbar .HtmlMode {background-image:url("images/ed_html.gif"); }
.htmlarea .toolbar .Copy, .htmlarea-context-menu .Copy  {background-image:url("images/ed_copy.gif");}
.htmlarea .toolbar .Cut, .htmlarea-context-menu .Cut  {background-image:url("images/ed_cut.gif");}
.htmlarea .toolbar .Paste, .htmlarea-context-menu .Paste {background-image:url("images/ed_paste.gif");}
.htmlarea .toolbar .Undo {background-image:url("images/ed_undo.gif");}
.htmlarea .toolbar .Redo {background-image:url("images/ed_redo.gif");}
.htmlarea .toolbar .About {background-image:url("images/ed_about.gif");}
.htmlarea .toolbar .ShowHelp { background-image:url("images/TYPO3ViewHelp/module_help.gif");}
.htmlarea .toolbar .TO-toggle-borders, .htmlarea-context-menu .TO-toggle-borders {background-image:url("images/TableOperations/toggle-borders.gif");}
.htmlarea .toolbar .TO-table-prop, .htmlarea-context-menu .TO-table-prop  {background-image:url("images/TableOperations/table-prop.gif");}
.htmlarea .toolbar .TO-table-restyle, .htmlarea-context-menu .TO-table-restyle {background-image:url("images/TableOperations/table-restyle.gif");}
.htmlarea .toolbar .TO-row-prop, .htmlarea-context-menu .TO-row-prop {background-image:url("images/TableOperations/row-prop.gif");}
.htmlarea .toolbar .TO-row-insert-above, .htmlarea-context-menu .TO-row-insert-above {background-image:url("images/TableOperations/row-insert-above.gif");}
.htmlarea .toolbar .TO-row-insert-under, .htmlarea-context-menu .TO-row-insert-under {background-image:url("images/TableOperations/row-insert-under.gif");}
.htmlarea .toolbar .TO-row-delete, .htmlarea-context-menu .TO-row-delete {background-image:url("images/TableOperations/row-delete.gif");}
.htmlarea .toolbar .TO-row-split, .htmlarea-context-menu .TO-row-split {background-image:url("images/TableOperations/row-split.gif");}
.htmlarea .toolbar .TO-col-prop, .htmlarea-context-menu .TO-col-prop {background-image:url("images/TableOperations/col-prop.gif");}
.htmlarea .toolbar .TO-col-insert-before, .htmlarea-context-menu .TO-col-insert-before {background-image:url("images/TableOperations/col-insert-before.gif");}
.htmlarea .toolbar .TO-col-insert-after, .htmlarea-context-menu .TO-col-insert-after {background-image:url("images/TableOperations/col-insert-after.gif");}
.htmlarea .toolbar .TO-col-delete, .htmlarea-context-menu .TO-col-delete {background-image:url("images/TableOperations/col-delete.gif");}
.htmlarea .toolbar .TO-col-split, .htmlarea-context-menu .TO-col-split {background-image:url("images/TableOperations/col-split.gif");}
.htmlarea .toolbar .TO-cell-prop, .htmlarea-context-menu .TO-cell-prop {background-image:url("images/TableOperations/cell-prop.gif");}
.htmlarea .toolbar .TO-cell-insert-before, .htmlarea-context-menu .TO-cell-insert-before {background-image:url("images/TableOperations/cell-insert-before.gif");}
.htmlarea .toolbar .TO-cell-insert-after, .htmlarea-context-menu .TO-cell-insert-after {background-image:url("images/TableOperations/cell-insert-after.gif");}
.htmlarea .toolbar .TO-cell-delete, .htmlarea-context-menu .TO-cell-delete {background-image:url("images/TableOperations/cell-delete.gif");}
.htmlarea .toolbar .TO-cell-split, .htmlarea-context-menu .TO-cell-split {background-image:url("images/TableOperations/cell-split.gif");}
.htmlarea .toolbar .TO-cell-merge, .htmlarea-context-menu .TO-cell-merge {background-image:url("images/TableOperations/cell-merge.gif");}
.htmlarea .toolbar button.buttonHover {
	border:1px solid;border-color:white #C5C5D5 #C5C5D5 white;
	background-color: #E0E0E9;
}
.htmlarea .toolbar button.buttonActive, .htmlarea .toolbar button.buttonPressed {
	border:1px solid;border-color:#C5C5D5 white white #C5C5D5;
}
.htmlarea .toolbar button.buttonPressed {
	background-color:ButtonHighlight;
	text-decoration:none;
}
.htmlarea .toolbar div.indicator {
	background-color:white;cursor:default;
	width:20px;overflow:hidden;
	text-align:center;
	border:1px solid ButtonShadow;margin:4px 1px 0px 1px;padding:0px 3px;
}
.htmlarea .toolbar button.buttonDisabled {
	filter: gray() alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
.htmlarea .toolbar div.separator {
	background-color:transparent;background-image:url(separator.gif);background-repeat:no-repeat;
	width:7px;height:22px;
	border:1px solid #EFEFF4;;margin:0;padding:0;
}
.htmlarea .toolbar div.space {
	float:left;
	background-color:transparent;
	height:22px;
	border-style:none;margin:0;padding:0 1px;
}
.htmlarea .toolbar select {
	color:WindowText;
	font-size:10px;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	height:18px;
	border:1px solid #A2AAB8;
	margin:0;padding:1px;
}
.htmlarea .toolbar select, .htmlarea .toolbar select:hover, .htmlarea .toolbar select:active {
	background-color:Window;
}
.htmlarea .toolbar select.buttonDisabled {
	color:GrayText;
	background-color:#EFEFF4;;
}
.htmlarea .editorIframe {
	clear:both;
	width:100%;
	border:1px solid #A2AAB8;border-bottom:1px solid #e4e0db;margin:0;padding:0;
}
.htmlarea .noStatusBar {
	border-bottom:1px solid #A2AAB8;
}
.htmlarea .statusBar {
	clear:both;
	background-color:#EFEFF4;background-image:url('alt_menu_mainitem_bg.gif');background-repeat:repeat-x;color:ButtonText;
	font-size:10px;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	width:100%;height:20px;
	border:1px solid;border-color:#C5C5D5 #A2AAB8 #A2AAB8 #A2AAB8;margin:0;padding:0;
}
.htmlarea .statusBarTree {
	color:#FFFFFF;
	display:block;
	margin:3px 3px;
}
.htmlarea .statusBar .statusBarTree a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
 	padding:2px 5px;
}
.htmlarea .statusBar .statusBarTree a:visited {
 	color:#FFFFFF;
}
.htmlarea .statusBar .statusBarTree a:hover {
	text-decoration: underline;
}
.htmlarea .statusBarTextMode {
	margin-top:2px;
	padding:2px 5px;
}
/* Selectors for popup windows */
.dialog .buttonColor {
	cursor:default;
	border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;padding:1px;
}
.dialog .buttonColor-hilite {
	border-color:black black black black;
}
.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
	height:0.6em;
	border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;padding:0px 1em;
}
.dialog .buttonColor .nocolor {
	padding:0;
}
.dialog .buttonColor .nocolor-hilite {
	background-color:#fff;color:#f00;cursor:pointer;
}
.popupwin {
	color: #212424;background-color:#EFEFF4;
	font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
}
.popupwin body {
	color: #212424;
	font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
	border-style:none;margin:5px;padding:0;
}
.popupwin .title {
	clear:both;
	color: #FFFFFF;	background-color: #B8BEC9; background-image: url('alt_menu_mainitem_bg.gif'); background-position: top left; background-repeat: repeat-x;
	font-weight:bold;font-size:120%;
	border-top:0px;border-bottom:1px solid #A2AAB8;margin-top:0px;margin-bottom:10px;padding:3px 10px;
}
.popupwin p {
	margin: 0.5em 0;
}
.popupwin h1 {
	font-weight: bold; font-size: 1.1em;
	padding: .3em 0; border-bottom: 1px solid #999;
}
.popupwin a:link, .popupwin a:visited {
	color: #00f;
}
.popupwin a:hover {
	color: #f00;
}
.popupwin a:active {
	color: #f80;
}
.popupwin #tabbar { position: relative; left: 10px; }
.popupwin .tab {
	color: #454; background-color: #66f; cursor: pointer;
	margin-left: -5px; float: left; position: relative; top: -3px; left: -2px; z-index: 0;
	border: 1px solid black; border-top: none; padding: 2px 10px 3px 10px;
}
.popupwin .tab-current {
	color: #000; background-color: #ddf;
	top: -4px; z-index: 10;
	padding: 3px 10px 4px 10px;
}
.popupwin .content {
	border-style:none;margin:0;padding:0;
}
.popupwin ul {
	list-style-type:none;
	border-style:none;margin:0;padding:0;
}
.popupwin li {
	margin:4px 0;
}
.popupwin select {
	display:inline;
}
.popupwin table {
	border-collapse:collapse;border-style:none;margin:0;padding:0;
}
.popupwin thead {
	font-weight: bold; background-color: #ddf;
}
.popupwin td {
	padding: 0.2em;
}
.popupwin form {
	background-color:#EFEFF4;;
	border-style:none;margin:0;padding:0;
}
.popupwin form p {
	margin-top:5px;margin-bottom:5px;
}
.popupwin fieldset {
	display:block;
	margin:5px 5px 0 5px;padding:5px;
}
.popupwin .floating {
	float:left;
}
.popupwin legend {
	font-weight:bold;padding:0 3px;
}
.popupwin .field {
	float:left;text-align:left;
	margin-left:5px;padding:2px 5px;
}
.popupwin label {
	text-align:left;
	margin-left:5px;padding:2px 5px;
}
.popupwin fieldset table {
	font-size:1.0em;
	border-style:none;margin:2px 0px;padding:0;
}
.popupwin .buttons {
	clear:both;text-align:right;
	border-top:1px solid #999;margin-top:10px;padding:5px;
}
.popupwin span.colorButton {
	float:left;
	padding:2px 0px;
}
.popupwin select, .popupwin input, .popupwin button, .popupwin textarea, .popupwin table, .popupwin label {
	font-size:1.0em;
}
.popupwin button {
	width:8em;
	vertical-align: middle;
	text-align: center;
	margin: 0px 3px 0px 0px;
	padding: 1px;
}
.popupwin dl, .popupwin dt, .popupwin dd {
	display: block;
}
.popupwin dt, .popupwin dd {
	margin:3px 0;
}
.popupwin button.long-button {
	width:10em;
}
.popupwin .fl {
	float:left;text-align:right;
	width:15em;
	padding:2px 5px;
}
.popupwin .fl-borderCollapse {
	float:left;text-align:right;
	width:13em;
	margin-left:10px;padding:2px 5px;
}
.popupwin .fr {
	float:left;text-align:right;
	width:13em;
	padding:2px 5px;
}
.popupwin .space {
	clear:left;
	padding:2px;
}
.popupwin .label {
	text-align:right;
	width:8em;
}
.popupwin .checkbox {
	text-align:left;
	padding:2px 5px;
}
.popupwin .postlabel {
	text-align:left;
	padding:2px 5px;
}
.popupwin input.value {
	width:30em;
}
.popupwin input.shorter-value {
	width:17em;
}
.popupwin #HA-layout {
	width:450px;
}
.colorTable {
	border:black 1px solid;
}
.currentColor {
	width:20px;height:20px;
	border:black 1px solid;margin:0pt 15pt;
}
.colorTable tr {
	height:6px;
}
.colorTable td {
	width:6px;
	cursor:pointer;
}
/* Selectors for the InsertImage popup */
.popupwin div.imagepreview {
	text-align:center;
}
.popupwin .imagepreview iframe {
	width:300px;height:200px;
	border:1px solid gray;
}
/* Selectors for the InsertSmiley plugin */
.popupwin div.smileytable {
	height:125px;overflow:auto;
}
.popupwin .smileytable td {
	width:35px;height:25px;
}
/* Selectors for the FindReplace plugin */
.popupwin .long-label {
	text-align:left;
	width:16em;
}
/* Selectors for the SpellChecker plugin */
.popupwin #b_recheck {
	vertical-align:middle;
	width:12em;
}
/* Selectors for the ContextMenu plugin */
.htmlarea-context-menu {
	position:absolute;top:-1000px;left:-1000px;z-index:1000;
	background-color:#EFEFF4;;cursor:default;
	color: #212424;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 10px;
	list-style:none;
	border:1px solid #A2AAB8;margin:0;padding:2px;
}
.htmlarea-context-menu li {
	background-color:#EFEFF4;;
	border:1px solid #EFEFF4;;margin:0;padding:0;
}
.htmlarea-context-menu li .button {
	text-align:left;vertical-align:middle;
	background-color:transparent;background-repeat:no-repeat;background-position:2px 2px;
	font-size:10px;
	height:20px;
	border-style:none;margin:0;padding:0 0 0 24px;
}
.htmlarea-context-menu li .button img {
	width:18px;height:18px;
}
.htmlarea-context-menu li.separator {
	border-top:1px solid #A2AAB8;
}
.htmlarea-context-menu li.hover {
	background-image:url('alt_menu_mainitem_bg.gif');
	color:#fff;border-color:#A2AAB8;
}