BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/apple-touch-icon-114x114.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
images/apple-touch-icon-72x72.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

5
index.html
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>

7
javascripts/app.js
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();
} }
}); });

24
stylesheets/base.css
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; }
@ -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%;