/* - authoring.css - */ @media all { /* @group Editing */ /* @group Tabs */ /* Color differences between the two tab types */ #content ul.formTabs { background-color: #ddd; border: 0.3em solid #ddd; } #edit-bar { background-color: #75ad0a; border: 0.25em solid #75ad0a; font-size: 80%; min-height: 2em; margin-bottom: 1em; padding-top: 0.05em; } #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 0px -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; border-top-right-radius: 0.5em; border-top-left-radius: 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; } #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: 26px; 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; border-top-right-radius: 0.5em; border-top-left-radius: 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; } #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; } #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-personaltools dl { } #portal-personaltools dt { font-weight: normal; } #portal-personaltools dt.actionMenuHeader a:after { content: " ▼"; } #portal-personaltools dd { right: 0; padding-top: 0.5em; } #portal-personaltools dd { background: #e3e3e3; padding-bottom: 0.5em; } #portal-personaltools dd a { line-height: 2em; padding: 0 0.75em; } #portal-personaltools dd a:hover { background: #205c90; color: White; } /* @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: White !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; border-radius: 0.5em; border-top-left-radius: 0; -webkit-border-radius: 0.5em; -webkit-border-top-left-radius: 0; -moz-border-radius: 0.5em; -moz-border-radius-topleft: 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; } span.arrowDownAlternative { font-size: 80%; } 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%; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; -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; } dl.actionMenu.activated dt a, dl.actionMenu.activated dd a, dl.actionMenu.activated dd div { margin: 0 0.25em; } /* @end */ } /* - portlets.css - */ @media all { /* @group Portlets */ .portletError { background-color: #FFA500; } .portlet .hiddenStructure { padding: 0; } .portlet dt a:link, .portlet dt a:visited, .portlet dt a:hover { color: black; display: block; border: none; } .portlet .portletItem, .portlet .portletFooter, .portletError dd { padding: 0; } .blockedPortlet .portletHeader a { color: #666; } .blockedPortlet .portletBlockedMessage { color: white; display: inline; } .portletItemDetails { padding-top: .5em; margin-left: 1em; display: block; } #portlet-prefs a { border: none; } /* @end */ /* @group Calendar portlet */ .portletCalendar { margin: 1px 0 1em 0; } .portletCalendar dt { background-color: #eee; font-weight: 600; text-align: center; border-bottom: none; } #visual-portal-wrapper .portletCalendar dd { padding: 0; } .portletCalendar dd { margin: 0; padding: 0; } .portletCalendar dt a#calendar-previous { float: left; padding: 0 1em; margin: 0 -.5em; } .portletCalendar dt a#calendar-next { float: right; padding: 0 1em; margin: 0 -.5em; } .portletCalendar a, .portletCalendar a:focus, .portletCalendar a, .portletCalendar a:hover, .ploneCalendar a { text-decoration: none; border-bottom: none !important; } .ploneCalendar { border-spacing: 0; width:100%; } .ploneCalendar td { background-color: transparent; width: 14%; text-align: center; padding: 2px; } .ploneCalendar .weekdays th { background-color: #eee; text-align: center; padding: 2px; } .ploneCalendar .event { background-color: #eee; } .ploneCalendar .todayevent { background-color: #eee; border: 2px solid #205C90; } .ploneCalendar .todaynoevent { border: 2px solid #205C90; } /* @end */ } /* - controlpanel.css - */ @media all { /* @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; background-color: transparent; } #content ul.configlets li a:active { color: #436976; background-color: transparent; } #content ul.configlets li label { font-weight: bold; } #content ul.configletDetails { margin: 0em 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 0pt 0.5em; padding:0.3em 1em 0.3em 1em; width:auto; } .rule-element dl { } .rule-element dl dd { margin-left:1em; } .rule-updown, .rule-operations { float:right; padding-top:0.8em; } /* @end */ /* @group Portlets management */ div.portletAssignments { font-size: 0.8em; line-height: 2em; } div.portletAssignments div.portletHeader { padding: 0.42em 1em; background: #ddd; line-height: normal; } div.portletAssignments .managedPortletActions { float: right; } div.portletAssignments .managedPortletActions a, div.portletAssignments .managedPortletActions button { margin: 0 0.25em; border: none; cursor: pointer; background-color: transparent; color: #205C90; } div.portletAssignments .managedPortletActions form { display: inline; } .managedPortlet { margin: 0.8em 0; } div.managePortletsLink, a.managePortletsFallback { text-align: center; padding: 0.25em 0.5em; font-size: 80%; margin: 0 auto 1em; background: #ddd; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-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; border-bottom: none !important; } /* @end */ } /* - mobile.css - */ @media handheld, screen and (max-device-width: 480px) { /* For devices with narrow screens, phones, tablets, etc. */ /* This CSS intentionally left blank */ } /* - forms.css - */ @media all { /* @group Forms */ fieldset, .editionComment { line-height:1.5em; margin:1em 0; padding:0 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 #329fd7; border-style: solid none none none; } #content legend { padding: 0.5em; font-size: 85%; } label { font-weight:bold; } label .fieldErrorBox { font-weight: normal; } #content label { } #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: #fdc; border: 1px solid red; 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 */ }