diff --git a/images/apple-touch-icon-114x114.png b/images/apple-touch-icon-114x114.png new file mode 100644 index 0000000..88a9d5e Binary files /dev/null and b/images/apple-touch-icon-114x114.png differ diff --git a/images/apple-touch-icon-72x72.png b/images/apple-touch-icon-72x72.png new file mode 100644 index 0000000..bbca145 Binary files /dev/null and b/images/apple-touch-icon-72x72.png differ diff --git a/images/apple-touch-icon.png b/images/apple-touch-icon.png new file mode 100644 index 0000000..72281c1 Binary files /dev/null and b/images/apple-touch-icon.png differ diff --git a/images/favicon.ico b/images/favicon.ico index 216e89d..821c691 100644 Binary files a/images/favicon.ico and b/images/favicon.ico differ diff --git a/index.html b/index.html index d66058d..2d2ad5e 100644 --- a/index.html +++ b/index.html @@ -26,9 +26,12 @@ - + + + diff --git a/javascripts/app.js b/javascripts/app.js index c5222c3..bf21f96 100644 --- a/javascripts/app.js +++ b/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(); } }); diff --git a/stylesheets/base.css b/stylesheets/base.css index bc7b9c6..2302613 100644 --- a/stylesheets/base.css +++ b/stylesheets/base.css @@ -62,7 +62,6 @@ ================================================== */ 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; } @@ -70,7 +69,7 @@ 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; } @@ -78,9 +77,9 @@ 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%;