Skip to content

Instantly share code, notes, and snippets.

View tilomitra's full-sized avatar
👋

Tilo Mitra tilomitra

👋
View GitHub Profile
<a href="#" class="yui3-button small">Smaller target.</a>
<a href="#" class="yui3-button large">Big click target</a>
<a href="#" class="yui3-button">Highlights</a>
<a href="#" class="yui3-button primary">Primary Button</a>
<a href="#" class="yui3-button error">Be Careful!</a>
<div class="yui3-popover top wide-popover">
<div class="yui3-g">
<div class="yui3-u-1-5 bolded">Finance:</div>
<div class="yui3-u-3-5"><strong>AAPL</strong> dropped <strong>5%</strong> to $612.26 in After Hours trading.</div>
<div class="yui3-u-1-5 rightAligned"><a href="#" class="small yui3-button">Full Chart</a></div>
</div>
<div class="yui3-g">
<div class="yui3-u-1-5 bolded">Messenger:</div>
<div class="yui3-u-3-5">3 unread messages from Chad Michaels.</div>
<div class="yui3-u-1-5 rightAligned"><a href="#" class="small yui3-button">Read</a></div>
<div class="yui3-popover bottom wide-popover">
<div class="yui3-g">
<div class="yui3-u-1-5 bolded">Yahoo! Mail</div>
<div class="yui3-u-3-5">You have 3 new messages.</div>
<div class="yui3-u-1-5 rightAligned"><a href="#" class="small yui3-button">Read</a></div>
</div>
<div class="yui3-arrow-border"></div>
<div class="yui3-arrow"></div>
</div>
@tilomitra
tilomitra / gist:4725701
Created February 6, 2013 20:50
yui3-popover html
<div class="yui3-popover right">
<div>
<p>You have no new notifications.</p>
<p>Receive notifications when you comment or discuss content with friends on Yahoo!</p>
<p><a href="#" class="yui3-button block">Learn More</a></p>
</div>
<div class="yui3-arrow-border"></div>
<div class="yui3-arrow"></div>
</div>
notifier.handle.evt.fire = function (e) {
var subs = this._subscribers.concat(this._afters),
args = Y.Array(arguments, 0, true),
i, len, halt;
for (i = 0, len = subs.length; i < len; ++i) {
halt = subs[i].notify(args, this);
// stopImmediatePropagation
if (halt === false || e.stopped > 1) {
@tilomitra
tilomitra / cssmodules-loading.html
Created January 10, 2013 22:02
This gist shows a basic HTML page that loads the gallerycss-cssform and gallerycss-csstable modules from the YUI Gallery.
<!DOCTYPE html>
<html>
<head>
<title>CSSForm and CSSTable</title>
<!--These CSS modules can be loaded from the YUI Gallery-->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/gallery-2013.01.09-23-24/build/gallerycss-cssform/gallerycss-cssform.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/gallery-2013.01.09-23-24/build/gallerycss-csstable/gallerycss-csstable.css">
</head>
<body class='yui3-skin-sam'>
</body>
@tilomitra
tilomitra / gist:4447736
Created January 3, 2013 21:55
Rounded Inputs
<input type="text" class="yui3-input-medium yui3-input-rounded">
@tilomitra
tilomitra / gist:4447733
Created January 3, 2013 21:54
Disabled Input
<input class="yui3-input-xlarge" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>