Add Apple Touch Icon sizes and linked those in, added active button CSS, 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

This commit is contained in:
Dave Gamache 2011-05-17 17:54:18 -07:00
parent 25e93dba69
commit 3b9fe7c444
7 changed files with 25 additions and 11 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
images/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -26,9 +26,12 @@
<link rel="stylesheet" href="stylesheets/skeleton.css"> <link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css"> <link rel="stylesheet" href="stylesheets/layout.css">
<!-- Favicon <!-- Favicons
================================================== --> ================================================== -->
<link rel="shortcut icon" href="images/favicon.ico"> <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> </head>
<body> <body>

View File

@ -15,11 +15,11 @@ $(document).ready(function() {
tabs.each(function(i) { tabs.each(function(i) {
//Get all tabs //Get all tabs
var tab = $(this).children('li').children('a'); var tab = $(this).find('> li > a');
tab.click(function(e) { tab.click(function(e) {
//Get Location of tab's content //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 //Let go if not a hashed one
if(contentLocation.charAt(0)=="#") { if(contentLocation.charAt(0)=="#") {
@ -31,8 +31,7 @@ $(document).ready(function() {
$(this).addClass('active'); $(this).addClass('active');
//Show Tab Content //Show Tab Content
$(contentLocation).parent('.tabs-content').children('li').hide(); $(contentLocation).show().siblings().hide();
$(contentLocation).show();
} }
}); });

View File

@ -62,7 +62,6 @@
================================================== */ ================================================== */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: #181818; color: #181818;
font-weight: normal;
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
font-weight: normal; } font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
@ -70,7 +69,7 @@
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } 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; } h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; } .subheader { color: #777; }
@ -78,9 +77,9 @@
p img { margin: 0; } p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; } p.lead { font-size: 21px; line-height: 27px; color: #777; }
em { font-style: italic; line-height: inherit; } em { font-style: italic; }
strong { font-weight: bold; line-height: inherit; color: #333; } strong { font-weight: bold; color: #333; }
small { font-size: 80%; line-height: inherit; } small { font-size: 80%; }
/* Blockquotes */ /* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
@ -94,7 +93,7 @@
/* #Links /* #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; } a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; } p a, p a:visited { line-height: inherit; }
@ -167,6 +166,19 @@
border-top: 1px solid #aaa; border-top: 1px solid #aaa;
border-left: 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 { .button.full-width {
width: 100%; width: 100%;
padding-left: 0 !important; padding-left: 0 !important;