modules/Calendar/Cal.css

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2012 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 #cal-grid {
  38         border-left: 1px solid silver;
  39         width: 100%;
  40         overflow: hidden;
  41 }
  42
  43 #cal-scrollable {
  44         overflow-y: scroll;
  45         overflow-x: hidden;
  46 }
  47
  48 #cal-grid .col {
  49         width: 14.2%;
  50         float: left;
  51         border-bottom: 0px solid silver;
  52 }
  53
  54 #cal-grid .left_col {
  55         width: 52px;
  56         float: left;
  57         border-bottom: 0px solid silver;
  58 }
  59
  60 #cal-grid .week {
  61         float: left;
  62 }
  63
  64 #cal-grid .slot {
  65         height: 14px;
  66         border-right: 1px solid silver;
  67         border-bottom: 1px solid #e5e5e5;
  68         background-color: transparent;
  69 }
  70 #cal-grid .slot_over {
  71         background-color: #D1DCFF;
  72 }
  73
  74 #cal-grid .left_slot {
  75         height: 14px;
  76         font-size: 10px;
  77         text-align: center;
  78         border-right: 1px solid silver;
  79         border-bottom: 1px solid #e5e5e5;
  80         vertical-align: middle;
  81         line-height: 15px;
  82 }
  83
  84 #cal-grid .col_head {
  85         height: 14px;
  86         text-align: center;
  87         font-size: 13px;
  88         border-bottom: 1px solid silver;
  89         border-top: 1px solid silver;
  90         border-right: 1px solid silver;
  91         white-space: nowrap;
  92 }
  93
  94 #cal-grid .col_head a {
  95         text-decoration: none;
  96 }
  97
  98 #cal-grid .odd {
  99         background-color: transparent;
 100 }
 101
 102 #cal-grid .odd_border {
 103         border-bottom: 1px solid silver;
 104 }
 105
 106 #cal-grid div.slot_active {
 107         background-color: gray;
 108 }
 109
 110 #cal-grid .today {
 111         font-weight: bold;
 112         background-color: #FCD372;
 113 }
 114
 115 #cal-grid .cal-basic .basic_slot, #cal-grid .cal-basic .left_basic_slot {
 116         border-bottom: 1px solid silver;
 117         border-right: 1px solid silver;
 118         white-space: nowrap;
 119 }
 120
 121 .act_item {
 122         width: 92%;
 123         min-width: 0px;
 124         font-size: 10px;
 125         position : relative;
 126         vertical-align: top;
 127         display: inline-block;
 128         border: 1px solid;
 129         border-top-width: 1px;
 130         overflow: hidden;
 131         cursor: default;
 132 }
 133
 134 .act_item.empty {
 135         border-color: transparent;
 136 }
 137
 138 .act_item, #cal-grid .col {
 139         -webkit-user-select: none;
 140         -khtml-user-select: none;
 141         -moz-user-select: -moz-none;
 142         -o-user-select: none;
 143         user-select: none;
 144 }
 145
 146 .act_item .head {
 147         height: 13px;
 148         padding-left: 2px;
 149         overflow: hidden;
 150 }
 151 .act_item .head div {
 152         overflow: hidden;
 153 }
 154 .act_item .content {
 155         padding-top: 1px;
 156         padding-left: 2px;
 157         padding-right: 2px;
 158         overflow: hidden;
 159         height: 13px;
 160         padding-top: 1px;
 161         font-size: 11px;
 162 }
 163
 164 .adicon {
 165         float: right;
 166         color: black;
 167         width: 10px;
 168         font-size: 9px;
 169         height: 12px;
 170         line-height: 11px;
 171         text-align: center;
 172         background-image: url(../../index.php?entryPoint=getImage&imageName=calendar_info.png);
 173         background-repeat: no-repeat;
 174         margin-top: 1px;
 175         cursor: pointer;
 176 }
 177
 178 .act_item .head div {
 179         font-size: 11px;
 180 }
 181
 182
 183 .act_item .head .start_time {
 184         font-weight: bold;
 185 }
 186
 187 .act_item .head a, .act_item .head a:visited, .act_item .head a:hover {
 188         text-decoration: none;
 189 }
 190
 191
 192 .act_item .yui-resize-handle-inner-b {
 193     width: 16px;
 194     margin-left: auto;
 195     margin-right: auto;
 196     border-top: 0px double;
 197     background-image: none;
 198     position: relative;
 199     left: 0;
 200 }
 201
 202 .act_item:hover .yui-resize-handle-inner-b {
 203         border-top: 3px double;
 204 }
 205
 206 #cal-edit-buttons {
 207         padding: 7px 5px 5px 5px;
 208 }
 209
 210 #edit_all_recurrences_block button {
 211         margin: 4px;
 212 }