Skip to content

Commit

Permalink
Add Apple Touch Icon sizes and linked those in, added active button C…
Browse files Browse the repository at this point in the history 
…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
dhg committed May 18, 2011
1 parent 25e93db commit 3b9fe7c
Show file tree
Hide file tree
Showing 7 changed files with 25 additions and 11 deletions.
Binary file added images/apple-touch-icon-114x114.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/apple-touch-icon-72x72.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/apple-touch-icon.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/favicon.ico
View file
Binary file not shown.
5 changes: 4 additions & 1 deletion index.html
View file
Expand Up @@ -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>
Expand Down
7 changes: 3 additions & 4 deletions javascripts/app.js
View file
Expand Up @@ -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)=="#") {
Expand All @@ -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();


} }
}); });
Expand Down
24 changes: 18 additions & 6 deletions stylesheets/base.css
View file
Expand Up @@ -62,25 +62,24 @@
================================================== */ ================================================== */
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; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
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; }


p { margin: 0 0 20px; } p { margin: 0 0 20px; }
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; }
Expand All @@ -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; }


Expand Down Expand Up @@ -166,6 +165,19 @@
border: 1px solid #888; border: 1px solid #888;
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%;
Expand Down

0 comments on commit 3b9fe7c

Please sign in to comment.