Skip to content

Instantly share code, notes, and snippets.

View tilomitra's full-sized avatar
👋

Tilo Mitra tilomitra

👋
View GitHub Profile
<div class="yui3-input-prepend">
<button type="submit" class="yui3-button yui3-input-small">Search</button>
<input class="yui3-input-medium" type="text" placeholder="Length of road">
</div>
<div class="yui3-input-append">
<input class="yui3-input-medium" type="text" placeholder="Length of road">
<button type="submit" class="yui3-button yui3-input-small notice">Sign in</button>
</div>
<div class="yui3-input-prepend">
<span class="yui3-addon">@</span>
<input class="yui3-input-medium" type="text" placeholder="Username">
</div>
<div class="yui3-input-append">
<input class="yui3-input-medium" type="text" placeholder="Length of road">
<span class="yui3-addon">miles to go</span>
</div>
@tilomitra
tilomitra / custom-calendar.html
Created March 1, 2013 21:11
A custom calendar that lets you select multiple calendar without clicking on any keyboard keys
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body class="yui3-skin-sam">
<div id="myCal"></div>
<script src="http://yui.yahooapis.com/3.8.1/build/yui/yui-debug.js"></script>
<ul class="yui3-paginator">
<li><a class="yui3-button prev" href="#">&#171;</a></li>
<li><a class="yui3-button" href="#">1</a></li>
<li><a class="yui3-button yui3-button-active" href="#">2</a></li>
<li><a class="yui3-button" href="#">3</a></li>
<li><a class="yui3-button" href="#">4</a></li>
<li><a class="yui3-button" href="#">5</a></li>
<li><a class="yui3-button next">&#187;</a></li>
</ul>
<div class="yui3-menu yui3-menu-horizontal yui3-menu-fixed">
<ul class="yui3-menu-dark">
<li class="yui3-menu-active"><a href="#">Home</a></li>
<li><a href="#">Github</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">YUI</a></li>
</ul>
</div>
<div id="horizontal-menu">
<ul id="std-menu-items">
<li class="yui3-menu-active"><a href="#">Flickr</a></li>
<li><a href="#">Messenger</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Finance</a></li>
<li>
<a href="#">Other</a>
<ul>
<li class="yui3-menu-heading">More from Yahoo!</li>
<div class="yui3-menu yui3-menu-open">
<ul>
<li class="yui3-menu-heading">Yahoo! Sites</li>
<li class="yui3-menu-separator"></li>
<li class="yui3-menu-active"><a href="#">Home</a></li>
<li><a href="#">Flickr</a></li>
<li><a href="#">Messenger</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Finance</a></li>
</ul>
@tilomitra
tilomitra / basic-menu.html
Last active December 14, 2015 01:39
basic-menu
<div class="yui3-menu yui3-menu-open yui3-menu-horizontal">
<a href="#" class="yui3-menu-heading">Site Title</a>
<ul>
<li><a href="#">Home</a></li>
<li class="yui3-menu-active"><a href="#">Flickr</a></li>
<li><a href="#">Messenger</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Finance</a></li>
<li class="yui3-menu-disabled"><a href="#">Disabled</a></li>
</ul>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Normalize.css: Audio on Android</title>
<meta name="url" content="http://db.tt/LGAblCWx">
<style>
/*
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Normalize.css: Audio on Android</title>
<meta name="url" content="http://db.tt/LGAblCWx">
<style>
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`