Skip to main content

Ivan Teoh

Something personal yet public

WordPress Theme Development 14 - Typography Stylesheet

For font wise, all the contents are Georgia, serif. The code will be Monaco, monospace. I just bold with all the headers. Simple circle for list style in the post.

80-style.css (Source)

/* *** Typography *** */

/* Begin Structure */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

body {
    text-align: center;
}

#main {
    text-align:left
}
/* End Structure */

/* Begin Header */
div#header a, div#footer a  {
  text-decoration: none;
}
/* End Header */

/* Begin NavMenu */
#navmenu
{
  font-size: 14px;
  font-weight: bold;
}
/* End NavMenu */

/* Begin Entry */
body, input, textarea {
    font: 15px Georgia,serif;
    line-height: 22px;
}

pre, code {
    font: 14px Monaco, monospace;
    line-height: 22px;
}

div.entry-title {
    margin: 1em 0 0.5em;
}

div.entry-content ul li {
    list-style:circle;
}

div.entry-meta {
    font-size: 0.75em;
}
/* End Entry */

/* Begin Comment Form */
div#formcontainer .note {
    font-size: 0.75em;
    line-height: 15px;
}
/* End Comment Form */

/* Begin sidebar */
#sidebar li {
    font-weight: bold;
}

#sidebar ul ul li {
    font-weight: normal;
}
/* End sidebar */

Comments

Comments powered by Disqus