Skip to content
Browse files

Add Apple Touch Icon sizes and linked those in, added active button C…

…SS, changed some unneeded CSS in base.css, changed the Favicon to be square and cleaner, updated the app.js to include awesome suggestions made from Github community to be faster. Honestly, shocked at how awesome Github community has been already and thanks so much to everyone for the help
  • Loading branch information...
1 parent 25e93db commit 3b9fe7c444c2c529578903ebbf85e69220fc8381 @dhg dhg committed May 17, 2011
View
BIN images/apple-touch-icon-114x114.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/apple-touch-icon-72x72.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/apple-touch-icon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/favicon.ico
Binary file not shown.
View
5 index.html
@@ -26,9 +26,12 @@
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
- <!-- Favicon
+ <!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+ <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
</head>
<body>
View
7 javascripts/app.js
@@ -15,11 +15,11 @@ $(document).ready(function() {
tabs.each(function(i) {
//Get all tabs
- var tab = $(this).children('li').children('a');
+ var tab = $(this).find('> li > a');
tab.click(function(e) {
//Get Location of tab's content
- var contentLocation = $(this).attr("href") + "Tab";
+ var contentLocation = $(this).attr('href') + "Tab";
//Let go if not a hashed one
if(contentLocation.charAt(0)=="#") {
@@ -31,8 +31,7 @@ $(document).ready(function() {
$(this).addClass('active');
//Show Tab Content
- $(contentLocation).parent('.tabs-content').children('li').hide();
- $(contentLocation).show();
+ $(contentLocation).show().siblings().hide();
}
});
View
24 stylesheets/base.css
@@ -62,25 +62,24 @@
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #181818;
- font-weight: normal;
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
- h5 { font-size: 17px; line-height: 24px; font-weight: normal; }
+ h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
p { margin: 0 0 20px; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; }
- em { font-style: italic; line-height: inherit; }
- strong { font-weight: bold; line-height: inherit; color: #333; }
- small { font-size: 80%; line-height: inherit; }
+ em { font-style: italic; }
+ strong { font-weight: bold; color: #333; }
+ small { font-size: 80%; }
/* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
@@ -94,7 +93,7 @@
/* #Links
================================================== */
- a, a:visited { color: #333; text-decoration: underline; outline: 0; line-height: inherit; }
+ a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }
@@ -166,6 +165,19 @@
border: 1px solid #888;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa; }
+
+ a.button:active,
+ button:active {
+ background: #eee; /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
+ background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
+ background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
+ border: 1px solid #888;
+ border-bottom: 1px solid #aaa;
+ border-right: 1px solid #aaa; }
.button.full-width {
width: 100%;

0 comments on commit 3b9fe7c

Please sign in to comment.
Something went wrong with that request. Please try again.