/* custom.css — custom styles for Cutline that YOU define ------------------------------------------------------ This stylesheet will allow you to futureproof your changes against future releases and upgrades. I know you work hard on your modified styles, and I don't want you to feel like every upgrade is a total drag! Instructions: Modifying existing Cutline styles to your liking is a breeze with this handy stylesheet. The tag within the header.php file has been appended with a CSS class called "custom," and thanks to this, you now have the ability to override ANY style that's declared in the original Cutline stylesheet. In practice, you simply need to copy the CSS for the element that you want to change (from style.css) and then paste it here. Prefix the new CSS declaration with .custom, and then make your tweaks as necessary. Here's an example: To change the default color of unvisited links from blue to red (#c00) and remove the default underline, this is what you would do: .custom a { color: #c00; text-decoration: none; } Cool? Now get to hackin! */ body.custom { background: #a0a0a0 url('images/bg_pigskin_gray.jpg') fixed; } /* get the fixed widths all set here. */ #container { width: 998px; /* will be 1000px when the border on the masthead is added. */ } .custom #content_box { width: 1000px; /* the full 1000px since this doesn't have borders. */ } .custom #content { width: 514px; /* this just happens to be the correct count; yes, this is a hack. */ } /* fine-tune the headers a little */ .custom h1 { letter-spacing:normal; font-weight: 700; } .custom h2 { text-transform: none; font-style: italic; font-weight: 600; } .custom #content h2 { font-size: 3em; font-style: normal; padding: 10px 0 10px 10px; } .custom h3 { font-size: 1.4em; font-style: italic; text-transform: none; } .custom h4 { font-size: 1.4em; font-style: italic; margin-bottom: 10px; } /* color all the borders here. */ .custom #masthead, #sidebar, #l_sidebar, #content { border: 1px solid #606060; } .custom #sidebar, #l_sidebar, #content { -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } /* change the masthead a bit. */ .custom #masthead { width: 100%; margin-bottom: 0px; -moz-border-radius-topleft: 16px; -khtml-border-top-left-radius: 16px; -webkit-border-top-left-radius: 16px; border-top-left-radius: 16px; -moz-border-radius-topright: 16px; -khtml-border-top-right-radius: 16px; -webkit-border-top-right-radius: 16px; border-top-right-radius: 16px; } .custom #masthead h1 { line-height: 1.0em; border-width: 0px; font-size: 9.6em; margin-top: 0em; padding-top: 0.2em; padding-bottom: 0em; clear: none; text-shadow: #f0f0f0 4px 2px 3px; } .custom #masthead h3 { font-size: 3.2em; font-weight: 600; color: #202020; margin: 0.2em 0 0.2em 0em; text-shadow: #f0f0f0 3px 2px 2px;} /* addition for "better" navigation bar */ /* mpz 11/2/2007 */ .custom #navmenu ul { width: 100%; background: url("images/gradient.gif") no-repeat top right #ccc; margin-bottom: 20px; float: left; list-style-type: none; list-style-image: none; border: solid 1px black; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; color: #000; } .custom #navmenu li { display: inline; } .custom #navmenu ul li a { float: left; text-decoration: none; padding: 6px 20px 4px 20px; font-size: 1.2em; font-weight: normal; color: black; background: #ccc; border-right: solid 1px black; } .custom #navmenu ul li a:hover { color: red; background: #eee; } .custom #content { margin: 0 10px 10px 10px; padding: 10px; background-color: #f0f0f0; } /* eliminate bullets in the sidebar list items. */ .custom #l_sidebar ul { list-style-type: none; } /* for the sidebars */ .custom #sidebar, #l_sidebar { background-color: #e0e0e0; -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } .custom #sidebar { width: 220px; padding: 0px 0px 0px 0px; margin-bottom: 20px;} .custom #sidebar h2 { padding: 10px; font-size: 1.6em; font-weight: normal; } .custom #l_sidebar { width: 20%; padding: 0px 10px 0px 10px; } .custom #l_sidebar h2 { padding: 10px 0 10px 15px; font-size:1.6em; font-weight: normal; } .custom #sidebar a { padding: 0 0 0 10px; } .custom .vspace { height: 20px; } .custom .paypal { border-top: 1px solid #ccc; margin: 0 auto; } .custom .centeredImage { text-align: center; } .custom p.italic { font-style: italic; } /* .custom .sidemenu ul { margin: 0px; padding: 0px 10px 0px 10px; list-style-type: none; list-style-image: none; } */ .custom .sidemenu_parent ul li { text-decoration: none; list-style: none; padding: 15px 10px 0px 0px; } .custom .sidemenu_parent ul li a { text-decoration:none; text-transform:none; font-size: 1.6em; font-weight: normal; color: gray; font-family: Helvetica, Arial, sans-serif; } .custom .sidemenu_page ul li { text-decoration:none; list-style: none; padding: 15px 10px 15px 20px; } .custom .sidemenu_page ul li a { text-decoration:none; text-transform:none; font-size: 1.6em; font-weight: normal; color: black; font-family: Helvetica, Arial, sans-serif; } .custom .sidemenu_child ul li { text-decoration:none; list-style: none; padding: 0px 10px 15px 40px; } .custom .sidemenu_child ul li a { text-decoration:none; text-transform:none; font-size: 1.6em; font-weight: normal; color: #090; font-family: Helvetica, Arial, sans-serif; } .custom .sidemenu_parent ul li a:hover { color: red; } .custom .sidemenu_page ul li a:hover { color: red; } .custom .sidemenu_child ul li a:hover { color: red; } /* for the left sidebar: reformat the text sizing for the widgets. */ .custom ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { font-size: 1.0em; line-height: 1.2em; } .custom li.widget p { font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; } /* for the right sidebar -- reformat the widgets that are defined in style.css */ .custom #sidebar img { } .custom li.widget h2, li.linkcat h2 { background: none; text-transform:none; font-size: 2.0em; font-style: italic; font-weight: normal; border-top: 1px solid #808080; } /* remove the line above the search form and give it a smaller bottom margin */ .custom ul.sidebar_list li.widget h2, ul.sidebar_list li.linkcat h2 { width: 100%; border: none; margin-bottom: 1.0em; } /* for general indentation */ .custom .indented { padding-left: 30pt; padding-right: 30pt; } /* three column table formatting */ .custom .table_3col { margin-left: auto; margin-right: auto; /* for auto-centering */ border: 1px solid black; } .custom .table_3col td { width: 100px; border: 1px solid gray; } /* for the tabular data in the cartridge tests */ .custom td { padding: 0px 0px 0px 10px; } .custom td_ctg { padding: 100px 100px 100px 100px; } .custom .table_photo { padding: 0px 0px 0px 0px; border: none; } .custom .table_caption { padding: 0px 20px 1em 20px; } /* for table data in the 10/22 article */ .custom table.groups { width: 500px; border: 1px solid #000; background: #ddd; padding: 0px; font-family:Arial, Helvetica, sans-serif; } .custom .groups td { border: 1px solid #000; padding: 3px; text-align: center; } .custom table.groups td a { text-decoration: none; display: block; height: 100%; width: 100%; } .custom .groups th { border: 1px solid #000; padding: 1px; text-align: center; } .custom .groups thead th { padding: 4px; } .custom .groups tfoot td { text-align: right; } .custom .fixWidth { width: 18%; } /* tweak the formatting for entries (pages) */ /* .custom .entry { padding-bottom: 100px; } */ .custom .entry, .comment .reply { font-size: 1.6em; } ul#comment_list { border-top:1px solid #A0A0A0; } ul#comment_list li.even { background: #f8fff8; border-color: #a0a0a0; border-style:solid; border-width: 0px 1px 1px 1px; } ul#comment_list li.odd { background: #f8f8ff; border-color: #a0a0a0; border-style:solid; border-width: 0px 1px 1px 1px; } .custom .entry ul li { list-style-type: disc; } .custom .entry ol li { list-style-type: decimal; } .custom .entry img { margin-top: 10px; margin-bottom: 10px; } /* for the pictures in my reviews (like the brass catcher) */ .custom img.float_left { float: left; border: solid 1px black; margin: 5px 10px 5px 0px; } .custom img.float_right { float: right; border: solid 1px black; margin: 5px 0px 5px 10px; } /* same as above, but without border. */ .custom img.float_left_no { float: left; margin: 5px 10px 0px 0px; } .custom img.float_right_no { float: right; margin: 5px 0px 0px 10px; } /* for centering stuff at the top of articles */ .custom .byline { text-align: center; margin-top: 15px; margin-bottom: 20px; } /* give the images in the right sidebar a border */ .custom a img.widget { border:solid 1px black; } /* make the search form a little narrower to fit into the sidebar with some padding. */ .custom #search_form .search_input { width: 95%; font-size: 1.2em; font-family: Helvetica, Georgia, "Times New Roman", Times, serif; } .custom li.widget .search_input { font-size: 1.0em !important; } /* make the comment box borders a little easier to see in this theme. */ .custom #comment_form .text_input { width: 100% !important; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; } .custom #comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #999; border-bottom: 1px solid #999; } .custom #comments { width:100%; } .custom #suckerfishnav, #suckerfishnav ul { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #606060; -moz-border-radius-bottomleft: 16px; -khtml-border-bottom-left-radius: 16px; -webkit-border-bottom-left-radius: 16px; border-bottom-left-radius: 16px; -moz-border-radius-bottomright: 16px; -khtml-border-bottom-right-radius: 16px; -webkit-border-bottom-right-radius: 16px; border-bottom-right-radius: 16px; } .custom #suckerfishnav li ul { -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .custom #suckerfishnav li:first-child { -moz-border-radius-bottomleft: 16px; -khtml-border-bottom-left-radius: 16px; -webkit-border-bottom-left-radius: 16px; border-bottom-left-radius: 16px; } .custom #suckerfishnav li ul li:first-child { -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .custom #suckerfishnav li { padding: 0 10px; } .custom #suckerfishnav li ul li { padding: 0; } .custom .entry, .comment .reply { line-height: 1.4em; } .custom #footer p, #footer p a, #footer p a:visited { color: #fff; text-align: center; }