/* NOTE: Most modifications to the theme have been made in this file. Other changes: - Added images/empty.gif - Added own header image in headers and deleted standard ones - rotating_images.php: no imges are shown - Removed "Navigation" entry from left_bar.php File: custom.css Description: Custom styles for the Neoclassical Theme that you define Use: The tag has been appended with the "custom" class, like so: . You can use the "custom" class to overwrite *any* CSS declarations contained in this theme's style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them Why this works: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! */ /* increase base font size */ .custom { font-size: 75% } /* remove left/right border of header image and show in blue color */ .custom #rotating_image { width: 990px; border-width: 10px 0; border-color: #237fa1; border-style: solid; margin: 0 10px 20px 10px; } /* show page title and article headers in blue (black on mouse over) */ .custom #masthead #logo a, .custom #masthead #logo a:visited { color: #237fa1; } .custom #masthead #logo a:hover { color: #111; text-decoration: none; } .custom #content_inner h1, .custom #content_inner h2 a, .custom #content_inner h2 a:visited { color: #237fa1; } .custom #content_inner h2 a:hover { color: #333; text-decoration: none; } /* increase widths by 125: */ .custom #masthead { width: 990px; } .custom #content_box { width: 990px; background: url('images/empty.gif') } .custom #container { width: 1010px } .custom #left_box { width: 790px } .custom #content { width: 586px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .custom #content_inner, .custom dl#comment_list dt.comment, .custom dl#comment_list dd.comment { width: 568px } .custom .navigation, .custom #comments { width: 568px } .custom #comment_form { width: 550px } .custom comment_form .text_input { width: 334px } .custom comment_form .text_area { width: 544px !important } /* decrease distance between lines/entries/paragraphs */ .custom .format_text, .custom .navigation, .custom #comment_form p { line-height: 1.35em } .custom .sidebar h2 { line-height: 1.35em } .custom ul.sidebar_list li.widget, .custom ul.sidebar_list li.linkcat { margin: 0 0 0.8em 0; } .custom ul.sidebar_list li.widget, .custom ul.sidebar_list li.linkcat { margin: 0 0 0.8em 0; font-size: 1.1em; line-height: 1.2em; } .custom li.widget p { margin: 0 0 0.33333em 0; } .custom li.widget li, .custom li.linkcat li { margin: 0 0 0.38em 0; } .custom li.widget li ul, .custom li.linkcat li ul { margin: 0.38em 0 0 0; } /* reduce distance between paragraphs and such to half a line */ .custom .format_text p, .custom blockquote, .custom .format_text ul, .custom .format_text ol, .custom .format_text dl, .custom .format_text dd, .custom .format_text img.left, .custom .format_text img.right, .custom .format_text img.center, .custom .format_text img.block { margin-bottom: 0.675em } .custom .post_author { margin-bottom: 0.9em } .custom iframe { margin-bottom: 12px; } /* reduce space below images */ .custom .format_text img.left, .custom .format_text img.right, .custom .format_text img.center, .custom .format_text img.block { margin-bottom: 5px } /* align top of images to text of first line */ .custom .format_text img.left, .custom .format_text img.right { margin-top: 0.3em } /* thicker line in blockquotes */ .custom blockquote { border-left-width: 4px } /* Hide ad in footer */ .custom #footer { display: none } /* Sans-Serif for sidebar headers */ .custom .sidebar h2 { font-family: Verdana, sans-serif; } /* print */ #content .print { float: right; margin: 29px 8px 0px 10px; } #content .printtop { float: right; margin: 5px 8px 0px 10px; } /* related posts */ #content .st-related-posts { font-family: Verdana, sans-serif; font-size: 0.84em; line-height: 1.4em; }