Permalink
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...
dhg committed May 18, 2011
1 parent 25e93db commit 3b9fe7c444c2c529578903ebbf85e69220fc8381
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
@@ -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
@@ -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
@@ -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.