tweaks

If your not sure about any of the code just add one at a time to see how it looks for you,never worry about messing up your page so long as you save your theme code before playing with new code,,,and if you see a / behind a url or something else,that is my way of disabling the url or other parts of a code.so yes you can take it out so it works for you.

------------------

/*---------------texteditor--------------------------*

.defaultSkin .mceStatusbar { background-color: #c8bcc950; } .texteditor { background-color: transparent; border: none !important; background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/2854561896?profile=original) !important; } #xg_profiles_chatterwall_post_comment, .defaultSkin table { background-color: transparent !important; background: url(https://storage.ning.com/topology/rest/1.0/file/get/2854725299?profile=original); background-repeat: no-repeat; background-position: 410px 70px !important; color: #660000; font-size: 19px;

/*------------------chatterwall-visaul mode-------------------------------*/

/*iframe in visaul mode*/ .mce-tinymce.mce-container { background-color: #dafad75c!important; background-image: url(https://i.dlpng.com/static/png/17509_preview.png)!important; background-repeat: no-repeat!important; background-position: 0px -50px!important; margin: 0 0 1em 0; height: 300px;

-----------------------------------

} /*iframe in visaul mode*/ .mce-container, .mce-container-body { display: block; background-color: #0e011850 !important; background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/2854625600?profile=original) !important; background-position: -300px -300px !important; } #xg_profiles_chatterwall_post_comment_ifr { opacity: 0.3 !important; background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/2854625600?profile=original) !important; background-color: #f4f0f800; background-position: -100px -100px !important; width: 100% !important; } /*main bg */ #xj_ajax, #xj_message_container { background-color: transparent!important; background-image: url(-)!important; background-repeat: no-repeat!important; border: 1px ridge #009999!importa; position: static!important; ic: ; width: 95%!important; height: 350px!important; overflow: auto!important; background-position: -20px 10px !important; margin-bottom: 8px!important; border: 5px ridgetransparent; padding: 9px; border-image: url(-) 30 stretch!important; }

/* this is the whole container this controls the main size of the comment box*/ /*so if you want the message container to be bigger then you would need to adjust this code to accommodate it so that nothing overlaps each other*/

#xg_profiles_chatterwall_post { background-color: transparent!important; background-image: url(-)!important; background-repeat: no-repeat!important; background-position: 0px 0px !important; border: 1px ridge #66CC99!important; position: relative; width: 95%!important; height: 520px!important; overflow: auto/; border: 5px ridge transparent; padding: 9px; border-image: url(-) 80 stretch!important; }

/*----------------table buttoms------------------------------*/

/*visual mode buttons*/

.mce-btn { border: 1px solid #450505; position: relative; display: inline-block; *zoom: 1; background-color: #b2d897; border-radius: 40px 20px; } /*visual mode hover buttons*/ button:hover, .swatch_group button:hover, a.button:hover, p.edit a.button:hover, .notification button:hover, .notification a.button:hover, input.button:hover { background: #518a56 url(-) repeat-x 0 -30px !important; border: 1px aquamarine ridge !important; border-radius: 40px 20px !important; }

/*visual mode tab b/g color*/

.mce-tabs li:first-child.this a { background-color: #CDF0C8; }

/*when in html mode the visual mode button b/g color*/

.mce-tabs li a { display: block; padding: 2px 7px 1px; text-decoration: none; background-color: #c6b3c5; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #0e0227; position: relative; top: 0; height: 18px !important; font-family: 'lucida grande','lucida sans',verdana,sans-serif !important; outline: none; }

/*when in html mode the html button b/g color*/

.mce-tabs li.this a { border-color: #CCC; border-style: solid; border-width: 1px 1px 0; padding: 2px 7px; background-color: #E5CEF0; color: #333; top: -1px; } /*now this one will change the html button in both visual and html mode*/ .mce-tabs li a { display: block; padding: 2px 7px 1px; text-decoration: none; background-color: #f60cea; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #0e0227; position: relative; top: 0; height: 18px !important; font-family: 'lucida grande','lucida sans',verdana,sans-serif !important; outline: none; }height: 100%; margin-top: 0pt; margin-bottom: 0pt;" align="center"

---------------------------------------------------------------

div.mce-edit-area { filter: none; opacity: .5; background-color: #e62020cc !important; } div.mce-edit-area { filter: none; background-color: transparent !important; } #html-content-input { width: 100%; height: 300px; background-color: transparent; overflow: auto!important; color: lightsalmon!important; opacity :7; height: 100%; margin-top: 0pt; margin-bottom: 0pt;" align="center"

==============Always save your theme code before tiring out new code,==================

/*ajusting the margin top height */ .defaultSkin table.mceLayout { border: 1px solid #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; top: 1px !important; }

/*sets the transparency for the iframe*/ #xg_profiles_chatterwall_post_comment_ifr { opacity: .5; } /*iframe where you type*/

.mce-tinymce.mce-container { background-image: url(https://i.dlpng.com/static/png/17509_preview.png)!important; background-repeat: no-repeat!important; background-position: 0px -50px!important; margin: 0 0 1em 0; } .mce-tinymce.mce-container { margin: 0 0 1em 0; background: transparent !important; } /*toolbar b/g*/ .mce-toolbar-grp { padding: 2px 0; background-color: #0000ff1a !important; }

/*toolbar tabs b/g*/ /*statusbar at the bottom of the comment wall*/

.mce-statusbar .mce-container-body { position: relative; background-color: #d5989ccc !important; } .mce-btn { border: 3px ridge #530808; position: relative; text-shadow: 0 1px 1px rgba(234, 142, 142, 0.98); display: inline-block; *display: inline; *zoom: 1; background-color: #f0f0f0; }

/*b/g color fot the thml mode tabs*/

.defaultSkin .mceToolbar { background: #8f636399 !important; margin-left: 15px !important; margin-bottom: 5px !important; margin-top: 3px !important; height: 26px; -moz-border-radius: 30px !important; border-radius: 30px !important; border: 2px ridge #000000; } /*thml hover tabs*/ .defaultSkin a.mceButtonEnabled:hover { border: 1px solid #E694C5E6; } /*visual mode hover tabs*/ a.button, button, input.button, a.button:hover, button:hover, input.button:hover { color: #fff; border: 2px aquamarine ridge; } /*visual mode tab*/ .mce-tabs li:first-child.this a { background-color: #E6C3C3; } /*html mode tab*/ .mce-tabs li a { padding: 2px 7px 1px; background-color: #f0bdbd; color: #1a0303; top: 0; height: 18px !important; } /*the html mode tab when in html mode*/ .mce-tabs li.this a { padding: 2px 7px; background-color: #D5B8B8; color: #140202; top: -1px; } /*dropdown menu for size*/ .defaultSkin .mceListBoxMenu { height: auto !important; padding-bottom: 10px !important; background-color: #ea5555 !important; } .defaultSkin .mceMenu .mceMenuItemEnabled a:hover, .defaultSkin .mceMenu .mceMenuItemActive { background-color: #ba3417!important; } /*the size tab*/ .defaultSkin table.mceListBoxEnabled:hover .mceText, .defaultSkin .mceListBoxHover .mceText, .defaultSkin .mceListBoxSelected .mceText { border: 1px solid #EA3991!important; background-image: none!important; color: #f6ebeb!important!important; background-color: blueviolet !important; } .

These are for if you want to add a different pic or colors to the overlay. /*this is the whole overlay page that pops up when you click on add a image or any one of them*/ .xg_floating_container .xg_module_head { background-color: #098d9200 !important; background: url(http://i811.photobucket.com/albums/zz39/RainCon/black5.png)!important; background-repeat: repeat!important; } .xg_overlay, .xg_overlay { background: url(https://storage.ning.com/topology/rest/1.0/file/get/2802013609?profile=original) !important; background-repeat: repeat !important; background-color: #009999!important; background-position: 0px -100px !important; position: fixed; top: 0; left: 0; width: 100%; height: 100% !important; opacity: 1.9 !important; filter: alpha(opacity=90); z-index: 1000; } /*this is the whole center box */ .xg_floating_container { background-color: transparent !important; background: url(https://st4.ning.com/topology/rest/1.0/file/get/2372754301?profile=original)!important; background-repeat: repeat!important; background-position: -20px 0px!important; margin-top: -280px!important/; margin-left: -255px!important; width: 500px!important; height: 500px!important; border: 1px ridge #009999!important; } /* this is the small box inside the center box*/ .xg_floating_container .xg_module_body { padding: 7px !important; } /*the small fount colors inside of the .xg_floating_container */ .dy-disabled { opacity: 0.9; cursor: default; color: aquamarine; } /*the fount colors to the left inside of the .xg_floating_container */ form fieldset.dy-form-2 dl dt label.dy-label { color: #8fefb2 !important; } /* the ok button colors*/ .xg_theme input.button:disabled, .xg_theme button.button:disabled { color: black!important; background-color: #0686ef; opacity: 0.9; } /* the cancel button*/ .dy-action-secondary { margin-left: 15px; *zoom: 1; margin-bottom: .5em; color: aquamarine; background-color: black; } .

/* this changes the background color for the scrolling marquee at the top of your theme page */ marquee { background-color: #009999!important; color:#f6d106!important; border:2px ridge#33CCFF!important; }