Skip to content

Instantly share code, notes, and snippets.

@chrisjaure

chrisjaure/dabblet.css

Created March 12, 2012 02:24
Show Gist options
  • Save chrisjaure/2019329 to your computer and use it in GitHub Desktop.
Save chrisjaure/2019329 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. chrisjaure created this gist Mar 12, 2012.
    42 changes: 42 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,42 @@
    /**
    * cool buttons
    */

    body {
    background: #fefefe;
    }

    ul {
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    display: inline-block;
    margin: 0;
    padding: 0 0 0 4px;
    border-radius: 5px;
    border-top: solid 1px #ccc;
    }
    li {
    display: inline-block;
    list-style: none;
    padding: 8px 15px;
    background: #eee;
    background-clip: padding-box;
    margin-left: -4px;
    border: solid 1px #ccc;
    border-top-color: #fff;
    border-right-width: 0;
    transition: box-shadow 300ms;
    cursor: pointer;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    }
    li:first-child {
    border-radius: 5px 0 0 5px;
    }
    li:last-child {
    border-radius: 0 5px 5px 0;
    border-right-width: 1px;
    }
    li:hover {
    background: linear-gradient(#eee, #ddd);
    box-shadow: 0 18px 14px -8px rgba(255,255,255,0.4);
    }
    5 changes: 5 additions & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    <ul>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    </ul>
    1 change: 1 addition & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split-vertical","seethrough":"","prefixfree":"1","page":"all"}