Skip to content

Instantly share code, notes, and snippets.

@leonardorb
Created February 16, 2012 17:27
Show Gist options
  • Select an option

  • Save leonardorb/1846599 to your computer and use it in GitHub Desktop.

Select an option

Save leonardorb/1846599 to your computer and use it in GitHub Desktop.
/*
Theme Name: [theme name]
Theme URI: [theme uri]
Description: [description]
Version: [version]
Author: [author]
Author URI: [author uri]
Tags: [tag], [tag]
*/
/* =============================================================================
Table of Contents
=============================================================================
0. HTML5 and Base
1. Configuration
2. Structure
3. Header
4. Main
5. Footer
========================================================================== */
/* =============================================================================
0. HTML5 and Base
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, button, input, select, textarea {font-family:sans-serif; color:#222;}
body {margin:0; font-size:1em; line-height:1.4;}
::-moz-selection {background:#f8a22b; color:#fff; text-shadow:none;}
::selection {background:#f8a22b; color:#fff; text-shadow:none;}
a:hover, a:active {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
blockquote {margin:1em 40px;}
dfn {font-style:italic;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
ins {background:#ff9; color:#000; text-decoration:none;}
mark {background:#ff0; color:#000; font-style:italic; font-weight:bold;}
pre, code, kbd, samp {font-family:monospace, serif; _font-family:'courier new', monospace;font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:""; content:none;}
small {font-size:85%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ul, ol {margin:1em 0; padding:0 0 0 40px;}
dd {margin:0 0 0 40px;}
nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0;}
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
fieldset {border:0; margin:0; padding:0;}
label {cursor:pointer;}
legend {border:0; *margin-left:-7px; padding:0; white-space:normal;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
button, input {line-height:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible;}
button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; *width:13px; *height:13px;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}
input:focus {outline:none;}
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color:#f0dddd;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
@media print {
* {background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;}
a, a:visited {text-decoration:underline;}
a[href]:after {content:" (" attr(href) ")";}
abbr[title]:after {content:" (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";}
pre, blockquote {border:1px solid #999; page-break-inside:avoid;}
thead {display:table-header-group;}
tr, img {page-break-inside:avoid;}
img {max-width:100% !important;}
@page {margin:0.5cm;}
p, h2, h3 {orphans:3; widows:3;}
h2, h3 {page-break-after:avoid;}
}
/* =============================================================================
1. Configuration
========================================================================== */
/* =============================================================================
2. Structure
========================================================================== */
/* =============================================================================
3. Header
========================================================================== */
/* =============================================================================
4. Main
========================================================================== */
/* =============================================================================
5. Footer
========================================================================== */
@leonardorb

Copy link
Copy Markdown
Author

another version, more optimized is coming :)

@leonardorb

Copy link
Copy Markdown
Author

Use it, wherever you want! No guarantees!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment