/******************************************************************************/ /* Liferay */ /******************************************************************************/ /* Global */ a { color: #000000; text-decoration: none; } a:hover { text-decoration: underline; } body { background-color: #EFEFF1; border: 0; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; } body * { font-size: 1em; } .font-xx-small { font-size: 0.7em; } .font-x-small { font-size: 0.8em; } .font-small { font-size: 0.9em; } .font-large { font-size: 1.1em; } .font-x-large { font-size: 1.2em; } .font-xx-large { font-size: 1.3em; } form { margin: 0; padding: 0; } select { border-color: #CCCCCC; border-style: solid; border-width: 1px; } ul { list-style-type: none; /*margin: 5px 0 10px 20px;*/ padding: 0; } img { border: 0; margin: 0; padding: 0 } input, button, select { font-size: 0.8em; } textarea { font-family: Arial; font-size: 1em; } .form-button { border-color: #D3D3D3; border-style: solid; border-width: 1px; } .form-button-hover { border-bottom: solid 1px #D3D3D3; border-left: solid 1px #FFFFFF; border-right: solid 1px #D3D3D3; border-top: solid 1px #FFFFFF; } .form-text { border-color: #CCCCCC; border-style: solid; border-width: 1px; } .tree-js-pop-up DIV { background-color: #D3D3D3; border: 2px Outset #FFFFFF; display: none; padding: 4px; position: absolute; text-align: left; z-index: 10; } /* Alpha */ .alpha { background-color: #D3D3D3; } .alpha-gradient { background: url(/html/themes/proregularity/color_schemes/01/portlet_title_bg_gradient.gif) repeat-x; } .alpha-neg-alert { color: #FF0000; } .alpha-pos-alert { color: #007F00; } .alpha-separator { background: url(/html/themes/proregularity/color_schemes/01/portlet_title_bg_x.gif) repeat-x; height: 1px; font-size: 0; } A.alpha { background: none; color: #000000; text-decoration: none; } A.alpha:hover { color: #000000; text-decoration: underline; } FONT.alpha { background: none; color: #000000; } /* Beta */ .beta { background-color: #D3D3D3; } .beta-gradient { background: url(/html/themes/proregularity/color_schemes/01/portlet_menu_bg_gradient.gif) repeat-x; } .beta-neg-alert { color: #FF0000; } .beta-pos-alert { color: #007F00; } .beta-separator { background: url(/html/themes/proregularity/color_schemes/01/portlet_menu_bg_x.gif) repeat-x; height: 1px; font-size: 0; } A.beta { background: none; color: #000000; text-decoration: none; } A.beta:hover { color: #000000; text-decoration: underline; } FONT.beta { background: none; color: #000000; } /* Gamma */ .gamma { background-color: #FFFFFF; } .gamma-gradient { background: url(/html/themes/proregularity/color_schemes/01/portlet_bg_x.gif) repeat-x; } .gamma-neg-alert { color: #FF0000; } .gamma-pos-alert { color: #007F00; } .gamma-tab { border-bottom: 1px solid #D3D3D3; margin-left: 0px; margin-top: 0px; margin-bottom: 15px; margin-right: 0px; padding-bottom: 27px; padding-left: 0px; } .gamma-tab ul, .gamma-tab li { background: #F6F6F6; border: 1px solid #CCCCCC; border-bottom: 1px solid #D3D3D3; color: #CCCCCC; display: inline; float: left; line-height: 22px; list-style-type: none; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; } .gamma-tab ul.current, .gamma-tab li.current { background: #FFFFFF; border: 1px solid #D3D3D3; border-bottom: 1px solid #FFFFFF; color: #000000; } .gamma-tab li a { color: #777777; } .gamma-tab li.current a { color: #000000; } .gamma-tab li.toggle { background: none; border: 0px; float: right; margin-right: 0px; padding-right: 0px; } A.gamma { background: none; color: #000000; text-decoration: none; } A.gamma:hover { color: #000000; text-decoration: underline; } FONT.gamma { background: none; color: #000000; } /* Bg */ .bg { background-color: #FFFFFF; } .bg-neg-alert { color: #FF0000; } .bg-pos-alert { color: #007F00; } A.bg { background: none; color: #000000; text-decoration: none; } A.bg:hover { color: #000000; text-decoration: underline; } FONT.bg { color: #000000; } /******************************************************************************/ /* Liferay Layout CSS */ /******************************************************************************/ #layout-outer-side-decoration { margin-left: 10px; /*margin-right: auto;*/ } #layout-box { background-color: #FFFFFF; margin-top: 10px; text-align: center; width: 100%; } #layout-top-banner { height: 90px; position: relative; text-align: left; z-index: 3; } #portal-dock { position: absolute; right: 10px; top: 25px; height: 54px; width: 54px; } #portal-dock-title { text-align: right; height: 25px; position: absolute; right: 10px; top: 0; } .portal-dock-box { cursor: pointer; font-size: 0; height: 54px; padding: 2px; position: absolute; width: 54px; top: 0; left: 0; } .portal-dock-box div { background-color: #D3D3D3; } #layout-user-menu { position: absolute; text-align: right; top: 0px; right: 0px; } #layout-user-menu form { margin-top: 5px; text-align: right; } #portal-dock-my-places { cursor: default; padding-top: 2px; position: relative; text-align: right; } #portal-dock-my-places table { float: right; } #portal-dock-my-places ul { background-color: #FFFFFF; border: 1px solid #000000; position: absolute; text-align: left; right: 0; top: 20px; margin: 0; } #portal-dock-my-places ul li { cursor: pointer; padding: 2px; white-space: nowrap; } #layout-my-places { position: relative; right: 0; width: 200px; } #layout-my-places ul { background-color: #FFFFFF; border: 1px solid #D3D3D3; position: absolute; text-align: left; right: 0; top: 0; margin: 0; } #layout-my-places ul li { padding: 2px; } #layout-global-search { position: absolute; top: 5px; right: 5px; } #layout-nav-more-menu { background-color: #FFFFFF; border: 1px solid #D3D3D3; position: absolute; text-align: left; left: 0px; top: 26px; margin: 0; width: 80px; } #layout-nav-more-menu li { padding: 2px 2px 2px 5px; } #layout-nav-container { background: #FFFFFF url(/html/themes/proregularity/color_schemes/01/portlet_menu_bg_gradient.gif) no-repeat 500px 0px; /*border: 1px solid #D3D3D3;*/ position: relative; z-index: 2; } .layout-nav-tabs-box { height: 35px; position: relative; } .layout-tab a:hover, .layout-tab-selected a:hover { text-decoration: none; } .layout-tab { color: #000000; } .layout-tab, .layout-tab-selected { border-right: 1px solid #D3D3D3; float: left; line-height: 32px; position: relative; background-color: #D3D3D3; font-weight: bold; padding: 0 1em; font-size: 0.9em; } .layout-tab-selected { color: #000000; } .layout-tab span, .layout-tab-selected span { position: relative; /*top: 5px;*/ } .layout-tab-separator { background: url(/html/themes/proregularity/color_schemes/01/portlet_title_bg_y.gif) repeat-y; font-size: 0; float: left; height: 15px; margin-top: 5px; width: 1px; } #layout-content-outer-decoration { z-index: 0; } /* Column Layout */ #layout-bottom-container { text-align: left; } .layout-add-select-style { } .portal-add-content { background-color: #FFFFFF; border: 3px solid #D3D3D3; padding: 8px; } #layout-column_column-1, #layout-column_column-2, #layout-column_column-3, #layout-column_column-4, #layout-column_column-5 { min-height: 75px; } .layout-column-highlight { background: url(/html/themes/proregularity/images/common/diagonal-lines.gif) scroll repeat; } /******************************************************************************/ /* Portlet CSS */ /******************************************************************************/ /* Liferay Portlet */ .portlet-dragging-placeholder { background-color: #EEEFF0; } #portlet-place-holder DIV { background-color: #D3D3D3; } .portlet-loading { background: url(/html/themes/proregularity/images/progress_bar/loading_animation.gif) no-repeat top center; margin-top: 10px; padding-top: 40px; text-align: center; } .portlet-container { background-color: #FFFFFF; position: relative; } .portlet-box { border: 1px solid #D3D3D3; margin-top: 1px; } .portlet-minimum-height { } .portlet-header-bar { border: 1px solid #D3D3D3; /*background: url(/html/themes/proregularity/color_schemes/01/button_gradient.gif) scroll repeat-x center left;*/ background-color: #D3D3D3; position: relative; } .portlet-borderless-container { position: relative; } .portlet-borderless-bar { text-align: left; font-size: 0.8em; } .portlet-wrap-title { height: 20px; position: relative; } .portlet-title { color: #000000; font-weight: bold; position: absolute; top: 3px; left: 5px; } .portlet-small-icon-bar { padding-left: 2px; position: absolute; top: 1px; right: 2px; } .portlet-top-decoration { background: url(/html/themes/proregularity/color_schemes/01/portlet_corner_ul.gif) no-repeat top left; height: 5px; } .portlet-top-decoration DIV { background: url(/html/themes/proregularity/color_schemes/01/portlet_corner_ur.gif) no-repeat top right; height: 5px; } .portlet-top-decoration DIV DIV { background: #FFFFFF; border-top: 1px solid #D3D3D3; font-size: 0; height: 5px; margin: 0 5px 0 5px; } .portlet-inner-top { margin: 0 auto 0 auto; } .portlet-bottom-blank { margin-bottom: 5px; } .portlet-bottom-decoration { background: url(/html/themes/proregularity/color_schemes/01/portlet_corner_bl.gif) no-repeat top left; height: 5px; } .portlet-bottom-decoration DIV { background: url(/html/themes/proregularity/color_schemes/01/portlet_corner_br.gif) no-repeat top right; height: 5px; } .portlet-bottom-decoration DIV DIV { background: #FFFFFF; border-bottom: 1px solid #D3D3D3; font-size: 0; height: 5px; margin: 0 5px 0 5px; } .portlet-bottom-decoration-2 { background: transparent url(/html/themes/proregularity/images/shadow/middle.gif) scroll repeat-x top; margin-bottom: 5px; width: 100%; } .portlet-bottom-decoration-2 DIV { /* background: transparent url(/html/themes/proregularity/images/shadow/left.gif) scroll no-repeat top left; width: 100%;*/ } .portlet-bottom-decoration-2 DIV DIV { /*background: transparent url(/html/themes/proregularity/images/shadow/right.gif) scroll no-repeat top right; font-size: 0; height: 6px; width: 100%;*/ } /* Fonts */ .portlet-font { color: #000000; } .portlet-font A { color: #000000; } .portlet-font-dim { color: #C4C4C4; } /* Messages */ .portlet-msg-status { color: #000000; font-style: italic; } .portlet-msg-info { color: #000000; } .portlet-msg-error { color: #FF0000; } .portlet-msg-alert { color: #FF0000; font-style: italic; } .portlet-msg-success { color: #007F00; } /* Sections */ .portlet-section-header { background: #E8EAED; color: #596171; font-weight: bold; } .portlet-section-header A { color: #596171; } .portlet-section-body { color: #3F3F3F; background: #EEEFF0; } .portlet-section-body-hover, TR.portlet-section-body:hover { color: #FFFFFF; background: #888E98; } .portlet-section-body A { color: #3F3F3F; } .portlet-section-body-hover A, TR.portlet-section-body:hover A { color: #FFFFFF; } .portlet-section-alternate { color: #3F3F3F; background: #E2E5EC; } .portlet-section-alternate-hover, TR.portlet-section-alternate:hover { color: #FFFFFF; background: #828DA0; } .portlet-section-alternate A { color: #3F3F3F; } .portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A { color: #FFFFFF; } .portlet-section-selected { color: #D0D7E4; background: #FAFCFE; } .portlet-section-selected-hover, TR.portlet-section-selected:hover { color: #49494A; background: #D0D1D2; } .portlet-section-selected A { color: #D0D7E4; } .portlet-section-selected-hover A, TR.portlet-section-selected:hover A { color: #49494A; } .portlet-section-subheader { background: #B1B4BA; color: #68696B; padding: 2px; } .portlet-section-footer { color: #000000; } .portlet-section-text { color: #000000; } /* Forms */ .portlet-form-label { color: #000000; } .portlet-form-input-field { border-color: #CCCCCC; border-style: solid; border-width: 1px; } .portlet-form-button { background: url(/html/themes/proregularity/color_schemes/01/button_gradient.gif) repeat-x; border-color: #D3D3D3; border-style: solid; border-width: 1px; } .portlet-icon-label { color: #000000; } .portlet-dlg-icon-label { color: #000000; } .portlet-form-field-label { color: #000000; } .portlet-form-field { color: #000000; } /******************************************************************************/ /* Display Tag Library */ /******************************************************************************/ TR.even { background-color: #D3D3D3; color: #000000; } TR.odd { background-color: #FFFFFF; color: #000000; } /******************************************************************************/ /* Messaging Styles /******************************************************************************/ #messaging-main-div { left: 0; position: absolute; text-align: left; top: 0; z-index: 10; } #messaging-main-div div.msg-chat-box { background-color: white; border: 1px solid black; padding: 10px; text-align: left; } #messaging-main-div div.msg-chat-area { border: 1px solid gray; height: 100px; margin: 5px 0 5px 0; padding: 5px; }