Created
February 2, 2012 05:38
-
-
Save GaryJones/1721736 to your computer and use it in GitHub Desktop.
Genesis Typography CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* List Styles | |
------------------------------------------------------------ */ | |
ol li { | |
list-style-type: decimal; | |
} | |
.archive-page ul li, | |
.entry-content ul li { | |
list-style-type: square; | |
} | |
.comment-list li, | |
.comment-list li ul li, | |
.menu li, | |
.ping-list li, | |
.sidebar.widget-area ul li, | |
#footer-widgets .widget-area ul li { | |
list-style-type: none; | |
} | |
/* Fonts Sizes | |
------------------------------------------------------------ */ | |
#title { | |
font-size: 36px; | |
} | |
h1 { | |
font-size: 30px; | |
} | |
h2, | |
h2 a, | |
h2 a:visited { | |
font-size: 28px; | |
} | |
h3 { | |
font-size: 24px; | |
} | |
h4 { | |
font-size: 20px; | |
} | |
h5 { | |
font-size: 18px; | |
} | |
body, | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
select, | |
textarea { | |
font-size: 16px; | |
} | |
input, | |
label, | |
select, | |
textarea, | |
p.wp-caption-text, | |
.breadcrumb, | |
.menu-primary, | |
.menu-secondary, | |
.taxonomy-description h1, | |
.taxonomy-description p, | |
.widget-area h2, | |
.widget-area h2 a, | |
.widget-area h4, | |
.author-box p, | |
.comment-content p, | |
.navigation, | |
.post-info, | |
.post-meta, | |
.reply, | |
.sidebar, | |
#description, | |
#header .menu, | |
#footer-widgets, | |
#footer, | |
div.gform_wrapper .ginput_complex label { | |
font-size: 14px; | |
} | |
div.gform_wrapper input, | |
div.gform_wrapper select, | |
div.gform_wrapper textarea { | |
font-size: 14px !important; | |
} | |
.commentmetadata | |
.menu-primary li li a, | |
.menu-primary li li a:link, | |
.menu-primary li li a:visited, | |
.menu-secondary li li a, | |
.menu-secondary li li a:link, | |
.menu-secondary li li a:visited, | |
#header .menu li li a, | |
#header .menu li li a:link, | |
#header .menu li li a:visited, | |
#wp-calendar caption { | |
font-size: 12px; | |
} | |
.sidebar p, | |
#footer-widgets p { | |
font-size: inherit; | |
} | |
/* Font Family | |
------------------------------------------------------------ */ | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
#title, | |
h2 a, | |
h2 a:visited { | |
font-family: 'Oswald', arial, serif; | |
} | |
body, | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
input, | |
label, | |
select, | |
textarea { | |
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; | |
} | |
/* Font Style | |
------------------------------------------------------------ */ | |
blockquote p, | |
#wp-calendar caption { | |
font-style: italic; | |
} | |
.comment-list cite, | |
.ping-list cite { | |
font-style: normal; | |
} | |
/* Font Weight | |
------------------------------------------------------------ */ | |
body, | |
input, | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
select, | |
textarea | |
label, | |
select, | |
textarea, | |
.reply { | |
font-weight: 300; | |
} | |
#wp-calendar thead, | |
.comment-list li, | |
.ping-list li { | |
font-weight: bold; | |
} | |
/* Line Height | |
------------------------------------------------------------ */ | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
#title { | |
line-height: 1.25; | |
} | |
body, | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
select, | |
textarea { | |
line-height: 1.5625; | |
} | |
input[type="button"], | |
input[type="submit"] { | |
line-height: 19px; | |
} | |
/* Text Alignment | |
------------------------------------------------------------ */ | |
#wp-calendar caption, | |
#footer .creds { | |
text-align: right; | |
} | |
.nocomments, | |
#wp-calendar td { | |
text-align: center; | |
} | |
/* Text Decoration | |
------------------------------------------------------------ */ | |
a, | |
a:visited, | |
body, | |
input[type="button"], | |
input[type="submit"] | |
input:hover[type="button"], | |
input:hover[type="submit"] | |
h1, | |
h2, | |
h2 a, | |
h2 a:hover, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
select, | |
textarea | |
.menu-primary a, | |
.menu-secondary a, | |
.menu li.right a, | |
.menu li.right a:hover, | |
.widget-area h4 a | |
#title a, | |
#title a:hover, | |
#header .menu a, | |
#footer a:hover { | |
text-decoration: none; | |
} | |
a:hover { | |
text-decoration: underline; | |
} | |
/* Text Indent | |
------------------------------------------------------------ */ | |
.header-image #title-area, | |
.header-image #title, | |
.header-image #title a, | |
.menu li a .sf-sub-indicator, | |
.menu li li a .sf-sub-indicator, | |
.menu li li li a .sf-sub-indicator { | |
text-indent: -9999px; | |
} | |
/* Text Transform | |
------------------------------------------------------------ */ | |
.menu-primary li li a, | |
.menu-primary li li a:link, | |
.menu-primary li li a:visited, | |
.menu-secondary li li a, | |
.menu-secondary li li a:link, | |
.menu-secondary li li a:visited, | |
#header .menu li li a, | |
#header .menu li li a:link, | |
#header .menu li li a:visited { | |
text-transform: none; | |
} | |
#title { | |
text-transform: uppercase; | |
} | |
/* Word Wrap | |
------------------------------------------------------------ */ | |
.sidebar.widget-area ul li, | |
#footer-widgets .widget-area ul li { | |
word-wrap: break-word; | |
} |
What about this code that isn't to standard? I did arrange this code manually, and I realise there are probably tools that could have equally organised it, but it still leads to the same interesting conclusions.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
tried ccslint?