/* $Id: style.css,v 1.1.2.1 2008/02/11 05:22:39 thatperson Exp $ */ /****************************************************** File: style.css * Bluecurve theme for Drupal * * Some elements in this CSS file are based on Garland, the theme by * Stefan Nagtegaal and Steven Wittens. * *********************************************************************/ /** * Generic elements */ body { margin: 0; padding: 0; background: #21213d; font: 13px/170% "Lucida Grande", Tahoma, sans-serif; //** color: #494949;**/ color: #21213d; } input { font: 13px/100% "Lucida Grande", Tahoma, sans-serif; color: #494949; } textarea, select { font: 13px/160% "Lucida Grande", Tahoma, sans-serif; color: #494949; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; font-family: "Lucida Grande", Tahoma, sans-serif; letter-spacing: -1px; } h1 { font-size: 160%; } h2 { font-size: 150%; line-height: 130%; } h3 { font-size: 140%; } h4 { font-size: 120%; } h5 { font-size: 110%; } h6 { font-size: 100%; } ul, quote, code, fieldset { margin: .5em 0; } p { margin: 0.6em 0 1.2em; padding: 0; } a:link, a:visited { color: #204a87; text-decoration: none; } a:hover { color: #0062A0; text-decoration: underline; } a:active, a.active { color: #5895be; } hr { margin: 0; padding: 0; border: none; height: 1px; background: #5294c1; /** background: #21213d;**/ } ul { margin: 0.5em 0 1em; padding: 0; } ol { margin: 0.75em 0 1.25em; padding: 0; } ol li, ul li { margin: 0.4em 0 0.4em 0.6em; /* LTR */ } ul.menu, .item-list ul { margin: 0.35em 0 0 -0.6em; /* LTR */ padding: 0; } ul.menu ul, .item-list ul ul { margin-left: 0em; /* LTR */ } ol li, ul li, ul.menu li, .item-list ul li, li.leaf { margin: 0.15em 0 0.15em .5em; /* LTR */ } ul li, ul.menu li, .item-list ul li, li.leaf { padding: 0 0 .2em 1.5em; list-style-type: none; list-style-image: none; background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */ } ol li { padding: 0 0 .3em; margin-left: 2em; /* LTR */ } ul li.expanded { background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */ } ul li.collapsed { background: transparent url(images/menu-collapsed.gif) no-repeat 1px .35em; /* LTR */ } ul li.leaf a, ul li.expanded a, ul li.collapsed a { display: block; } ul.inline li { background: none; margin: 0; padding: 0 1em 0 0; /* LTR */ } ol.task-list { margin-left: 0; /* LTR */ list-style-type: none; list-style-image: none; } ol.task-list li { padding: 0.5em 1em 0.5em 2em; /* LTR */ } ol.task-list li.active { background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */ } ol.task-list li.done { color: #393; background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */ } ol.task-list li.active { margin-right: 1em; /* LTR */ } fieldset ul.clear-block li { margin: 0; padding: 0; background-image: none; } dl { margin: 0.5em 0 1em 1.5em; /* LTR */ } dl dt { } dl dd { margin: 0 0 .5em 1.5em; /* LTR */ } img, a img { border: none; } table { margin: 1em 0; width: 95%; background-color: transparent; } thead th { border-bottom: 2px solid #d3e7f4; color: #494949; font-weight: bold; } thead div.sticky-header { border-bottom: 2px solid #d3e7f4; } th a:link, th a:visited { color: #6f9dbd; } td, th { padding: .3em .5em; } tr.even, tr.odd, tbody th { border: solid #d3e7f4; border-width: 1px 0; } tr.odd, tr.info { background-color: #edf5fa; } tr.even { background-color: #fff; } tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } tr.odd td.active { background-color: #ddecf5; } tr.even td.active { background-color: #e6f1f7; } td.region, td.module, td.container, td.category { margin-top: 1.5em; border-bottom: 1px solid #b4d7f0; background-color: #d4e7f3; color: #455067; font-weight: bold; } tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category { border-top-width: 0; } span.form-required { color: #ffae00; } span.submitted, .description { font-size: 0.92em; color: #898989; } .description { line-height: 150%; margin-bottom: 0.75em; color: #898989; } .messages, .preview { margin: .75em 0 .75em; padding: .5em 1em; } .messages ul { margin: 0; } .form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item { margin: 0.25em 0; } #center form { margin-bottom: 2em; } .form-button, .form-submit { margin: 2em 0.5em 1em 0; /* LTR */ } #watchdog-form-overview .form-submit, .confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit { margin: 0; } .box { margin-bottom: 2.5em; } .form-item input, .form-item textarea { border: 1px solid #204a87; padding: 0.1em; } .form-item input:focus, .form-item textarea:focus { border: 1px solid #4e86c4; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /** * Layout */ #wrapper { /**background: #6a99cc url(images/page-bg.png) repeat-x 50% 0;**/ background: #21213 repeat-x 50% 0; } #wrapper #container { margin: 0 auto; padding: 20px; max-width: 1270px; } #wrapper #container #header { height: 93px; background: #21213d url(images/header-bg.png) repeat-x 0% 0%; /**background: #21213d;**/ } #wrapper #container #header #header-decorator-left { height: 93px; background: transparent url(images/header-bg-leftcorner.png) no-repeat 0% 0%; } #wrapper #container #header #header-decorator-right { height: 93px; background: transparent url(images/header-bg-rightcorner.png) no-repeat 100% 0%; } #wrapper #container #header #logo-floater { position: absolute; } #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited { line-height: 90px; position: relative; z-index: 2; white-space: nowrap; display: inline; } #wrapper #container #header h1 span { font-weight: bold; } #wrapper #container #header h1 img { padding: 8px 0 0 8px; padding-right: 8px; /* LTR */ float: left; /* LTR */ } #wrapper #container #header p.slogan { position: relative; display: inline; color: #bcd2e9; font-size: 125%; letter-spacing: -1px; } /** * Header region code. */ #header-region { background-color: #21213d; color: #21213d; min-height: 0; } #header-region .block { display: block; margin: 0 1em; } #header-region .block-region { display: block; margin: 0 0.5em 1em; padding: 0.5em; position: relative; top: 0.5em; } #header-region * { display: inline; line-height: 1.5em; margin-top: 0; margin-bottom: 0; } /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */ #header-region script { display: none; } #header-region p, #header-region img { margin-top: 0.5em; } #header-region h2 { margin: 0 1em 0 0; /* LTR */ } #header-region h3, #header-region label, #header-region li { margin: 0 1em; padding: 0; background: none; } /** * 3-column fluid layout decorator code. */ #d-top { background: #bcd2e9 url(images/content-bg-top.png) repeat-x 0% 0%; /** background: #21213d url(images/content-bg-top.png) repeat-x 0% 0%;**/ } #d-topleft { background: transparent url(images/content-bg-topleftcorner.png) no-repeat 0% 0%; } #d-topright { background: transparent url(images/content-bg-toprightcorner.png) no-repeat 100% 0%; } /** * 3-column fluid layout code. Do not change this unless you absolutely know what you're doing. */ /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */ body.two-sidebars { min-width: 1000px; } /* With 2 columns, require a minimum width of 800px. */ body.sidebar-left, body.sidebar-right { min-width: 800px; } /* We must define 100% width to avoid the body being too narrow for near-empty pages */ #wrapper #container #center { float: left; width: 100%; } /* So we move the #center container over the sidebars to compensate */ body.sidebar-left #center { margin-left: -210px; } body.sidebar-right #center { margin-right: -210px; } body.two-sidebars #center { margin: 0 -210px; } /* And add blanks left and right for the sidebars to fill */ body.sidebar-left #squeeze { margin-left: 210px; } body.sidebar-right #squeeze { margin-right: 210px; } body.two-sidebars #squeeze { margin: 0 210px; } /* End Layout Code */ /* Sidebars */ /* We ensure the sidebars are still clickable using z-index */ #wrapper #container .sidebar { margin: 20px 0 1em; width: 210px; float: left; z-index: 2; position: relative; } #wrapper #container .sidebar h2 { margin-left: 0.5em; } #wrapper #container #left-sidebar h2 { margin-left: 1em; } #wrapper #container .sidebar .block { margin: 0 0 1.5em 0; } #wrapper #container .sidebar .block .content { width: 200px; overflow: hidden; /* Minimize damage */ background: #acc6e4 url(images/sidebar-block-bg-top.png) no-repeat 0% 0%; } #wrapper #container .sidebar .block .content-decorator { background: transparent url(images/sidebar-block-bg-bottom.png) no-repeat 0% 100%; padding: 11px 0.5em 11px 1em; } .block .content { margin: 0 0 0.5em 0; } #left-sidebar .block .content{ margin-left: 10px; } #right-sidebar .block .content{ margin-right: 10px; } #left-sidebar .block-region { margin: 0 15px 0 0px; /* LTR */ } #right-sidebar .block-region { margin: 0 0px 0 15px; /* LTR */ } .block-region { padding: 1em; background: transparent; border: 2px dashed #b4d7f0; text-align: center; font-size: 1.3em; } #wrapper #container #center #squeeze { background: /* #fff */ repeat-x 50% 0; position: relative; min-height: 400px; padding: 60px 25px 5em 25px; } /** * Footer decorator code. */ #wrapper #container #footer { float: none; clear: both; width: 100%; text-align: center; color: #fff; /**background: #F7FAFF url(images/content-bg-bottom.png) repeat-x 0% 0%;**/ background: #21213d repeat-x 0% 0%; } #wrapper #container #footer #footer-decorator-topleft { background: transparent no-repeat 0% 0%; } #wrapper #container #footer #footer-decorator-topright { background: transparent no-repeat 100% 0%; } #wrapper #container #footer #footer-decorator-bottomleft { background: transparent no-repeat 0% 100%; } #wrapper #container #footer #footer-decorator-bottomright { background: transparent no-repeat 100% 100%; padding: 23px 11px 1em 11px; } #wrapper #container .breadcrumb { position: absolute; top: 30px; left: 25px; /* LTR */ z-index: 3; } /** * Header */ #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited { color: #fff; /**color: #21213d;**/ font-weight: normal; text-shadow: #1659ac 0px 1px 3px; font-size: 1.5em; } #wrapper #container #header h1 a:hover { text-decoration: none; } #wrapper #container .breadcrumb { font-size: 0.92em; } #wrapper #container .breadcrumb a { color: #204a87; } #mission { padding: 1em; background-color: #fff; border: 1px solid #e0e5fb; margin-bottom: 2em; } form#search-theme-form { float:right; height: 20px; margin: 0.25em; position: relative; } form#search-theme-form * { float:left; height: 20px; max-height: 20px; margin: 0.1em; padding: 0; z-index: 10; } form#search-theme-form label { position:absolute; left: -9999em; } form#search-theme-form input#edit-search-theme-form-1 { background: transparent url(images/search-box-bg.png) no-repeat 0% 0%; border: none; width: 201px; max-width: 201px; color: #fff; padding: 0 0 0 0.25em; height: 20px; z-index: 5; } form#search-theme-form input#edit-search-theme-form-1:focus { background-position: 0% 100%; } form#search-theme-form input.form-submit, form#search-form input.form-submit { width: 60px; background: transparent url(images/search-button.png) no-repeat 0% 0% !important; border: none; cursor: pointer; margin-top: 2px; height: 20px; color: #fff; text-align: center; letter-spacing: -1px; } /** * Primary navigation */ ul.primary-links { margin: 0; padding: 0; float: right; /* LTR */ clear: right; position: relative; z-index: 4; } ul.primary-links li { margin: 0; padding: 0; float: left; /* LTR */ background-image: none; } ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited { display: block; margin: 0 1em; padding: .75em 0 0 0; color: #fff; } ul.primary-links li a:hover, ul.primary-links li a.active { color: #fff; text-decoration: underline; } ul.primary-links li a.active { font-weight: bold; } /** * Secondary navigation */ ul.secondary-links { margin: 0; padding: 0; float: right; /* LTR */ clear: right; /* LTR */ position: relative; z-index: 4; } ul.secondary-links li { margin: 0; padding: 0; float: left; /* LTR */ background-image: none; } ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited { display: block; margin: 0 1em; padding: .25em 0 0 0; color: #cde3f1; background: transparent; } ul.secondary-links li a:hover, ul.secondary-links li a.active { color: #cde3f1; background: transparent; } ul.secondary-links li a.active { font-weight: bold; } /** * Local tasks */ ul.primary, ul.primary li, ul.secondary, ul.secondary li { border: 0; background: none; margin: 0; padding: 0; } #tabs-wrapper { margin: 0 -26px 1em; padding: 0 26px; border-bottom: 1px solid #e9eff3; position: relative; } ul.primary { padding: 0.5em 0 10px; float: left; /* LTR */ } ul.secondary { clear: both; text-align: left; /* LTR */ border-bottom: 1px solid #e9eff3; margin: -0.2em -26px 1em; padding: 0 26px 0.6em; } h2.with-tabs { float: left; /* LTR */ margin: 0 2em 0 0; /* LTR */ padding: 0; } ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited, ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited { border: 0; background: transparent; padding: 4px 1em; margin: 0 0 0 1px; /* LTR */ height: auto; text-decoration: none; position: relative; top: -1px; } ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover, ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover { background: url(images/bg-tab.png) repeat-x 0 50%; color: #fff; } ul.primary li.active a, ul.secondary li.active a { font-weight: bold; } /** * Nodes & comments */ .node { border-bottom: 1px solid #e9eff3; margin: -1.5em -25px 1.5em; padding: 1.5em 25px; } h2.comments { margin: -1.5em -26px 1.5em; padding: 1.5em 26px; } ul.links li, ul.inline li { margin-left: 0; margin-right: 0; padding-left: 0; /* LTR */ padding-right: 1em; /* LTR */ background-image: none; } .node .links, .comment .links { text-align: left; /* LTR */ } .node .links ul.links li, .comment .links ul.links li {} .terms ul.links li { margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 1em; } .picture, .comment .submitted { float: right; /* LTR */ clear: right; /* LTR */ padding-left: 1em; /* LTR */ } .new { color: #ffae00; font-size: 0.92em; font-weight: bold; float: right; /* LTR */ } .terms { float: right; /* LTR */ } .preview .node, .preview .comment, .sticky { margin: 0; padding: 0.5em 0; border: 0; background: 0; } .sticky { padding: 1em; background-color: #F7FAFF; text-align: center; border: 1px solid #e0e5fb; margin-bottom: 2em; } .comment { margin: -1.5em -25px 1.5em; padding: 1.5em 25px; border-top: 1px solid #e9eff3; } .indented { margin-left: 25px; /* LTR */ } .comment h3 a.active { color: #494949; } .node .content, .comment .content { margin: 0.6em 0; } /** * Aggregator.module */ #aggregator { margin-top: 1em; } #aggregator .feed-item-title { font-size: 160%; line-height: 130%; } #aggregator .feed-item { border-bottom: 1px solid #e9eff3; margin: -1.5em -31px 1.75em; padding: 1.5em 31px; } #aggregator .feed-item-categories { font-size: 0.92em; } #aggregator .feed-item-meta { font-size: 0.92em; color: #898989; } /** * Color.module */ #palette .form-item { border: 1px solid #fff; } #palette .item-selected { background: #fff url(images/gradient-inner.png) repeat-x 0 0; border: 1px solid #d9eaf5; } /** * Menu.module */ tr.menu-disabled { opacity: 0.5; } tr.odd td.menu-disabled { background-color: #edf5fa; } tr.even td.menu-disabled { background-color: #fff; } /** * Poll.module */ .poll .bar { background: #fff url(images/bg-bar-white.png) repeat-x 0 0; border: solid #f0f0f0; border-width: 0 1px 1px; } .poll .bar .foreground { background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%; } .poll .percent { font-size: .9em; } /** * Autocomplete. */ #autocomplete li { cursor: default; padding: 2px; margin: 0; } /** * Collapsible fieldsets */ fieldset { margin: 1em 0; padding: 1em; border: 1px solid #d9eaf5; } /* Targets IE 7. Fixes background image in field sets. */ /* Note: Move to IE conditional stylesheet */ *:first-child+html fieldset { padding: 0 1em 1em; background-position: 0 .75em; background-color: transparent; } *:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description { padding-top: 1em; } fieldset legend { /* Fix disappearing legend in FFox */ display: block; } *:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend { display: inline; } html.js fieldset.collapsed { background: transparent; padding-top: 0; padding-bottom: .6em; } html.js fieldset.collapsible legend a { padding-left: 2em; /* LTR */ background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */ } html.js fieldset.collapsed legend a { background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */ } /** * Syndication icons and block */ #block-node-0 h2 { float: left; /* LTR */ padding-right: 20px; /* LTR */ } #block-node-0 img, .feed-icon { float: right; /* LTR */ padding-top: 4px; } #block-node-0 .content { clear: right; /* LTR */ } /** * Login Block */ #user-login-form { text-align: center; } #user-login-form ul { text-align: left; /* LTR */ } /** * User profiles. */ .profile { margin-top: 1.5em; } .profile h3 { border-bottom: 0; margin-bottom: 1em; } .profile dl { margin: 0; } .profile dt { font-weight: normal; color: #898989; font-size: 0.92em; line-height: 1.3em; margin-top: 1.4em; margin-bottom: 0.45em; } .profile dd { margin-bottom: 1.6em; } /** * Admin Styles */ div.admin-panel, div.admin-panel .description, div.admin-panel .body, div.admin, div.admin .left, div.admin .right, div.admin .expert-link, div.item-list, .menu { margin: 0; padding: 0; } div.admin .left { float: left; /* LTR */ width: 48%; } div.admin .right { float: right; /* LTR */ width: 48%; } div.admin-panel { background: #fff url(images/gradient-inner.png) repeat-x 0 0; padding: 1em 1em 1.5em; } div.admin-panel .description { margin-bottom: 1.5em; } div.admin-panel dl { margin: 0; } div.admin-panel dd { color: #898989; font-size: 0.92em; line-height: 1.3em; margin-top: -.2em; margin-bottom: .65em; } table.system-status-report th { border-color: #d3e7f4; } #autocomplete li.selected, tr.selected td, tr.selected td.active { background: #027ac6; color: #fff; } tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active { color: #d3e7f4; } tr.taxonomy-term-preview { opacity: 0.5; } tr.taxonomy-term-divider-top { border-bottom: none; } tr.taxonomy-term-divider-bottom { border-top: 1px dotted #CCC; } /** * CSS support */ /** * Generic elements. */ .messages { background-color: #fff; border: 1px solid #b8d3e5; } .preview { background-color: #fcfce8; border: 1px solid #e5e58f; } div.status { color: #3a3; border-color: #c7f2c8; } div.error, tr.error { color: #c52020; background-color: #FFCCCC; } .form-item input.error, .form-item textarea.error { border: 1px solid #c52020; color: #494949; } /** * Watchdog.module */ tr.watchdog-user { background-color: #fcf9e5; } tr.watchdog-user td.active { background-color: #fbf5cf; } tr.watchdog-content { background-color: #fefefe; } tr.watchdog-content td.active { background-color: #f5f5f5; } tr.watchdog-warning { background-color: #fdf5e6; } tr.watchdog-warning td.active { background-color: #fdf2de; } tr.watchdog-error { background-color: #fbe4e4; } tr.watchdog-error td.active { background-color: #fbdbdb; } tr.watchdog-page-not-found, tr.watchdog-access-denied { background: #d7ffd7; } tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active { background: #c7eec7; } /** * Status report colors. */ table.system-status-report tr.error, table.system-status-report tr.error th { background-color: #fcc; border-color: #ebb; color: #200; } table.system-status-report tr.warning, table.system-status-report tr.warning th { background-color: #ffd; border-color: #eeb; } table.system-status-report tr.ok, table.system-status-report tr.ok th { background-color: #dfd; border-color: #beb; } #center ul, #center ol { padding-left: 0.5em; }