BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity
94f0591c4f
Bones/stylesheets/layout.css

60 lines
1.8 KiB
CSS
Raw Normal View History

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
2011-08-18 00:05:28 -04:00
/*
creating a new branch to experiment with a new grid.
2011-08-30 00:57:53 -04:00
* Skeleton V2.0
adding the README.markdown and my Twitter handle to a few files
2011-08-30 01:37:09 -04:00
* Copyright 2011, Dave Gamache (@dhg)
changed Skeleton.gs to skeleton or getskeleton.com and cleaned up some last pieces
2011-05-15 20:02:52 -04:00
* www.getskeleton.com
moving up to version 1.0.1 and making some slight changes in the CSS
2011-05-19 15:05:30 -04:00
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
updaing docs and commenting all the CSS in correctly
2011-08-18 00:58:20 -04:00
* 8/17/2011
broke the grid into a spearate file from base called skeleton, really really refined the grid across different devices (although it still needs a lot of testing). I've also started a documentation
2011-05-04 21:20:56 -04:00
*/
adding the README.markdown and my Twitter handle to a few files
2011-08-30 01:37:09 -04:00
/* Table of Contents
broke the grid into a spearate file from base called skeleton, really really refined the grid across different devices (although it still needs a lot of testing). I've also started a documentation
2011-05-04 21:20:56 -04:00
==================================================
making the CSS more readable and changing the grid indents to be position: relative then offset with left rather than padding (makes far better sense)
2011-09-09 01:27:52 -04:00
#Site Styles
#Page Styles
#Media Queries
#Font-Face */
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
2011-08-18 00:05:28 -04:00
recleaned all of the code and formatting to be BEAUTIFUL
2011-05-15 19:50:51 -04:00
/* #Site Styles
broke the grid into a spearate file from base called skeleton, really really refined the grid across different devices (although it still needs a lot of testing). I've also started a documentation
2011-05-04 21:20:56 -04:00
================================================== */
recleaned all of the code and formatting to be BEAUTIFUL
2011-05-15 19:50:51 -04:00
/* #Page Styles
broke the grid into a spearate file from base called skeleton, really really refined the grid across different devices (although it still needs a lot of testing). I've also started a documentation
2011-05-04 21:20:56 -04:00
================================================== */
recleaned all of the code and formatting to be BEAUTIFUL
2011-05-15 19:50:51 -04:00
/* #Media Queries
broke the grid into a spearate file from base called skeleton, really really refined the grid across different devices (although it still needs a lot of testing). I've also started a documentation
2011-05-04 21:20:56 -04:00
================================================== */
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
2011-08-18 00:05:28 -04:00
making the CSS more readable and changing the grid indents to be position: relative then offset with left rather than padding (makes far better sense)
2011-09-09 01:27:52 -04:00
/* Note: All the sizes are increased by 16px to account for browser scrollbar width */
creating a new branch to experiment with a new grid.
2011-08-30 00:57:53 -04:00
making the CSS more readable and changing the grid indents to be position: relative then offset with left rather than padding (makes far better sense)
2011-09-09 01:27:52 -04:00
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 976px) {}
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
2011-08-18 00:05:28 -04:00
making the CSS more readable and changing the grid indents to be position: relative then offset with left rather than padding (makes far better sense)
2011-09-09 01:27:52 -04:00
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 976px) {}
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
2011-08-18 00:05:28 -04:00
making the CSS more readable and changing the grid indents to be position: relative then offset with left rather than padding (makes far better sense)
2011-09-09 01:27:52 -04:00
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}
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
2011-08-18 00:05:28 -04:00
making the CSS more readable and changing the grid indents to be position: relative then offset with left rather than padding (makes far better sense)
2011-09-09 01:27:52 -04:00
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
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
2011-08-18 00:05:28 -04:00
making the CSS more readable and changing the grid indents to be position: relative then offset with left rather than padding (makes far better sense)
2011-09-09 01:27:52 -04:00
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 480px) {}
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
2011-08-18 00:05:28 -04:00
recleaned all of the code and formatting to be BEAUTIFUL
2011-05-15 19:50:51 -04:00
/* #Font-Face
================================================== */
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
2011-08-18 00:05:28 -04:00
/* This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
recleaned all of the code and formatting to be BEAUTIFUL
2011-05-15 19:50:51 -04:00
copy your FontName into code below and remove
comment brackets */
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
2011-08-18 00:05:28 -04:00
recleaned all of the code and formatting to be BEAUTIFUL
2011-05-15 19:50:51 -04:00
/* @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; }
*/
Reference in New Issue Copy Permalink