sammyshp / css3-github-buttons

Helps you easily create GitHub-style buttons and toolbars using links, buttons, and inputs.

CSS3 GitHub Buttons

github-like buttons with CSS.

Examples

A full manual with detailed examples can be found in index.html.

<a href="#" class="button">Post comment (link)</a>
<input class="button" type="submit" value="Post comment (input)">
<button class="button" type="submit">Post comment (button)</button>

<a href="#" class="button danger">Delete post</a>
<a href="#" class="button positive">Publish post</a>

<a href="#" class="button big">Create Project</a>

<div class="button-container">
    <a href="#" class="button primary">Compose new</a>
    
    <div class="button-group">
        <a href="#" class="button primary">Archive</a>
        <a href="#" class="button">Report spam</a>
        <a href="#" class="button danger">Delete</a>
    </div>
                        
    <div class="button-group minor-group">
        <a href="#" class="button">Move to</a>
        <a href="#" class="button">Labels</a>
    </div>
</div>

<a href="#" class="button icon search">Search</a>

Browser compatibility

Firefox 3.5+, Google Chrome, Safari 4+, IE 8+, Opera 10+.

Note: Some CSS3 features are not supported in older versions of Opera and versions of Internet Explorer prior to IE 8. The use of icons is not supported in IE 6 or IE 7.

License

Public domain: http://unlicense.org

Acknowledgements

Forked from Nicolas Gallagher, who was inspired by Michael Henriksen's CSS3 Buttons.