Permalink
Browse files

added styling

  • Loading branch information...
1 parent 6c0b07d commit 6ee0f5b3da9700bd267ef855ee2cb3dad6bc2e3e Aaron Acerboni committed Feb 10, 2012
@@ -2,6 +2,7 @@
<html>
<head>
<title>promiseImage</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<h1>Display an image</h1>
@@ -2,6 +2,7 @@
<html>
<head>
<title>promiseImage</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<h1>Display multiple images</h1>
@@ -2,6 +2,7 @@
<html>
<head>
<title>promiseTimer</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<h1>Display a message after 2 seconds</h1>
@@ -2,10 +2,11 @@
<html>
<head>
<title>promiseImage and promiseTimer</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<h1>Combining the image and timer example</h1>
- <small>time to resolve : 3 seconds</small>
+ <small>Timer : 3 seconds</small></br>
<button>Go</button>
<div class="output"></div>
@@ -2,6 +2,7 @@
<html>
<head>
<title>Slideshow</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<h1>A simple slideshow</h1>
@@ -2,6 +2,7 @@
<html>
<head>
<title>Ajax</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<style>
@@ -2,6 +2,7 @@
<html>
<head>
<title>Ajax</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<style>
@@ -2,11 +2,12 @@
<html>
<head>
<title>Piping</title>
+ <link href="../style.css" rel="stylesheet"/>
</head>
<body>
<h1>Display multiple twitter pages</h1>
<span>search term: javascript</span>
- <ol id="container"></ol>
+ <ol class="output"></ol>
<script src="../jquery-1.7.1.min.js"></script>
<script src="pipe.js"></script>
View
@@ -1,7 +1,7 @@
var url = 'https://search.twitter.com/search.json',
query = '?q=javascript',
$body = jQuery('body'),
- $container = jQuery('ol#container');
+ $container = jQuery('.output');
function nextPage(data) {
displayResults(data.results);
View
@@ -0,0 +1,35 @@
+body {
+ font-family: "Helvetica Neue", Helvetica,Arial, sans-serif;
+ font-size: 1.2em;
+}
+
+.output {
+ padding-top:1em;
+}
+
+button {
+ border-radius: 0.5em 0.5em 0.5em 0.5em;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ display: inline-block;
+ font: 14px/100% Arial,Helvetica,sans-serif;
+ margin: 0 2px;
+ outline: medium none;
+ padding: 0.5em 2em 0.55em;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ vertical-align: baseline;
+ background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
+ border: 1px solid #B7B7B7;
+ color: #606060;
+}
+
+button:hover {
+ text-decoration: none;
+}
+
+button:active {
+ position: relative;
+ top: 1px;
+}

0 comments on commit 6ee0f5b

Please sign in to comment.