recleaned all of the code and formatting to be BEAUTIFUL

This commit is contained in:
Dave Gamache 2011-05-15 16:50:51 -07:00
parent a6e9116a97
commit 6276c745f8
7 changed files with 54 additions and 79 deletions

View File

@ -32,7 +32,8 @@
<body>
<!-- Primary Page Layout
================================================== -->
<div class="container">
<h1 style="margin-top: 100px; text-align:center">Sorry. Couldn't Find That Page!</h1>
</div>

View File

@ -1,13 +0,0 @@
/* This is the proper syntax for an @font-face file
Just copy pasta into your CSS file
*/
@font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }

View File

@ -34,6 +34,9 @@
<body>
<!-- Primary Page Layout
================================================== -->
@ -61,6 +64,9 @@
</div><!-- container -->
<!-- JS
================================================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>

View File

@ -2,19 +2,12 @@
* Skeleton V1.0
* Created by Dave Gamache
* www.skeleton.gs
* 4/30/2011
* 5/15/2011
*/
$(document).ready(function() {
/* iPhone fix to scroll away iPhone browser chrome */
/*
if(window.width < '500px') {
setTimeout(function(){window.scrollTo(0, 1);}, 100);
}
*/
/* Tabs Activiation
================================================== */
var tabs = $('ul.tabs');
@ -46,29 +39,4 @@ $(document).ready(function() {
});
});
/* Placeholder
==================================================
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
$('[placeholder]').parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
});
}); */
});

View File

@ -2,7 +2,7 @@
* Skeleton V1.0
* Created by Dave Gamache
* www.skeleton.gs
* 4/30/2011
* 5/15/2011
*/
@ -17,7 +17,8 @@
#Images
#Buttons
#Tabs
#Forms */
#Forms
#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
@ -241,16 +242,6 @@
ul.tabs {
zoom: 1; }
/* Sample Markup
<ul class="tabs">
<li><a class="active" href="#info1"></a></li>
<li><a href="#info2"></a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="info1"></li>
<li id="info2"></li>
</ul> */
/* #Forms
================================================== */

View File

@ -2,22 +2,23 @@
* Skeleton V1.0
* Created by Dave Gamache
* www.skeleton.gs
* 4/30/2011
* 5/15/2011
*/
/* Table of Content
==================================================
#Site Styles
#Page Styles
#Media Queries */
#Media Queries
#Font-Face */
/* Site Styles
/* #Site Styles
================================================== */
/* Page Styles
/* #Page Styles
================================================== */
/* Media Queries
/* #Media Queries
================================================== */
/* iPad Portrait/Browser */
@ -40,3 +41,22 @@
/* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
/* #Font-Face
================================================== */
/* This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */
/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/

View File

@ -2,17 +2,17 @@
* Skeleton V1.0
* Created by Dave Gamache
* www.skeleton.gs
* 4/30/2011
* 5/15/2011
*/
/* Table of Content
/* Table of Contents
==================================================
#Base 960 Grid
#Mobile: iPad Portrait
#Mobile: iPhone Portrait
#Mobile: iPhone Landscape
#Clearing
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */
@ -67,7 +67,7 @@
/* #Responsive: iPad Portrait
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@ -118,7 +118,7 @@
}
/* Mobile
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@ -166,7 +166,7 @@
}
/* Mobile Landscape
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@ -196,13 +196,14 @@
}
/* Clearing
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns*/
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
@ -220,6 +221,7 @@
.clearfix {
zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear {
clear: both;
display: block;