Skip to content

Instantly share code, notes, and snippets.

@melihbuyuk

melihbuyuk/dabblet.css

Created May 4, 2012 17:07
Show Gist options
  • Save melihbuyuk/2596273 to your computer and use it in GitHub Desktop.
Save melihbuyuk/2596273 to your computer and use it in GitHub Desktop.
Download ZIP
A "deeper" indented text effect with the :before and :after pseudo-elements.
Raw
dabblet.css
/**
* A "deeper" indented text effect with the :before and :after pseudo-elements.
*/
html, body {
height: 100%;
}
body {
margin: 0;
background: #fff;
overflow: hidden;
}
Raw
dabblet.html
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<div class="row">
<div class="span5 ">
<div class="well">
<form class="">
<fieldset>
<div class="control-group">
<div class="controls docs-input-sizes">
<label>Pickup Location</label>
<select class="reservationselect" name="pickup_id">
<option value="1">West Los Angeles</option>
<option value="2">Santa Monica</option>
<option value="3">Lax/Inglewood</option>
</select>
<label>Drop-off Location</label>
<select class="reservationselect" name="dropoff_id">
<option value="1">West Los Angeles</option>
<option value="2">Santa Monica</option>
<option value="3">Lax/Inglewood</option>
</select>
<label>Pick-up date</label>
<select name="from_time" class="reservationdates span2">
<option value="07:00 am">07:00 AM</option>
<option value="07:30 am">07:30 AM</option>
<option value="08:00 am">08:00 AM</option>
<option value="08:30 am">08:30 AM</option>
<option value="09:00 am">09:00 AM</option>
<option value="09:30 am">09:30 AM</option>
<option value="10:00 am">10:00 AM</option>
<option value="10:30 am">10:30 AM</option>
<option value="11:00 am">11:000 AM</option>
<option value="11:30 am">11:30 AM</option>
<option value="12:00 pm">12:00 PM</option>
<option value="12:30 pm">12:30 PM</option>
<option value="01:00 pm">01:00 PM</option>
<option value="01:30 pm">01:30 PM</option>
<option value="02:00 pm">02:00 PM</option>
<option value="02:30 pm">02:30 PM</option>
<option value="03:00 pm">03:00 PM</option>
<option value="03:30 pm">03:30 PM</option>
<option value="04:00 pm">04:00 PM</option>
<option value="04:30 pm">04:30 PM</option>
<option value="05:00 pm">05:00 PM</option>
<option value="05:30 pm">05:30 PM</option>
<option value="06:00 pm">06:00 PM</option>
<option value="06:30 pm">06:30 PM</option>
</select>
<input class="input-small" type="text" placeholder=".input-small">
</div>
</div>
<div class="control-group">
<label>Drop-off date</label>
<select name="to_time" class="reservationdates input-small">
<option value="07:00 am">07:00 AM</option>
<option value="07:30 am">07:30 AM</option>
<option value="08:00 am">08:00 AM</option>
<option value="08:30 am">08:30 AM</option>
<option value="09:00 am">09:00 AM</option>
<option value="09:30 am">09:30 AM</option>
<option value="10:00 am">10:00 AM</option>
<option value="10:30 am">10:30 AM</option>
<option value="11:00 am">11:00 AM</option>
<option value="11:30 am">11:30 AM</option>
<option value="12:00 pm">12:00 PM</option>
<option value="12:30 pm">12:30 PM</option>
<option value="01:00 pm">01:00 PM</option>
<option value="01:30 pm">01:30 PM</option>
<option value="02:00 pm">02:00 PM</option>
<option value="02:30 pm">02:30 PM</option>
<option value="03:00 pm">03:00 PM</option>
<option value="03:30 pm">03:30 PM</option>
<option value="04:00 pm">04:00 PM</option>
<option value="04:30 pm">04:30 PM</option>
<option value="05:00 pm">05:00 PM</option>
<option value="05:30 pm">05:30 PM</option>
<option value="06:00 pm">06:00 PM</option>
<option value="06:30 pm">06:30 PM</option>
</select>
<input class="input-small" name="date_to" size="16" type="text" value="12-02-2012" readonly><span class="add-on"><i class="icon-th"></i></span>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary btn-large">Save changes</button>
</div>
</fieldset>
</form>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment