/* $Id: zen.css,v 1.14.2.6 2009/11/05 11:03:32 johnalbin Exp $ */ /* * ZEN STYLES * * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css * file, but instead copy this CSS to their own stylesheets. * * In this stylesheet, we have included all of the classes and IDs from this * theme's tpl.php files. We have also included many of the useful Drupal core * styles to make it easier for theme developers to see them. * * Many of these styles are over-riding Drupal's core stylesheets, so if you * remove a declaration from here, the styles may still not be what you want * since Drupal's core stylesheets are still styling the element. See the * drupal6-reference.css file for a list of all Drupal 5.x core styles. * * In addition to the style declarations in this file, other Drupal styles that * you might want to override or augment are those for: * * Book Navigation See line 74 of Zen's drupal6-reference.css file * Forum See line 197 of Zen's drupal6-reference.css file * Menus See line 667 of Zen's drupal6-reference.css file * News Aggregator See line 20 of Zen's drupal6-reference.css file * Polls See line 287 of Zen's drupal6-reference.css file * Search See line 320 of Zen's drupal6-reference.css file * User Profiles See line 945 of Zen's drupal6-reference.css file */ @charset "UTF-8"; /* CSS Document */ form { margin: 0; } a { color: #000; text-decoration: none; font-weight: bold; } a:hover { color: #fff; background: #000; } body { background-image: url(http://www.mapcidy.com/bgmap.jpg); background-repeat: repeat; background: #; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; color: #000000; } #page, #closure-blocks { /* * If you want to make the page a fixed width and centered in the viewport, * this is the standards-compliant way to do that. See also the ie.css file * for the necessary IE5 hack to center a div. */ margin-left: auto; margin-right: auto; width: 960px; } #page-inner { } #navigation-top, #navigation { position: absolute; /* Take the named anchors out of the doc flow */ left: -10000px; /* and prevent any anchor styles from appearing. */ } */ /** header **/ #header { } #header-inner { background-image: url(http://www.mapcidy.com/bgw.png); background-repeat: repeat; padding: 10px 10px 10px 10px; background-image:url('topcity.jpg'); } #logo-title { } #logo { float: left; } #site-name { font-size: 45px; } #site-slogan { } #header-blocks { clear: both; /* Clear the logo */ } /** main (container for everything else) **/ #main { } #main-inner { } /*THIS IS THE ONE*/ .sidebar-left #content { width: 650px; margin-left: 310px; /* The width of #sidebar-left. */ margin-right: -960px; /* Negative value of #content's width + left margin. */ } #content-header { padding: 0px 10px 0px 10px; margin-left: 10px; margin-bottom: -8px; background-image: url(http://www.mapcidy.com/bgw.png); background-repeat: repeat; } /** navbar **/ #navbar { float: left; width: 100%; margin-left: 0; margin-right: -100%; /* Negative value of #navbar's width + left margin. */ padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */ background: #fff; font-size: 13px; } .with-navbar #content, .with-navbar #sidebar-left, .with-navbar #sidebar-right { margin-top: 10px; /* NAV HEIGHT } #navbar-inner { } #search-box { width: 200px; margin-right: -200px; /* Negative value of #search-box's width. */ float: left; } #primary { margin-left: 10%; /* PRIMARY MENU CONTROLS */ } #secondary { margin-left: 310px; /* Width of search-box */ } #navbar ul /* Primary and secondary links */ { margin: 0; padding: 0; text-align: left; } #navbar li /* A simple method to get navbar links to appear in one line. */ { float: left; padding: 0 20px 0 0; font-size:1em; } /* There are many methods to get navbar links to appear in one line. * Here's an alternate method: */ /* #navbar li { display: inline; padding: 0 10px 0 0; } */ /** sidebar-left **/ #sidebar-left { float: left; width: 310px; margin-left: 0; margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */ padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */ } #sidebar-left-inner { margin-top: 18px; } #node-form { margin-top:18px; margin-left:10px; padding: 20px 20px 20px 20px; background-image: url(http://www.mapcidy.com/bgw.png); background-repeat: repeat; } #comments { padding: 0px 10px 0px 10px; margin-left: 10px; margin-bottom: -8px; background-image: url(http://www.mapcidy.com/bgw.png); background-repeat: repeat; } #content-area { padding: 0px 10px 0px 10px; margin-left: 10px; margin-bottom: -8px; background-image: url(http://www.mapcidy.com/bgw.png); background-repeat: repeat; } /** footer **/ #footer { } #footer-inner { } /** closure **/ #closure-blocks /* See also the #page declaration above that this div shares. */ { } /** Prevent overflowing content **/ #header, #content, #navbar, #sidebar-left, #sidebar-right, #footer, #closure-blocks { overflow: visible; word-wrap: break-word; /* A very nice CSS3 property */ } #navbar { overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */ } /* If a div.clear-block doesn't have any content after it and its bottom edge touches the bottom of the viewport, Firefox and Safari will mistakenly place several pixels worth of space between the bottom of the div and the bottom of the viewport. Uncomment this CSS property to fix this. Note: with some over-large content, this property might cause scrollbars to appear on the #page div. */ /* #page { overflow-y: hidden; } */