Jump to content

Featured Replies

Posted
comment_6912

Здравствуйте.

Помогите настроить немного кривой редактор :good:

4ff20948e8ed8_.png

Вот сам файл ipb_ckeditor.css

/***************************************************************/

/* IP.Board 3.2 Editor CSS */

/* ___________________________________________________________ */

/* By Matt Mecham */

/***************************************************************/

/* Styles for the editor (colors in main css) */

/***************************************************************/

.as_content {

font-size: 1.0em;

padding: 6px;

margin: 8px;

overflow: auto;

max-height: 400px;

}

.as_buttons {

text-align: right;

padding: 4px 0px;

}

.as_message {

display: inline-block;

}

.ipsEditor_textarea {

width: 99%;

height: 200px;

font-size: 14px;

}

.cke_browser_webkit {outline:none !important;}

/* Main tool bar BG */

.cke_top {

background: #232323 url('{style_images_url}/editor/toolbar_bg.png') repeat-x !important;

}

/* Normal STD */

.cke_skin_ips textarea.cke_source {

/* removed as causes pasted text to appear on one line: white-space: pre-line !important;*/

}

/* Minimized RTE */

.cke_skin_ips .cke_wrapper.minimized {

opacity: 0.6 !important;

background: none !important;

border: none !important;

}

/* Minimized STD */

.cke_skin_ips .cke_wrapper.minimized.std {

border: 1px solid #2f2f2f !important;

}

.cke_skin_ips .cke_wrapper.minimized .cke_contents,

.cke_skin_ips .cke_wrapper.minimized .cke_contents iframe{ height: 80px !important; }

/* Main Editor wrapper */

.cke_skin_ips { margin-bottom: 0px !important; }

.cke_skin_ips .cke_wrapper

{

padding: 0px 5px 0px 3px !important;

margin: 2px !important;

border: 1px solid #121212 !important;

background-color: #232323 !important;

background-image: none !important;

-webkit-box-shadow: none !important;

-moz-box-shadow: none !important;

box-shadow: none !important;

}

/* OFF state for editor buttons */

.cke_skin_ips .cke_toolgroup

{

background-color: transparent !important;

}

/* HOVER 'off' button */

.cke_skin_ips .cke_button a:hover,

.cke_skin_ips .cke_button a:focus,

.cke_skin_ips .cke_button a:active /* IE */

{

background-color: #2f2f2f !important;

}

/* HOVER 'on' button */

.cke_skin_ips .cke_button a.cke_on,

.cke_skin_ips .cke_button a:hover.cke_on,

.cke_skin_ips .cke_button a:focus.cke_on,

.cke_skin_ips .cke_button a:active.cke_on /* IE */

{

background-color: #161616 !important;

border-color: transparent !important;

-webkit-box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;

-moz-box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;

box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;

}

/* Button group */

.cke_skin_ips .cke_toolgroup

{

margin-right: 0px !important;

}

/* Button separator */

.cke_skin_ips .cke_separator

{

border-left:solid 1px #2f2f2f;

display:inline-block !important;

float:left;

height:30px;

margin:0px 2px;

}

/* DIALOG: Modal blind */

.cke_dialog_background_cover

{

background-color: #3e3e3e !important;

}

/* DIALOG: Title - based on .maintitle */

.cke_skin_ips .cke_dialog_title

{

background: #444 url('{style_images_url}/highlight_faint.png') repeat-x 0 1px !important;

color: #fff !important;

padding: 10px 10px 11px !important;

font-size: 16px !important;

font-weight: 300 !important;

text-shadow: 0 -1px 0px rgba(0,0,0,0.4);

font-weight: normal;

}

/* Dialog: Body */

.cke_skin_ips .cke_dialog_body {

z-index: 20000 !important;

}

/* Dialog tab bg (will usually match dialog title) */

.cke_skin_ips .cke_dialog_tabs {

background: #444 !important;

}

/* Dialog Title close button */

.cke_skin_ips .cke_dialog_close_button

{

background: transparent url('{style_images_url}/close_popup.png') no-repeat top left !important;

width: 13px !important;

height: 13px !important;

top: 11px !important;

right: 10px !important;

}

/* Dialog OK / Cancel buttons - based on ipsButton_secondary*/

.cke_skin_ips span.cke_dialog_ui_button

{

height: 22px !important;

line-height: 22px !important;

font-size: 12px !important;

padding: 0 10px !important;

-moz-border-radius: 2px !important;

-webkit-border-radius: 2px !important;

border-radius: 2px !important;

display: inline-block !important;

white-space: nowrap !important;

background: #646464 url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px !important;

border: 1px solid #6e6e6e !important;

color: #fff !important;

text-shadow: #474747 0px -1px 0px !important;

-moz-box-shadow: 0 !important;

-webkit-box-shadow: 0 !important;

box-shadow: 0 !important;

cursor: pointer !important;

}

/* Turn off resizer */

.cke_skin_ips .cke_dialog_footer .cke_resizer { display: none; }

/* Emo slide out tray */

.ipsSmileyTray

{

text-align: center;

overflow: auto;

margin: 0px auto 0px auto;

padding: 4px 24px;

min-width: 600px;

width: 75%;

height: 32px;

border: 1px solid #2f2f2f;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

-moz-border-radius-topleft: 0px;

-webkit-border-radius-topleft: 0px;

border-top-left-radius: 0px;

-moz-border-radius-topright: 0px;

-webkit-border-radius-topright: 0px;

border-top-right-radius: 0px;

border-top: 0px;

-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);

-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);

box-shadow: 0px 1px 4px rgba(0,0,0,0.15);

background: #232323 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;

overflow-y: hidden;

}

.ipsSmileyTray img.bbc_emoticon {

opacity: 0.8;

cursor: pointer;

margin: 6px 3px 0px 3px;

max-width: 30px;

max-height: 30px;

}

.ipsSmileyTray img.bbc_emoticon:hover {

opacity: 1.0;

}

.ipsSmileyTray .ipsSmileyTray_next {

background: transparent url('{style_images_url}/editor/next.png') no-repeat;

background-position: 0px 10px;

display: inline-block;

float: right;

position: relative;

right: -20px;

width: 13px;

height: 30px;

cursor: pointer;

}

.ipsSmileyTray .ipsSmileyTray_prev {

background: transparent url('{style_images_url}/editor/prev.png') no-repeat;

background-position: 0px 10px;

display: inline-block;

float: left;

position: relative;

right: -20px;

width: 13px;

height: 30px;

cursor: pointer;

}

.ipsSmileyTray_all {

display: block;

width: auto;

margin: 6px auto 0px auto;

text-align: center;

cursor: pointer;

font-size: 11px !important;

}

/* ACP Specific */

table.cke_editor td { padding: 0px !important; }

/* Extra */

.cke_toolbox .cke_text,

.cke_toolbox .cke_openbutton,

.cke_toolbox .cke_panel{

border-color: #424242 !important;

background-color: #1a1a1a !important;

color: #fff !important;

}

.cke_toolbox .cke_openbutton{

background-color: #2c2c2c !important;

}

.cke_skin_ips input.cke_dialog_ui_input_text,.cke_skin_ips input.cke_dialog_ui_input_password{ background: transparent none !important; }

.cke_skin_ips .cke_dialog_contents, .cke_skin_ips .cke_dialog_footer{ border-top: 1px solid #333 !important; background: #222222 !important; }

.cke_skin_ips .cke_dialog_body{ background: #222222 !important; }

.cke_skin_ips .cke_dialog .cke_dialog_ui_labeled_label{ color: #fff !important; }

.cke_label{ color: #fff !important; }

.cke_skin_ips a.cke_toolbox_collapser,

.cke_skin_ips a.cke_toolbox_collapser_min{ border: 1px solid #3e3e3e !important; }

.cke_skin_ips textarea.cke_source{ background: #1a1a1a !important; }

.cke_skin_ips .cke_dialog_ui_input_text input, .cke_skin_ips .cke_dialog_ui_input_textarea textarea{ box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border: 0 !important; background: transparent none !important; color: #fff !important; }

.cke_skin_ips .cke_dialog_ui_input_text, .cke_skin_ips .cke_dialog_ui_input_textarea{ background: #383838 !important; border: 1px solid #626262 !important; }

.cke_editor iframe{ border: 1px solid #494949 !important; }

.cke_skin_ips a.cke_toolbox_collapser{ background: #303030 url("{style_images_url}/editor/icons.png") no-repeat 50% -403px !important; }

.cke_skin_ips a.cke_toolbox_collapser_min{ background: #303030 url("{style_images_url}/editor/icons.png") no-repeat 50% -387px !important; }

/* New icons */

.cke_button_bold .cke_icon,

.cke_button_italic .cke_icon,

.cke_button_underline .cke_icon,

.cke_button_strike .cke_icon,

.cke_button_subscript .cke_icon,

.cke_button_superscript .cke_icon,

.cke_button_bulletedlist .cke_icon,

.cke_button_numberedlist .cke_icon,

.cke_button_link .cke_icon,

.cke_button_unlink .cke_icon,

.cke_button_ipscode .cke_icon,

.cke_button_ipsquote .cke_icon,

.cke_button_outdent .cke_icon,

.cke_button_indent .cke_icon,

.cke_button_justifyleft .cke_icon,

.cke_button_justifycenter .cke_icon,

.cke_button_justifyright .cke_icon,

.cke_button_ipsmedia .cke_icon,

.cke_button_textcolor .cke_icon,

.cke_button_ipsemoticon .cke_icon,

.cke_button_ipsbbcode_twitter .cke_icon,

.cke_button_image .cke_icon{

background-image: url("{style_images_url}/editor/icons.png") !important;

}

.cke_button_bold .cke_icon{ background-position: 0 -64px !important; }

.cke_button_italic .cke_icon{ background-position: 0 -80px !important; }

.cke_button_underline .cke_icon{ background-position: 0 -96px !important; }

.cke_button_strike .cke_icon{ background-position: 0 -112px !important; }

.cke_button_subscript .cke_icon{ background-position: 0 -272px !important; }

.cke_button_superscript .cke_icon{ background-position: 0 -256px !important; }

.cke_button_bulletedlist .cke_icon{ background-position: 0 -240px !important; }

.cke_button_numberedlist .cke_icon{ background-position: 0 -224px !important; }

.cke_button_link .cke_icon{ background-position: 0 -320px !important; }

.cke_button_unlink .cke_icon{ background-position: 0 -336px !important; }

.cke_button_ipscode .cke_icon{ background-position: 0 -144px !important; }

.cke_button_ipsquote .cke_icon{ background-position: 0 -304px !important; }

.cke_button_outdent .cke_icon{ background-position: 0 -208px !important; }

.cke_button_indent .cke_icon{ background-position: 0 -192px !important; }

.cke_button_justifyleft .cke_icon{ background-position: 0 -32px !important; }

.cke_button_justifycenter .cke_icon{ background-position: 0 0px !important; }

.cke_button_justifyright .cke_icon{ background-position: 0 -48px !important; }

.cke_button_ipsmedia .cke_icon{ background-position: 0 -288px !important; }

.cke_button_textcolor .cke_icon{ background-position: 0 -176px !important; }

.cke_button_ipsemoticon .cke_icon{ background-position: 0 -160px !important; }

.cke_button_ipsbbcode_twitter .cke_icon{ background-position: 0 -352px !important; }

.cke_button_image .cke_icon{ background-position: 0 -368px !important; }

comment_7050

Вроде понял, судя по скриншоту, с ним не то, что он вылезает за пределы шаблона.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.