git clone [email protected]:YOUR-USERNAME/YOUR-FORKED-REPO.git
cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream
/* All Smartphones in portrait and landscape ----------- */ | |
@media only screen | |
and (min-device-width : 320px) | |
and (max-device-width : 480px) { | |
/* YOUR STYLE GOES HERE */ | |
} | |
/* All Smartphones in landscape ----------- */ | |
@media only screen | |
and (min-width : 321px) { |
@media only screen | |
and (max-width : 1024px) { } | |
@media only screen | |
and (min-width : 769px) | |
and (max-width : 1024px) { } | |
@media only screen | |
and (max-width : 768px) { } |
# Typography | |
## Headings | |
Headings from `h1` through `h6` are constructed with a `#` for each level: | |
``` markdown | |
# h1 Heading | |
## h2 Heading | |
### h3 Heading |
git clone [email protected]:YOUR-USERNAME/YOUR-FORKED-REPO.git
cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream
This is a CSS styleguide that you could fork to use for your project. Some of the rules give you multiple acceptable options. If you want to adopt this styleguide for your project, you should modify it for your project.
Here is an example styleguide made from this starting point
This styleguide follows my styleguide for styleguides. That means it follows the following rules:
<!DOCTYPE html> | |
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
<html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"/> | |
<title> | |
{Title} |
/** | |
* CSS3 Image Gallery | |
*/ | |
body { | |
background: black url(http://subtlepatterns.com/patterns/dark_wood.png); | |
font: 14px "Helvetica Neue", Helvetica, sans-serif; | |
} | |
h2 { | |
color: white; |
/** | |
* CSS3 Image Gallery | |
*/ | |
body { | |
background: black url(http://subtlepatterns.com/patterns/dark_wood.png); | |
font: 14px "Helvetica Neue", Helvetica, sans-serif; | |
} | |
h2 { | |
color: white; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset='utf-8'> | |
<title>Embedded Facebook Page Photo Gallery with jQuery</title> | |
<style type='text/css'> #thumbs{float:left;width:200px;} #thumbs img{display:block;margin:0 0 10px;cursor:pointer;} #viewer{float:left;} </style> | |
</head> | |
<body> | |
<h1>Embedded Facebook Page Photo Gallery with jQuery</h1> | |
<?php | |
/* Merge multiple RSS feeds with SimplePie | |
* | |
* Just modify the path to SimplePie and | |
* modify the $feeds array with the feeds you want | |
* | |
* You should probably also change the channel title, link and description, | |
* plus I added a CC license you may not want | |
* | |
* Help from: http://www.webmaster-source.com/2007/08/06/merging-rss-feeds-with-simplepie/ |