deac/chosen
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

chosen logo

Browse source
This commit is contained in:
Matthew Lettini 2011-07-14 14:28:44 -04:00
parent 0616f2af69
commit 68722b9070
5 changed files with 16 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
docsupport/.DS_Store vendored Normal file
View file

Binary file not shown.

BIN
docsupport/chosen.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
docsupport/header-bg.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 KiB

19
docsupport/style.css
View file

@ -20,21 +20,19 @@ pre, code, kbd, samp { font-family: monospace, sans-serif; }
body { background: #EEE; color: #444; line-height: 1.4em; }
header { background: #F36C00 url(header-bg.gif) repeat-x; height: 59px; min-width:780px; width: 100%; }
header div { margin: 0 auto; padding: 0 40px; width: 745px; }
header h1 { color:#FFF; font-size: 2em; height:59px; line-height: 59px; }
header a { color: white; float: right; font-size: .825em; line-height: 59px; }
header { background: #222; background: -moz-linear-gradient(center bottom , #222 0%, #444 80%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #222), color-stop(0.8, #444)); height: 59px; margin: 0 auto; padding: 0 50px; width: 740px; }
header h1 { color: white; font-size: 2em; line-height: 1.1em; text-indent: -5000px; display: inline-block; width: 109px; height: 27px; background: url(chosen.png); margin-top: 13px; }
header a { color: white; float: right; font-size: .825em; line-height: 60px; }
div#content { background: white; border: 1px solid #DDD; border-width: 0 1px 1px; margin: 0 auto; padding: 20px 40px 30px; width: 738px; }
div#content { background: white; border: 1px solid #ccc; border-width: 0 1px 1px; margin: 0 auto; padding: 40px 50px 40px; width: 738px; }
footer { color: #999; margin: 20px auto; padding: 0 20px; width: 745px; text-align:center; }
footer { color: #999; padding-top: 40px; font-size: 0.8em; text-align: center; }
body { font-family: sans-serif; font-size: 1em; }
p { margin: 1em 0; max-width: 700px; }
p { margin: 0 0 .7em; max-width: 700px; }
h1, h2 { font-family: Georgia, Times, serif; }
h2 { font-size: 1.25em; margin: 2.5em 0 .5em; border-bottom: 1px solid #999; padding-bottom: 5px; }
h2 { border-bottom: 1px solid #ccc; font-size: 1.2em; margin: 3em 0 1em 0; font-weight: bold;}
h3 { font-weight: bold; }
ul li { list-style: disc; margin-left: 1em; margin-bottom: 1.25em; }
@ -57,4 +55,5 @@ div.side-by-side > div > em { margin-bottom: 10px; display: block; }
visibility: hidden;
}
a { color: #F36C00; outline: none; }
a { color: #F36C00; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }

16
index.html
View file

@ -33,17 +33,13 @@
<body>
<div id="container">
<header>
<div>
<a href="http://www.getharvest.com/">Built by Harvest</a>
<h1>Chosen<h1>
</div>
<h1>Chosen</h1>
</header>
<div id="content">
<div id="container">
<p>Chosen is a javsacript plug-in makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.</p>
<p><a href="https://github.com/harvesthq/chosen/">Project page on GitHub</a></p>
<a href="https://github.com/harvesthq/chosen/">Project page on GitHub</a>
<h2>Standard Select</h2>
<div class="side-by-side clearfix">
@ -1070,13 +1066,15 @@
<p>All modern browsers are support (Firefox, Chrome, Safari and IE9). Legacy support for IE8 is also enabled.</p>
</li>
<ul>
<footer>
&copy; 2011 <a href="http://www.getharvest.com/">Harvest</a> - Chosen is licensed under the <a href="http://en.wikipedia.org/wiki/MIT_License">MIT license</a>.
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script src="chosen/chosen.proto.js"></script>
</div>
<footer>
&copy; 2011 <a href="http://www.getharvest.com/">Harvest</a> - Chosen is licensed under the <a href="http://en.wikipedia.org/wiki/MIT_License">MIT license</a>.
</footer>
</div>
</body>
</html>