resourcehumboldt.theme.stylesbase16.css
resourcehumboldt.theme.stylesbase16.css — 22.7 KB
Dateiinhalt
/* - ++resource++humboldt.theme.styles/base.css - */ @media screen { /* http://www.cms.hu-berlin.de/portal_css/++resource++humboldt.theme.styles/base.css?original=1 */ /* */ body, body > * { margin: 0; padding: 0; } #visual-portal-wrapper { min-width: 70em; max-width: 100em; margin-left: auto; margin-right: auto; border-left: 1px solid #ccccb2; border-right: 1px solid #ccccb2; } #visual-portal-wrapper.debug { background-image: url("http://web-support.hu-berlin.de/plone/entwicklerInnen/layoutfluten"); background-size: 100% auto; } #portal-columns { width: 100%; padding: 0 !important; } /* */ #portal-top { z-index: 300; } #portal-top #top-container { z-index: 350; } #portal-column-one, #portal-column-two { z-index: 100; } #portal-column-content { z-index: 0; } #portal-top *, #portal-column-one *, #portal-column-two *, #portal-column-content * { z-index: inherit; } /* */ #portal-column-one { float: left; width: 19%; padding: 0 !important; min-height: 15em; } #portal-top { height: 10.8em; margin-left: 19%; padding: 0 !important; position: relative; } #top-container { display: inline-block; position: absolute; bottom: 0; left: 360px; right: 0; } /* */ #folder_image { display: inline-block; /* */ position: absolute; /* */ bottom: 0; height: 110px; width: 360px; } #folder_image a.edit-link { position: absolute; background-color: white; padding: 0 0.2em; } #folder_image img { background-color: #036; width: 100%; height: 110px; } /* */ /* */ #portal-logo { padding: 0 2em; background-color: white; } #portal-logo a { height: 9em; display: block; position: relative; } #portal-logo img { position: absolute; right: 0; bottom: 5%; max-height: 90%; max-width: 90%; } /* */ #portal-column-two { float: right; width: 19%; padding: 0 0 1em !important; display: none; } #viewlet-above-content { z-index: 50; } #portal-column-content { width: 79%; margin-left: 19%; margin-right: 21%; margin-bottom: 2em; } #portal-column-content #content { margin: 0.5em 0 0.5em 2em; padding: 0 1em; } #portal-column-content div#content-core { margin-bottom: 1.5em; } #content .visualClear { clear: none !important; } #content-core { position: relative; } /* */ #portal-footer { width: 100%; padding-bottom: 1em; } #portal-footer > hr { margin: 1em 0; background-color: #036; color: #036; height: 1px; border-style: none; } #footer-left { float: left; width: 20%; padding: 0; } #footer-center { width: 60%; margin: 0 20%; padding: 0; } #footer-center .layout-box { padding: 0 2em; } #footer-right { float: right; width: 20%; padding: 0; } #footer-left > *, #footer-right > * { margin: 0 2em; } /* */ /* */ .documentActions { float: right; } #plone-document-byline { color: #76797C; } .impressum { float: left; font-size: 80%; } /* */ #portal-colophon { text-align: center; margin-bottom: 1em; } #portal-colophon li { padding:0 0.75em; } /* */ /* */ div.overlay-iframe, div.overlay-ajax { position: fixed !important; top: 15% !important; left: 20% !important; } /* */ /* */ body.fullscreen #portal-column-one, body.fullscreen #portal-column-two { display: none; } body.fullscreen #audience-menu { margin-left: 19%; } body.fullscreen #portal-column-content { width: 100%; padding: 0 1px 0 0; margin: 0; } /* */ /* */ #print-header { display: none !important; } /* */ /* */ .fc-content { clear: none !important; } /* */ /* */ #collage .collage-row { clear: none !important; } /* */ } /* - ++resource++humboldt.theme.styles/typography.css - */ @media screen { /* http://www.cms.hu-berlin.de/portal_css/++resource++humboldt.theme.styles/typography.css?original=1 */ /* */ /* */ html { font-size:100.01%; } body { font-size: 80%; font-family: Verdana, Helvetica, Arial, sans-serif !important; } /* */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 { font-size: 160%; } h2 { font-size: 155%; } h3 { font-size: 140%; border-bottom: none; } h4 { font-size: 130%; border-bottom: none; } h5 { font-size: 120%; border-bottom: none; } h6 { font-size: 100%; border-bottom: none; } h1, h2, h3, h4, h5, h6, .title { font-weight: normal; margin-top: 0.7em; margin-bottom: 0.3em; padding: 0; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } .block-title { display: block; background: #CCD6E0 no-repeat; } h2.block-title { margin-left: -0.65em; margin-right: -0.65em; padding-left: 0.65em; padding-right: 0.65em; } h3.block-title { margin-left: -0.75em; margin-right: -0.75em; padding-left: 0.75em; padding-right: 0.75em; } h4.block-title { margin-left: -0.8em; margin-right: -0.8em; padding-left: 0.8em; padding-right: 0.8em; } h5.block-title { margin-left: -0.9em; margin-right: -0.9em; padding-left: 0.9em; padding-right: 0.9em; } h6.block-title { margin-left: -1em; margin-right: -1em; padding-left: 1em; padding-right: 1em; } table { font-size: 100%; } img { border: none; vertical-align: middle; } img.tile { width: 104px; height: 60px; } img.row { width: 205px; height: 95px; } p { margin: 0 0 0.5em 0; line-height: 1.3em; } p img { border: none; margin: 0; } hr { height: 1px; margin-top: 0.5em; margin-right: 0; margin-bottom: 1em; margin-left: 0; border-style: none; } #content hr { margin-right: -1em; margin-bottom: 0.5em; margin-left: -1em; border-style: none; } #content ul { line-height: 1.3em; margin: 0 0 0.5em 1.2em; padding: 0; list-style-image: url(++resource++humboldt.theme.images/bullet.gif); list-style-type: square; } ol { line-height: 1.3em; margin: 0 0 0.5em 2.5em; padding: 0; list-style-image: none; } li { margin-bottom: 0.3em; } dt { font-weight: bold; } dd { line-height: 1.3em; margin-bottom: 1em; } fieldset { border-width: 1px; border-style: solid; margin: 1em 0em; padding: 0em 1em 1em; line-height: 1.3em; width: auto; } legend { padding: 0.5em; font-size: 90%; } form { border-style: none; margin: 0; } label { font-weight: bold; } textarea { font: 100% Monaco, "Courier New", Courier, monospace; border-width: 1px; border-style: solid; /* */ /* */ background-repeat: repeat-x; width: 100%; } input { visibility: visible; border-width: 1px; border-style: solid; vertical-align: middle; background-image: url(/input_background.gif); background-repeat: repeat-x; } button { visibility: visible; border-width: 1px; border-style: solid; vertical-align: middle; padding: 1px; cursor: pointer; font-size: 85%; text-transform: none; } select { border-width: 1px; border-style: solid; vertical-align: top; } optgroup { font-style: normal; font-weight: bold; padding-left: 0.25em; } optgroup > option { padding: 0 0.25em 0 1em; } abbr, acronym, .explain { border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; } q { font-family: Baskerville, Georgia, serif; font-style: italic; font-size: 120%; } blockquote { margin-left: 1.5em; } code { font-family: Monaco, "Courier New", Courier, monospace; font-size: 120%; padding: 0 0.1em; } pre { font-family: Monaco, "Courier New", Courier, monospace; font-size: 100%; padding: 1em; border-width: 1px; border-style: solid; overflow: auto; } ins { color: green; text-decoration: none; } del { color: red; text-decoration: line-through; } a { color: rgb(0,102,153); text-decoration: none; } a:visited { color: #4477AA; } a:hover { color: rgb(153,153,102); } q { quotes: "“" "”" "‘" "’"; } strong { font-weight: bold !important; } dfn { font-weight: bold; } em, dfn { font-style: italic; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted; } address { margin: 0 0 1.5em; font-style: italic; } pre { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* */ ul, ol { margin: 0; padding: 0;} li ul, li ol { margin: 0; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } #catList { margin: 0.5em 0;} #letterList { margin: 0.5em 0 1.75em 0 !important; } #letterList li { display: inline-block; font-size: 100%; font-weight: normal !important; padding-left: 0 !important; padding-right: 1em !important; } #catList li { margin: 0 0 0 1em; } /* */ table { margin-bottom: 1.4em; width:100%; overflow-x:auto; } th { font-weight: bold; } th,td,caption { padding: 0.25em 0.5em; } td { vertical-align: top; } .ploneCalendar td { vertical-align: middle; } /* */ tfoot { font-style: italic; } table.noborder tr th, table.noborder tr td { border: none; } table.plain tr th, table.plain tr td { border: none; } /* */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .discreet { font-size: 85%; color: #666; } .hide { display: none; } .link-mailto { } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .wichtig, .important { color: #993333 !important; } .wichtigAbsatz, .wichtigerAbsatz { border-left: 1em solid #CCD6E0; padding-left: 1em; margin-top: 1em; margin-bottom: 1em;} .left, .links { text-align: left; } .right, .rechts { text-align: right; } .centered, .zentriert { text-align: center; } .justified, .blocksatz { text-align: justify; } /* */ .kasten-aussen { min-height: 150px; } .kasten-aussen img { float: left; } .kasten-innen { padding-left: 1em; margin-left: 150px; } .kasten-innen .title, .kasten-innen h4 { margin-top: 1px; } /* */ p .left, p .links { float: left !important; margin: 0.4em 0.9em 0.25em 0; padding: 0; } p .right, p .rechts { float: right !important; margin: 0.4em 0 0.25em 0.9em; padding: 0; } /* */ .spalten { display: inline-block; vertical-align: top; padding-left: 3.3%; padding-right: 3.3%; margin-bottom: 1em; } .portal h3 { background-color: #CCD6E0; font-size: 120%; margin-left: -4%; margin-right: -4%; padding: 0.2em 0.2em 0.2em 4%; } .portal img { width: 100%; } .portal ul { margin: 0 !important; } .portal li { border-bottom: 1px solid #B2C1D1; list-style: none outside none; margin: 0 -4%; padding: 0.4em 0.6em; } .portal a { display: block; } .zwei { width: 45.5%; } .drei { width: 28%; } .first, .erste { margin-left:0 !important; padding-left:0 !important; } .last, .letzte { margin-right:0 !important; padding-right:0 !important; } /* */ /* */ #portal-footer .documentByLine { font-size: 80%; } /* */ #content .documentDescription, #content #description { color: #666; font-style: italic; margin-bottom: 0.5em; } #content .discreet, #sidebar .discreet { color: #666666; font-size: 85%; font-weight: normal; } } /* - ++resource++humboldt.theme.styles/portlets.css - */ @media screen { /* http://www.cms.hu-berlin.de/portal_css/++resource++humboldt.theme.styles/portlets.css?original=1 */ /* */ div.portletWrapper{ /* */ } div.portletStaticText, dl.portlet { font-weight: normal; position: relative; margin-top: 1em; margin-bottom: 1em; } #portal-column-one div.portletStaticText > *, #portal-column-one dl.portlet > * { padding-right: 1em; padding-left: 2em; } #portal-column-two div.portletStaticText, #portal-column-two dl.portlet { padding-right: 2em; padding-left: 1em; } #viewlet-below-content div.portletStaticText > *, #viewlet-below-content dl.portlet { padding-right: 1em; padding-left: 3em; margin-bottom: 1.5em; } div.portletStaticText > *, dl.portlet > * { margin: 0; padding: 0; } dl.portlet * { font-weight: normal; } dl.portlet ul { list-style-type: none; list-style-image: none; line-height: 1em; } dl.portlet li { display: list-item; line-height: 1.3em; } dl.portlet dt { display: none; } #viewlet-below-content dt.portletHeader { display: block; border-bottom-width: 1px; border-bottom-style: solid; font-size: 115%; } dl.portlet .hiddenStructure { background: none repeat scroll 0 0 transparent; border: medium none; display: block; height: 0.1em; overflow: hidden; width: 1px; position: absolute; top: 0.5em; z-index: -10 !important; } dl.portletError { background-color: #FFA500; } dl.portlet dt, div.portletAssignments div.portletHeader { margin: 0 0 0.2em; line-height: normal; text-align: left; } div.portletAssignments { font-size: 0.8em; line-height: 2em; } div.portletAssignments .managedPortletActions { float: right; } div.portletAssignments .managedPortletActions a { margin: 0 0.25em; border: none; } dl.portlet dt a:link, dl.portlet dt a:visited, dl.portlet dt a:hover { display: block; border: none; } /* */ dl.portlet-portal-title { min-height: 9em; margin: 0 !important; } .portlet-portal-title dd div.hidden-title { visibility: hidden; position: relative !important; } .portlet-portal-title dd > * { position: absolute; bottom: 0em; max-width: 85%; padding: 0.25em 0; vertical-align: text-bottom; } .portlet-portal-title .portal-title-current a { font-weight: bold; } /* */ .portletNavigationTree { margin: 0 !important; } #portal-column-one .portletNavigationTree ul.navTree li.navTreeItem a { padding-left: 2em; padding-right: 1em; padding-top: 0.25em; padding-bottom: 0.25em; line-height: 1.2em; } #portal-column-two .portletNavigationTree ul.navTree li.navTreeItem a { padding: 0.2em 1em 0.2em; } .portlet.portletNavigationTree ul.navTree li.navTreeItem a { background-image: none !important; border-top-width: 0.1em; border-top-style: solid; border-color: white; display: block; line-height: 1.4em; } .portletNavigationTree ul.navTree li.navTreeItem a span { position: relative; bottom: -0.05em; } dl.portletNavigationTree dd.portletItem, dl.portletNavigationTree dd.portletFooter { padding: 0em !important; } dl.portletNavigationTree ul.navTree.navTreeLevel0 { border-bottom: 1px solid #CCCC99; } dl.portletNavigationTree ul.navTree.navTreeLevel0:first-child li.navTreeCurrentNode { border-top: 1px solid #CCCC99; } .navTree li { margin: 0em; padding: 0em; } dl.portletNavigationTree ul.navTree.navTreeLevel0 > li.navTreeCurrentNode a.navTreeCurrentNode span { font-weight: bold; } ul.navTree.navTreeLevel0 > li.navTreeItemInPath > a.navTreeItemInPath > span { font-weight: bold; } li.navTreeItemInPath ul.navTreeLevel2 { border-right: 1px solid #F0F0E8; } li.navTreeItemInPath ul.navTreeLevel3 li { border-top: 1px solid #F0F0E8; } .navTree a.navTreeCurrentItem { background-color: white; } .navTree .navTreeLevel4 li a, .navTree .navTreeLevel4 li a.navTreeItemInPath, .navTree .navTreeLevel5 li a, .navTree .navTreeLevel5 li a.navTreeItemInPath { margin-left: 1em; } /* */ dl.portletCalendar { width: auto; } #portal-column-one dl.portletCalendar { margin: 0.1em 0; } #portal-column-two dl.portletCalendar { padding: 0 1em 0 0; } dl.portletCalendar dt.portletHeader { padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 1em; position: relative; } dl.portletCalendar dt.portletHeader, dl.portletCalendar dt.portletFooter { display: block; margin: 0; } .portletCalendar dd { overflow: hidden; } .portletCalendar .portletHeader span.portletTopRight { position: absolute; right: 1em; color: #036; font-weight: bold; } .portletCalendar .portletHeader span > * { display: inline-block !important; } #portal-column-one table.ploneCalendar { padding: 0 1em 0.3em 2em; } #portal-column-two table.ploneCalendar { padding: 0 1em 0.3em 1em; } table.ploneCalendar { margin: 0 0 0.1em 0; border-spacing: 0 0.2em; } table.ploneCalendar th { border-width: 0.1em 0; border-style: solid; } .ploneCalendar tr.weekdays th, .ploneCalendar td { text-align: center; padding: 0; margin: 0.1em 0.2em; } .ploneCalendar .todaynoevent, .ploneCalendar .todayevent, .ploneCalendar .event { border-style: solid; border-width: 0.2em; } /* */ dl.portletLogin {} dl.portletLogin dt.portletHeader { display: none; } dl.portletLogin form#loginform div.field { position: relative; } form#loginform div.field input { position: absolute; right: 0; bottom: 0; height: 1.2em; width: 50%; } /* */ #loginform .formControls input { position: absolute; right: 2.2em; width: 30%; } .portletLogin .portletItem.even { width: 63%; } .portletLogin .portletItem.even a { font-size: 85%; } /* */ .portletSearch { margin: 0 0 1em 0; } .portletSearch .portletHeader { display: none; } .portletSearch .LSBox { height: 18px; position: relative; } .portletSearch input.searchField { width: 98%; height: 14px; vertical-align: top; } .portletSearch.huSearch input.searchField { position: relative; /* */ } .portletSearch input.inputLabel + input { position: absolute; right: 0; top: 0; } .portletSearch .portletFooter a { font-size: 85%; } /* */ dl#relatedItemBox { } #relatedItemBox dt { display: block; margin-bottom: 0.3em; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; color: #036; } #relatedItemBox dd { margin: 0 0 0.1em; line-height: 1.3em; min-height: 16px; overflow: hidden; } #relatedItemBox dd span { padding-top: 3px; } #relatedItemBox dd img { padding-bottom: 1px; } #relatedItemBox dd a { } /* */ .portletItemDetails { display: block; font-size: 85%; line-height: 1.5em; padding-bottom: 0.5em; text-align: right; } .portletRss dd { line-height: 120%; margin-bottom: 0.25em; } /* */ div.portletStaticText { margin-top: 0.5em; margin-bottom: 0.5em; } /* */ #portal-column-one .portlet.portlet-separator, #portal-column-two .portlet.portlet-separator { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .portlet.portlet-separator dt { display: none; } #portal-column-one .portlet.portlet-separator dd, #portal-column-two .portlet.portlet-separator dd, #portal-column-one .portlet.portlet-separator dd hr, #portal-column-two .portlet.portlet-separator dd hr { padding: 0; margin: 0; } #hu-feedfeeder-frame { margin-left: 3.2em; } .portletWrapper .portletTagCloudPortlet dd { line-height: normal; } .portletWrapper .portletTagCloudPortlet dt.portletHeader { font-size: 115%; border-bottom: 1px solid #B2C1D1; } .portletCollection dd.portletItem .portletItemDetails, .portletWrapper .portletEvents dd.portletItem .portletItemDetails, .portletWrapper .portletNews dd.portletItem .portletItemDetails { color: #666666; text-align: left; margin-left: 0; padding-top: 0; } .portletWrapper .portletNews dt.portletHeader { display: block; font-size: 115%; border-bottom: 1px solid #B2C1D1; } .portletWrapper .portletEvents dt.portletHeader { display: block; font-size: 115%; border-bottom: 1px solid #B2C1D1; } .portletItemDetails span { display: block; } .collage-item { display: inline-block; margin-bottom: 1em; padding-left: 7%; padding-right: 7%; } .collage-first-object { margin-left: 0 !important; padding-left: 0 !important; } .collage-last-object { margin-right: 0 !important; padding-right: 0 !important; } .standard-topic h2 { margin-left: -0.65em; margin-right: -0.65em; padding-left: 0.65em; padding-right: 0.65em; background: none no-repeat scroll 0 0 #CCD6E0; display: block; } .eventDetails { clear: none !important; float: left !important; margin: 1em !important; } } /* - ++resource++humboldt.theme.styles/menu.css - */ @media screen { /* http://www.cms.hu-berlin.de/portal_css/++resource++humboldt.theme.styles/menu.css?original=1 */ .menu-divider { position: relative; top: 0.47em; border-style:solid; border-width: 0 1px 0 0; font-size: 75%; color: transparent; } /* */ .menu, .menu > * { display: inline-block; line-height: 1.8em; list-style-type: none; list-style-image: none; } .menu ul { display: none; position: absolute; padding-top: 1px; width: auto; list-style-type: none; list-style-image: none; white-space: normal; } .menu a:hover ul { display: block; z-index: 350 !important; } .menu li { display: inline-block; position: relative; margin: 0; } .menu li a { display: block; white-space: nowrap; padding-left: 0.5em; padding-right: 0.5em; line-height: 1.8em; } /* */ .menu > li > ul { } /* */ .menu li li { min-width: 100%; margin-bottom: 1px; } .menu li li a { padding: 0 0.5em; } /* */ .menu ul ul { top: -1px; left: 100%; } /* */ #header-menu { white-space: nowrap; min-height: 1.8em; } #languageselector.menu { padding-left: 0.4em; } /* */ #audience-menu { display: inline-block; min-width: 57.5%; max-width: 77%; line-height: 1.6em; min-height: 1.8em; padding-left: 2.5em; } .audience-menu { padding: 0 1em 0 0; } #audience-menu a { padding: 0 0.5em 0 0.75em; } #audience-menu ul li ul, #audience-menu .menu ul > * { z-index:350; } /* */ #congentActionMenus dl.actionMenu a, #contentActionMenus dl.actionMenu.activated dd { z-index: 5; } #edit-bar { font-size: 85%; padding-top: 0.05em; z-index: 300; width: 100.1%; margin-bottom: 2.5em; min-height: 2em; } #edit-bar > *, .contentActions > * { margin: 0; padding: 0 0.5em; } .actionMenuContent ul { margin: 0; padding: 0.5em; } .actionMenuContent li, .actionMenuContent a { margin: 0; } #_language_settings { display: none !important; } #content-views { float: left; } #contentActionMenus { float: right; position: relative; top: -0.1em; left: 0.5em; } .actionMenuContent { padding: 0 0.25em !important; margin: 0 0.75em; } dl#plone-contentmenu-factories dd.actionMenuContent a { line-height: 2em; padding: 0 !important; background-color: transparent; background-repeat: no-repeat; } dl#plone-contentmenu-factories dd.actionMenuContent a span { padding: 0 0 0 20px; min-height: 16px; } dl#plone-contentmenu-factories dd.actionMenuContent a img { padding-bottom: 3px; } dl#plone-contentmenu-factories dd.actionMenuContent a img + span { padding: 0; } dl.actionMenu { float: right; white-space: nowrap; position: relative; margin: 0; } dl.actionMenu a, dl.actionMenu div { display: block !important; white-space: nowrap; } dl.actionMenu dt { font-weight: normal; margin: 0 0.25em; } span.arrowDownAlternative { font-size: 80%; } dl.actionMenu.deactivated dd { display: none; } dl.actionMenu dd { position: absolute; right: -0.75em; width: auto; min-width: 100%; padding: 0; } .actionMenuSelected { margin: 0.25em; border: solid 0.25em; padding: 0 0.25em; } #portal-personaltools-wrapper .actionMenu { float: none; } #portal-personaltools { font-size: 80%; z-index: 3; } #portal-personaltools dt.actionMenuHeader, #portal-personaltools dt#anon-personalbar { margin-left: 0 !important; } #portal-personaltools dt.actionMenuHeader a:after { content: " ▼"; } #portal-personaltools dd { background: #e5eaef; } #portal-personaltools dd a { line-height: 2em; padding: 0 0.75em; } #portal-personaltools dd a:hover { background: #036; color: White; } #portal-personaltools #anon-personalbar a { float: left; margin-right: 0.5em; } /* */ #plone-contentmenu-workflow .state-private , #plone-contentmenu-workflow .state-visible , #plone-contentmenu-workflow .state-pending , #plone-contentmenu-workflow .state-published { padding: 0 0.5em; border-width: 0.1em; border-style: solid; } /* */ .portletTagCloudPortlet .portletHeader { display: block; } } /* - ++resource++humboldt.theme.styles/tree.css - */ @media screen { /* http://www.cms.hu-berlin.de/portal_css/++resource++humboldt.theme.styles/tree.css?original=1 */ ul.tree, ul.tree ul { list-style-type: none !important; } ul.tree li.closed ul { display: none; } ul.tree .button { display: inline-block; cursor: pointer; width: 1em; height: 100%; } ul.tree span.closed { background: url(++resource++humboldt.theme.images/tree_closed.png) center right no-repeat; } ul.tree span.opened { background: url(++resource++humboldt.theme.images/tree_opened.png) center right no-repeat; } }