Просмотр файла wym-editor/skins/default/layout.css

Размер файла: 4Kb
/*
 * WYMeditor : what you see is What You Mean web-based editor
 * Copyright (C) 2006 Jean-François Hovinne - Daniel Reszka
 * Use of WYMeditor is granted by the terms of the MIT License (http://www.opensource.org/licenses/mit-license.php).
 *
 * For further information visit:
 * 		http://www.wymeditor.org/
 *
 * File Name:
 *		layout.css
 *		Editor layout css file.
 *		See the documentation for more info.
 *
 * File Authors:
 * 		Daniel Reszka ([email protected])
*/

/* CSS FILE
	AUTHOR:         Daniel Reszka - [email protected]
	NOTES:		tab width = 8
*/

/* EDITOR LAYOUT*/

    /* basic */
	.editor			{ text-align: center }
	.editor #topdiv		{ width: 750px; margin: auto; text-align: left }
	.editor #editor,
	.editor #iframe_editor	{ border: 1px solid gray; height: 450px; width: 590px; overflow: auto }
	.editor textarea	{ border: 1px solid gray; margin: 0 0 10px 0; width: 590px }
	.editor #header		{ overflow: hidden; padding: 0 0 30px 0 }
	.editor a img 		{ border:none }
 * html .editor #header		{ overflow: visible; height: 1% }
	.editor #logo-main	{ float: right }
	acronym			{ border-bottom: 1px dashed gray }

    /* debug */
	#m_debug		{ margin: 0 0 20px 0; font-size: 11px; display: none }
	#m_debug a		{ text-decoration: none; margin-right: 20px }
	#m_debug a:hover	{ background-color: yellow }

    /* toolbars */
	#toolbars		{ overflow: hidden; margin: 0 0 12px 0; font-family: verdana, arial, sans-serif; font-size: 11px }
 * html	#toolbars		{ height: 1%; overflow: visible }
	#toolbars a		{ text-indent: -9999px; text-decoration: none; display: block; float: left; margin: 0 5px; overflow: hidden; height: 24px; width: 24px; background: url(icons.png) no-repeat }
	#toolbars a:hover	{ background-color: yellow }
	#toolbars div 		{ float: left; border: 1px solid gray; margin-right: 5px; background: white  }
	#toolbars #m_advanced	{ border: none; background: transparent  }
	#m_table_advanced	{ display: none; }
 * html	#m_table_advanced	{ display: block; }
 *+html	#m_table_advanced	{ display: block; }

    /* panels */
	#panels			{ width: 148px; float: right; font-family: verdana, arial, sans-serif; font-size: 11px }
	#panels a		{ display: block; text-decoration: none; padding: 2px 10px; color: #5A5AA0; font-size: 11px }
	#panels a:hover		{ background-color: yellow }
	#panels a.active	{ background-color: #CCFFFF }
	#panels div		{ border: 1px solid gray; margin: 0px 0 15px 0; background: #F6F8FB }
	#panels h2		{ font-size: 11px; margin: 0 0 5px; padding: 1px 2px; background: gray; color: white; position: relative }
	#panels h3		{ font-size: 10px; margin: 5px 0 2px; padding: 1px 3px 0; color: gray; font-weight: normal; background: #eee }

    /* icons */
	a#m_strong			{ background-position: 0 -384px }
	a#m_italic			{ background-position: 0 -24px }
	a#m_sup				{ background-position: 0 -432px }
	a#m_sub				{ background-position: 0 -456px }
	a#m_ordered_list		{ background-position: 0 -48px }
	a#m_unordered_list		{ background-position: 0 -72px }
   	a#m_table_insert_row_after 	{ background-position: 0 -240px }
	a#m_table_insert_row_before	{ background-position: 0 -264px }
	a#m_table_insert_col_after	{ background-position: 0 -288px }
	a#m_table_insert_col_before	{ background-position: 0 -312px }
	a#m_table_delete_row		{ background-position: 0 -336px }
	a#m_table_delete_col		{ background-position: 0 -360px }
	a#m_html			{ background-position: 0 -192px }
	a#m_preview			{ background-position: 0 -408px }
	a#m_link			{ background-position: 0 -96px }
	a#m_unlink			{ background-position: 0 -168px }
	a#m_image			{ background-position: 0 -120px }
	a#m_table			{ background-position: 0 -144px }
	a#m_word			{ background-position: 0 -168px }
	a#m_undo			{ background-position: 0 -504px;}
	a#m_redo			{ background-position: 0 -528px;}
	a#m_paste			{ background-position: 0 -552px }

    /* special buttons */
	a#m_paragraph,
	a#m_remove_class 		{ font-style: italic }
	
 * html a#m_paste			{ display:none; }
 *+html a#m_paste			{ display:none; }