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,10 +32,11 @@
<body> <body>
<!-- Primary Page Layout
<div class="container"> ================================================== -->
<h1 style="margin-top: 100px; text-align:center">Sorry. Couldn't Find That Page!</h1> <div class="container">
</div> <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> <body>
<!-- Primary Page Layout <!-- Primary Page Layout
================================================== --> ================================================== -->
@ -61,6 +64,9 @@
</div><!-- container --> </div><!-- container -->
<!-- JS <!-- JS
================================================== --> ================================================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>

View File

@ -2,19 +2,12 @@
* Skeleton V1.0 * Skeleton V1.0
* Created by Dave Gamache * Created by Dave Gamache
* www.skeleton.gs * www.skeleton.gs
* 4/30/2011 * 5/15/2011
*/ */
$(document).ready(function() { $(document).ready(function() {
/* iPhone fix to scroll away iPhone browser chrome */
/*
if(window.width < '500px') {
setTimeout(function(){window.scrollTo(0, 1);}, 100);
}
*/
/* Tabs Activiation /* Tabs Activiation
================================================== */ ================================================== */
var tabs = $('ul.tabs'); 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 * Skeleton V1.0
* Created by Dave Gamache * Created by Dave Gamache
* www.skeleton.gs * www.skeleton.gs
* 4/30/2011 * 5/15/2011
*/ */
@ -17,7 +17,8 @@
#Images #Images
#Buttons #Buttons
#Tabs #Tabs
#Forms */ #Forms
#Misc */
/* #Reset & Basics (Inspired by E. Meyers) /* #Reset & Basics (Inspired by E. Meyers)
@ -240,16 +241,6 @@
clear: both; } clear: both; }
ul.tabs { ul.tabs {
zoom: 1; } 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 /* #Forms

View File

@ -2,22 +2,23 @@
* Skeleton V1.0 * Skeleton V1.0
* Created by Dave Gamache * Created by Dave Gamache
* www.skeleton.gs * www.skeleton.gs
* 4/30/2011 * 5/15/2011
*/ */
/* Table of Content /* Table of Content
================================================== ==================================================
#Site Styles #Site Styles
#Page Styles #Page Styles
#Media Queries */ #Media Queries
#Font-Face */
/* Site Styles /* #Site Styles
================================================== */ ================================================== */
/* Page Styles /* #Page Styles
================================================== */ ================================================== */
/* Media Queries /* #Media Queries
================================================== */ ================================================== */
/* iPad Portrait/Browser */ /* iPad Portrait/Browser */
@ -39,4 +40,23 @@
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {} @media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
/* Mobile Landscape Only */ /* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {} @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 * Skeleton V1.0
* Created by Dave Gamache * Created by Dave Gamache
* www.skeleton.gs * www.skeleton.gs
* 4/30/2011 * 5/15/2011
*/ */
/* Table of Content /* Table of Contents
================================================== ==================================================
#Base 960 Grid #Base 960 Grid
#Mobile: iPad Portrait #Tablet (Portrait)
#Mobile: iPhone Portrait #Mobile (Portrait)
#Mobile: iPhone Landscape #Mobile (Landscape)
#Clearing #Clearing */
@ -67,7 +67,7 @@
/* #Responsive: iPad Portrait /* #Tablet (Portrait)
================================================== */ ================================================== */
/* Note: Design for a width of 768px */ /* Note: Design for a width of 768px */
@ -118,7 +118,7 @@
} }
/* Mobile /* #Mobile (Portrait)
================================================== */ ================================================== */
/* Note: Design for a width of 320px */ /* Note: Design for a width of 320px */
@ -166,7 +166,7 @@
} }
/* Mobile Landscape /* #Mobile (Landscape)
================================================== */ ================================================== */
/* Note: Design for a width of 480px */ /* Note: Design for a width of 480px */
@ -196,13 +196,14 @@
} }
/* Clearing /* #Clearing
================================================== */ ================================================== */
/* Self Clearing Goodness */ /* Self Clearing Goodness */
.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .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:before,
.clearfix:after, .clearfix:after,
.row:before, .row:before,
@ -220,6 +221,7 @@
.clearfix { .clearfix {
zoom: 1; } zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear { .clear {
clear: both; clear: both;
display: block; display: block;