Skip to content

Instantly share code, notes, and snippets.

@dziudek

dziudek/dabblet.css

Created June 16, 2012 00:29
Show Gist options
  • Save dziudek/2939353 to your computer and use it in GitHub Desktop.
Save dziudek/2939353 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
.circle {
background: #fff;
margin: 50px 25px;
width: 24px;
height: 24px;
border: 12px solid #f55;
border-radius: 50%;
float:left;
position: relative;
}
.text {
border-left: 12px solid #f55;
float:left;
margin: 50px 0 50px -55px;
padding: 0 0 0 55px;
line-height: 48px;
font-size: 32px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}
.text h1 {
font-size: 32px;
line-height: 48px;
margin: 0;
font-weight: 700;
}
.text h1 strong {
color: #f55;
}
.text small {
display: block;
font-size: 24px;
width: 500px;
line-height: 32px
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,300,600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<div class="circle"></div>
<div class="text">
<h1>Lorem ipsum <strong>dolor</strong> sit amet</h1>
<small>Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo.</small>
</div>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment