modules/Project/gantt.css

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2011 SugarCRM Inc.
   4  *
   5  * This program is free software; you can redistribute it and/or modify it under
   6  * the terms of the GNU Affero General Public License version 3 as published by the
   7  * Free Software Foundation with the addition of the following permission added
   8  * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
   9  * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
  10  * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
  11  *
  12  * This program is distributed in the hope that it will be useful, but WITHOUT
  13  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  14  * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
  15  * details.
  16  *
  17  * You should have received a copy of the GNU Affero General Public License along with
  18  * this program; if not, see http://www.gnu.org/licenses or write to the Free
  19  * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  20  * 02110-1301 USA.
  21  *
  22  * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
  23  * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
  24  *
  25  * The interactive user interfaces in modified source and object code versions
  26  * of this program must display Appropriate Legal Notices, as required under
  27  * Section 5 of the GNU Affero General Public License version 3.
  28  *
  29  * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
  30  * these Appropriate Legal Notices must retain the display of the "Powered by
  31  * SugarCRM" logo. If the display of the logo is not reasonably feasible for
  32  * technical reasons, the Appropriate Legal Notices must display the words
  33  * "Powered by SugarCRM".
  34  ********************************************************************************/
  35
  36
  37     #projectTable td, #projectTable th, #gantt td
  38     {
  39         border: 1px inset #808080;
  40     }
  41
  42     #projectTable th,
  43     #projectTable td[scope=row],
  44     #gantt tr[bgcolor] td,
  45     #gantt tr#header_row td
  46     {
  47         background: #f6f6f6;
  48     }
  49
  50  /* gantt styles */
  51
  52         table.days {
  53                 font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  54                 font-size: 11px;
  55         }
  56         td.days {
  57                 border-top: 1px solid #dfdfdf !important;
  58                 border-bottom: 1px solid #dfdfdf !important;
  59                 border-left: 0px !important;
  60                 border-right: 0px !important;
  61         }
  62
  63         td.sunday {
  64                 border-top: 1px solid #dfdfdf !important;
  65                 border-bottom: 1px solid #dfdfdf !important;
  66                 border-left: 1px solid #dfdfdf !important;
  67                 border-right: 0px !important;
  68         }
  69
  70         td.saturday {
  71                 border-top: 1px solid #dfdfdf !important;
  72                 border-bottom: 1px solid #dfdfdf !important;
  73                 border-left: 0px !important;
  74                 border-right: 1px solid #dfdfdf !important;
  75         }
  76
  77         td.date {
  78                 width: 100%;
  79                 padding: 0px;
  80                 border-top: 0px;
  81                 border-bottom: 0px;
  82                 border-left: 0px;
  83                 border-right: 0px;
  84                 font-size: 10px;
  85         }
  86
  87         tr.empty {
  88             height: 2px;
  89         }
  90
  91         div.completed {
  92                 background-color: #777777;
  93                 float: left;
  94                 width: 100%;
  95                 line-height: 10px;
  96                 margin-top: 4px;
  97         }
  98
  99         div.inprogress {
 100                 background-color: #002E4D;
 101                 float: left;
 102                 width: 100%;
 103                 line-height: 10px;
 104                 margin-top: 4px;
 105         }
 106
 107         div.inprogress_bar {
 108                 background-color: #ff0000;
 109                 float: left;
 110                 width: 100%;
 111                 line-height: 10px;
 112                 margin-top: 4px;
 113         }
 114
 115         div.notstarted {
 116                 background-color: #cccccc;
 117                 float: left;
 118                 width: 100%;
 119                 line-height: 10px;
 120                 margin-top: 4px;
 121     }
 122
 123     div.indent_left {
 124                 background-color: #000000;
 125         float: left;
 126                 line-height: 10px;
 127                 margin-top: 4px;
 128     }
 129
 130     div.parent {
 131         background-color: #000000;
 132         float: left;
 133                 margin-top: 4px;
 134                 line-height: 4px;
 135     }
 136
 137     div.indent_right {
 138                 background-color: #000000;
 139         float: right;
 140                 line-height: 10px;
 141                 margin-top: 4px;
 142         }
 143
 144         #horizWrapper {position:relative; margin-left:60px;width:218px;float:left;}
 145         #horizBGDiv {position:relative; top:60px; background:url(horizBg.png) no-repeat; height:26px; width:218px;zindex:5 }
 146         #horizHandleDiv {
 147             position:absolute;
 148             left: 100px; /* the default position is the center of the bg */
 149             top: 8px;  /* force the image down a bit */
 150             cursor:default;
 151             width:18px;
 152             height:18px;
 153         }
 154
 155         /* end gantt styles */
 156
 157
 158         /* Project Divs */
 159
 160         #project_container{
 161             position:relative;
 162             width:100%;
 163             height:100%;
 164         }
 165
 166         #grid_space{
 167                 position:absolute;
 168             left:0px;
 169             top:0px;
 170             width:600px;
 171             height:100%;
 172             overflow-x:auto;
 173             overflow-y:hidden;
 174         }
 175
 176         #grid_space table  {
 177                 border-collapse:separate;
 178                 border: 1px solid gray;
 179                 border-spacing:0;
 180         }
 181
 182         #grid_space table select, #grid_space table input{
 183                 border:0;
 184                 padding:0;
 185                 margin:0;
 186                 height:23px;
 187         }
 188
 189
 190         #gantt_area{
 191             margin-left:504px;
 192             margin-right:0px;
 193             height:100%;
 194             overflow:auto;
 195         }
 196
 197         #gantt_area table  {
 198                 border-collapse:separate;
 199                 border: 1px solid gray;
 200                 border-spacing:0;
 201         }
 202
 203         #resizer{
 204             top:0px;
 205             position:absolute;
 206             width:3px;
 207             height:100%;
 208             background:#C0C0C0;
 209         }
 210
 211         /* End Project Divs */
 212
 213         .menu{
 214                 z-index:100;
 215         }
 216
 217         .subDmenu{
 218                 z-index:100;
 219         }
 220
 221