/** * Generic elements. */ body { color: #000; background: #fff; font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif; } a { color: #0074BD; text-decoration: none; } a:hover { text-decoration: underline; } hr { margin: 0; padding: 0; border: none; height: 1px; background: #cccccc; } legend { font-weight: bold; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 10px 0; } h1 { font-size: 1.538em; } h2 { font-size: 1.385em; } h3 { font-size: 1.231em; } h4 { font-size: 1.154em; } h5, h6 { font-size: 1.077em; } p { margin: 1em 0; } dl { margin: 0 0 20px; } dl dd, dl dl { margin-left: 20px; /* LTR */ margin-bottom: 10px; } blockquote { margin: 1em 40px; } address { font-style: italic; } u, ins { text-decoration: underline; } s, strike, del { text-decoration: line-through; } big { font-size: larger; } small { font-size: smaller; } sub { vertical-align: sub; font-size: smaller; line-height: normal; } sup { vertical-align: super; font-size: smaller; line-height: normal; } nobr { white-space: nowrap; } abbr, acronym { border-bottom: dotted 1px; } ul, .block ul, .item-list ul { list-style-type: disc; list-style-image: none; margin: 0.25em 0 0.25em 1.5em; /* LTR */ } .item-list .pager li { padding: 0.5em; } .item-list ul li, li.leaf, ul.menu li { list-style-type: disc; list-style-image: none; } ul.menu li { margin: 0; } ol { list-style-type: decimal; margin: 0.25em 0 0.25em 2em; /* LTR */ } .item-list ul li.collapsed, ul.menu li.collapsed { list-style-image:url(../../misc/menu-collapsed.png); list-style-type:disc; } .item-list ul li.expanded, ul.menu li.expanded { list-style-image:url(../../misc/menu-expanded.png); list-style-type:circle; } quote, code { margin: .5em 0; } code, pre, kbd { font-size: 1.231em; } pre { margin: 0.5em 0; white-space: pre-wrap; } /** * Skip link. */ #skip-link { margin-top: 0; position: absolute; left: 50%; /* LTR */ margin-left: -5.25em; /* LTR */ width: auto; z-index: 50; } #skip-link a, #skip-link a:link, #skip-link a:visited { display: block; background: #444; color: #fff; font-size: 0.94em; padding: 1px 10px 2px 10px; /* LTR */ text-decoration: none; -moz-border-radius: 0 0 10px 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0 0 10px 10px; } #skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; } /** * Branding. */ #branding { overflow: hidden; padding: 20px 20px 0 20px; /* LTR */ position: relative; background-color: #e0e0d8; } #branding div.breadcrumb { font-size: 0.846em; padding-bottom: 5px; } #branding div.block { position: relative; float: right; /* LTR */ width: 240px; padding-left: 10px; /* LTR */ background: #333; } #branding div.block form label { display: none; } #branding div.block form div.form-item { float: left; /* LTR */ border: 0; margin: 0; padding: 0; } #branding div.block form input.form-text { width: 140px; margin-right: 10px; /* LTR */ } #branding div.block form input.form-submit { text-align: center; width: 80px; } /** * Help. */ #help { font-size: 0.923em; margin-top: 1em; } #help p { margin: 0 0 10px; } #help div.more-help-link { text-align: right; /* LTR */ } /** * Page title. */ #page-title { background: #333; padding-top: 20px; } #branding h1.page-title { color: #000; margin: 0; padding-bottom: 10px; font-size: 1.385em; font-weight: normal; float: left; /* LTR */ } /** * Console. */ #console { margin: 9px 0 10px; } /** * Tabs. */ ul.primary { float: right; /* LTR */ border-bottom: none; text-transform: uppercase; font-size: 0.923em; height: 2.60em; margin: 0; padding-top: 0; } ul.primary li { float: left; /* LTR */ list-style: none; margin: 0 2px; } ul.primary li a:link, ul.primary li a.active, ul.primary li a:active, ul.primary li a:visited, ul.primary li a:hover, ul.primary li.active a { display: block; float: left; /* LTR */ height: 2.60em; line-height: 2.60em; padding: 0 18px 8px; background-color: #a6a7a2; color: #000; font-weight: bold; border-width: 1px 1px 0 1px; border-style: solid; border-color: #a6a7a2; -moz-border-radius: 8px 8px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-radius: 8px 8px 0 0; } ul.primary li.active a, ul.primary li.active a.active, ul.primary li.active a:active, ul.primary li.active a:visited { background-color: #fff; border-color: #c9cac4; } ul.primary li a:hover { color: #fff; } ul.primary li.active a:hover { color: #000; } .tabs-secondary { clear: both; } ul.secondary { float: right; /* LTR */ font-size: 0.923em; padding: 0 3px 5px; line-height: 1.385em; overflow: hidden; background-color: #fff; } ul.secondary li { margin: 0 5px; float: none; /* LTR */ } ul.secondary li a { background-color: #ddd; color: #000; display: inline-block; } ul.secondary li a, ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active { padding: 2px 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } ul.secondary li a:hover, ul.secondary li.active a, ul.secondary li.active a.active { color: #fff; background: #666; } #content { clear: left; } /** * Page layout. */ #page { padding: 20px 0 40px 0; /* LTR */ margin-right: 40px; /* LTR */ margin-left: 40px; /* LTR */ background: #fff; position: relative; color: #333; } #secondary-links ul.links li { padding: 0 10px 10px 0; /* LTR */ } #secondary-links ul.links li a { font-size: 0.923em; background: #777; color: #fff; text-align: center; padding: 5px; height: 55px; width: 80px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #secondary-links ul.links li a:hover { background: #999; } ul.links li, ul.inline li { padding-right: 1em; /* LTR */ } ul.inline li { display: inline; } #secondary-links ul.links li.active-trail a, #secondary-links ul.links li a.active { background: #333; } ul.admin-list li { position: relative; padding-left: 30px; /* LTR */ padding-top: 9px; border-top: 1px solid #ccc; margin-left: 0; /* LTR */ margin-bottom: 10px; background: url(images/list-item.png) no-repeat 0 11px; /* LTR */ list-style-type: none; list-style-image: none; } .admin-panel .item-list ul, ul.admin-list { margin: 0; padding: 0; } .admin-panel .item-list ul, ul.admin-list.compact { margin: 8px 0; } .admin-panel .item-list li, ul.admin-list.compact li { border: none; background: none; margin: 0 0 0.75em; line-height: 1; padding: 0; } ul.admin-list li:last-child { border-bottom: none; } ul.admin-list li a { margin-left: -30px; /* LTR */ padding: 0 0 4px 30px; /* LTR */ min-height: 0; } ul.admin-list.compact li a { margin-left: 0; /* LTR */ padding: 0; } ul.admin-list li div.description a { margin-left: 0; /* LTR */ padding: 0; min-height: inherit; } div.submitted { color: #898989; } /** * Tables. */ table { width: 100%; font-size: 0.923em; margin: 0 0 10px; border: 1px solid #bebfb9; } table td, table th { vertical-align: middle; padding: 8px 10px; border: 0; color: #000; } tr.even, tr.odd { border-width: 0 1px 0 1px; border-style: solid; border-color: #bebfb9; background: #f3f4ee; } tr.odd { background: #fff; } tr.drag { background: #fe7; } tr.drag-previous { background: #ffb; } table th { text-transform: uppercase; background: #e1e2dc; font-weight: normal; border-width: 1px; border-style: solid; border-color: #bebfb9; padding: 3px 10px; } /** * Force browsers to calculate the width of a 'select all' TH element. */ table th.select-all { width: 1px; } table th.active { background: #bdbeb9; } table th a { display: block; position: relative; } table th.active a { padding: 0 25px 0 0; /* LTR */ } table th.active img { position: absolute; top: 3px; right: 3px; /* LTR */ } table td.active { background: #e9e9dd; } table tr.odd td.active { background: #f3f4ee; } table tr.selected td.active, table tr.selected td { background: #ffc; border-color: #eeb; } table.system-status-report tr { border-bottom: 1px solid #ccc; } table.system-status-report tr.ok { color: #255b1e; background-color: #e5ffe2; } table.system-status-report tr.info { color: #040f37; background-color: #bdf; } table.system-status-report tr.warning { color: #840; background-color: #fffce5; } table.system-status-report tr.error { color: #8c2e0b; background-color: #fef5f1; } /** * Exception for webkit bug with the right border of the last cell * in some tables, since it's webkit only, we can use :last-child */ tr td:last-child { border-right: 1px solid #bebfb9; /* LTR */ } /** * Fieldsets. * * Fieldset legends are displayed like containers in Seven. However, several * browsers do not support styling of LEGEND elements. To achieve the desired * styling: * - All fieldsets use 'position: relative'. * - All legend labels are wrapped in a single span.fieldset-legend that uses * 'position: absolute', which means that the LEGEND element itself is not * rendered by browsers. * - Due to using 'position: absolute', collapsed fieldsets do not have a * height; the fieldset requires a 'padding-top' to make the absolute * positioned .fieldset-legend appear as though it would have a height. * - Various browsers are positioning the legend differently if there is a * 'padding-left'/'padding-right' applied on a fieldset and inherit the * positioning even to absolute positioned elements within; we therefore have * to apply all padding to the inner .fieldset-wrapper instead. */ fieldset { border: 1px solid #ccc; padding: 2.5em 0 0 0; /* LTR */ position: relative; margin: 1em 0; } fieldset .fieldset-legend { margin-top: 0.5em; padding-left: 15px; /* LTR */ position: absolute; text-transform: uppercase; } fieldset .fieldset-wrapper { padding: 0 13px 13px 15px; /* LTR */ } fieldset.collapsed { background-color: transparent; } html.js fieldset.collapsed { border-width: 1px; height: auto; } fieldset fieldset { background-color: #fff; } fieldset fieldset fieldset { background-color: #f8f8f8; } /** * Form elements. */ .form-item { padding: 9px 0; margin: 0 0 10px; } .filter-wrapper .form-item, div.teaser-checkbox .form-item, .form-item .form-item { padding: 5px 0; margin: 0; border: 0; } .form-type-checkbox { padding: 0; } .text-format-wrapper .form-item { padding-bottom: 0; } .form-item label { margin: 0; padding: 0; } .form-item label.option { font-size: 0.923em; text-transform: none; } .form-item label.option input { vertical-align: middle; } .form-disabled input.form-autocomplete, .form-disabled input.form-text, .form-disabled input.form-file, .form-disabled textarea.form-textarea, .form-disabled select.form-select { background-color: #eee; color: #777; } /* Filter */ .filter-wrapper { border-top: 0; padding: 10px 2px; } .filter-wrapper .fieldset-wrapper { padding: 0 6px; } .filter-wrapper .form-item, .filter-wrapper .filter-guidelines, .filter-wrapper .filter-help { font-size: 0.923em; padding: 2px 0 0 0; /* LTR */ } ul.tips, div.description, .form-item div.description { margin: 5px 0; line-height: 1.231em; font-size: 0.923em; color: #666; } ul.tips li { margin: 0.25em 0 0.25em 1.5em; /* LTR */ } body div.form-type-radio div.description, body div.form-type-checkbox div.description { margin-left: 1.5em; /* LTR */ } input.form-submit, a.button { cursor: pointer; padding: 4px 17px; margin-bottom: 1em; margin-right: 1em; /* LTR */ color: #5a5a5a; text-align: center; font-weight: normal; font-size: 1.077em; font-family: "Lucida Grande", Verdana, sans-serif; border: 1px solid #e4e4e4; border-bottom: 1px solid #b4b4b4; border-left-color: #d2d2d2; border-right-color: #d2d2d2; background: url(images/buttons.png) 0 0 repeat-x; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } a.button:link, a.button:visited, a.button:hover, a.button:active { text-decoration: none; color: #5a5a5a; } input.form-submit:active { background: #666; color: #fff; border-color: #555; text-shadow: #222 0 -1px 0; } input.form-button-disabled, input.form-button-disabled:active { background: #eee none; border-color: #eee; text-shadow: none; color: #999; } input.form-autocomplete, input.form-text, input.form-file, textarea.form-textarea, select.form-select { padding: 2px; border: 1px solid #ccc; border-top-color: #999; background: #fff; color: #333; } input.form-text:focus, input.form-file:focus, textarea.form-textarea:focus, select.form-select:focus { color: #000; border-color: #ace; } ul.action-links { margin: 1em 0; padding: 0 20px 0 20px; /* LTR */ list-style-type: none; overflow: hidden; } ul.action-links li { float: left; /* LTR */ margin: 0 1em 0 0; /* LTR */ } ul.action-links a { padding-left: 15px; /* LTR */ background: transparent url(images/add.png) no-repeat 0 center; line-height: 30px; } /* Exceptions */ #diff-inline-form select, div.filter-options select { padding: 0; } /** * System. */ div.admin .right, div.admin .left { width: 49%; margin: 0; } div.admin-panel, div.admin-panel .body { padding: 0; clear: left; } div.admin-panel { margin: 0 0 20px; padding: 9px; background: #f8f8f8; border: 1px solid #ccc; } div.admin-panel h3 { font-size: 0.923em; text-transform: uppercase; margin: 0; padding-bottom: 9px; } /* admin/appearance */ #system-themes-page h2 { font-weight: normal; text-transform: uppercase; } .theme-selector h3 { font-weight: normal; } .theme-default h3 { font-weight: bold; } .system-themes-list-enabled .theme-selector h3 { margin-top: 0; } /* Update options. */ div.admin-options { background: #f8f8f8; line-height: 30px; height: 30px; padding: 9px; border: 1px solid #ccc; margin: 0 0 10px; } div.admin-options label { text-transform: uppercase; font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif; } div.admin-options label, div.admin-options div.form-item { margin-right: 10px; /* LTR */ float: left; /* LTR */ } div.admin-options div.form-item { padding: 0; border: 0; } /* Update status */ .versions table.version { border: none; } /* Maintenance theming */ body.in-maintenance #sidebar-first { float: left; /* LTR */ width: 200px; } body.in-maintenance #content { float: right; /* LTR */ width: 550px; padding-right: 20px; /* LTR */ clear: none; } body.in-maintenance #page { overflow: auto; width: 770px; margin: 0 auto; padding-top: 2em; } body.in-maintenance #branding h1 { width: 770px; margin: 0 auto; float: none; } body.in-maintenance .form-radios .form-type-radio { padding: 2px 0; } body.in-maintenance div.form-item:after { content: ""; display: none; clear: none; } body.in-maintenance .form-submit { display: block; } body.in-maintenance #logo { margin-bottom: 1.5em; max-width: 180px; } 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 20px; /* LTR */ color: #adadad; } ol.task-list li.active { background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */ padding: 0.5em 1em 0.5em 20px; /* LTR */ color: #000; } ol.task-list li.done { background: transparent url(images/task-check.png) no-repeat 0 50%; color: green; } /* Overlay theming */ .overlay #branding { background-color: #fff; padding-top: 15px; } .overlay #branding h1.page-title, .overlay #left, .overlay #footer { display: none; } .overlay #page { margin: 0; padding: 0 20px; } .overlay #branding div.breadcrumb { float: left; /* LTR */ position: relative; z-index: 10; } #overlay-tabs { bottom: -1px; font-size: 1.54em; line-height: 1.54em; margin: 0; } #overlay-tabs li { margin: 0 -2px; } .overlay ul.secondary { background: transparent none; margin: -1.4em 0 0.3em 0; /* LTR */ overflow: visible; } .overlay #content { padding: 0; } h1#overlay-title { font-weight: normal; } /* Shortcut theming */ div.add-or-remove-shortcuts { float: left; /* LTR */ padding-top: 6px; padding-left: 6px; /* LTR */ } /* Dashboard */ #dashboard .dashboard-region div.block h2 { background: #E0E0D8; } #dashboard div.block h2 { margin: 0; font-size: 1em; padding: 3px 10px; } #dashboard div.block div.content { padding: 10px 5px 5px 5px; /* LTR */ } #dashboard div.block div.content ul.menu { margin-left: 20px; /* LTR */ } #dashboard .dashboard-region .block { border: #ccc 1px solid; } /* Field UI */ #field-display-overview input.field-formatter-settings-edit { margin: 0; padding: 1px 8px; } #field-display-overview tr.field-formatter-settings-changed { background: #FFFFBB; } #field-display-overview tr.drag { background: #FFEE77; } #field-display-overview tr.field-formatter-settings-editing { background: #D5E9F2; } #field-display-overview .field-formatter-settings-edit-form .form-item { margin: 10px 0; } #field-display-overview .field-formatter-settings-edit-form .form-submit { margin-bottom: 0; } /* Recent content block */ #dashboard div#block-node-recent div.content { padding: 0; } #block-node-recent table, #block-node-recent tr { border: none; } #block-node-recent .more-link { padding: 0 5px 5px 0; /* LTR */ } /* User login block */ #user-login-form .openid-links { margin-left: 0; /* LTR */ } #user-login-form .openid-links .user-link { margin-left: 1.5em; /* LTR */ } /* Disable overlay message */ #overlay-disable-message { background-color: #addafc; } #overlay-disable-message a, #overlay-disable-message a:visited { color: #000; } #overlay-disable-message a:focus, #overlay-disable-message a:active { outline: none; text-decoration: underline; } .overlay-disable-message-focused a { padding: 0.4em 0.6em; } .overlay-disable-message-focused #overlay-dismiss-message { background-color: #59a0d8; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }