Skip to content

Instantly share code, notes, and snippets.

@GaryJones
Created February 2, 2012 05:38
Show Gist options
  • Save GaryJones/1721736 to your computer and use it in GitHub Desktop.
Save GaryJones/1721736 to your computer and use it in GitHub Desktop.
Genesis Typography CSS
/* 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;
}
@GaryJones
Copy link
Author

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