TuniLame

You will be able to configure the color, size, link and link’s target of each button and even add a defaut button for many posts. 
To use it, just take a look on the plugin’s configuration page which contains all the informations and settings for the default button. 
Add the button by using <code>[button color= size= link= target=]text that will be shown as button's value[/button]</code>
Attributes that can be used: 
* color: There is 7 different colors: pink, magenta, green, red, orange, blue and yellow 
* size: There is 4 different sizes: small, medium, large and super 
* link: The link of the button. Example: Your site’s URL http://mysite.com 
* target: The link’s targeted window, can be: blank, new, parent, self or top 
Exemple: <code>[button color=blue size=super link=http://twitter.com/tunilame]Follow me![/button]</code>
Simply add <code>[button]</code> in you posts when you want to use the defaut settings.

CSS3 Buttons

Add coloured CSS3 buttons on your posts using simply a shortcode.

AsianCoders

Sublime Text Custom WordPress Css Editor. You can easily write your custom css by using this plugin. This will be add inline css in your website. 
We include all sublime text editor features in this plugin.
<h4>Features</h4>
Features of Sublime Custom CSS Editor
<ul>
<li>Autocomplete And Hint</li>
<li>Syntax highlighting.</li>
<li>Line numbering.</li>
<li>keyMap Sublime Text</li>
<li>autoCloseBrackets</li>
<li>matchBrackets</li>
<li>Sublime theme</li>
<li>showCursorWhenSelecting</li>
<li>
Translate pot file included.
</li>
<li>
For Example * 
just select your targeted layout ID or Class ID=# or Class=. or any html tag 
Then go to page “<code>Appearance</code>” —> “<code>Sublime Custom CSS</code>” and enter your custom style (CSS only). Example:
</li>
</ul>
<pre>
body{
 color:#222;
 margin: 0;
 padding: 0;
 background-color: #fff;
}
.headers{
 font-size: 16px;
 color: :#666;
 position: fixed;
 top: 0px;
 left: 0px;
 right: 0px;
 z-index: 99;
}
</pre>
Credits: CodeMirror.
Email for Support: asiancodersteam@gmail.com
<h3>Arbitrary section</h3>
You may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated 
plugins where more information needs to be conveyed that doesn’t fit into the categories of “description” or 
“installation.” Arbitrary sections will be shown below the built-in sections outlined above.
<h3>A brief Markdown Example</h3>
Here’s a link to <a href="https://wordpress.org/" title="Your favorite software" rel="ugc">WordPress</a> and one to <a href="http://daringfireball.net/projects/markdown/syntax" title="Markdown is what the parser uses to process much of the readme file" rel="nofollow ugc">Markdown’s Syntax Documentation</a>. 
Titles are optional, naturally.
Markdown uses email style notation for blockquotes and I’ve been told:
<blockquote>
Asterisks for emphasis. Double it up for strong.
</blockquote>
<pre><code><?php code(); // goes in backticks ?>
</code></pre>

Sublime Custom CSS Editor

Ashome Features

Write easily your custom CSS like sublime text editor and add your website.

CSS3 Buttons vs Sublime Custom CSS Editor