Here's a UI Kit I've been working on-and-off with for a while. Really enjoyed making it. Your thoughts are welcome :) ui interface button Free PSD: Ui Kit
Introducing a sleek and refreshing business card design template with a vibrant green color scheme, inspired by the essence of health. Featuring a captivating silhouette of a yoga practitioner and complemented by an eclectic typeface, this design is perfectly suited for yoga professionals. Set against a backdrop of a mesmerizing yoga pattern, this template exudes a sense of calm and serenity. Elevate your presence as a yoga teacher with this captivating design. Enjoy the harmonious blend of style and wellness! yoga business-card template Yoga Biz Card Green Template
This lawyer profession business card features a creatively designed, stylish appearance with a dark color scheme. Abstract shapes are incorporated within horizontal embossing lines positioned at the top and bottom, set against a black background. The middle section showcases personal and professional information in a beautiful typeface, while the footer displays contact details. Enjoy this eye-catching card design! lawyer black dark Gothic Legal Business Card
This collection offers a vibrant and geometric design that is perfect for various stationery items such as folders, letter envelopes, disc covers, business cards, and even phone backgrounds. By utilizing these resources, you can create a unique and creative corporate identity for your brand. The set includes high-quality JPG files and is licensed under Commons 4.0 with an Attribution License. stationery design elements Colorful Office Elements
Check out this vibrant business stationery template adorned with a variety of essential office supplies and branding materials such as pencils, lighters, pen drives, notebooks, and more. With its eye-catching triangle pattern, this template is perfect for showcasing your designs to clients or experimenting with fresh ideas. Don't miss the opportunity to try it out! branding stationery set Office Branding Set
If you’re a designer who loves to play with color, then you will love our Step Origami Background freebie of the day! Explore the simple craft of beautiful origami design and discover how your designs can come to life with the vibrant brilliance of this Step Origami Background freebie. Now you won’t have to explain important steps in a boring, traditional way, either on your website, or on pamphlets or presentations anymore! Not only will people find this Step Origami Background fun to look at but they will also be led through the steps quickly and easily. The art of origami centers around intricate folds and turns of the paper, which is made more alluring by the crafty use of colored, textured or patterned paper, similarly, this Step Origami Background freebie design follows the same principle, so it’s a visual treat both for the designer as well as the user. Enjoy this Step Origami Background freebie and download right away! background web forms backgrounds Step Origami Background
Create eye-catching flyers with dynamic bar charts and engaging infographics. Customize the design effortlessly by tweaking colors, text, and more. Perfect for all your promotional needs! flyer infographic template Modern Infographic Flyer
Introducing a dynamic business stationary template showcasing a range of essential office supplies and branding materials, including CDs, pens, lighters, pen drives, envelopes, mugs, notebooks, and much more. This versatile template boasts a captivating blue polygonal design, ready to be utilized as is or effortlessly customized to match your unique brand identity. Perfect for impressing clients with your design concepts or exploring innovative ideas. Don't miss out on this opportunity – give it a try today! branding stationary set Business Stationery Mockup
Get your hands on this massive collection of 15 unique business card templates inspired by restaurants and cafes, featuring a charming western style design. Each template showcases a variety of backgrounds, adorned with kitchen tools, signs, ornaments, and captivating artworks. Inside, you'll find sample text displayed in diverse colors and an array of stylish typefaces. Don't miss out on this opportunity to enhance your business cards with a touch of creativity and flair. Enjoy the possibilities! restaurant business-card western-style Western Cafe Card Set
Get your hands on this vibrant office supplies template showcasing an array of polygonal shapes. It includes everything from envelopes and notebooks to pendrives, CDs, business cards, pens, and even lighters. Whether you want to personalize it for your own use or present fresh designs to your clients, this template is the perfect choice. Don't miss out on the opportunity to give it a try! branding stationary set Business Stationery Mockup
This flat design showcases a vibrant flyer in customizable orange and blue tones. It offers ample space for your logo, titles, and text, accommodating all your needs. With multiple design options, you can choose between them or utilize both sides of the paper. Perfect for business flyers, posters, or any other promotional materials you require! flyer template design Flyer Design Kit
Create eye-catching flyers, brochures, and posters with our elegant flyer template. It showcases a sophisticated design with ribbon shapes and waves at the top and bottom. Personalize it by adding your company logo, titles, and text. Choose from editable tones of red and blue to suit your branding. Perfect for various promotional materials, this template is sure to impress your audience. flyer template design Waves Flyer Layout
Discover a captivating collection of pizza-themed insignias and emblems. With a diverse range of styles and shapes, you'll find the perfect design that resonates with your unique taste. pizza logo set Pizza Logos Set
Free PSD set containing 12 tillable website backgrounds. All backgrounds are separated into header, navigation, featured area and content to give you a great head start! All you have to do is to place your own text and images. These high quality backgrounds can perfectly suit various of websites both business and personal. The free PSD set contains 12 premade web ready backgrounds presented both in light and dark variations. We have done the hard work - all backgrounds are completely tillable, so you just have to choose your color and you’re ready to start designing your website. There’s also a fully layered web background which will help you to create your own images in just a few clicks! You can easily change colors, sizes and the position of all elements (header, navigation, featured area, content) Valuable free background set for everyone! Preview Resolution: 1600x1200File Format: PSDFile Size: 5.24 MBNumber of Items in Set: 12Author: Free PSD Files clean content featured area 12 Web Ready Backgrounds PSD Set
This isometric illustration showcases a bustling city harbor bay featuring a cruise ship, hotels, streets, and various other buildings. A high-quality JPG image is included with this offering. The illustration is available under the Commons 4.0 Attribution License. isometric harbour bay Isometric Harbour Bayscape
<p>Free PSD file presenting an office desk viewed from above. There are several objects placed on the desk - iPad, some papers, pen and of course, a coffee-cup. Highly detailed PSD illustration that could be applied to all kind of personal portfolios, CV templates, etc. We did our best to design a contemporary creation that will surely impress your clients, friends and family. All objects are separated, which means that you could take the iPad for example as a single graphic and use it on your creative projects - website designs, flyers, email templates, mobile templates, brochures, book covers, presentations, etc. We truly believe that we have designed an attractive, clean and sharp PSD illustration that could take your project to the top! Just open it with Adobe Photoshop and edit as you wish. You will not have any troubles at all, because we’ve properly grouped and named all layers. So, proceed to the download section to get all files instantly and for free!</p> <div id="attachment_4141" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4141" src="http://static.freepsdfiles.net/uploads/2012/08/Office_Desk_Free_PSD_Graphic_Preview_Big.jpg" alt="Office Desk Free PSD Graphic Preview Big" width="594" height="518"/><p class="wp-caption-text">Preview</p></div> <div id="attachment_4142" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4142" src="http://static.freepsdfiles.net/uploads/2012/08/Fully_Layered_PSD_Office_Desk_Graphic.jpg" alt="Fully Layered PSD Office Desk Graphic" width="594" height="498"/><p class="wp-caption-text">Fully Layered PSD Office Desk Graphic</p></div> <p><strong>Resolution: </strong>1200x900<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 3.65 MB<br/><strong>Number of Items in Set:</strong> 4<br/><strong>Author: </strong>Free PSD Files </p> background clean coffee cup Office Desk Free PSD Graphic
<p><img class="alignnone size-full wp-image-4636" alt="bar graph template dark Bar Graph Template" src="http://www.freebiesgallery.com/wp-content/uploads/2014/03/bar-graph-template-dark.png" width="1238" height="524" title="Bar Graph Template"/></p> <p><img class="alignnone size-full wp-image-4637" alt="bar graph template white Bar Graph Template" src="http://www.freebiesgallery.com/wp-content/uploads/2014/03/bar-graph-template-white.png" width="1238" height="524" title="Bar Graph Template"/></p> <p>If you’re looking for a bar graph template, we have just the right thing for you and something more! We’re giving you a set of two graph templates to choose from for all your statistical data presentation.</p> <p>With this <a href="http://www.freebiesgallery.com/tag/graph/">graph template</a>, which comes in two different colour themes, (one in white and the other in a slate grey colour) you can collect and present your data in a clear, attractive way. With the bars spaced evenly and broadly apart, it is very easy to assimilate and collect results from this bar graph template.</p> <p>Download this freebie today!</p> chart flat design graph Bar Graph Template
<p>When the data is large, its visual representation can be very useful. You cannot expect every user of the data or report to go through each and every figure or number and draw inferences themselves. That’s why we present the information through images and graphs.</p> <p>Graphs are very popular visual devices for representation of data, information and knowledge. Graphs can be used to portray raw data or indicate trends. This is much easier for a human eye to understand an image rather than a huge aggregation of disorganized numbers. Graphs are of many types, such as, line graphs, area graphs, pie charts, bar graphs etc.</p> <p>Today I’m going to post a psd of line and area graphs. Everything about this graph is customizable - be it the color scheme or the values or the very nature of graph (line or area). You can represent any variables and their values by making small changes to the featured psd. Such graphs are frequently used in presentations and executive summaries.</p> chart graph infographics Graph Design Template
High resolution glossy colorful business graph board for corporates, financial and other business related website, easy resizable 128px X 128px size icon included business graph pie chart business board Business graph board
Posted Oct 2, 2011. by Vecto2000 Vector Stock Transparent background style for space information 3d ad advertisement Transparent plane on white
<p>Narrative summaries are always good. They are handy even if lots of details are required. What can be even better is if you could slip in a few , u"’": uvisuals’ in the form of pictures, illustrations, or <a href="http://www.freebiesgallery.com/tag/graph/">graphs</a>. They can give you a bird’s eye view or the big picture that doesn’t need obtuse writing to make sense. Such graphic information is all the more useful in executive summaries. One look can give all the information that has been processed through tons and tons of data.</p> <p>Today’s PSD template is a commonly used graph chart that can be incorporated in app and web application dashboards. All elements, as always, are editable that you can play around to make the changes you require.</p> <p>Happy designing!</p> chart graph infographics Graph Chart PSD
Unusually, *yeah right* I found myself procrastinating a little yesterday, and today’s freebie is the result - a pretty little pie chart breaking down my activity chart pie chart business Pretty Little Pie Chart (PSD)
Corporate presentation for newly launch product promotion. Isolated back & white theme background with bubble effects. High resolution PSD Background. Stage Lighting for Announcement, product demo corporate presentation entertainment dark stage background Product Promotion Stage Lighting Background (PSD)
A photorealistic branding mock-up perfect to showcase your latest project. All objects in the PSD file are fully editable, including shadows, colors and background. And you can easily place your designs using smart objects. Enjoy branding mock-up stationery Identity / Branding MockUp
High resolution Map of the world created with Photoshop. Light blue shiny silhouette world map, on an abstract dark blue grid background. Great vector graphic for a screen presentations, business materials, print documents etc.<br/> Quality images and photos for your next website project & screen presentation <a target="_blank" style="color: #156dd9;" href="http://depositphotos.com/search-all/index.html">search for stock photos and images</a> world map planet earth background business icon Vector World map background (PSD)
This collection of backgrounds is suitable for posters, flyers and more. The textures and colors are on separate layers. You can easily get different effects just by changing the colors or the blending mode of the textures background paper poster 5 Wrinkled Poster Backgrounds
Today’s free download is web icons for e-commerce shopping website usage. The simple shopping set includes “add to cart” and “delete from cart” icons. They can fit to any e-commerce web-design. The images were made with vector shapes. The .PSD file has well hierarchy. It is ready to adapt with your needs. These icons are available as PNG images (128×128 px.) with transparent background for using straight on the web. Feel free to use them in any commercial or personal project. icons business finance Three shopping web icons (Free PSD)
4 seamless wall psd background pattern. Modify the size of the background according to your needs, apply on your web page or on other design project and you are set to go. They are also ideal to save and use as psd PAT pattern background wall Psd Wall Pattern Background Texture
Friends, as the New Year 2013 is upcoming, I thought I should wish my readers with a beautiful <strong>New Year’s wallpaper</strong> along with its PSD file. You can use the design to set it as your desktop or laptop’s wallpaper. You can even resize it to create your mobile phone wallpaper, or a smashing new year online / printed greeting card to send to your loved ones... the possibilities are up to you wallpaper background technology Happy New Year 2013 (PSD)
Friends, today’s design share is business growth graph chart for your business / financial purposes. The 3D graph comes in white and dark blue background web elements business finance Business growth graph (PSD)
Posted Oct 2, 2011. by Vecto2000 Vector Stock Transparent background style for space information 3d ad advertisement Transparent plane on white
Free collection of glossy graphic charts that can ideally fit any website needs. These free graphics can also be used as an icon for business cards, powerpoint presentation, brochures, flyers, posters, etc. They are useful to represent any business related graphs for growth, statistics, analytics or whatever you feel best. All layers are separated and grouped into smart objects to allow easy modifications of colors, shapes and styles. Preview File Format: PSDFile Size: 2.44 MBNumber of Items in Set: 9Author: Free PSD Files 3d analytics chart clean PSD Glossy Graphic Charts
Dark corporate theme design, print ready business card template in Photoshop PSD format. Noise black texture background with multicolor ribbon strip business finance template Business card template, dark theme
Free ripped paper PSD graphic designed in high resolution. We’ve created a realistic torn paper effect that could be useful for under construction templates and error pages. Ripped paper PSD templates are always needed both for web and print projects. Do you know that there’s a golden rule when it comes to web design? It’s , u"”": uthe content has to be presented attractively”. We encourage you to come up with a creative idea and display your images and text in an unique fashion. People love original ideas, that’s a sure way to provoke initial interest upon your visitors. And a ripper paper PSD graphic could help you a lot. Just think of the possibilities, you may put your images and text and it will look like they come from behind the wall! Cool, huh? Moreover, our ripper paper PSD goes completely free of charge. We love creating freebies and this one is a must have! You will definitely need a ripper effect one time or another. So, get our layered PSD file just by clicking the button below. We’ve properly named and grouped all layers, so it will be easy even for a newcomer to work with our graphics. And if you don’t need a ripper paper PSD now, you may need it in the near future. So it’s a smart move to grab it now and store the template in your personal PSD collection! Our ripper paper graphic features: Fully layered and organized PSD file. Realistic torn paper effect. Completely editable PSD template - change colors and shapes easily. Created in vector shapes which enables rescaling to any resolution. Perfect for banners, mobile applications, flyers, website designs, under construction templates and 404 error pages. Optimized file size. Be even more creative and combine our ripped paper PSD with these old paper backgrounds. Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed. Ripped Paper PSD Graphic Preview Big Fully Layered Ripped Paper PSD Graphic Resolution: 1680x1050pxFile Format: PSDFile Size: 0.495 MBNumber of Items in Set: 1Author: Free PSD Files 404 page template background clean Ripped Paper PSD Graphic
<h3>Free ripped paper PSD graphic designed in high resolution. We’ve created a realistic torn paper effect that could be useful for under construction templates and error pages.</h3> <p>Ripped paper PSD templates are always needed both for web and print projects. Do you know that there’s a golden rule when it comes to web design? It’s , u"”": uthe content has to be presented attractively”. We encourage you to come up with a creative idea and display your images and text in an unique fashion. People love original ideas, that’s a sure way to provoke initial interest upon your visitors. And a ripper paper PSD graphic could help you a lot. Just think of the possibilities, you may put your images and text and it will look like they come from behind the wall! Cool, huh? Moreover, our ripper paper PSD goes completely free of charge. We love creating freebies and this one is a must have! You will definitely need a ripper effect one time or another. So, get our layered PSD file just by clicking the button below. We’ve properly named and grouped all layers, so it will be easy even for a newcomer to work with our graphics. And if you don’t need a ripper paper PSD now, you may need it in the near future. So it’s a smart move to grab it now and store the template in your personal PSD collection!</p> <p><strong>Our ripper paper graphic features:</strong></p> <ul><li>Fully layered and organized PSD file.</li> <li>Realistic torn paper effect.</li> <li>Completely editable PSD template - change colors and shapes easily.</li> <li>Created in vector shapes which enables rescaling to any resolution.</li> <li>Perfect for banners, mobile applications, flyers, website designs, under construction templates and 404 error pages.</li> <li>Optimized file size.</li> </ul><p>Be even more creative and combine our ripped paper PSD with these <a title="Old Paper Set" href="http://web-backgrounds.net/paper-backgrounds/old-paper-set/" target="_blank">old paper backgrounds</a>.</p> <p><strong>Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed.</strong></p> <div id="attachment_4423" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4423" src="http://static.freepsdfiles.net/uploads/2012/09/Ripped_Paper_PSD_Graphic_Preview_Big.jpg" alt="Ripped Paper PSD Graphic Preview Big" width="594" height="687"/><p class="wp-caption-text">Ripped Paper PSD Graphic Preview Big</p></div> <div id="attachment_4424" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4424" src="http://static.freepsdfiles.net/uploads/2012/09/Fully_Layered_Ripped_Paper_PSD_Graphic.jpg" alt="Fully Layered Ripped Paper PSD Graphic" width="594" height="447"/><p class="wp-caption-text">Fully Layered Ripped Paper PSD Graphic</p></div> <p><strong>Resolution: </strong>1680x1050px<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 0.495 MB<br/><strong>Number of Items in Set:</strong> 1<br/><strong>Author: </strong>Free PSD Files </p> 404 page template background clean Ripped Paper PSD Graphic
Free pie chart PSD template designed in 3D style. Pie charts are the universal way for presenting information. That’s why we decided to come up with a pie chart PSD - to ease your efforts when displaying data. Free pie chart PSD released today for free download. We did our best to produce a clean and clear piechart. You know that when it comes to presenting information, you have to keep it as clear and clean as possible. People always need to present their information in an eye-catchy way. And the best way to display your data is to use a 3D pie chart. Pie charts are great for presenting proportions in an easy to understand manner. Moreover, people come across pie charts every day and they are used to pie charts. Generally, web designers prefer linear pie charts. But we think that 2D pie charts are out of fashion. That’s why we have designed a 3D pie chart featuring glossy effects and clean appearance. Be sure that by using our free pie chart PSD your information will look good! Our free pie chart PSD is fully layered and organized. We paid special attention to every layer and properly named all elements. Note that you will need Adobe Photoshop to edit the pie chart template. And of course, you have to be familiar with this graphics software in order to make any modifications. It’s pretty easy to change colors and styles. Just take your time to adjust the template with your own values. Our free pie chart PSD template is suitable for: Presentations Website designs Charts Graphs Diagrams Plans Sketches Drafts Free Pie Chart PSD Template Preview Big Fully Layered Pie Chart PSD Template Resolution: 1680x1050pxFile Format: PSDFile Size: 3.620 MBAuthor: Free PSD Files Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed. 3d 3d pie chart 3d render Free Pie Chart PSD Template
<p> Here's a UI Kit I've been working on-and-off with for a while. Really enjoyed making it. Your thoughts are welcome :) </p> ui interface button Free PSD: Ui Kit
Cool and simple looking white paper letters on a blue background. Download PSD template, to make your letters look natural pay attention to the different drop shadows and other layers styles blue decoration template Hanging text template (PSD)
A set of five folded paper backgrounds perfect for flyers and posters. Inside PSD file colors and textures are on separate layers, so you can easily edit and combine them according to your needs background paper poster 5 Folded Paper Backgrounds
<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
