Pintsize style.css

style.css

This is the stylesheet coding for the theme, usually referenced using the <?php bloginfo(‘stylesheet_directory’); ?> command in the page’s head section which generates a direct link to the style.css file.

The information enclosed in the ‘/*’ and ‘*/’ at the beginning of the style.css file is required to tell WordPress the name of the theme and other important information about the theme. The rest of the code is optional, depending on how you want to style the HTML elements on your web page.

/*   
Theme Name: Pintsize Theme
Theme URI: http://pintsize.com
Description: A minimal theme based on the BLANK WordPress Theme (DigWP.com)
Author: John Doe
Author URI: http://johndoe.com
Version: 1.0
*/

* {margin: 0; padding: 0; outline: 0; border: 0;} 
body {background: #fff; color: #222; font: 16px/1.4 Georgia, Serif;}
.clear {clear: both;}
.center {text-align: center;}

#page-wrap {width: 960px; margin: 20px auto;}
h1, h2, h3, p, ul, ol {margin-bottom: 10px;}
a {color: black; text-decoration: none;}
a:hover {text-decoration: underline;}
ul, ol, li {list-style: none;}

#content {float: left; width: 710px; display: inline; margin-top: 20px;}
#sidebar {float: right; width: 220px; display: inline; margin-top: 20px;}
#sidebar ul li {margin-left: 20px;}
#footer {clear: both; margin-top: 20px;}
#footer p {text-align: center;}

#header {margin-bottom: 20px;}
#header h1 a {color: black; text-decoration: none;}
#topmenu #menu {height: 20px;}
#topmenu #menu ul {padding: 0; margin: 0;}
#topmenu #menu li {float: left; list-style: none; background: #eee; 
    margin-right: 10px; display: inline;}
#topmenu #menu a {display: block; /*  width: 70px; */ height: 20px; 
    line-height: 20px; padding: 0 10px; font-size: 16px; text-decoration: none; 
    color: #333; text-align: center; border: 1px solid #ccc;}
#topmenu #menu a:hover, #menu a.active {color: #000; background: #ccc;}
#topmenu #menu li.current-menu-item a {border: 1px solid #333;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption { background: #fff; border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%;
    padding:0; width: auto;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px;
    margin:0; padding:0 4px 5px;}

Next, summary and recap

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s