removing jquery (only using Google CDN now); refactoring layout.css media queries to be more straightforward and better commented; Fixed tabs for CSS to use first-child so it would have all the borders even in IE
This commit is contained in:
Dave Gamache
parent
5e668f243b
commit
f53e666531
22
index.html
22
index.html
@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
<!-- Basic Page Needs
|
<!-- Basic Page Needs
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8">
|
||||||
<title>Your Page Title Here :)</title>
|
<title>Your Page Title Here :)</title>
|
||||||
<meta name="description" content="">
|
<meta name="description" content="">
|
||||||
<meta name="author" content="">
|
<meta name="author" content="">
|
||||||
@ -17,28 +17,26 @@
|
|||||||
|
|
||||||
<!-- Mobile Specific Metas
|
<!-- Mobile Specific Metas
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||||
|
|
||||||
<!-- CSS
|
<!-- CSS
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<link rel="stylesheet" href="stylesheets/base.css" />
|
<link rel="stylesheet" href="stylesheets/base.css">
|
||||||
<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">
|
||||||
|
|
||||||
<!-- Favicons
|
<!-- 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" 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="72x72" href="images/apple-touch-icon-72x72.png">
|
||||||
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
|
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Primary Page Layout
|
<!-- Primary Page Layout
|
||||||
================================================== -->
|
================================================== -->
|
||||||
|
|
||||||
@ -72,8 +70,6 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- JS
|
<!-- JS
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
|
||||||
|
|||||||
16
javascripts/jquery-1.5.1.min.js
vendored
16
javascripts/jquery-1.5.1.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,4 +1,4 @@
|
|||||||
/*
|
`/*
|
||||||
* Skeleton V1.0.3
|
* Skeleton V1.0.3
|
||||||
* Copyright 2011, Dave Gamache
|
* Copyright 2011, Dave Gamache
|
||||||
* www.getskeleton.com
|
* www.getskeleton.com
|
||||||
@ -224,7 +224,7 @@
|
|||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
border: solid 1px #ddd;
|
border: solid 1px #ddd;
|
||||||
border-width: 1px 0 0 1px;
|
border-width: 1px 1px 0 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
@ -234,8 +234,8 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
top: -4px;
|
top: -4px;
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
border-right-width: 1px;
|
border-left-width: 1px;
|
||||||
margin: 0 -1px 0 0;
|
margin: 0 0 0 -1px;
|
||||||
color: #111;
|
color: #111;
|
||||||
-moz-border-radius-topleft: 2px;
|
-moz-border-radius-topleft: 2px;
|
||||||
-webkit-border-top-left-radius: 2px;
|
-webkit-border-top-left-radius: 2px;
|
||||||
@ -243,12 +243,14 @@
|
|||||||
-moz-border-radius-topright: 2px;
|
-moz-border-radius-topright: 2px;
|
||||||
-webkit-border-top-right-radius: 2px;
|
-webkit-border-top-right-radius: 2px;
|
||||||
border-top-right-radius: 2px; }
|
border-top-right-radius: 2px; }
|
||||||
|
ul.tabs li:first-child a.active {
|
||||||
|
margin-left: 0; }
|
||||||
ul.tabs li:first-child a {
|
ul.tabs li:first-child a {
|
||||||
|
border-width: 1px 1px 0 1px;
|
||||||
-moz-border-radius-topleft: 2px;
|
-moz-border-radius-topleft: 2px;
|
||||||
-webkit-border-top-left-radius: 2px;
|
-webkit-border-top-left-radius: 2px;
|
||||||
border-top-left-radius: 2px; }
|
border-top-left-radius: 2px; }
|
||||||
ul.tabs li:last-child a {
|
ul.tabs li:last-child a {
|
||||||
border-width: 1px 1px 0 1px;
|
|
||||||
-moz-border-radius-topright: 2px;
|
-moz-border-radius-topright: 2px;
|
||||||
-webkit-border-top-right-radius: 2px;
|
-webkit-border-top-right-radius: 2px;
|
||||||
border-top-right-radius: 2px; }
|
border-top-right-radius: 2px; }
|
||||||
|
|||||||
@ -23,26 +23,20 @@
|
|||||||
/* #Media Queries
|
/* #Media Queries
|
||||||
================================================== */
|
================================================== */
|
||||||
|
|
||||||
/* iPad Portrait/Browser */
|
/* Smaller than standard 960 (devices and browsers) */
|
||||||
@media only screen and (min-width: 768px) and (max-width: 991px) {}
|
|
||||||
|
|
||||||
/* Mobile/Browser */
|
|
||||||
@media only screen and (max-width: 767px) {}
|
|
||||||
|
|
||||||
/* Mobile Landscape/Browser */
|
|
||||||
@media only screen and (min-width: 480px) and (max-width: 767px) {}
|
|
||||||
|
|
||||||
/* Anything smaller than standard 960 */
|
|
||||||
@media only screen and (max-width: 959px) {}
|
@media only screen and (max-width: 959px) {}
|
||||||
|
|
||||||
/* iPad Portrait Only */
|
/* Tablet Portrait size to standard 960 (devices and browsers) */
|
||||||
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
|
@media only screen and (min-width: 768px) and (max-width: 959px) {}
|
||||||
|
|
||||||
/* Mobile Only */
|
/* All Mobile Sizes (devices and browser) */
|
||||||
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
|
@media only screen and (max-width: 767px) {}
|
||||||
|
|
||||||
/* Mobile Landscape Only */
|
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
|
||||||
@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) {}
|
||||||
|
|
||||||
|
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
|
||||||
|
@media only screen and (max-width: 479px) {}
|
||||||
|
|
||||||
|
|
||||||
/* #Font-Face
|
/* #Font-Face
|
||||||
|
|||||||
1
stylesheets/skeleton.css
vendored
1
stylesheets/skeleton.css
vendored
@ -234,4 +234,3 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user