Edit file File name : style_chart.css Content :/** * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE as published by * the Free Software Foundation; either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE * along with this program; if not, see http://www.gnu.org/licenses * or write to the Free Software Foundation,Inc., 51 Franklin Street, * Fifth Floor, Boston, MA 02110-1301 USA * @Package Gantt chart * @copyright Andrew Mclaughlan 2014 * @author Andrew Mclaughlan <andrew@mclaughlan.info> */ /*Resource chart specific styles*/ #wrapper_chart { padding-right:0px; height:auto; } #header_wrap { float: left; width:200px; display: none; } #header_table_chart { border: 0px solid #DDDDDD; border-bottom: 0; font-size: 13px; line-height: 20px; border-collapse: collapse; color: #484A4D; font-family: Helvetica,Arial,sans-serif; } #project_chart { width: 99.75%; } #gantt_chart { overflow: auto; } .heading_chart { font-weight: bold; white-space: nowrap; padding-left: 5px; } .field_chart { padding-left: 5px; } .field_chart select { width:280px; border: 1px solid #DDDDDD; } .select_row { background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD; } .main_table { margin: 0 auto; border: 1px solid #DDDDDD; border-collapse: collapse; background-color: #F6F6F6; color: #484A4D; font-family: Helvetica,Arial,sans-serif; line-height: 24px; font-size:12px; } .main_table th, td { padding: 0px; overflow: hidden; width: 24px; } .top_row { background-image:url('../images/bgbak.gif'); } .top_row a:link, .top_row a:visited, .top_row a:hover { text-decoration: none; } .month_row { border-bottom: 1px solid #DDDDDD; } .week, .day { vertical-align:middle; text-align: center; padding-left: 20px; padding-right: 20px; font-weight: bold; } .weeks, .months { text-align:center; font-size:13px; font-weight: bold; border-right: 1px solid #DDDDDD; } .months:last-child { border-right: 1px solid #DDDDDD; } .weeks { border-bottom: 1px solid #999; } .years { font-size: 12px; font-weight: normal; text-align: center; background-image:url('../images/bgbak.gif'); } .year_div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin: 0, auto; } .inner_container:last-child { border-right:none; } .inner_container { border-right: 1px solid #DDDDDD; } .table_inner { border-left:none; border-collapse: collapse; } .task_row { border-top: 0px solid #DDDDDD; } .inner_td { text-align:center; border-bottom: 1px solid #DDDDDD; } .task_row:last-child .inner_td { border-bottom: none; } .inner_container .inner_td { border-right: 1px solid #DDDDDD; font-weight: bold; font-family: Helvetica,Arial,sans-serif; line-height: 24px; font-size:12px; } .inner_container .inner_td:last-child { border-right: none; } .task_row .inner_td { border-right: 1px solid #DDDDDD; } .days_row .inner_td { border-right: 1px solid #DDDDDD; } .task_row .inner_td:last-child { border-right: 1px solid #DDDDDD; } .cell_width{ width: 25px; height:23px; } .day_block { background-color: #ffffff; } .day_block_wk { background-color: #f6f6f6; } .today { background-color: #ffffff; border:1px solid red!important; margin: 0 auto; height:21px; width:23px; } .weekend { background-color: #f6f6f6; height:23px; } .weekend-today { border:1px solid red!important; background-color: #f6f6f6; height:22px; width:23px; } .d{ height: 22px; width:24px; border-right: 1px solid #f3350c; margin: 0 auto; background-color: #f3350c; } .h{ height: 22px; width:24px; border-right: 1px solid #8080E8; margin: 0 auto; background-color: #8080E8; } .task_block_inner { padding-left: 5px; padding-right: 5px; padding-top: 3px; } .task_block_inner_c { height: 22px; } .task_div { color: #ffffff !important; /* background-color: #D8EDA3;*/ background-color: #DDDDDD; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; border-radius: 3px; font-size: 11px; font-weight: bold; height: 17px; line-height: 18px; text-align: left; text-overflow: ellipsis; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); cursor: pointer; } .task_percent { height:17px; background-color: #D8EDA3; z-index: 1; position: relative; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; line-height: 18px; font-size: 11px; font-weight: bold; color: #778461; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); text-overflow: ellipsis; text-align: center; overflow: hidden; } /*milestone diamond*/ .milestone { height:17px; overflow: hidden; } .taskDepLine { border: 1px solid #9999FF; overflow: hidden; position: absolute; background-color: #9999FF; } .no_wrap{ white-space: nowrap; text-align: right; padding-right: 5px; padding-left: 5px; font-style:italic; font-weight: bold; } .qtip_box { min-width: 200px!important; max-width: none !important; } /*tooltip table */ .qtip_table { width: 100%; border-collapse: collapse; } .qtip_table th { text-align: left; padding: 2px 10px 2px 0px; border-bottom: 1px solid #3f6219; white-space: nowrap; } .qtip_table td { padding: 2px 10px 2px 0px; white-space: nowrap; } .qtip_table a { color: #3f6219; font-weight: bold; text-decoration: none; } .qtip_table a:hover { text-decoration: underline; }Save