Here is a "Sign Up" widget to go with the incoming call widget and the sign in widget I previously made. It includes a Photoshop PSD like always and everything is vector, so this can be scaled to any size if needed (even the background). REMEMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this design. You may NOT host this design elsewhere, you also may NOT sell this or release this elsewhere. background button clean Sign Up Widget
<p>Here is a "Sign Up" widget to go with the incoming call widget and the sign in widget I previously made. It includes a Photoshop PSD like always and everything is vector, so this can be scaled to any size if needed (even the background).</p> <p>REMEMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this design.</p> <p>You may NOT host this design elsewhere, you also may NOT sell this or release this elsewhere.</p> background button clean Sign Up Widget
Simple 3 stage button, thanks to Craig Reville for the background texture. blue ui elements glow Blue Glow Button
<p>Here is a "Sign Up" widget to go with the incoming call widget and the sign in widget I previously made. It includes a Photoshop PSD like always and everything is vector, so this can be scaled to any size if needed (even the background).</p> <p>REMEMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this design.</p> <p>You may NOT host this design elsewhere, you also may NOT sell this or release this elsewhere.</p> background button clean Sign Up Widget
A simple button I designed that allows your background color to bleed through, so you never have to change any values in the button colors. white ui elements button Round Semi-Transparent Button
<p>These are the newest set of Wikidot Editor Buttons. Everything was carefully hand crafted pixel by pixel. I included a CSS stylesheet for the coding of the "sprite" images, all you need to do is just upload the sprite images to your site and place the CSS at the bottom of your Stylesheet. I also included a fully layered well organized PSD file for everyone so you can customize these buttons how ever you'd like.</p> <p>I will also be using these buttons in the new Wikidot CSS theme I am creating. Please refer to the Wikidot Community for more detailed info about this new theme and the release date. So for now, please enjoy these buttons as a preview of the new theme.</p> <h3><span>The CSS:</span></h3> <div class="code"> <div class="hl-main"> <pre> <span class="hl-code">/</span><span class="hl-identifier">*</span><span class="hl-code"> - - </span><span class="hl-identifier">Start</span><span class="hl-code"> </span><span class="hl-identifier">New</span><span class="hl-code"> </span><span class="hl-identifier">Wikidot</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> + </span><span class="hl-identifier">Site</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> </span><span class="hl-identifier">Buttons</span><span class="hl-code"> </span><span class="hl-identifier">The</span><span class="hl-code"> </span><span class="hl-identifier">Design</span><span class="hl-code"> </span><span class="hl-identifier">was</span><span class="hl-code"> </span><span class="hl-identifier">created</span><span class="hl-code"> </span><span class="hl-identifier">by</span><span class="hl-code"> </span><span class="hl-identifier">Matt</span><span class="hl-code"> </span><span class="hl-identifier">Gentile</span><span class="hl-code"> - </span><span class="hl-identifier">CEO</span><span class="hl-code"> </span><span class="hl-identifier">of</span><span class="hl-code"> </span><span class="hl-identifier">Icondeposit.com</span><span class="hl-code"> </span><span class="hl-identifier">Re-sale</span><span class="hl-code"> </span><span class="hl-identifier">and</span><span class="hl-code"> </span><span class="hl-identifier">or</span><span class="hl-code"> </span><span class="hl-identifier">Re-distribution</span><span class="hl-code"> </span><span class="hl-identifier">is</span><span class="hl-code"> </span><span class="hl-identifier">strictly</span><span class="hl-code"> </span><span class="hl-identifier">prohibited</span><span class="hl-code">. </span><span class="hl-identifier">If</span><span class="hl-code"> </span><span class="hl-identifier">used</span><span class="hl-code"> </span><span class="hl-identifier">elsewhere</span><span class="hl-code">, </span><span class="hl-identifier">remember</span><span class="hl-code"> </span><span class="hl-identifier">to</span><span class="hl-code"> </span><span class="hl-identifier">link</span><span class="hl-code"> </span><span class="hl-identifier">back</span><span class="hl-code"> </span><span class="hl-identifier">to</span><span class="hl-code"> </span><span class="hl-identifier">Icondeposit.com</span><span class="hl-code"> - </span><span class="hl-identifier">Enjoy</span><span class="hl-code"> - - </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; /</span><span class="hl-identifier">*</span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0.1</span><span class="hl-string">em</span><span class="hl-code"> </span><span class="hl-number">0.2</span><span class="hl-string">em</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">border:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; /</span><span class="hl-identifier">*</span><span class="hl-reserved">float:</span><span class="hl-code"> </span><span class="hl-string">left</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-string">transparent</span><span class="hl-code"> !important</span><span class="hl-code">; </span><span class="hl-reserved">border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">moz-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">o-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">box-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">moz-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">o-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-brackets">{</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-string">transparent</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">border:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:active</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">box-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">moz-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">o-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdb.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdbhover.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:active</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdbactive.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bold</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">132</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-italic</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">154</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-underline</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">176</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-strikethrough</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">198</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-teletype</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">220</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-quote</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">242</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-superscript</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">264</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-subscript</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">286</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-raw</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">308</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-hr</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">330</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-div</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">352</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloat</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">374</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloatleft</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">396</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloatright</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">418</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-divwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">440</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-table</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">440</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-toc</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">462</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-uri</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">484</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-uriwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">506</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-pagelink</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">528</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-pagelinkwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">550</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-image</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">572</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-imagewiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">594</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-video</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">616</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-audio</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">638</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-code</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">660</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-codewiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">682</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-numlist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">704</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bullist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">726</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-incindent</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">748</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-decindent</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">770</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-deflist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">792</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-footnote</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">814</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-math</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">836</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-mathinline</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">858</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-eqref</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">880</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bib</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">902</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bibcite</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">924</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h1</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h2</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">22</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h3</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">44</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h4</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">66</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h5</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">88</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h6</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">110</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-html</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">946</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-code"> - - </span><span class="hl-identifier">End</span><span class="hl-code"> </span><span class="hl-identifier">New</span><span class="hl-code"> </span><span class="hl-identifier">Wikidot</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> + </span><span class="hl-identifier">Site</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> </span><span class="hl-identifier">Buttons</span><span class="hl-code"> - - </span><span class="hl-identifier">*</span><span class="hl-code">/</span> </pre> <p>The Stylesheet attatched is for Wikidot stylesheets only. If you would like to upload these buttons and use them elsewhere such as on Wordpress and on any other content management systems, you will have to customize the CSS yourself to fit the CMS you are using.</p> <p>Re-sale and or redistribution is forbidden.</p> <p>If used elsewhere, remember to always link back to Icondeposit.com or this post.</p> <p>- Enjoy :)</p> button buttons css Wikidot Editor Buttons
Base layer for the shape and effects, 2 layers with 1px lines, the text layer, the background and a adjustment layer. Don't know why I made it. graphics button shape Buy More Button
<p>These are the newest set of Wikidot Editor Buttons. Everything was carefully hand crafted pixel by pixel. I included a CSS stylesheet for the coding of the "sprite" images, all you need to do is just upload the sprite images to your site and place the CSS at the bottom of your Stylesheet. I also included a fully layered well organized PSD file for everyone so you can customize these buttons how ever you'd like.</p> <p>I will also be using these buttons in the new Wikidot CSS theme I am creating. Please refer to the Wikidot Community for more detailed info about this new theme and the release date. So for now, please enjoy these buttons as a preview of the new theme.</p> <h3><span>The CSS:</span></h3> <div class="code"> <div class="hl-main"> <pre> <span class="hl-code">/</span><span class="hl-identifier">*</span><span class="hl-code"> - - </span><span class="hl-identifier">Start</span><span class="hl-code"> </span><span class="hl-identifier">New</span><span class="hl-code"> </span><span class="hl-identifier">Wikidot</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> + </span><span class="hl-identifier">Site</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> </span><span class="hl-identifier">Buttons</span><span class="hl-code"> </span><span class="hl-identifier">The</span><span class="hl-code"> </span><span class="hl-identifier">Design</span><span class="hl-code"> </span><span class="hl-identifier">was</span><span class="hl-code"> </span><span class="hl-identifier">created</span><span class="hl-code"> </span><span class="hl-identifier">by</span><span class="hl-code"> </span><span class="hl-identifier">Matt</span><span class="hl-code"> </span><span class="hl-identifier">Gentile</span><span class="hl-code"> - </span><span class="hl-identifier">CEO</span><span class="hl-code"> </span><span class="hl-identifier">of</span><span class="hl-code"> </span><span class="hl-identifier">Icondeposit.com</span><span class="hl-code"> </span><span class="hl-identifier">Re-sale</span><span class="hl-code"> </span><span class="hl-identifier">and</span><span class="hl-code"> </span><span class="hl-identifier">or</span><span class="hl-code"> </span><span class="hl-identifier">Re-distribution</span><span class="hl-code"> </span><span class="hl-identifier">is</span><span class="hl-code"> </span><span class="hl-identifier">strictly</span><span class="hl-code"> </span><span class="hl-identifier">prohibited</span><span class="hl-code">. </span><span class="hl-identifier">If</span><span class="hl-code"> </span><span class="hl-identifier">used</span><span class="hl-code"> </span><span class="hl-identifier">elsewhere</span><span class="hl-code">, </span><span class="hl-identifier">remember</span><span class="hl-code"> </span><span class="hl-identifier">to</span><span class="hl-code"> </span><span class="hl-identifier">link</span><span class="hl-code"> </span><span class="hl-identifier">back</span><span class="hl-code"> </span><span class="hl-identifier">to</span><span class="hl-code"> </span><span class="hl-identifier">Icondeposit.com</span><span class="hl-code"> - </span><span class="hl-identifier">Enjoy</span><span class="hl-code"> - - </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; /</span><span class="hl-identifier">*</span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0.1</span><span class="hl-string">em</span><span class="hl-code"> </span><span class="hl-number">0.2</span><span class="hl-string">em</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">border:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; /</span><span class="hl-identifier">*</span><span class="hl-reserved">float:</span><span class="hl-code"> </span><span class="hl-string">left</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-string">transparent</span><span class="hl-code"> !important</span><span class="hl-code">; </span><span class="hl-reserved">border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">moz-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">o-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">box-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">moz-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">o-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-brackets">{</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-string">transparent</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">border:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:active</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">box-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">moz-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">o-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdb.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdbhover.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:active</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdbactive.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bold</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">132</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-italic</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">154</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-underline</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">176</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-strikethrough</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">198</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-teletype</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">220</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-quote</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">242</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-superscript</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">264</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-subscript</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">286</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-raw</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">308</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-hr</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">330</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-div</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">352</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloat</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">374</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloatleft</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">396</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloatright</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">418</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-divwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">440</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-table</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">440</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-toc</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">462</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-uri</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">484</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-uriwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">506</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-pagelink</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">528</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-pagelinkwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">550</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-image</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">572</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-imagewiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">594</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-video</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">616</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-audio</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">638</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-code</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">660</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-codewiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">682</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-numlist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">704</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bullist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">726</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-incindent</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">748</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-decindent</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">770</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-deflist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">792</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-footnote</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">814</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-math</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">836</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-mathinline</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">858</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-eqref</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">880</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bib</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">902</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bibcite</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">924</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h1</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h2</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">22</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h3</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">44</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h4</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">66</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h5</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">88</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h6</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">110</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-html</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">946</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-code"> - - </span><span class="hl-identifier">End</span><span class="hl-code"> </span><span class="hl-identifier">New</span><span class="hl-code"> </span><span class="hl-identifier">Wikidot</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> + </span><span class="hl-identifier">Site</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> </span><span class="hl-identifier">Buttons</span><span class="hl-code"> - - </span><span class="hl-identifier">*</span><span class="hl-code">/</span> </pre> <p>The Stylesheet attatched is for Wikidot stylesheets only. If you would like to upload these buttons and use them elsewhere such as on Wordpress and on any other content management systems, you will have to customize the CSS yourself to fit the CMS you are using.</p> <p>Re-sale and or redistribution is forbidden.</p> <p>If used elsewhere, remember to always link back to Icondeposit.com or this post.</p> <p>- Enjoy :)</p> button buttons css Wikidot Editor Buttons