2008-01-17 16:44:05 +01:00
/* Reset */
2008-02-25 20:03:35 +01:00
. o2k7Skin table , . o2k7Skin tbody , . o2k7Skin a , . o2k7Skin img , . o2k7Skin tr , . o2k7Skin div , . o2k7Skin td , . o2k7Skin iframe , . o2k7Skin span , . o2k7Skin * , . o2k7Skin . mceText { border : 0 ; margin : 0 ; padding : 0 ; background : transparent ; white-space : nowrap ; text-decoration : none ; font-weight : normal ; cursor : default ; color : #000 ; vertical-align : baseline ; width : auto ; border-collapse : separate ; text-align : left }
2008-01-17 16:44:05 +01:00
. o2k7Skin a : hover , . o2k7Skin a : link , . o2k7Skin a : visited , . o2k7Skin a : active { text-decoration : none ; font-weight : normal ; cursor : default ; color : #000 }
. o2k7Skin table td { vertical-align : middle }
/* Containers */
. o2k7Skin table { background : #E5EFFD }
. o2k7Skin iframe { display : block ; background : #FFF }
. o2k7Skin . mceToolbar { height : 26 px }
/* External */
. o2k7Skin . mceExternalToolbar { position : absolute ; border : 1 px solid #ABC6DD ; border-bottom : 0 ; display : none }
. o2k7Skin . mceExternalToolbar td . mceToolbar { padding-right : 13 px ; }
. o2k7Skin . mceExternalClose { position : absolute ; top : 3 px ; right : 3 px ; width : 7 px ; height : 7 px ; background : url ( ../../img/icons.gif ) -820 px 0 }
/* Layout */
. o2k7Skin table . mceLayout { border : 0 ; border-left : 1 px solid #ABC6DD ; border-right : 1 px solid #ABC6DD }
2008-02-25 20:03:35 +01:00
. o2k7Skin table . mceLayout tr . mceFirst td { border-top : 1 px solid #ABC6DD }
. o2k7Skin table . mceLayout tr . mceLast td { border-bottom : 1 px solid #ABC6DD }
. o2k7Skin table . mceToolbar , . o2k7Skin tr . mceFirst . mceToolbar tr td , . o2k7Skin tr . mceLast . mceToolbar tr td { border : 0 ; margin : 0 ; padding : 0 }
2008-01-17 16:44:05 +01:00
. o2k7Skin . mceIframeContainer { border-top : 1 px solid #ABC6DD ; border-bottom : 1 px solid #ABC6DD }
. o2k7Skin . mceStatusbar { display : block ; font-family : 'MS Sans Serif' , sans-serif , Verdana , Arial ; font-size : 9 pt ; line-height : 16 px ; overflow : visible ; color : #000 ; height : 20 px ; }
. o2k7Skin . mceStatusbar div { float : left ; padding : 2 px ; }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceStatusbar a . mceResize { display : block ; float : right ; background : url ( ../../img/icons.gif ) -800 px 0 ; width : 20 px ; height : 20 px ; cursor : se-resize }
2008-01-17 16:44:05 +01:00
. o2k7Skin . mceStatusbar a : hover { text-decoration : underline }
. o2k7Skin table . mceToolbar { margin-left : 3 px }
. o2k7Skin . mceToolbar . mceToolbarStart span { display : block ; background : url ( img/button_bg.png ) -22 px 0 ; width : 1 px ; height : 22 px ; }
. o2k7Skin . mceToolbar . mceToolbarEnd span { display : block ; background : url ( img/button_bg.png ) -22 px 0 ; width : 1 px ; height : 22 px }
. o2k7Skin . mceToolbar . mceToolbarEndListBox span { display : none }
2008-02-25 20:03:35 +01:00
. o2k7Skin span . mceIcon , . o2k7Skin img . mceIcon { display : block ; width : 20 px ; height : 20 px }
. o2k7Skin . mceIcon { background : url ( ../../img/icons.gif ) no-repeat 20 px 20 px }
. o2k7Skin td . mceCenter { text-align : center ; }
. o2k7Skin td . mceCenter table { margin : 0 auto ; text-align : left ; }
. o2k7Skin td . mceRight table { margin : 0 0 0 auto ; }
2008-01-17 16:44:05 +01:00
/* Button */
. o2k7Skin . mceButton { display : block ; background : url ( img/button_bg.png ) ; width : 22 px ; height : 22 px }
. o2k7Skin a . mceButton span , . o2k7Skin a . mceButton img { margin-left : 1 px }
. o2k7Skin . mceOldBoxModel a . mceButton span , . o2k7Skin . mceOldBoxModel a . mceButton img { margin : 0 0 0 1 px }
. o2k7Skin a . mceButtonEnabled : hover { background-color : #B2BBD0 ; background-position : 0 -22 px }
. o2k7Skin a . mceButtonActive , . o2k7Skin a . mceButtonSelected { background-position : 0 -44 px }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceButtonDisabled . mceIcon { opacity : 0.3 ; filter : alpha ( opacity = 30 ) }
2008-01-17 16:44:05 +01:00
/* Separator */
. o2k7Skin . mceSeparator { display : block ; background : url ( img/button_bg.png ) -22 px 0 ; width : 5 px ; height : 22 px }
/* ListBox */
. o2k7Skin . mceListBox , . o2k7Skin . mceListBox a { display : block }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceListBox . mceText { padding-left : 4 px ; text-align : left ; width : 70 px ; border : 1 px solid #b3c7e1 ; border-right : 0 ; background : #eaf2fb ; font-family : Tahoma , Verdana , Arial , Helvetica ; font-size : 11 px ; height : 20 px ; line-height : 20 px ; overflow : hidden }
. o2k7Skin . mceListBox . mceOpen { width : 14 px ; height : 22 px ; background : url ( img/button_bg.png ) -66 px 0 ; margin-right : 2 px }
. o2k7Skin table . mceListBoxEnabled : hover . mceText , . o2k7Skin . mceListBoxHover . mceText , . o2k7Skin . mceListBoxSelected . mceText { background : #FFF }
. o2k7Skin table . mceListBoxEnabled : hover . mceOpen , . o2k7Skin . mceListBoxHover . mceOpen , . o2k7Skin . mceListBoxSelected . mceOpen { background-position : -66 px -22 px }
. o2k7Skin . mceListBoxDisabled . mceText { color : gray }
2008-01-17 16:44:05 +01:00
. o2k7Skin . mceListBoxMenu { overflow : auto ; overflow-x : hidden }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceOldBoxModel . mceListBox . mceText { height : 22 px }
2008-01-17 16:44:05 +01:00
. o2k7Skin select . mceListBox { font-family : Tahoma , Verdana , Arial , Helvetica ; font-size : 12 px ; border : 1 px solid #b3c7e1 ; background : #FFF ; }
/* SplitButton */
. o2k7Skin . mceSplitButton , . o2k7Skin . mceSplitButton a , . o2k7Skin . mceSplitButton span { display : block ; height : 22 px }
. o2k7Skin . mceSplitButton { background : url ( img/button_bg.png ) }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceSplitButton a . mceAction { width : 22 px }
. o2k7Skin . mceSplitButton span . mceAction { width : 22 px ; background : url ( ../../img/icons.gif ) 20 px 20 px }
. o2k7Skin . mceSplitButton a . mceOpen { width : 10 px }
. o2k7Skin . mceSplitButton span . mceOpen { width : 10 px ; background : url ( img/button_bg.png ) -44 px 0 }
. o2k7Skin table . mceSplitButtonEnabled : hover a . mceAction , . o2k7Skin . mceSplitButtonHover a . mceAction , . o2k7Skin . mceSplitButtonSelected { background : url ( img/button_bg.png ) 0 -22 px }
. o2k7Skin table . mceSplitButtonEnabled : hover span . mceOpen , . o2k7Skin . mceSplitButtonHover span . mceOpen , . o2k7Skin . mceSplitButtonSelected span . mceOpen { background-position : -44 px -44 px }
. o2k7Skin . mceSplitButtonDisabled . mceAction { opacity : 0.3 ; filter : alpha ( opacity = 30 ) }
2008-01-17 16:44:05 +01:00
. o2k7Skin . mceSplitButtonActive { background-position : 0 -44 px }
/* ColorSplitButton */
. o2k7Skin div . mceColorSplitMenu table { background : #FFF ; border : 1 px solid gray }
. o2k7Skin . mceColorSplitMenu td { padding : 2 px }
. o2k7Skin . mceColorSplitMenu a { display : block ; width : 9 px ; height : 9 px ; overflow : hidden ; border : 1 px solid #808080 }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceColorSplitMenu td . mceMoreColors { padding : 1 px 3 px 1 px 1 px }
. o2k7Skin . mceColorSplitMenu a . mceMoreColors { width : 100 % ; height : auto ; text-align : center ; font-family : Tahoma , Verdana , Arial , Helvetica ; font-size : 11 px ; line-height : 20 px ; border : 1 px solid #FFF }
. o2k7Skin . mceColorSplitMenu a . mceMoreColors : hover { border : 1 px solid #0A246A ; background-color : #B6BDD2 }
2008-01-17 16:44:05 +01:00
. o2k7Skin a . mceMoreColors : hover { border : 1 px solid #0A246A }
. o2k7Skin . mceColorPreview { position : absolute ; top : 15 px ; left : 2 px ; width : 16 px ; height : 4 px ; overflow : hidden }
/* Menu */
. o2k7Skin . mceMenu { position : absolute ; left : 0 ; top : 0 ; z-index : 1000 ; border : 1 px solid #ABC6DD }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceNoIcons span . mceIcon { width : 0 ; }
. o2k7Skin . mceNoIcons a . mceText { padding-left : 10 px }
2008-01-17 16:44:05 +01:00
. o2k7Skin . mceMenu table { background : #FFF }
. o2k7Skin . mceMenu a , . o2k7Skin . mceMenu span , . o2k7Skin . mceMenu { display : block }
. o2k7Skin . mceMenu td { height : 20 px }
. o2k7Skin . mceMenu a { position : relative ; padding : 3 px 0 4 px 0 }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceMenu . mceText { position : relative ; display : block ; font-family : Tahoma , Verdana , Arial , Helvetica ; color : #000 ; cursor : default ; margin : 0 ; padding : 0 25 px 0 25 px ; display : block }
. o2k7Skin . mceMenu span . mceText , . o2k7Skin . mceMenu . mcePreview { font-size : 11 px }
. o2k7Skin . mceMenu pre . mceText { font-family : Monospace }
. o2k7Skin . mceMenu . mceIcon { position : absolute ; top : 0 ; left : 0 ; width : 22 px ; }
2008-01-17 16:44:05 +01:00
. o2k7Skin . mceMenu . mceMenuItemEnabled a : hover , . o2k7Skin . mceMenu . mceMenuItemActive { background-color : #dbecf3 }
. o2k7Skin td . mceMenuItemSeparator { background : #DDD ; height : 1 px }
. o2k7Skin . mceMenuItemTitle a { border : 0 ; background : #E5EFFD ; border-bottom : 1 px solid #ABC6DD }
2008-02-25 20:03:35 +01:00
. o2k7Skin . mceMenuItemTitle span . mceText { color : #000 ; font-weight : bold ; padding-left : 4 px }
. o2k7Skin . mceMenuItemDisabled . mceText { color : #888 }
. o2k7Skin . mceMenuItemSelected . mceIcon { background : url ( ../default/img/menu_check.gif ) }
. o2k7Skin . mceNoIcons . mceMenuItemSelected a { background : url ( ../default/img/menu_arrow.gif ) no-repeat -6 px center }
2008-01-17 16:44:05 +01:00
. o2k7Skin . mceMenu span . mceMenuLine { display : none }
. o2k7Skin . mceMenuItemSub a { background : url ( ../default/img/menu_arrow.gif ) no-repeat top right ; }
/* Progress,Resize */
. o2k7Skin . mceBlocker { position : absolute ; left : 0 ; top : 0 ; z-index : 1000 ; opacity : 0.5 ; filter : alpha ( opacity = 50 ) ; background : #FFF }
. o2k7Skin . mceProgress { position : absolute ; left : 0 ; top : 0 ; z-index : 1001 ; background : url ( ../default/img/progress.gif ) no-repeat ; width : 32 px ; height : 32 px ; margin : -16 px 0 0 -16 px }
. o2k7Skin . mcePlaceHolder { border : 1 px dotted gray }
/* Theme */
2008-02-25 20:03:35 +01:00
. o2k7Skin span . mce_bold { background-position : 0 0 }
. o2k7Skin span . mce_italic { background-position : -60 px 0 }
. o2k7Skin span . mce_underline { background-position : -140 px 0 }
. o2k7Skin span . mce_strikethrough { background-position : -120 px 0 }
. o2k7Skin span . mce_undo { background-position : -160 px 0 }
. o2k7Skin span . mce_redo { background-position : -100 px 0 }
. o2k7Skin span . mce_cleanup { background-position : -40 px 0 }
. o2k7Skin span . mce_bullist { background-position : -20 px 0 }
. o2k7Skin span . mce_numlist { background-position : -80 px 0 }
. o2k7Skin span . mce_justifyleft { background-position : -460 px 0 }
. o2k7Skin span . mce_justifyright { background-position : -480 px 0 }
. o2k7Skin span . mce_justifycenter { background-position : -420 px 0 }
. o2k7Skin span . mce_justifyfull { background-position : -440 px 0 }
. o2k7Skin span . mce_anchor { background-position : -200 px 0 }
. o2k7Skin span . mce_indent { background-position : -400 px 0 }
. o2k7Skin span . mce_outdent { background-position : -540 px 0 }
. o2k7Skin span . mce_link { background-position : -500 px 0 }
. o2k7Skin span . mce_unlink { background-position : -640 px 0 }
. o2k7Skin span . mce_sub { background-position : -600 px 0 }
. o2k7Skin span . mce_sup { background-position : -620 px 0 }
. o2k7Skin span . mce_removeformat { background-position : -580 px 0 }
. o2k7Skin span . mce_newdocument { background-position : -520 px 0 }
. o2k7Skin span . mce_image { background-position : -380 px 0 }
. o2k7Skin span . mce_help { background-position : -340 px 0 }
. o2k7Skin span . mce_code { background-position : -260 px 0 }
. o2k7Skin span . mce_hr { background-position : -360 px 0 }
. o2k7Skin span . mce_visualaid { background-position : -660 px 0 }
. o2k7Skin span . mce_charmap { background-position : -240 px 0 }
. o2k7Skin span . mce_paste { background-position : -560 px 0 }
. o2k7Skin span . mce_copy { background-position : -700 px 0 }
. o2k7Skin span . mce_cut { background-position : -680 px 0 }
. o2k7Skin span . mce_blockquote { background-position : -220 px 0 }
. o2k7Skin . mce_forecolor span . mceAction { background-position : -720 px 0 }
. o2k7Skin . mce_backcolor span . mceAction { background-position : -760 px 0 }
. o2k7Skin . mce_forecolorpicker { background-position : -720 px 0 }
. o2k7Skin . mce_backcolorpicker { background-position : -760 px 0 }
2008-01-17 16:44:05 +01:00
/* Plugins */
2008-02-25 20:03:35 +01:00
. o2k7Skin span . mce_advhr { background-position : -0 px -20 px }
. o2k7Skin span . mce_ltr { background-position : -20 px -20 px }
. o2k7Skin span . mce_rtl { background-position : -40 px -20 px }
. o2k7Skin span . mce_emotions { background-position : -60 px -20 px }
. o2k7Skin span . mce_fullpage { background-position : -80 px -20 px }
. o2k7Skin span . mce_fullscreen { background-position : -100 px -20 px }
. o2k7Skin span . mce_iespell { background-position : -120 px -20 px }
. o2k7Skin span . mce_insertdate { background-position : -140 px -20 px }
. o2k7Skin span . mce_inserttime { background-position : -160 px -20 px }
. o2k7Skin span . mce_absolute { background-position : -180 px -20 px }
. o2k7Skin span . mce_backward { background-position : -200 px -20 px }
. o2k7Skin span . mce_forward { background-position : -220 px -20 px }
. o2k7Skin span . mce_insert_layer { background-position : -240 px -20 px }
. o2k7Skin span . mce_insertlayer { background-position : -260 px -20 px }
. o2k7Skin span . mce_movebackward { background-position : -280 px -20 px }
. o2k7Skin span . mce_moveforward { background-position : -300 px -20 px }
. o2k7Skin span . mce_media { background-position : -320 px -20 px }
. o2k7Skin span . mce_nonbreaking { background-position : -340 px -20 px }
. o2k7Skin span . mce_pastetext { background-position : -360 px -20 px }
. o2k7Skin span . mce_pasteword { background-position : -380 px -20 px }
. o2k7Skin span . mce_selectall { background-position : -400 px -20 px }
. o2k7Skin span . mce_preview { background-position : -420 px -20 px }
. o2k7Skin span . mce_print { background-position : -440 px -20 px }
. o2k7Skin span . mce_cancel { background-position : -460 px -20 px }
. o2k7Skin span . mce_save { background-position : -480 px -20 px }
. o2k7Skin span . mce_replace { background-position : -500 px -20 px }
. o2k7Skin span . mce_search { background-position : -520 px -20 px }
. o2k7Skin span . mce_styleprops { background-position : -560 px -20 px }
. o2k7Skin span . mce_table { background-position : -580 px -20 px }
. o2k7Skin span . mce_cell_props { background-position : -600 px -20 px }
. o2k7Skin span . mce_delete_table { background-position : -620 px -20 px }
. o2k7Skin span . mce_delete_col { background-position : -640 px -20 px }
. o2k7Skin span . mce_delete_row { background-position : -660 px -20 px }
. o2k7Skin span . mce_col_after { background-position : -680 px -20 px }
. o2k7Skin span . mce_col_before { background-position : -700 px -20 px }
. o2k7Skin span . mce_row_after { background-position : -720 px -20 px }
. o2k7Skin span . mce_row_before { background-position : -740 px -20 px }
. o2k7Skin span . mce_merge_cells { background-position : -760 px -20 px }
. o2k7Skin span . mce_table_props { background-position : -980 px -20 px }
. o2k7Skin span . mce_row_props { background-position : -780 px -20 px }
. o2k7Skin span . mce_split_cells { background-position : -800 px -20 px }
. o2k7Skin span . mce_template { background-position : -820 px -20 px }
. o2k7Skin span . mce_visualchars { background-position : -840 px -20 px }
. o2k7Skin span . mce_abbr { background-position : -860 px -20 px }
. o2k7Skin span . mce_acronym { background-position : -880 px -20 px }
. o2k7Skin span . mce_attribs { background-position : -900 px -20 px }
. o2k7Skin span . mce_cite { background-position : -920 px -20 px }
. o2k7Skin span . mce_del { background-position : -940 px -20 px }
. o2k7Skin span . mce_ins { background-position : -960 px -20 px }
. o2k7Skin span . mce_pagebreak { background-position : 0 -40 px }
. o2k7Skin . mce_spellchecker span . mceAction { background-position : -540 px -20 px }