/** * Consolidated CSS for Maass Computertechnik * This file combines all necessary styles from the original Drupal theme */ /* Reset & Base Styles */ body { margin: 0; padding: 0; font-size: 100%; font-family: Verdana, Tahoma, sans-serif; line-height: 1.5em; background: #f0f5fa; /* Changed from #fbfbfb to a light blue-gray */ } #page-wrapper, .region-bottom { margin-left: auto; margin-right: auto; width: 960px; } #page { font-size: 0.875em; line-height: 1.5em; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, hr, table, fieldset { margin: 1.5em 0; } h1 { font-size: 1.8em; line-height: 1.5em; margin: 0.75em 0; color: #0060ab; border-bottom: 1px solid #e0e6ec; padding-bottom: 0.3em; } h2 { font-size: 1.5em; margin: 1em 0; } h3 { font-size: 1.3em; margin: 1.154em 0; } h4, h5, h6 { font-size: 1.1em; margin: 1.364em 0; } a { color: #0060ab; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } img { border: 0; } ul { margin-left: 0; padding-left: 2em; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #header { margin-bottom: 20px; } #logo { float: right; margin: 0; padding: 0; } #logo img { vertical-align: bottom; } /* Layout Specifics */ #main-wrapper { position: relative; } #main { overflow: hidden; /* Creates a new block formatting context */ position: relative; padding-top: 0; /* Changed from 0.5em to remove extra spacing */ } /* Navigation */ #navigation { float: left; width: 100%; margin-left: 0; margin-right: -100%; padding: 0; height: 2.5em; background: linear-gradient(to bottom, #0070c8, #0060ab); border-radius: 5px; font-weight: bold; margin-bottom: 0; position: relative; z-index: 100; box-shadow: 0 2px 3px rgba(0,0,0,0.1); } .with-navigation #content, .with-navigation .region-sidebar-first { margin-top: 20px; /* Changed from 1.5em to 20px for consistent spacing */ } #navigation ul { margin: 0; padding: 0; } #navigation ul li { display: block; float: left; letter-spacing: 1px; list-style-type: none; margin: 6px 0; padding: 0 20px; text-align: center; text-transform: uppercase; transition: background 0.3s ease; } #navigation ul li:hover { background: rgba(255,255,255,0.1); } #navigation ul li.first { border: none; } #navigation a { color: #f0f0f0; display: block; text-decoration: none; vertical-align: middle; } #navigation a:hover { color: #ffffff; text-decoration: underline; } /* Dropdown Menu */ #navigation ul.menu { position: relative; z-index: 597; float: left; } #navigation ul.menu li { float: left; line-height: 1.3em; vertical-align: middle; } #navigation ul.menu li:hover { position: relative; z-index: 599; cursor: default; } #navigation ul.menu ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 185px; border: 1px solid #797979; background: #0060ab; margin: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #navigation ul.menu ul li { float: none; border-left: none; margin: 0; padding: 5px 10px; } #navigation ul.menu li:hover > ul { visibility: visible; } /* Main Content Area */ #content { float: left; width: 760px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); min-height: 400px; background: #fff; box-sizing: border-box; clear: both; } #content .section { padding: 20px 20px 40px 20px; /* Adjusted bottom padding to reduce space between content and footer */ } .title { margin-top: 0; } /* Sidebar Styling */ .region-sidebar-first.column.sidebar { float: right; width: 180px; margin-left: 20px; margin-bottom: 20px; } .region-sidebar-first .section { margin: 0; padding: 0; } /* Block Styling */ .block { margin-bottom: 20px; } .block h2.block-title { font-size: 1.1em; margin-bottom: 0.8em; color: #0060ab; border-bottom: 1px solid #e0e6ec; padding-bottom: 0.3em; } /* Specific Blocks */ .block-kontakt { font-size: 0.9em; line-height: 1.1em; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .block-honig { font-size: 0.9em; line-height: 1.1em; background: #375225; padding: 10px; border-radius: 5px; border: 1px solid #2d4420; box-shadow: 0 2px 4px rgba(0,0,0,0.05); color: white; } .block-honig a { color: #e8f0e0; text-decoration: underline; } .block-honig a:hover { color: white; } .block-kontakt table { margin-top: 0.1em; width: 100%; } .block-kontakt table td { padding: 2px 0; } /* Plus Bullet List */ ul.plusBulletList { list-style: none; padding-left: 1.5em; } ul.plusBulletList li:before { content: "+"; display: inline-block; width: 1em; margin-left: -1em; } .region-footer { margin-top: 14px; text-align: center; font-size: 0.9em; clear: both; padding-top: 0; padding-bottom: 15px; background: transparent; } /* Responsive adjustments */ @media (max-width: 960px) { #page-wrapper, .region-bottom { width: 100%; padding: 0 10px; box-sizing: border-box; } #content { width: 70%; } .region-sidebar-first.column.sidebar { width: 25%; } } @media (max-width: 768px) { #content, .region-sidebar-first.column.sidebar { float: none; width: 100%; margin-left: 0; } #logo { float: none; text-align: center; margin: 0 auto; } #navigation ul li { padding: 0 10px; } }