Untitled

dabblet.css

body {
  font-family: freight-sans-pro;
  font-size: 40px;
  font-weight: 100;
  height: 100%;
  line-height: 140%;
  margin: 0;
  overflow: auto;
  padding: 0; }

a {
  text-decoration: none;
  color: inherit;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out;
}

a:hover {
  border-bottom: 3px solid rgba(0, 0, 0, .25);
}
  


  #main {
    padding: 100px 100px;
    width: auto; }

#border-top, #border-right, #border-bottom, #border-left {
  position: fixed;
  background: #504a58; }
#border-top, #border-bottom {
  height: 10px;
  width: 100%; }
#border-left, #border-right {
  height: 100%;
  width: 10px; }
#border-top {
  top: 0; }
#border-right {
  right: 0; }
#border-bottom {
  bottom: 0; }
#border-left {
  left: 0px; }

h1 {
  font-size: 36px;
 font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 700;}

  h2 {
  font-size: 24px;
 font-family: "museo-sans",helvetica;
font-style: normal;
font-weight: 300;
}

@media only screen and (max-width: 290px; height: 400px) {
        .container { width: 290px; height: 400px; }
        .container .columns,
        .container .column { margin: 0; }

        
   

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen {padding-left: 20px;
    padding-top: 30px}

    }

dabblet.html

<!-- Primary Page Layout
	================================================== -->

	
  <div id="border-top"></div>
  <div id="border-right"></div>
  <div id="border-bottom"></div>
  <div id="border-left"></div>

  <div id="main" role="main">
    <h1>MILES FITZGERALD</h1>
    <h2>
    <p>
      I'm a Designer &amp; Art Director living in New York City.<br>
      I'm currently leading UX/UI design at <a href="http://www.mavensay.com/">MavenSay</a>, I previously was at <a href="https://www.thecools.com">The Cools</a>.
    </p>
    <p>
      Follow me on <a class="twitter" href="https://twitter.com/milesfitzgerald">Twitter</a>, see my portfolio on <a class="cargo" href="http://cargocollective.com/milesfitzgerald">Cargo</a>,<br>
      or work in process via <a class="dribbble" href="http://dribbble.com/milesfitzgerald">Dribbble</a>.
    </p>
</h2>
  </div>


<!-- End Document
================================================== --><img width="62" height="25" src="http://use.typekit.net/badges/default.gif" class="typekit-badge" alt="Fonts by Typekit" title="Information about the fonts used on this site" style="position: fixed; z-index: 2000000000; right: 0px; bottom: 0px; cursor: pointer; border: 0px; content: none; display: inline; float: none; height: 25px; left: auto; margin: 0px; max-height: 25px; max-width: 62px; min-height: 25px; min-width: 62px; orphans: 2; outline: none; overflow: visible; padding: 0px; page-break-after: auto; page-break-before: auto; page-break-inside: auto; table-layout: auto; text-indent: 0px; top: auto; unicode-bidi: normal; vertical-align: baseline; visibility: visible; widows: 2; width: 65px;">

<div id="sbi_camera_button" class="sbi_search" style="left: 0px; top: 0px; position: absolute; width: 29px; height: 27px; border: none; margin: 0px; padding: 0px; z-index: 2147483647; display: none;"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}