|
@ -1,358 +0,0 @@
|
|||
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
|
@ -0,0 +1 @@
|
|||
Moved to gh-pages branch (for GitHub pages).
|
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 9.9 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 612 B |
Before Width: | Height: | Size: 7.6 KiB |
Before Width: | Height: | Size: 124 B |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 624 B |
Before Width: | Height: | Size: 346 B |
Before Width: | Height: | Size: 254 B |
Before Width: | Height: | Size: 237 B |
Before Width: | Height: | Size: 9.7 KiB |
Before Width: | Height: | Size: 141 B |
Before Width: | Height: | Size: 7.8 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 8.8 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 124 B |
|
@ -1,147 +0,0 @@
|
|||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>PhantomJS: Headless WebKit with JavaScript API</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="screen.min.css">
|
||||
<script type="text/javascript">
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-21665893-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="intro">
|
||||
<div id="header" class="container_12">
|
||||
<a href="http://www.phantomjs.org/" class="grid_4 alpha"><img src="images/phantomjs-logo.png" alt="PhantomJS" id="logo" width="240" height="80"></a>
|
||||
<ul id="nav" class="grid_8 omega">
|
||||
<li><a href="http://code.google.com/p/phantomjs/wiki/SourceCode?tm=4">Source Code</a></li>
|
||||
<li><a href="http://code.google.com/p/phantomjs/wiki/PhantomJS?tm=6">Documentation</a></li>
|
||||
<li><a href="http://code.google.com/p/phantomjs/wiki/Interface">API</a></li>
|
||||
<li><a href="http://code.google.com/p/phantomjs/wiki/QuickStart">Examples</a></li>
|
||||
<li><a href="http://code.google.com/p/phantomjs/wiki/FAQ">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="introduction" class="container_12">
|
||||
<div class="grid_7 alpha">
|
||||
<h1>
|
||||
Full web stack<br>
|
||||
No browser required
|
||||
</h1>
|
||||
<p class="explanation">
|
||||
PhantomJS is a headless WebKit with JavaScript API.
|
||||
It has <strong>fast</strong> and <strong>native</strong> support for various web standards:
|
||||
DOM handling, CSS selector, JSON, Canvas, and SVG.<br>
|
||||
PhantomJS is created by <a href="http://twitter.com/AriyaHidayat">Ariya Hidayat</a>.
|
||||
</p>
|
||||
<p class="action">
|
||||
<a href="http://code.google.com/p/phantomjs/downloads/list" id="download">Download <span class="version">v1.5</span></a>
|
||||
<a href="http://code.google.com/p/phantomjs/wiki/QuickStart">Get started</a>
|
||||
</p>
|
||||
</div>
|
||||
<div id="intro-example" class="grid_5 omega">
|
||||
<pre class="solarized">
|
||||
<strong>Simple Javascript example</strong>
|
||||
|
||||
<span class="object">console</span>.<span class="function">log</span>(<span class="literal">'Loading a web page'</span>);
|
||||
var <span class="object">page</span> = new <span class="object">WebPage</span>();
|
||||
var <span class="object">url</span> = <span class="literal">"http://www.phantomjs.org/"</span>;
|
||||
<span class="object">page</span>.<span class="function">open</span>(url, <span class="function">function</span> (status) {
|
||||
<span class="comment">//Page is loaded!</span>
|
||||
<span class="object">phantom</span>.<span class="function">exit</span>();
|
||||
});</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="community">
|
||||
<h2>Community:</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://code.google.com/p/phantomjs/wiki/ReleaseNotes" id="link-release">Read the release notes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://groups.google.com/forum/#!forum/phantomjs" id="link-ml">Join the mailing list</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://code.google.com/p/phantomjs/issues" id="link-bugs">Report bugs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="description" class="container_12">
|
||||
<h2>PhantomJS is an optimal solution for</h2>
|
||||
<div id="feature-01" class="feature grid_3 alpha">
|
||||
<h3>Headless Website Testing</h3>
|
||||
<div>
|
||||
<p>
|
||||
Run functional tests with frameworks such as Jasmine, QUnit or CasperJS.
|
||||
<br>
|
||||
<a href="http://code.google.com/p/phantomjs/wiki/TestFrameworkIntegration">Learn more</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="feature-02" class="feature grid_3">
|
||||
<h3>Site Scraping</h3>
|
||||
<div>
|
||||
<p>
|
||||
Access and manipulate webpages
|
||||
with the standard DOM API, or with
|
||||
usual libraries like jQuery.
|
||||
<br>
|
||||
<a href="http://code.google.com/p/phantomjs/wiki/QuickStart#DOM_Manipulation">Learn more</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="feature-03" class="feature grid_3">
|
||||
<h3>SVG Rendering</h3>
|
||||
<div>
|
||||
<p>
|
||||
Render SVG graphics with the built-in Webkit rendering engine.
|
||||
<br>
|
||||
<a href="http://code.google.com/p/phantomjs/wiki/QuickStart#Rendering">Learn more</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="feature-04" class="feature grid_3 omega">
|
||||
<h3>Network Monitoring</h3>
|
||||
<div>
|
||||
<p>
|
||||
Monitor page speed loading. Export as standard HAR files.
|
||||
<br>
|
||||
<a href="http://code.google.com/p/phantomjs/wiki/QuickStart#Network_traffic">Learn more</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="feature-end" class="grid_12">
|
||||
<p>
|
||||
PhantomJS can also integrate with webservices (XML, JSONP, YQL) and with test frameworks (Jasmine, QUnit).
|
||||
<a href="http://code.google.com/p/phantomjs/wiki/QuickStart">See more examples</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<div id="footer-content" class="container_12">
|
||||
<p>
|
||||
© Copyright 2010-2012 <a href="http://twitter.com/AriyaHidayat">Ariya Hidayat</a> — Website design by <a href="http://svay.com/">Maurice Svay</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="http://github.com/ariya/phantomjs"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/bec6c51521dcc8148146135149fe06a9cc737577/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>
|
||||
</body>
|
||||
</html>
|
|
@ -1,211 +0,0 @@
|
|||
/* `XHTML, HTML4, HTML5 Reset
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
dialog,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
font,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
hgroup,
|
||||
hr,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
meter,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
progress,
|
||||
q,
|
||||
rp,
|
||||
rt,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video,
|
||||
xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
/*
|
||||
Override the default (display: inline) for
|
||||
browsers that do not recognize HTML5 tags.
|
||||
|
||||
IE8 (and lower) requires a shiv:
|
||||
http://ejohn.org/blog/html5-shiv
|
||||
*/
|
||||
display: block;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
/*
|
||||
Makes browsers agree.
|
||||
IE + Opera = font-weight: bold.
|
||||
Gecko + WebKit = font-weight: bolder.
|
||||
*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
/*
|
||||
For IE.
|
||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
||||
*/
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li {
|
||||
/*
|
||||
For IE6 + IE7:
|
||||
|
||||
"display: list-item" keeps bullets from
|
||||
disappearing if hasLayout is triggered.
|
||||
*/
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th,
|
||||
td,
|
||||
caption {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup,
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
svg {
|
||||
/*
|
||||
For IE9. Without, occasionally draws shapes
|
||||
outside the boundaries of <svg> rectangle.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
|
@ -1,215 +0,0 @@
|
|||
/*
|
||||
Credits
|
||||
Icons from: http://www.smashingmagazine.com/2011/12/29/freebie-free-vector-web-icons-91-icons/
|
||||
*/
|
||||
@import "reset.css";
|
||||
@import "960_12_col.css";
|
||||
|
||||
body {
|
||||
font-family: 'Droid Sans', 'Lucida Grande', sans-serif;
|
||||
line-height: 1.125em;
|
||||
}
|
||||
|
||||
#intro {
|
||||
background: #43413e;
|
||||
color: #FFF;
|
||||
}
|
||||
#header {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
#logo {
|
||||
|
||||
}
|
||||
|
||||
#nav {
|
||||
text-align: right;
|
||||
padding-top: 36px;
|
||||
}
|
||||
#nav li {
|
||||
display: inline;
|
||||
}
|
||||
#nav a {
|
||||
color: #e1e0dc;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin: 0 1em;
|
||||
}
|
||||
#nav a:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#introduction {
|
||||
padding: 36px 0;
|
||||
}
|
||||
#introduction a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#introduction h1 {
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
font-size: 2.25em;
|
||||
line-height: 1em;
|
||||
text-shadow: 0 -1px 0 #000;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
#introduction .explanation {
|
||||
margin: 1em 0 2em 0;
|
||||
font-size: 0.875em;
|
||||
color: #e1e0dc;
|
||||
}
|
||||
#introduction .action a {
|
||||
display: inline-block;
|
||||
line-height: 54px;
|
||||
color: #FFF;
|
||||
font-size: 1.5em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
#download {
|
||||
text-decoration: none;
|
||||
height: 54px;
|
||||
padding: 0 1em;
|
||||
|
||||
border: 1px solid #004513;
|
||||
border-radius: 4px;
|
||||
|
||||
background: #7da21a;
|
||||
background: -moz-linear-gradient(top, #afe225 0%, #7da21a 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afe225), color-stop(100%,#7da21a));
|
||||
background: -webkit-linear-gradient(top, #afe225 0%,#7da21a 100%);
|
||||
background: -o-linear-gradient(top, #afe225 0%,#7da21a 100%);
|
||||
background: -ms-linear-gradient(top, #afe225 0%,#7da21a 100%);
|
||||
background: linear-gradient(top, #afe225 0%,#7da21a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afe225', endColorstr='#7da21a',GradientType=0 );
|
||||
|
||||
font-weight: bold;
|
||||
text-shadow: 0 -1px 0 #3d9700;
|
||||
box-shadow: ;
|
||||
|
||||
-webkit-box-shadow:
|
||||
inset 0px 2px 0px 0px #def67e,
|
||||
0px 2px 5px rgba(0,0,0,.2);
|
||||
-moz-box-shadow:
|
||||
inset 0px 2px 0px 0px #def67e,
|
||||
0px 2px 5px rgba(0,0,0,.2);
|
||||
box-shadow:
|
||||
inset 0px 2px 0px 0px #def67e,
|
||||
0px 2px 5px rgba(0,0,0,.2);
|
||||
}
|
||||
#download:hover {
|
||||
background: #97bd38;
|
||||
background: -moz-linear-gradient(top, #bef038 0%, #97bd38 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bef038), color-stop(100%,#97bd38));
|
||||
background: -webkit-linear-gradient(top, #bef038 0%,#97bd38 100%);
|
||||
background: -o-linear-gradient(top, #bef038 0%,#97bd38 100%);
|
||||
background: -ms-linear-gradient(top, #bef038 0%,#97bd38 100%);
|
||||
background: linear-gradient(top, #bef038 0%,#97bd38 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bef038', endColorstr='#97bd38',GradientType=0 );
|
||||
}
|
||||
#download span {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#intro-example {
|
||||
border-radius: 9px;
|
||||
background: #373633;
|
||||
}
|
||||
#intro-example pre {
|
||||
margin: 18px;
|
||||
}
|
||||
|
||||
#community {
|
||||
background: #e1e0dc;
|
||||
color: #43413e;
|
||||
text-align: center;
|
||||
font-size: 1.125em;
|
||||
padding: 1.5em 0;
|
||||
}
|
||||
#community h2 {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
#community ul {
|
||||
display: inline;
|
||||
}
|
||||
#community li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
}
|
||||
#community a {
|
||||
margin: 0 1.5em;
|
||||
color: #43413e;
|
||||
text-decoration: none;
|
||||
}
|
||||
#community a:hover {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
#link-release,
|
||||
#link-ml,
|
||||
#link-bugs {
|
||||
display: inline-block;
|
||||
padding-left: 44px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background: url(images/icon-release.png) no-repeat 0 50%;
|
||||
}
|
||||
#link-ml {
|
||||
background: url(images/icon-ml.png) no-repeat 0 50%;
|
||||
}
|
||||
#link-bugs {
|
||||
background: url(images/icon-bugs.png) no-repeat 0 50%;
|
||||
}
|
||||
|
||||
#description {
|
||||
color: #43413e;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
#description h2 {
|
||||
color: #2ecbd6;
|
||||
font-size: 2.25em;
|
||||
font-weight: bold;
|
||||
margin: 1.5em 0;
|
||||
text-align: center;
|
||||
}
|
||||
#description h3 {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#description .feature {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
#feature-end {
|
||||
text-align: center;
|
||||
margin: 1.5em 0 0 0;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background: #2ecbd6;
|
||||
color: #FFF;
|
||||
padding: 18px 0;
|
||||
font-size: .875em;
|
||||
}
|
||||
#footer a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* Simplified solarized */
|
||||
.solarized {
|
||||
color: #839496;
|
||||
}
|
||||
.solarized .object {
|
||||
color: #b58900;
|
||||
}
|
||||
.solarized .function {
|
||||
color: #268bd2;
|
||||
}
|
||||
.solarized .literal {
|
||||
color: #29a197;
|
||||
}
|
||||
.solarized .comment {
|
||||
color: #586e75;
|
||||
}
|
|
@ -1,3 +0,0 @@
|
|||
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}
|
||||
body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
body{font-family:'Droid Sans','Lucida Grande',sans-serif;line-height:1.125em}#intro{background:#43413e;color:#FFF}#header{height:90px}#nav{text-align:right;padding-top:36px}#nav li{display:inline}#nav a{color:#e1e0dc;text-decoration:none;font-weight:bold;text-transform:uppercase;margin:0 1em}#nav a:hover{color:#FFF}#introduction{padding:36px 0}#introduction a{color:#FFF}#introduction h1{color:#FFF;font-weight:bold;font-size:2.25em;line-height:1em;text-shadow:0 -1px 0 #000;margin:0 0 1em 0}#introduction .explanation{margin:1em 0 2em 0;font-size:.875em;color:#e1e0dc}#introduction .action a{display:inline-block;line-height:54px;color:#FFF;font-size:1.5em;margin-right:1em}#download{text-decoration:none;height:54px;padding:0 1em;border:1px solid #004513;border-radius:4px;background:#7da21a;background:-moz-linear-gradient(top,#afe225 0,#7da21a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#afe225),color-stop(100%,#7da21a));background:-webkit-linear-gradient(top,#afe225 0,#7da21a 100%);background:-o-linear-gradient(top,#afe225 0,#7da21a 100%);background:-ms-linear-gradient(top,#afe225 0,#7da21a 100%);background:linear-gradient(top,#afe225 0,#7da21a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afe225',endColorstr='#7da21a',GradientType=0);font-weight:bold;text-shadow:0 -1px 0 #3d9700;box-shadow:;-webkit-box-shadow:inset 0 2px 0 0 #def67e,0px 2px 5px rgba(0,0,0,.2);-moz-box-shadow:inset 0 2px 0 0 #def67e,0px 2px 5px rgba(0,0,0,.2);box-shadow:inset 0 2px 0 0 #def67e,0px 2px 5px rgba(0,0,0,.2)}#download:hover{background:#97bd38;background:-moz-linear-gradient(top,#bef038 0,#97bd38 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bef038),color-stop(100%,#97bd38));background:-webkit-linear-gradient(top,#bef038 0,#97bd38 100%);background:-o-linear-gradient(top,#bef038 0,#97bd38 100%);background:-ms-linear-gradient(top,#bef038 0,#97bd38 100%);background:linear-gradient(top,#bef038 0,#97bd38 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bef038',endColorstr='#97bd38',GradientType=0)}#download span{font-weight:normal}#intro-example{border-radius:9px;background:#373633}#intro-example pre{margin:18px}#community{background:#e1e0dc;color:#43413e;text-align:center;font-size:1.125em;padding:1.5em 0}#community h2{font-weight:bold;display:inline-block}#community ul{display:inline}#community li{list-style:none;display:inline-block}#community a{margin:0 1.5em;color:#43413e;text-decoration:none}#community a:hover{color:#000;text-decoration:underline}#link-release,#link-ml,#link-bugs{display:inline-block;padding-left:44px;height:36px;line-height:36px;background:url(images/icon-release.png) no-repeat 0 50%}#link-ml{background:url(images/icon-ml.png) no-repeat 0 50%}#link-bugs{background:url(images/icon-bugs.png) no-repeat 0 50%}#description{color:#43413e;padding-bottom:2em}#description h2{color:#2ecbd6;font-size:2.25em;font-weight:bold;margin:1.5em 0;text-align:center}#description h3{font-weight:bold;text-transform:uppercase}#description .feature{font-size:.875em}#feature-end{text-align:center;margin:1.5em 0 0 0}#footer{background:#2ecbd6;color:#FFF;padding:18px 0;font-size:.875em}#footer a{color:#FFF}.solarized{color:#839496}.solarized .object{color:#b58900}.solarized .function{color:#268bd2}.solarized .literal{color:#29a197}.solarized .comment{color:#586e75}
|
|
@ -1 +0,0 @@
|
|||
*{padding:0;margin:0}a img{border:0}body{background:url('images/bg.jpg') repeat-x #fff;color:#000;font-family:Arial,Helvetica,sans-serif}#wrapper{width:966px;margin:0 auto}#header{height:89px}#logo{float:left;margin-top:23px}#nav{float:right;margin-top:30px;font-size:11px;font-weight:bold;text-transform:uppercase;text-shadow:#ebebeb 1px 1px 0}#nav li{float:left;display:inline}#nav a{display:inline-block;padding:9px 13px;border:1px solid transparent;color:#383838;text-decoration:none}#nav li.active a{background:#d2d2d2;border:1px solid #e4e3e4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#nav a:hover{color:#000}#masthead{position:relative;background:url('images/masthead-bg.gif') #fff repeat-x;border:1px solid #8d8d8d;height:429px;padding-left:28px;margin:0 9px -2px;background-position:1px;-webkit-box-shadow:0 4px 2px 2px #b0b2b4}#masthead h2{width:370px;padding-top:50px;font-size:40px;line-height:36px;letter-spacing:-2px;font-weight:bold;color:#383838;text-shadow:1px 1px 0 #fff}#masthead p{width:445px;padding:21px 0 30px;font-family:Georgia,serif;font-size:15px;line-height:20px;color:#4f4f4f}#masthead li{list-style-type:none;float:left;display:inline;margin:0 11px 27px 0}.green-button{display:block;clear:left;width:230px;height:52px;line-height:52px;padding-left:50px;background:url('images/green-button.png') top left no-repeat;color:#fff;font-size:26px;font-weight:bold;text-transform:uppercase;text-shadow:1px 1px 3px #475d05;text-decoration:none;text-align:left}#raster{position:absolute;top:34px;right:17px;z-index:10}#blue-bar{position:relative;z-index:10;background:url('images/blue-bar.gif') no-repeat;width:966px;height:59px;color:#fff;text-shadow:1px 1px 0 #2e5668}#blue-bar ul{font-family:Georgia,serif;font-style:italic;float:right;list-style:none;padding:15px 30px 0 0}#blue-bar li{float:left;border-left:1px solid #fff;padding:0 15px}#blue-bar li:first-child{border-left:0;padding:0 15px 0 0}#blue-bar li a{color:#fff;text-decoration:none}#main{background:url('images/main-bg.gif') top center repeat-y;padding-bottom:50px}#content{float:left;width:610px;margin-left:6px;padding:42px 19px 0 20px}#content h2{font-size:43px;font-weight:normal;text-shadow:1px 1px 0 #fff;padding-bottom:20px;margin-bottom:45px;border-bottom:1px solid #fff;background:url('images/gray-border.png') bottom left repeat-x}.post{margin-bottom:40px}.post-thumbnail{float:left}.post h3{font-size:23px;font-weight:normal;margin:23px 4px 5px 4px}.features{padding-top:7px}.features li{float:left;display:inline;background:url('images/check.gif') center left no-repeat;font-size:12px;padding-left:25px;margin-left:16px}.post pre{margin:5px 10px 5px 25px;padding:4px 4px 4px 15px}.code{font-family:Menlo,Monaco,monospace;font-size:12px;background-color:#eee}.command{font-family:Menlo,Monaco,monospace;font-size:12px;background-color:#444;color:#ddd}.post p{clear:left;padding-left:25px;font-size:14px;line-height:22px;color:#454545}.details{display:inline-block;padding:4px 10px;margin-left:5px;background:#868686;font-family:Verdana,san-serif;font-size:10px;line-height:1em;color:#fff;text-decoration:none;text-transform:lowercase;border-bottom:1px solid #a1a1a1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}#sidebar{float:left;width:256px;padding:36px 18px 0 21px}#sidebar h3{font-size:18px;font-weight:normal;text-shadow:1px 1px 0 #e9e9e9;padding-bottom:25px}#preview_update_list{padding-bottom:18px}#preview_update_list li{font-family:Georgia,serif;font-size:13px;line-height:20px;color:#4f4f4f;list-style-type:none;background:url('images/check.gif') no-repeat;background-position:0 4px;padding-left:25px;padding-bottom:10px}#preview_update_list a{color:#969696;text-decoration:none}#preview_update_list a[style="font-size: 85%;"]{display:block}#footer{font-size:11px;font-style:italic;font-family:Georgia,serif;color:#4f4f4f;background:url('images/main-bottom.gif') top center no-repeat;padding:29px 8px 30px 3px}#footer a{color:#4f4f4f;text-decoration:none}.f-left{float:left}.f-right{float:right}#masthead ul:after,#main:after,.post:after,#footer:after{content:".";display:block;height:0;clear:both;visibility:hidden}
|