Skip to content

Instantly share code, notes, and snippets.

@jonbjornn
Last active August 29, 2015 13:56

Revisions

  1. jonbjornn renamed this gist Mar 4, 2014. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  2. jonbjornn revised this gist Mar 4, 2014. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    Stitched CSS Effect
    ------------------
    Basic CSS Effect for a button or div, or whatever really.
  3. jonbjornn revised this gist Mar 3, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions index.html
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    <html>
    <link rel="stylesheet" type="text/css" href="main.css">
    <div class="stitched">

    Stitched
  4. jonbjornn revised this gist Mar 3, 2014. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion index.html
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,7 @@
    <html>
    <div class="stitched">

    Stitched

    </div>
    </div>
    </html>
  5. jonbjornn created this gist Mar 3, 2014.
    5 changes: 5 additions & 0 deletions index.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    <div class="stitched">

    Stitched

    </div>
    14 changes: 14 additions & 0 deletions main.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    .stitched {
    padding: 20px;
    margin: 10px;
    background: #ff0030;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    border: 2px dashed #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    text-shadow: -1px -1px #aa3030;
    font-weight: normal;
    }