Skip to content

Instantly share code, notes, and snippets.

@bertobox

bertobox/dabblet.css

Created September 23, 2014 15:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bertobox/b9d32145b2ed0c70da1d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bertobox/b9d32145b2ed0c70da1d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. bertobox created this gist Sep 23, 2014.
    36 changes: 36 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,36 @@
    /**
    * Ejercicio con mi nombre - posicionamiento absoluto
    */

    /**
    * Roberto Valencia
    * ejercicio CSS con mi nombre,
    * inspirado en el ejercicio de Jon Tangerine
    *
    * Courier Regular
    *
    * R - 72px
    * o - 12px
    * b - 12px
    * e - 27px
    * r - 29px
    * t - 22px
    * o - 9px
    */
    .envoltura {
    width: 120px;
    height: 72px;
    background-color: #ddd;
    position: relative;
    font-family:Courier,monospace;
    margin-left: 40px;
    margin-top: 40px;
    }
    .letra{font-weight: normal;position: absolute;}
    .R{font-size: 108px;top:-30px;}
    .o_primera{font-size: 18px;left:50px;top:30px;}
    .b{font-size: 18px;left:62px;top:35px;}
    .e{font-size: 41px;left:65px;top:6px;}
    .r_segunda{font-size: 43.5px;left:77px;top:16px;}
    .t{font-size: 33px;left:99px;top:27px;}
    .o_segunda{font-size: 13.5px;left:109px;top:26px;}
    9 changes: 9 additions & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    <h1 class="envoltura">
    <span class="letra R">R</span>
    <span class="letra o_primera">o</span>
    <span class="letra b">b</span>
    <span class="letra e">e</span>
    <span class="letra r_segunda">r</span>
    <span class="letra t">t</span>
    <span class="letra o_segunda">o</span>
    </h1>
    1 change: 1 addition & 0 deletions dabblet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    // alert('Hello world!');
    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","fontsize":"110","seethrough":"","prefixfree":"1","page":"all"}