/* * navalpro_zk.css ###PROJECT_NAME### * * This stylesheet contains declarations for ZK overriden components * according to the ZK Style Guides [http://www.zkoss.org/doc/styleguide] * to integrate the custom appearance of the web application. */ .logo { background-image: url("../img/v3/blue_ga.jpg"); height: 50px; width: 300px; height: 100px; float: left; clear: both; position: absolute; } .headings { height: 90px; } table { margin: 0px; padding: 0px; border: 0px; } .errorbox { margin: 40px; padding: 40px; border: solid 1px red; } /* --- START -- Buttons styles --- =================================================== */ /* Enabled borders for standard buttons */ .z-button-tl, .z-button-tm, .z-button-tr, .z-button-cl, .z-button-cr, .z-button-bl, .z-button-bm, .z-button-br { display: none; } /* Hide icon borders */ .icono .z-button-tl, .icono .z-button-tm, .icono .z-button-tr, .icono .z-button-cl, .icono .z-button-cr, .icono .z-button-bl, .icono .z-button-bm, .icono .z-button-br { display: none; } body .z-window-embedded .icono .z-button-cm, body .z-window-modal .icono .z-button-cm { color: #007bbe; background-color: transparent; background-image: none; border: 0px solid #007bbe; padding: 0px; } .z-button { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } /* Bugfix for default clicked z-button center borders */ .z-button-clk .z-button-cr { background-position: -21px 0; } .z-button-clk .z-button-cl { background-position: -18px 0; } /* Bugfix for default clicked z-button corners */ /* 'btn-corner.gif' updated to add the 4th state */ .z-button-clk .z-button-br { background-position: -21px -3px; } .z-button-clk .z-button-tr { background-position: -21px 0; } .z-button-clk .z-button-bl { background-position: -18px -3px; } .z-button-clk .z-button-tl { background-position: -18px 0px; } /* Global custom styles --------------------------------------------------- */ /* Custom 3D background images */ .z-button .z-button-tm, .z-button .z-button-bm { background-image:url("../img/btn-x.gif"); } .z-button .z-button-cl, .z-button .z-button-cr { background-image:url("../img/btn-y.gif"); } .z-button .z-button-tl, .z-button .z-button-tr, .z-button .z-button-bl, .z-button .z-button-br { background-image:url("../img/btn-corner.gif"); } /* #E4F3D9; /* green0 (normal background) */ /* #C3EAAF; /* green1 (hover background) */ /* #A1D586; /* green2 (active background) */ /* #58A758; /* green3 (text color) */ /* #87bd32; /* green4 (border color) */ /* #3F5917; /* green5 (top left shade) */ .z-window-embedded .z-button-cm, .z-window-modal .z-button-cm { background-color: #E4F3D9; /* green0 (normal background) */ color: #58A758; /* green3 (text) */ border: 1px solid #439e32; /* green4 (border) */ background-image: none; padding: 2px 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .z-window-embedded .z-button-cm:hover, .z-window-modal .z-button-cm:hover { background-color: #C3EAAF; /* green1 (hover background) */ background-image: none; padding: 2px 18px; } .z-window-embedded .z-button-cm:active, .z-window-modal .z-button-cm:active { background-color: #A1D586; /* green2 (active background)*/ padding: 2px 17px 1px 18px; border-top: 2px solid #3f5917; border-right: 1px solid #439e32; border-bottom: 1px solid #439e32; border-left: 2px solid #3f5917; } .z-window-embedded .z-button.z-button-disd .z-button-cm, .z-window-modal .z-button.z-button-disd .z-button-cm { background-color: #EAEAEA; color: #A0A0A0; border-color: #A0A0A0; } table.z-button { table-layout: auto; } button.z-button { position: relative; top: -5px; } /* Perspective buttons --------------------------------------------------- */ .sub_menu .z-button-cm { background-color: transparent !important; border: 0px; color: #EDF2F7; } .sub_menu_active.z-button { color: #3b89b7; background-color: #FFFFFF; padding:2px;margin:2px; } .sub_menu .z-button-cm:hover { text-decoration: underline; } .sub_menu_active.z-button td, .sub_menu.z-button td { background-image: none; } .plannerlayout .z-button-tl, .plannerlayout .z-button-tm, .plannerlayout .z-button-tr, .plannerlayout .z-button-cl, .plannerlayout .z-button-cr, .plannerlayout .z-button-bl, .plannerlayout .z-button-bm, .plannerlayout .z-button-br { display: visible; } /* Global action button styles --------------------------------------------------- */ .global-action.z-button { margin-top: 10px; } .global-action.z-button .z-button-cm { padding: 4px 25px; background-position: 5px; } .global-action.z-button .z-button-cm:active { padding: 4px 21px 3px 28px; background-position: 7px 4px; } .save-button.z-button .z-button-cm { background-image: url(../img/bt_ok.png); background-repeat: no-repeat; } .save-button.z-button .z-button-cm:active { background-image: url(../img/bt_ok.png); background-repeat: no-repeat; } .create-button.z-button .z-button-cm { background-image: url(../img/bt_create.png); background-repeat: no-repeat; } .create-button.z-button .z-button-cm:active { background-image: url(../img/bt_create.png); background-repeat: no-repeat; } .saveandcontinue-button.z-button .z-button-cm { background-image: url(../img/bt_ok_continue.png); background-repeat: no-repeat; } .saveandcontinue-button.z-button .z-button-cm:active { background-image: url(../img/bt_ok_continue.png); background-repeat: no-repeat; } .cancel-button.z-button .z-button-cm { background-image: url(../img/bt_cancel.png); background-repeat: no-repeat; } /* --- END -- Button styles -- =================================================== */ .vertical_separator { width: 14px; height: 20px; margin-top: 4px; background-image: url("../img/sub_separacion.gif"); } .footer { clear: both; margin: 20px; font-size: 12px; } /* ------------- order element tree ------------- */ .orderTree input { height: 18px; border-bottom: 0px; border-top: 0px; font-size: 12px; /* 11px */ border-left: 1px dotted #7EAAC6; padding-left: 2px; padding-top: 2px; } /* Allows tasknumber span to have fixed width */ .orderTree .tasknumber { display: inline-block; } .orderTree td { padding: 0px !important; } /* These constants may be reviewed when testing with 3 digit tasknumbers */ .orderTree .depth_1 input, .orderTree .depth_2 input, .orderTree .depth_3 input, .orderTree .depth_4 input, .orderTree .depth_5 input, .orderTree .depth_6 input { width: 460px !important; border-right: 0px; } /* Cleaning window borders */ .z-window-embedded-tr,.z-window-embedded-tl { display: none; } .z-window-embedded-hl,.z-window-embedded-hm { background-image: none; } .z-window-embedded-hr { background: none; } .z-window-embedded-header { color: #009900; font-weight: bold; font-size: 1.2em; } .message_ERROR, .message_INFO { -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; margin: 10px; width: 300px; } .message_WARNING img, .message_ERROR img { display: none; } .message_ERROR { color: #ee0000; border: solid 1px #ee0000; background-color: #eecccc; } .message_WARNING { color: #CC5013; border: solid 1px #CC5013; background-color: #FDCA87; } .message_INFO { color: #006600; border: solid 1px #006600; background-color: #cceecc; } .message_INFO span { position: relative; top: -10px; left: 10px; } div.z-errbox { background-color: #EECCCC; color:red; border:solid 1px red; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .advancedallocationlayout .message_WARNING { padding: 3px 20px 3px 20px; margin: 0; width: auto; } .z-window-embedded { margin: 10px; margin-top: 5px; } /* Hide inner second level embed window titles */ .z-window-embedded .z-window-embedded .z-window-embedded .z-window-embedded-hl { display: none; } .subtitulo { color: #007bbe; font-weight: bold; } /* ------ Overridden norrmoz.css.dsp styles ------ */ .z-label,.z-radio-cnt,.z-checkbox-cnt,.z-slider-pp,input.button,input.file,.z-loading,.z-errbox { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; } .z-word-wrap { word-wrap: normal; } .z-word-wrap .z-auxheader-cnt { word-wrap: normal; } .z-window-embedded-tl,.z-window-highlighted-tl,.z-window-overlapped-tl,.z-window-popup-tl { background: none; } .z-window-embedded-tl { background-image: none; } .z-window-popup-tl { background-image: none; } .z-window-embedded-tr,.z-window-highlighted-tr,.z-window-overlapped-tr,.z-window-popup-tr { background: none; } .z-window-embedded-tr { background-image: none; } .z-window-popup-tr { background-image: none; } .z-window-embedded-hl,.z-window-highlighted-hl,.z-window-overlapped-hl,.z-window-popup-hl { background: none; } .z-window-embedded-hl { background-image: none; } .z-window-popup-hl { background-image: none; } .z-window-embedded-hr,.z-window-highlighted-hr,.z-window-overlapped-hr,.z-window-popup-hr { background: none; /*padding-right:6px; */ } .z-window-embedded-hr,.z-window-embedded-hr-noborder { background-image: none; } .z-window-popup-header,.z-window-highlighted-header, .z-window-overlapped-header,.z-window-embedded-header { background-color: #FFFFFF; color: #0081C3; font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; padding-bottom: 10px; font-weight: normal; background-image: url(../img/header_bullet.gif); background-repeat: no-repeat; padding-left: 22px; background-position: 0px 3px; } .z-tabs-scroll .z-tabs-cnt { background: #FAFDFE none repeat scroll 0 0; border-bottom: 1px solid #7EAAC6; padding-bottom: 0; } .z-textbox,.z-decimalbox,.z-intbox,.z-longbox, .z-doublebox, .z-datebox, .z-datebox-inp, .z-datebox-focus .z-datebox-inp { font-family: Tahoma, Arial, Helvetica, sans-serif; } .leftpanelgap .z-textbox,.leftpanelgap .z-decimalbox,.leftpanelgap .z-intbox, .leftpanelgap .z-longbox,.leftpanelgap .z-doublebox,.leftpanelgap .z-datebox, .leftpanelgap .z-datebox-inp,.leftpanelgap .z-datebox-focus .z-datebox-inp { font-size: 11px; } div.z-footer-cnt,div.z-row-cnt,div.z-group-cnt,div.z-group-foot-cnt,div.z-column-cnt { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .z-word-wrap div.z-tree-cell-cnt,.z-word-wrap div.z-tree-footer-cnt,.z-word-wrap div.z-tree-col-cnt { word-wrap: normal; } .z-tabs .z-tabs-cnt { background: none; border-bottom: 0px; border-bottom: 1px solid #7EAAC6; } .z-tabs-scroll { padding-bottom: 0px; background: #F2FBFF none repeat scroll 0 0; border: 0px solid #000000; } .z-tab .z-tab-text { font-family: Tahoma, Arial, Helvetica, sans-serif; } .z-tab-seld .z-tab-text { /* color:#0F3B82; */ font-family: Tahoma, Arial, Helvetica, sans-serif; } .z-tabpanel,.z-tabbox-ver .z-tabpanels-ver { padding: 5px; border-bottom: 1px solid #7EAAC6; } .message_INFO { background-color: #CCEECC; border: 1px solid #006600; color: #006600; margin: 10px; padding: 15px 15px 15px 50px; width: 300px; } div.z-grid { background: #DAE7F6 none repeat scroll 0 0; border: 1px solid #ABC6DE; overflow: hidden; } .z-listbox .z-textbox,.z-listbox .z-decimalbox,.z-listbox .z-intbox,.z-listbox .z-longbox,.z-listbox .z-doublebox { /* width: 100%; */ height: 22px; vertical-align:center; border-collapse: collapse; } .orderTree .z-textbox,.orderTree .z-decimalbox, .orderTree .z-intbox,.orderTree .z-longbox, .orderTree .z-doublebox { height: 25px; width: 100%; } .listdetails .z-textbox, .listdetails .z-decimalbox, .listdetails .z-intbox, .listdetails .z-longbox, .listdetails .z-doublebox { height: 17px; } .z-tree .z-datebox-inp { height:25px; } .orderTree .operations { min-width:150px; } .orderTree .name { min-width:140px; } .orderTree .hours { min-width:50px; } .orderTree .code { min-width:100px; } .orderTree .scheduling_state { min-width:260px; } .orderTree .tasknumber { display:none; } .orderTree div.z-tree-cell-cnt { padding:0px; } .orderTree td { border-bottom: 1px dotted #7EAAC6; } .orderTree .icono td { border:none; } .orderelements-tab .z-datebox-focus .z-datebox-inp { border-top: 0px; border-bottom: 0px; } .orderelements-tab .z-datebox-focus .z-datebox-inp, .orderelements-tab .z-datebox-inp { width: 114px; } .orderelements-tab .z-datebox .z-datebox-img { background-color: #DAE7F6; } .listdetails .z-datebox-focus .z-datebox-inp { border-top: 0px; border-bottom: 0px; height: 17px; font-size: 11px !important; font-family: Tahoma, Arial, Helvetica, sans-serif; } .advance-measurement { width: 340px; } .assignedresources .icono .z-button-tr, .assignedresources .icono td.z-button-br { display:none; } .assignedresources .z-listbox input { height: 17px !important; } /* Highlight advancedallocation grouping row */ .resourcesload .taskspanelgap .z-grid-body tr:first-child { background-color: #E8E8E8; } .resourcesload .taskspanelgap .z-grid-body tr.z-row td { background-color:transparent; } /* ------- Chart legends ------- */ .legend { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; border: solid 1px #000000; padding: 10px 30px 10px 30px; background-color: #FFFFFF; } .legend td { vertical-align:bottom; } .legend .title { display:block; font-weight:bold; margin-bottom: 5px; } .legend-row { margin:2px; } .legend-gap { background-color: #E8E8E8; } .legend .capability { border-top:solid 1px #FF0000; height:7px; width:25px; margin-right:5px; } .legend .load { background-color:#0000FF; height:10px; width:25px; margin-bottom:2px; margin-right:5px; } .legend .overload { border-top:solid 1px #00FF00; height:7px; width:25px; margin-right:5px; } .legend .overload-order { border-top:solid 1px #00FFFF; height:7px; width:25px; margin-right:5px; } .legend .overload-other { border-top:solid 1px #FFFF00; height:7px; width:25px; margin-right:5px; } .legend .other { background-color:#00FF00; height:10px; width:25px; margin-bottom:2px; margin-right:5px; } .legend .resourceload { height:10px; width:25px; margin-bottom:2px; margin-right:5px; } /* Graphical improvements */ .z-panel-header { background:none; border: 0px; margin:0px 0px 0 10px } .z-panel-body { background:none; border: 1px solid #B1CBD5; margin:0 10px 0px 10px; } .z-panel-children { border-style: none none none; } div.z-grid-pgi-b, div.z-listbox-pgi-b { border-top:none; } .orderTree .tasknumber { /* Pending removal from the code */ display:none; } .orderTree .not-scheduled span, .orderTree .partially-scheduled span, .orderTree .completely-scheduled span { float:left; padding-right:2px; } .orderTree .not-scheduled, .orderTree .partially-scheduled, .orderTree .completely-scheduled { border-bottom:dotted #EEEEEE 1px; } .orderTree .partially-scheduled { background-color: #fddf9b; } .orderTree .completely-scheduled { background-color: #bee5a9; } span.z-dottree-ico, span.z-dottree-line { min-height:22px; } /* --- START -- menubar -- =================================================== */ .z-menubar-hor, .z-menubar-ver { background: none; } .z-menu-body { background-color: #d4e1ef; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } .z-menu-inner-m .z-menu-btn { font-weight: normal; color: #005782; } .z-menu-body-over .z-menu-inner-m .z-menu-btn, .z-menu-body-seld .z-menu-inner-m .z-menu-btn, .current-section .z-menu-body .z-menu-inner-m .z-menu-btn { color: #FFFFFF; } .z-menu-body-over, .z-menu-body-seld, .current-section .z-menu-body { background-color: #2a83b4; font-weight: normal; } .z-menu-body-over .z-menu-inner-l, .z-menu-body-over .z-menu-inner-m, .z-menu-body-over .z-menu-inner-r { background-image:none; } .z-menu-body-seld .z-menu-inner-l, .z-menu-body-seld .z-menu-inner-m, .z-menu-body-seld .z-menu-inner-r { background-image:none; } .z-menu-body .z-menu-inner-m div { background-image:none; } .z-menubar-hor { border-bottom: 3px solid #2a83b4; padding: 0px; } .user_row .cerrar_sesion { display:inline; } .migas_linea { border: 0px; } .perspective, .perspective-active { width:84px; height:84px; margin: 0 0 4px 4px; font-weight:normal; } .perspective .z-button-cm { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: none; background-color: #d4e1ef; color: #005782; } .perspective-active .z-button-cm { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: none; background-color: #2a83b4; color: #FFFFFF; } .z-button.perspective .z-button-cm, .z-button.perspective-active .z-button-cm { white-space:normal; } .vertical-separator { display:none; } .main-area > .z-center-body:first-child { height: auto !important; width: auto !important; } .main-area { overflow: auto; }