/*csslint adjoining-classes:false, unique-headings:false, universal-selector:false, important:false, ids:false, box-model:false, overqualified-elements:false, qualified-headings:false; */ /* @group CSS Reset */ /* Remove implicit browser styles to have a neutral starting point: - No elements should have implicit margin/padding - No underline by default on links (we add it explicitly in the body text) - When we want markers on lists, we will be explicit about it, and they render inline by default - Browsers are inconsistent about hX/pre/code, reset - Linked images should not have borders */ * { margin: 0; padding: 0; } * :link,:visited { text-decoration:none } * ul,ol { list-style:none; } * li { display: inline; } * h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } * a img,:link img,:visited img { border:none } a { outline: none; } table { border-spacing: 0; } img { vertical-align: text-bottom; } iframe { border-width: 0; border-style:none; } /* @end */ /* @group Basics */ h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.5em; } h1 { font-size: 2em; } h2 { font-size: 1.75em; } h3 { font-size: 1.25em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } h2, h3, h4, h5, h6 { color: #fff; } body.red h2,body.red h3,body.red h4,body.red h5,body.red h6 { color: #333; } h2 a, h3 a, h4 a { border-bottom: none !important; } a:link, a:visited { color: inherit; } a:focus img { outline: thin dotted; } dt { font-weight: bold; } /* input { font-family: "Lucida Grande", Arial, FreeSans; } */ q { quotes: "“" "”" "‘" "’"; } /* @end */ /* @group Navigation/search */ #portal-header { position: relative; z-index: 3; } #portal-logo { display: inline-block; margin: 1.375em 0; } /* removes extra space above logo in IE6 and IE7 */ /* .ie6 and .ie7 is set on by Modernizr library */ .ie6 #portal-logo, .ie7 #portal-logo { margin-top: 0; } #portal-languageselector, #portal-personaltools { position: relative; z-index: 3; /* personaltools should be above #portal-header (with z-index: 2) */ top: 0; right: 0; } #portal-personaltools #anon-personalbar a { float: left; margin: 0 0.5em; } #portal-header .activated dd.actionMenuContent, #portal-header .activated dt.actionMenuHeader { background: #2A2929; } #portal-header dt.actionMenuHeader { background: transparent; padding: 0.25em 0.5em; } .LSResult, #portal-header dd.actionMenuContent { background: #2A2929; color: #A09F9F; } #portal-searchbox { text-align: left; position:relative; } #portal-searchbox form { white-space: nowrap; } #portal-searchbox label { font-weight: normal; } #content input.searchField { margin-bottom: 1em; } #content .video_services{ height:171px; } /* Collapsible elements in search_form */ .collapsible .collapser.collapsed { padding-right: 14px; background: url('arrowRight.png') center right no-repeat; } .collapsible .collapser.expanded { padding-right: 14px; background: url('arrowDown.png') center right no-repeat; } /* @end */ /* @group LiveSearch */ .LSResult { position: absolute; right: 0; margin: 0; width: 30em; z-index: 5; display: none; } .LSResult fieldset { padding: 1em 0 0; border: 0.1em solid #ccc; } .livesearchLegend { background-color:#ccc; padding:0.3em; } .LSResult .LSDescr { font-size: 85%; color: #666; } .LSRow, .LSNothingFound { display: block; padding: 0.5em 1em; white-space: normal; width:28em; } .LSHighlight { background: #ddd; } /* @end */ /* @group Listings */ a.link-anchor { border: none !important; color: Black !important; cursor: default !important; } dl dt .documentByLine { font-weight: normal; } /* @end */ /* @group Portlets */ dl.portlet { margin: 0 0 1em; } dl.portletError { background-color: #FFA500; } dl.portlet dt, div.portletAssignments div.portletHeader { line-height: normal; } dl.portlet dt.hiddenStructure { display: none; } div.portletAssignments { 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 { color: black; display: block; border: none; } dl.portlet dd.portletItem, dl.portlet dd.portletFooter, dl.portletError dd { padding: 0; } dd.portletFooter { clear: left; } .portlets-manager .portletHeader, div.managePortletsLink, a.managePortletsFallback { background-color: #ddd; color: #333; } div.managePortletsLink, a.managePortletsFallback { text-align: center; padding: 0.25em 0.5em; margin: 0 auto 1em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } a.managePortletsFallback { display:inline-block; /* in order for our vertical margins to work on inline element */ } #content a.managePortletsFallback { display: block; } #portlet-prefs a { border: none; line-height: 2em; } #visual-portal-wrapper dl.portletCalendar dd { padding: 0; } #dashboard-portlets1, #dashboard-portlets2, #dashboard-portlets3, #dashboard-portlets4 { display: inline-block; } #content .horizontal { clear: left; } #content .horizontal div.portletText { height: 75px; overflow: hidden; text-overflow: ellipsis; } /* @end */ /* @group Navigation portlet */ dl.portlet ul.navTree li a { border: none; display: block; zoom: 1; color: #8C8C8C !important; font-size: 116.6667%; } dl.portlet ul.navTree li a:hover, dl.portlet ul.navTree .navTreeCurrentItem { color: #fff !important; } dl.portletNavigationTree dd.portletItem a { padding: 0.1em 0; } dl.portletNavigationTree ul.navTreeLevel1 .navTreeItem a { font-size: 1em; } dl.portlet ul.navTreeLevel1 li.navTreeItem { margin-bottom: 0; } dl.portlet li.navTreeItem a { padding: 3px 0; } dl.portlet ul.navTree .navTreeItemInPath { color: #fff !important; } /* don't display icons in navigation tree */ .icons-on .portletNavigationTree .navTreeItem a { background-image: none; line-height: inherit; } /* @end */ /* @group Daniel Widerins suggestions for navigation portlet finetuning */ dl.portlet ul.navTreeLevel1 .navTreeItem { padding-left: 10px; line-height: 1.2em; } dl.portlet ul.navTreeLevel0 ul { border-top: 1px solid #fff; /* border-bottom: 1px solid #fff;*/ padding: 5px 0; margin: 5px 0 10px 0; } dl.portlet ul.navTreeLevel1 ul { /* border-bottom: none;*/ padding: 5px 0; margin: 5px 0 0 0; } /* @end */ /* @group Content Area */ #content { line-height: 1.3em; clear: both; } /* Special case of #content - TinyMCE */ body#content { margin: 1em; } #content h1 { margin-top: 0.5em; } #content h1.documentFirstHeading { margin-top: 0; } #content p, #content table { margin-bottom: 1em; } #content a:link, dl.portlet a:link { color: inherit; } #content a:visited, dl.portlet a:visited { color: inherit; } #content a:hover, dl.portlet a:hover { color: #E60521 !important; /* This one gets an !important because it should always activate in the content area, even when state coloring is active */ } #content a:target { background-color: #ffb; } #content span.link-external a, #content span.link-mailto a { background: transparent url(link_icon.png) 0 1px no-repeat; padding: 1px 0 1px 16px; } #category { margin-bottom: 1em; color: #fff; } #category h2 { font-size: 1em; text-transform: uppercase; margin: 0 0 0.5em 0; } #category li { float: left; line-height: 2.5em; } #category li.lastItem { float: none; } #category a.link-category, span.selectedTag { color: #fff; padding: 0.5em 0.75em; background: #2A2929; margin-right: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } #category a.link-category:hover { background: #fff; color: #000; border-color: #fff; white-space: nowrap; } #content ul { list-style-type: disc; margin-left: 2em; } #content ol, dl.portlet ol { list-style-type: decimal; margin-left: 2em; } #content li, dl.portlet li { margin-bottom: 0.25em; line-height: 1.2em; display: list-item; } #content dt { font-weight: bold; margin-bottom: 0; margin-right: 0; } #content dd { margin: 0; } #content pre { background-color: #222; color: White; font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; padding: 1em; overflow-x: auto; font-size: 90%; margin-bottom: 1em; line-height: 1.25em; } #content pre.python { background-color: White; } #content code { font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; } #content div.documentByLine { font-size: 85%; display: block; } #content .discreet, #sidebar .discreet, #viewlet-below-content .discreet, #content div.documentByLine, #content .documentDescription, #content #description{ color: #8c8c8c; } #content .discreet, #sidebar .discreet { font-size: 91.6667%; font-weight: normal; } #content .visualHighlight { background-color: #ffb; } #content .pullquote { margin: 0 1em 0.5em 0.5em; font-weight: bold; line-height: 1.25em; float: right; width: 35%; clear: right; color: #444; font-size: 1.6em; letter-spacing: -0.08em !important; } #content .callout { background: #eee; padding: 1em; border-left: 1em solid #ccc; clear: both; } #content table { text-align: left; border-collapse: collapse; border-spacing: 0; } #content .documentDescription, #content #description { margin: 1em 0; font-size: 116.6667%; font-weight: bold; } #content img.tileImage, #content div.newsImageContainer { float: right; margin: 0 1em 0.5em 1em; } #content div.newsImageContainer a { border-bottom: none; } #content div.newsImageContainer p.discreet { margin: 0; padding: 0.5em; background-color: #666; background-color: rgba(40,40,40,0.7); color: White; font-weight: bold; position: relative; width: 190px; top: -3em; } .eventDetails { float: right; clear: right; margin: 0 0 0.5em 1em; } #content ul.accordion { border-bottom:1px solid #fff; width:100%; margin-top: 30px; margin-left: 0; } #content ul.accordion li{ list-style-type:none; } #content ul.accordion li h3 { border-radius: 0; font-weight:bold; border:none; border-top:1px solid #fff; padding:10px 0; background: none; } #content ul.accordion li h3 span.icon{ right:0; left:auto; float: right; margin-top: -5px; } #content ul.accordion li h3.current span.icon{ background-position-y: -28px; } #content ul.accordion li div{ padding:10px 0; background: none; border:none; display:none; margin:0; color: #8C8C8C; } #content .startpage_small_height{ height:78px !important; } #content .prettyPhotoZoomIcon:hover{ opacity:1; filter:alpha(opacity=100); } #content a.prettyPhoto{ position: absolute; } #content.mceContentBody a.prettyPhoto{ position: relative; } /* For event view template, changed headerless table to headings and divs, * for better accessibility. */ #content .eventDetails { border-color: #CCCCCC; border-style: solid; border-width: 0.08em; width: 22em; margin-top: 1em; } #content .eventDetails h2 { background-color: #DDDDDD; font-size: 100%; letter-spacing: 0; padding: 0.5em; padding-left: 1em; } #content .eventDetails .eventDetail { clear: both; } #content .eventDetails .eventDetail h3, #content .eventDetails .eventDetail div { padding: 2%; } #content .eventDetails .eventDetail h3 { float: left; font-size: 100%; text-align: right; width: 37%; } #content .eventDetails .eventDetail div { float: left; width: 55%; } /* @end */ /* @group Data tables */ table.listing, table.plain { border-spacing: 0; border-collapse: collapse; } table.invisible td, table.invisible th, table.plain td, table.plain th, table.listing td, table.listing th { color: #333; padding: 0.5em 1em; vertical-align: top; } table.plain th, table.plain td { border: 1px solid #333; } table.listing td.listingCheckbox, table.listing th.listingCheckbox { text-align: center; } table.listing { border-left: 1px solid #333; border-bottom: 1px solid #333; } table.listing .top { border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #333; } table.listing th { text-align: left; color: #fff; border: 0.1em solid #333; border-style: solid solid none; background: #666; } table.listing tr.odd th { border: 0.1em solid #333; border-style: solid solid none none; } table.listing tbody th { font-weight: bold; } table.listing tbody tr { text-align:left; } table.listing tbody tr.odd { background: #fff; } table.listing tbody tr.even { background: #eee; } table.listing tbody tr td { background: transparent; } table.listing tbody tr.odd td { background: inherit; } table.listing tbody tr.event td { background: inherit } table.listing td { border-right: 1px solid #333; } .icons-on table.listing td { line-height: 2em; } table.listing a { border: none; display: inline-block; border-bottom: none !important; } table.listing td.draggable { text-shadow: #000 1px 1px 1px; background: #666 !important; border-bottom: 1px solid #333; padding: 0.4em 0.4em 0 0.5em; } /* Vertical table data listings */ table.vertical th { text-align: right; } table.vertical td { border-top: 0.1em solid #e7e7e7; padding: 0.5em; } /* Grid table listings */ table.grid td, table.grid th { border: 1px solid #e7e7e7; padding: 0.5em; } .dragindicator { outline: 2px solid #FFD700; } #foldercontents-order-column { padding: 0; } div.listingBar { margin: 1em 0; } div.listingBar .next { display: inline-block; float: right; } div.listingBar .previous { display: inline-block; } div.listingBar .current, div.listingBar a { display: inline-block; padding: 0.25em 0.5em; border: 0.1em solid #ccc; } div.listingBar .current, div.listingBar a:hover { background-color: #fff; color: #333; } /* @end */ /* @group Status messages */ dl.portalMessage { margin: 1em 0; border: 1px solid #996; background-color: #ffffe3; clear:both; } dl.portalMessage a, #content dl.portalMessage a { color: black; border-bottom: 1px solid #888; } dl.portalMessage dt { background-color: #996; font-weight: bold; float: left; margin: 0 0.5em 0 0; padding: 0.5em 0.75em; color: White; line-height: 1.25em; } dl.portalMessage dd { padding: 0.5em 0.5em; margin: 0; line-height: 1.25em; } dl.warning { border-color: #920; } dl.warning dt { background-color: #920; } dl.error { border-color: #d00; } dl.error dt { background-color: #900; } dl.warning dd { background-color: #d80; } dl.error { border-color: #600; } dl.error dd { background-color: #D00; } /* Additional specificity for when status is shown inside #content */ #content dl.portalMessage { font-size: 100%; } #content dl.portalMessage dt { margin: 0 0.5em 0 0; padding: 0.5em 0.75em; } #content dl.portalMessage dd { margin: 0; } /* @end */ /* @group Editing */ /* @group Tabs */ /* Color differences between the two tab types */ #content ul.formTabs { background-color: #ddd; border: 0.3em solid #ddd; color: #333; } #edit-bar { background-color: #75ad0a; border: 0.25em solid #75ad0a; min-height: 2.0em; padding-top: 0.05em; /* this should set font-size to 11px: 100/12*11=91.6667 */ font-size: 91.6667%; } #content-views { float: left; background-color: #75ad0a; } /* fix shift on content views list under ie6 */ /* .ie6 is set on by Modernizr library */ .ie6 ul#content-views{ margin: -2px -3px 0 -3px; } #content-views a { color: White; } /* Shared CSS between the two tab types */ #edit-bar, #content ul.formTabs, #content-core ul.formTabs { display: block; border-style: solid solid none solid; margin-left: 0; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; } #content li.formTab, #content-core li.formTab { display: inline; margin-right:0.25em; } #content-views a, #content li.formTab a, #content-core li.formTab a { /* this isn't supported by all browsers, so we keep it in a separate rule */ display: inline-block; } #content-views a, #content li.formTab a, #content-core li.formTab a { line-height: 2em; padding: 0 0.75em; text-decoration: none; border: none; margin: 0 ; } #content-views li.selected a, #content li.formTab a.selected, #content-core li.formTab a.selected { font-weight: bold; } #content-views li.selected a, #content-views li a:hover, #content li.formTab a.selected, #content li.formTab a:hover, #content-core li.formTab a.selected, #content-core li.formTab a:hover { background: White; color: Black; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; } #content li.formTab a.notify, #content-core li.formTab a.notify { background-color: red; color: White; } #content li.formTab a.required span:after, #content-core li.formTab a.required span:after, div.field span.required:after { content: "■"; color: Red; padding-left: 0.2em; } #content fieldset.formPanel, #content-core fieldset.formPanel { border: none; background-color: #fff; color: #333; } #content fieldset.formPanel.hidden, #content-core fieldset.formPanel.hidden { display: none; } #content div.formControls input.hidden, #content-core div.formControls input.hidden { display: none; } /* @end */ /* @group Pulldown menus */ /* @group Personal tools pulldown */ #portal-header dt { font-weight: normal; } #portal-header dt.actionMenuHeader a:after { content: " ▼"; } #portal-header dd { right: 0; padding-top: 0.5em; } #portal-header dd { background: #e3e3e3; padding-bottom: 0.5em; border-radius: 0; } #portal-header .language-selection, #portal-header dd a { line-height: 1.75em; padding: 0 0.75em; } #portal-header dd a:hover { background-color: #fff; color: #333; } /* @end */ /* @group Content pulldowns */ #contentActionMenus dl.actionMenu a, #contentActionMenus dl.actionMenu.activated dd { background-color: #75ad0a; color: White; z-index: 5; } #contentActionMenus dl.actionMenu.activated dd { border-bottom: 0.5em solid #75ad0a; right: -3px; } #contentActionMenus dl.actionMenu.activated dd a:hover, #contentActionMenus dl.actionMenu.activated dd .actionMenuSelected { background-color: #fff !important; color: #666; } #contentActionMenus dl.actionMenu { line-height: 2em; } #folderHeader, #contextHeader { border-bottom: 2px solid white; } #contextHeader { margin-top: 5px; } /* @end */ #contentActionMenus { float: right; background: #75ad0a; margin: 0; position: relative; top: -0.23em; right:-0.24em; padding: 0.1em 0.24em 0 0; -webkit-border-radius: 0.5em; -webkit-border-top-left-radius: 0; -moz-border-radius: 0.5em; -moz-border-radius-topleft: 0; border-radius: 0.5em; border-top-left-radius: 0; } .actionMenuContent { padding: 0 0.25em; } dl.actionMenu { float: right; white-space: nowrap; position: relative; margin-left: 0.5em; } dl.actionMenu a, dl.actionMenu div { display: block !important; white-space: nowrap; } dl.actionMenu dt { font-weight: normal; } dl.actionMenu.deactivated dt { margin: 0 0.25em; } dl.actionMenu.deactivated dd { display: none; } dl.actionMenu.activated dd { position: absolute; width: auto; min-width: 100%; -webkit-border-bottom-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; } dl.actionMenu.activated dt a, dl.actionMenu.activated dd a, dl.actionMenu.activated dd div { margin: 0 0.25em; } /* @end */ /* @group Control panel */ #setup-link { font-size: 90%; } #content ul.configlets { margin: 1em 0; list-style-image: none; list-style: none; } #content ul.configlets li { margin-bottom: 1em; list-style: none; display: block; } #content ul.configlets li a { text-decoration: none; border: none; } #content ul.configlets li a:visited { /* color: #436976; /* this would highlight visited configlet settings and may be useful for some admins */ background-color: transparent; } #content ul.configlets li a:active { background-color: transparent; } #content ul.configlets li label { font-weight: bold; } #content ul.configletDetails { margin: 0 1em 1em 4em; list-style-image: none; list-style: none; } #content ul.configletDetails li { margin-bottom: 1em; display: inline; } #content ul.configletDetails li a { text-decoration: none; } #content ul.configletDetails li label { font-weight: bold; } #content ul.configletDetails li.configletDescription { display: block; color: #76797c; margin: 0; } .inlineDisplay { display:inline } table.controlpanel-listing { width:100%; } table.controlpanel-listing td, table.controlpanel-listing th { font-size:120%; } table.controlpanel-listing dl { margin-top:0; } table.controlpanel-listing dd { margin-left: 1em; } table.controlpanel-listing dl dt a .trigger{ font-weight:normal; } table .controlpanel-listing td { vertical-align:top; } table.controlpanel-listing td.checker{ text-align:center; } table.controlpanel-listing th.smallcolumn { width:1.5em; } .chooser-right { float:right; margin-right:0; margin-bottom:0; } .rule-element { background-color:#EEF3F5; margin:0.5em 0 0.5em; padding:0.3em 1em 0.3em 1em; width:auto; } .rule-element dl dd { margin-left:1em; } .rule-updown, .rule-operations { float:right; padding-top:0.8em; } /* @end */ /* @group Collapsible */ dl.collapsible { border: 0.1em solid #8cacbb; margin: 1em 0; padding: 0; } dl.collapsible dt.collapsibleHeader { display: block; float: left; background: White; line-height: 1.2em; vertical-align: middle; font-size: 90%; position: relative; top: -0.6em; width: auto; margin: 0 0 -0.6em 1em; padding: 0 0.5em; } dl.collapsible dd.collapsibleContent { margin: 0; padding: 0 1em 0.4em; clear: left; } /* for IE the following isn't needed, that's why the css2 selector is used */ dl.collapsible dd.collapsibleContent > dl { margin: 0; padding: 0; } dl.expandedInlineCollapsible dt.collapsibleHeader, dl.expandedBlockCollapsible dt.collapsibleHeader { padding: 0 0.5em 0 2em; background: White url(treeExpanded.png) no-repeat 0.5em 50%; cursor: pointer; } dl.collapsedBlockCollapsible { border: none; height: 1em; width: auto; } dl.collapsedInlineCollapsible dt.collapsibleHeader, dl.collapsedBlockCollapsible dt.collapsibleHeader { float: none; position: relative; margin: 0 0 0 1em; padding: 0 0.5em 0 2em; line-height: 1.2em; cursor: pointer; background: White url(treeCollapsed.png) no-repeat 0.5em 50%; } dl.collapsedInlineCollapsible dd.collapsibleContent, dl.collapsedBlockCollapsible dd.collapsibleContent { display: none; } dl.collapsedInlineCollapsible { border: none; height: 1em; width: auto; display: inline; } dl.collapsedInlineCollapsible dt.collapsibleHeader { position: static; float: none; margin: 0; padding: 0 0 0 2em; line-height: 1em; cursor: pointer; display: inline; } /* @end */ /* @group Comments */ .comment { margin-top: 1.5em; } .comment .documentByLine { margin-left: 1em; } .comment .formControls { margin-left: 0; } .commentTime { color: #666; } .commentBody { padding: 1em; margin: 0.5em 0; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: 0 0 0.5em 0 #888; -webkit-box-shadow: 0 0 0.5em #888; box-shadow: 0 0 1em 0 #888; } .comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6 { font-weight: normal; } /* @end */ .reviewHistory, .contentHistory { display: inline; color: orange; } .spacer { margin: 1em; } .label { font-weight: bold; display: inline; padding-right: 0.5em; } .optionsToggle { border: 1px solid #fff; padding: 0.25em; color: Black; background-color: #fff; font-weight: normal; font-size: 91.6667%; } /* for highlighting of search terms */ .highlightedSearchTerm { background-color: #ffa; color: #333; } dl.searchResults .highlightedSearchTerm { background-color: transparent; font-weight: bold; } /* for greying out inherited roles */ .noInheritedRoles { color: #a0a0a0; } /* for highlighting current items, like the language or today in the calendar */ .currentItem { border-collapse: collapse; border: 0.2em solid #ffa500; padding: 0.1em; } /* @end */ /* @group Search results page */ fieldset#search-field { border: none !important; text-align: center; } input.searchPage { font-size:200% !important; } #rss-subscription { float: left; line-height: 3em; } #search-results-bar .actionMenuContent { margin-top: 1em; padding: 0; width: 100%; } #search-filter { background: #2A2929; margin: 0; padding: 0; } #content #search-filter fieldset { border: none !important; position: relative; padding: 0; margin: 0; } #content #search-filter legend { background: transparent; font-size: 1.1em; padding: 0.5em 0.9em; font-weight: bold; } #search-filter .field { background: #2A2929; padding: 1em 1.5em; margin: 0; } #search-filter .field label { font-weight: normal; } #search-filter .formControls { text-align:center } #search-results-wrapper { margin-top: 1em; } form.searchPage h1.documentFirstHeading { font-weight:normal; letter-spacing:0; float: left; margin-right: 0.8em; } form.searchPage h1.documentFirstHeading .highlightedSearchTerm { background: transparent !important; } #search-results-bar > * { float: left; } #searchResultsSort{ float:right; } #search-results-bar { position: relative; z-index: 1; float: left; width: 100%; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 1em 0; } #search-results-bar dl.actionMenu { margin-bottom: 0; } #search-results-bar dd.actionMenuContent { margin-left: 0; padding-left: 0; } #search-results-bar dt.actionMenuHeader a { border-bottom: none; } #search-results-bar dt.actionMenuHeader a::after { content: " ▼"; } #search-results { padding: 1em 0; } .searchResults { margin-top: 0; } #content .searchResults li { padding: 10px 0; margin: 0; } .searchResults li .image-left { margin: 0 20px 0 0; } #ajax-search-res { display: none; } /* @end */ /* @group Image alignment classes */ .image-left { float: left; margin: 0.5em 1em 0.5em 0; } .image-right { float: right; margin: 0.5em; } .image-inline { float: none; } /*note: the tricky thing here is that image-inline|image-left|image-right can both be on an image and a wrapper element e.g. a dl tag*/ img.image-left, img.image-right, .captioned img { border: 1px solid #ddd; } dd.image-caption { text-align: left; padding: 0 0 0 3px; /*image padding+border with*/ margin: 0; color: #666; font-size: 85%; } /* @end */ /* @group Dashboard */ #dashboard-actions ul, #dashboard-actions ul li { list-style: none; } #dashboard-actions ul { margin-left: 0; } #dashboard { font-size: 125%; line-height: 1em; } #dashboard dd { margin: 0; } #dashboard dl.portlet a:link { border-bottom: none; } #dashboard-portlets1, #dashboard-portlets2, #dashboard-portlets3 { float:left; width:23%; padding:0.7em 1.3em 0 0; } #dashboard-portlets4 { float:left; width:23%; padding-top:0.7em; } #dashboard-portlets1 dl.portlet, #dashboard-portlets2 dl.portlet, #dashboard-portlets3 dl.portlet, #dashboard-portlets4 dl.portlet { margin-bottom:1.5em; } /* @end */ /* @group Forms */ fieldset, .editionComment { line-height:1.5em; /*margin:1em 0;*/ margin: 0 0 1em 0; padding:1em 1em 1em; width:auto; } /* Emulates the styling from the h1 tag */ #content .field input[type="text"][name$=".title"], #archetypes-fieldname-title input { font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; line-height: 125%; color: Black; letter-spacing: -0.05em; margin: inherit -0.05em; font-size: 2em; /* 26px equiv */ font-weight: bold; } /* Emulates styling from the description's view */ #content .field textarea[name$=".description"], #archetypes-fieldname-description textarea#description { font-family: Arial,FreeSans,sans-serif; color:#666666; font-size:1.25em; font-weight: bold; } div.formControls { margin: 1em; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-color: #ffffe0; } #content textarea { font: 100% Monaco, "Courier New", Courier, monospace; width: 100%; } #content select { vertical-align: top; } #content fieldset { border: 0.1em solid #E60521; border-style: solid none none none; } #content legend { padding: 0.5em; font-size: 85%; } label { font-weight:bold; } #content optgroup { font-style: normal; font-weight: bold; color: #999; padding-left: 0.25em; } #content option { color: black; } #content optgroup > option { padding: 0 0.25em 0 1em; } dl.enableFormTabbing dd { margin-left: 0; padding-top: 2em; } .searchSection { color: #76797c; margin-top: 0.25em; } .searchSection label:hover { color: Black; } .field { clear: both; margin-bottom: 1em; } .field input[type="text"] { width: 20em; } .field input[type="text"][size] { width: auto; } .field input[type="text"][name$=".title"], input#title { width: 100%; } .field.error input[type="text"][name$=".title"], .error input#title { width: 99%; } .fieldRequired { background: url(required.png) center left no-repeat; padding: 0 0 0 1em; color: White; } .fieldUploadFile { text-align: right; margin-right: 0.75em; display: none; } .fieldTextFormat { text-align: right; margin-right: 0.75em } .formHelp { color: #555; margin: 0 0 0.2em 0; display: block; font-weight: normal; } div.field.error { background-color: #DD0000; border: 1px solid #990000; padding: 0.5em; margin: 1em 0; } .error .fieldRequired { color: #d00; } div.error.warning { background-color: transparent; border: none; margin-top: 0; padding: 0; } div.error.warning input { border: 2px solid red; } input.inputLabelActive { color: #76797c; } textarea#form\.description { height: 6em; width: 99%; } table.listing tbody tr.odd.selected td, table.listing tbody tr.odd.dragging td, tr.dragging, tr.selected { background-color: #ffa; } table.listing tbody tr.odd.error td, tr.error { background-color: #fdc; } .multi-widget-field { padding-left: 0.5em; border-left: 1.5em solid #DDD; } .multi-widget-checkbox { margin-left: -2em; margin-right: 0.5em; width: 1.5em; display: inline-block; } /* @group Login form */ body.template-logged_out #content, body.template-login_form #content, .pb-ajax #login-form { text-align: center; } #fieldset-openid-login input, #login-form input { font-size: 150%; } body.template-register #content input, body.template-new-user #content input { font-size: 150%; width: inherit; } #fieldset-openid-login label, #login-form label { margin-right:0.5em; padding-top:0.2em; text-align:right; width: 10em; display: inline-block; } #fieldset-openid-login .formControls input, #login-form .formControls input { margin-left: 0.25em; } /* @end */ /* @end */ /* @group Table of Contents */ /*Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width*/ dl.toc { float: right; width: 35%; font-size: 100%; margin: 1em 0 0.5em 1.5em; } dl.toc dt { margin-left: 1em; font-weight: normal; text-transform: uppercase; } dl.toc dd { margin-bottom: 0; padding-left: 2em; } dl.toc dd ol { margin-left: 1.5em; } /* @end */ /* @group Footer */ #portal-footer { margin: 0 0 1em 0; line-height: 2em; } #portal-colophon { font-size: 70%; text-align: center; margin-bottom: 1em; } #portal-colophon li { padding:0 0.75em; } #portal-colophon a { color: #444; } /* @end */ /* @group Sitemap */ #portal-sitemap { list-style: none; margin-left: 0; font-size: 130%; font-weight: bold; } #portal-sitemap li { list-style: none; margin-left: 0; } #portal-sitemap a { border-bottom: none; display: block; } #portal-sitemap > li { border-bottom:0.1em dotted #ddd; line-height:1.8em; padding:0.25em 1em; margin-bottom: 0; } #portal-sitemap .navTreeLevel2, #portal-sitemap .navTreeLevel2 ul { font-size: 85%; font-weight: normal; margin-bottom: 0; padding: 0.25em 0; } /* @end */ /* @group Album view classes */ .photoAlbumEntry { float: left; position:relative; overflow: hidden; height: 185px; width: 143px; margin: 0; padding: 0 6px 0 9px; text-align: center; background-image: url('polaroid-single.png'); background-repeat: no-repeat; } .photoAlbumEntry img { border: 1px solid #ccc; display: block; margin: 0 auto; } .photoAlbumEntryWrapper { /*display: block;*/ height: 130px; width: 128px; margin-bottom: 7px; } .photoAlbumEntry a { display: block; text-decoration: none; font-size: 90%; height: 169px; width: 130px; margin: 16px auto 0; } .photoAlbumFolder { background-image: url('polaroid-multi.png'); background-repeat: no-repeat; } .photoAlbumEntryTitle { color: #76797c; display: block; width: 128px; height: 3.6em; } /* @end */ /* @group Invisibles */ .hiddenStructure { display: block; background: transparent; background-image: none; /* safari bug */ border: none; height: 0.1em; overflow: hidden; padding: 0; margin: -0.1em 0 0 -0.1em; width: 1px; } /* ensures hidden elements don't take up space */ /* .ie6 is set on by Modernizr library */ .ie6 .hiddenStructure, .ie7 .hiddenStructure { position: absolute; } #content .visualNoMarker { list-style:none; margin-left: 0; } .visualClear { clear: both; } /* @end */ /* @group Accessibility elements, applied by JS */ body.largeText { font-size: 125%; } body.smallText { font-size: 85%; } /* @end */ /* @group Overlay windows */ /* styling for overlays (popups) */ div.overlay { width: auto; height: auto; /* initially overlay is hidden */ display: none; /* some padding to layout nested elements nicely */ margin: 1em; } div.overlay-iframe, div.overlay-ajax { width: 60%; min-height: 100px; z-index: 99; /* overlays should be above everything */ } div.overlay-iframe { height: 60%; } .pp_close:hover { opacity: 1 !important; } .pb-ajax { overflow-y: auto; } .pb-ajax, .pb-image, .overlay iframe { background-color: #333; border: 1px solid #fff; white-space: normal; -moz-box-shadow: 0 0 3em 0.5em #666; -webkit-box-shadow: 0 0 3em #666; box-shadow: 0 0 3em 0.5em #666; } .pb-ajax > div { width: 92%; padding: 1em; } .pb-ajax .documentActions {display:none} div.overlay div.close span { display: block; height: 1px; margin: -1px 0 0 -1px; overflow: hidden; padding: 0; width: 1px; } div.overlay textarea { width: 100%; } /* Hide form elements that don't make sense within an overlay. */ div.overlay .link-parent { display: none; } div.overlay #createGroup legend { display: none; } div.overlay #createGroup fieldset { border: none; } /* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */ div.overlay p { margin-bottom: 1em; } div.overlay label { margin-bottom: 0.25em; } div.overlay a:hover { color: #75ad0a; } div.overlay a.selected { color: #000000; } div.overlay .formTab { margin-right:1em; font-weight: bold; } div.overlay .formTab.lastFormTab { margin-right:0; } div.overlay .formControls a { display: block; margin: 0.75em; } /* @end */ /* @group Content History */ div.historyRecord { margin-bottom: 1em; } div.historyTools ul { float: right; margin: 0.5em 1em; } div.historyTools ul li { display: inline; padding: 0 0.015em; } div.historyTools ul li a{ border-bottom: none; } div.historyTools form { display: inline; } .historyByLine { background: #ddd; padding: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; } div.historyLinks { float: right; clear: right; margin: 0.5em 1em 0 0; } div.historyComment { padding: 0.5em 1em; border: 1px solid #ddd; } div.historyComment p { margin: 0; padding-top: 1px; } a.historyComparePrevious { border-top: 1px dotted #ccc; display: block; margin-top: 3em; text-align: center; } a.historyComparePrevious span { background-color: white; position: relative; top: -0.75em; padding: 0 0.5em; } /* @end */ /* @group Core content type sprites */ /* Generated using http://spritegen.website-performance.org, with the following parameters: - Build direction: Vertical - Horizontal offset: (doesn't matter, but can't be 0) - Vertical offset: 200px - Compress image with OptiPNG: yes - Class prefix: contenttype- - Display width and height: no Then, add 4 px to the background-position to line up the icons to text. .contenttype-document_icon { background-position: 0 0; } .contenttype-event_icon { background-position: 0 -216px; } .contenttype-file_icon { background-position: 0 -432px; } .contenttype-folder_icon { background-position: 0 -648px; } .contenttype-image_icon { background-position: 0 -864px; } .contenttype-link_icon { background-position: 0 -1080px; } .contenttype-newsitem_icon { background-position: 0 -1296px; } .contenttype-site_icon { background-position: 0 -1512px; } .contenttype-topic_icon { background-position: 0 -1728px; } */ .icons-on .contenttype-thorn-defaultpage, .icons-on .contenttype-document, .icons-on .contenttype-zlag-contact, .icons-on .contenttype-zlag-newsletter { background-position: 0 4px; } .icons-on .contenttype-event { background-position: 0 -212px; } .icons-on .contenttype-zlag-pdb-root, .icons-on .contenttype-zlag-pdb-folder, .icons-on .contenttype-folder { background-position: 0 -644px; } .icons-on .contenttype-link, .icons-on .contenttype-zlag-addresses { background-position: 0 -1076px; } .icons-on .contenttype-thorn-newsitem, .icons-on .contenttype-news-item { background-position: 0 -1292px; } .icons-on .contenttype-plone-site { background-position: 0 -1508px; } .icons-on .contenttype-collection { background-position: 0 -1724px; } .icons-on .contenttype-topic { background-position: 0 -1724px; } .icons-on .contenttype-zlag-pdb-group { background-position: 0 -2793px; } .icons-on .contenttype-zlag-pdb-article { background-position: 0 -2578px; } .icons-on .contenttype-thorn-casestudies-project { background-position: 0 -2149px; } .icons-on .contenttype-thorn-startpage { background-position: 0 -1937px; } /* These should only appear in the add menu */ .icons-on .contenttype-file { background-position: 0 -428px; } .icons-on .contenttype-image { background-position: 0 -860px; } .icons-on .contenttype-lumexpress { background-position: 0 -860px; } #content div.casestudy_box{ height:446px; margin-bottom:10px; } /* @group jQuery Tag multiple selector */ .optionsBox { overflow-y: auto; border: solid 1px #999999; background: #FFFFFF; height: 14em; width: 100%; } /* IE7: fixes super-wide div for JavaScript Tag selector */ /* .ie7 is set on by Modernizr library */ .ie7 div.optionsBox { width: 50%; } .optionsBox LABEL { padding: 2px 0 0 0; display: block; line-height: 1em; font-weight: normal; } .optionsBox input{ vertical-align: middle; margin: 1px 4px 4px 6px; } /* IE7: fixes super-wide div for JavaScript Tag selector */ /* .ie7 is set on by Modernizr library */ .ie7 .optionsBox input { margin: 0; } .optionsBox LABEL.checked { background-color: #EEEEEE; } .optionsBox LABEL.hover { background-color: #777777; color: #FFFFFF; } #archetypes-fieldname-subject .formHelp { font-weight: normal; } #existingTagsSection { position: relative; margin-left: 3em; } #existingTags { float: left; width: 50%; } #content #existingTags dd { margin-bottom: 1px; margin-left: 0; } #content #selectedTags, #content #newTags { margin-bottom: 0; margin-left: 0; } #content #selectedTagsSection { margin-left: 3em; float: left; width: 43%; margin-bottom: 0; } #newTagsSection { width: 48%; margin-left: 3em; } #content p.selectedTag { margin-bottom: .4em; } #existingTagsTitle, #newTagsTitle { float: left; } #existingTagsHelp, #newTagsHelp { float: right; } #noTagsSelected, #oneOrMoreTagsSelected { display: none; } #search-results .highlighting { color: #8C8C8C; } #search-results .highlighting cite.highlight { color: white; } /* @end */