modules/Emails/EmailUI.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 /**************
  38  TreeView Icons
  39 **************/
  40 .remoteAccount, a.remoteAccount,
  41 .remoteFolderGroup, a.remoteFolderGroup,
  42 .remoteFolderGroupUnseen, a.remoteFolderGroupUnseen,
  43 .sugarFolder, a.sugarFolder,
  44 .sugarFolderUnseen, a.sugarFolderUnseen,
  45 .sugarFolderGroup, a.sugarFolderGroup,
  46 .sugarFolderGroupUnseen, a.sugarFolderGroupUnseen,
  47 .sugarFolderDynamic, a.sugarFolderDynamic,
  48 .sugarFolderDynamicUnseen, a.sugarFolderDynamicUnseen
  49 {
  50     text-decoration : none;
  51 }
  52 .remoteAccount {
  53     background: transparent url(images/email.gif) no-repeat;
  54 }
  55 .remoteAccountGroup {
  56     background: transparent url(images/emailGroup.gif) no-repeat;
  57     color: #070;
  58     font-style: italic;
  59 }
  60
  61 .remoteFolder, a.remoteFolder,
  62 .remoteFolderUnseen, a.remoteFolderUnseen,
  63 .remoteFolderGroupUnseen, a.remoteFolderGroupUnseen {
  64     padding-left: 0px;
  65     text-decoration : none;
  66 }
  67 .remoteFolderUnseen, .remoteFolderGroupUnseen, .sugarFolderUnseen, .sugarFolderGroupUnseen, .sugarFolderDynamicUnseen {
  68     font-weight: bold;
  69 }
  70
  71 .sugarFolderGroup, .sugarFolderGroupUnseen {
  72     background: transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_folder.gif) no-repeat;
  73     font-style: italic;
  74 }
  75
  76 .sugarFolderDynamic, .sugarFolderDynamicUnseen {
  77     background: transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_folder.gif) no-repeat;
  78 }
  79
  80 .composeRightTabs span[name="teamset_div"] input {
  81         max-width: 95px;
  82 }
  83 .composeRightTabs input, .composeRightTabs select {
  84     max-width: 190px;
  85 }
  86 /**************
  87  Hack for Sugar's pop-over menus
  88 **************/
  89 .menu{
  90     z-index:100;
  91 }
  92
  93 .subDmenu{
  94     z-index:100;
  95 }
  96
  97 /**************
  98  Contacts styles
  99 **************/
 100 .rowStylenone {
 101     display: none;
 102 }
 103
 104 /**************
 105  UI Elements
 106 **************/
 107 .sectionTitle {
 108     background-color: #eee;
 109     padding: 5px;
 110     padding-top: 10px;
 111     padding-bottom: 10px;
 112     font-size: 13px;
 113     font-weight: bold;
 114 }
 115
 116 .selectedDiv {
 117     color: #00a;
 118     background-color: #ccc;
 119 }
 120
 121
 122 .folderSelected {
 123     background-color: #f00;
 124 }
 125
 126 .emailUILabel {
 127     width: 1%;
 128     vertical-align: top;
 129     font-weight: bold;
 130     text-align: right;
 131     padding-bottom: 1em;
 132 }
 133 .emailUILabel button{
 134     width: 50px;
 135     text-align: right;
 136 }
 137
 138 .emailUIField {
 139     text-align: left;
 140     padding-bottom: 1em;
 141 }
 142 .emailUITextField {
 143     border: 1px solid #333;
 144 }
 145 .emailUILink {
 146     font-family: arial;
 147     text-decoration: none;
 148 }
 149
 150 .groupFolder {
 151     color: #007700;
 152     font-style: italic;
 153 }
 154
 155 .sugarFolder {
 156     color: #000077;
 157 }
 158
 159
 160 .displayEmailLabel {
 161     color: #999;
 162     font-weight: bold;
 163     text-align: right;
 164 }
 165 .displayEmailValue {
 166     color: #000;
 167 }
 168 .displayEmailLabel, .displayEmailValue {
 169     padding: 2px;
 170     background-color: #eee;
 171 }
 172 .displayEmailValueWhite {
 173     padding: 2px;
 174     background-color: #fff;
 175 }
 176
 177 .ieFolder .ygtvcontent a{
 178     margin-left:18px;
 179 }
 180
 181 .ieFolder a.ygtvspacer{
 182     float:left;
 183     height:16px;
 184     left:17px;
 185     position:relative;
 186     width:16px;
 187     background:transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_folder.gif) no-repeat scroll 0 -1px;
 188 }
 189
 190 .ieFolder .ygtvtm a.ygtvspacer, .ieFolder .ygtvtmh a.ygtvspacer, .ieFolder .ygtvlm a.ygtvspacer, .ieFolder .ygtvlmh a.ygtvspacer  {
 191     background: transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_folder_exp.gif) no-repeat;
 192 }
 193
 194 .sugarFolder a.ygtvspacer{
 195     float:left;
 196     height:16px;
 197     left:17px;
 198     position:relative;
 199     width:16px;
 200     background:transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_sugfolder.gif) no-repeat scroll 0 -1px;
 201 }
 202
 203 .sugarFolder .ygtvtm a.ygtvspacer, .sugarFolder .ygtvlm a.ygtvspacer, .sugarFolder .ygtvtmh a.ygtvspacer, .sugarFolder .ygtvlmh a.ygtvspacer  {
 204     background: transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_sugfolder_exp.gif) no-repeat;
 205 }
 206
 207 .x-tree-node-collapsed.sugarFolder  .x-tree-node-icon, .sugarFolder .ygtvcontent a, .folderDragProxy {
 208     background: transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_sugfolder.gif) no-repeat scroll 0 -1px;
 209     padding-left:18px;
 210 }
 211
 212 .x-tree-node-expanded.sugarFolder  .x-tree-node-icon {
 213     background: transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_sugfolder_exp.gif) no-repeat;
 214 }
 215
 216 .groupFolder  .x-tree-node-icon, .groupFolder .ygtvcontent a {
 217     background: transparent url(../../index.php?entryPoint=getImage&imageName=icon_email_folder_grp.gif) no-repeat scroll 0 -1px;
 218     padding-left:18px;
 219 }
 220 .x-view-selected, .x-view-selected td  {
 221     background-color:#316ac5;
 222     color:white;
 223 }
 224 .address-primary {
 225     font-weight: bold;
 226 }
 227
 228 .address-list-exp {
 229         font-style: italic;
 230 }
 231
 232 .sqsFloater, #smartInputFloaterContent {
 233     z-index: 11000;
 234 }
 235
 236 .input-error {
 237     border: 1px solid #f00
 238 }
 239
 240 .maybe {
 241     display: inline;
 242     white-space: nowrap;
 243 }
 244
 245 table.list {
 246     margin: 0px;
 247 }
 248
 249 .view, table.view {
 250     margin-top:0px;
 251         margin-bottom:0px;
 252 }
 253
 254 .yui-nav img {
 255     float: left;
 256 }
 257
 258 li.yuimenuitem-disabled {
 259     display: none;
 260 }
 261
 262 #container .yui-navset {
 263     overflow-y: hidden;
 264 }
 265
 266 #lefttabs .yui-nav .selected a em {
 267     padding-top: 1px;
 268 }
 269 #lefttabs .yui-content {
 270     border: none;
 271 }
 272
 273 #lefttabs .yui-dt-empty {
 274     display:none;
 275 }
 276
 277 /* .yui-dt table tr th {
 278         padding: 2px 5px !important;
 279 }*/
 280
 281 div #rollover {
 282     white-space: normal;
 283     display: inline;
 284     float:none !important;
 285 }
 286
 287 .x-dd-drag-ghost {
 288     opacity : 1;
 289 }
 290
 291 #settingsDialog .bd, #settingsDialog .yui-content, #contactsDialogue .bd{
 292     padding: 0px;
 293 }
 294
 295 #settingsDialog .edit tr th {
 296
 297 }
 298
 299
 300 #_blank, #listBottom, #displayEmailFramePreview {
 301     width:100%;
 302     height:100%;
 303 }
 304 #_blank {
 305     padding-top: 7px;
 306 }
 307 #_blank, #listBottom {
 308     overflow: hidden;
 309 }
 310 #importDiv {
 311     padding:10px 0 !important;
 312 }
 313
 314 #listRight {
 315     margin-left: 2px;
 316     margin-right: 5px;
 317 }
 318
 319 #searchTable {
 320     padding: 0px;
 321     margin: 0px;
 322 }
 323
 324 #peopleTableSearchRow td {
 325     padding: 3px !important;
 326 }
 327
 328 #peopleTableSearchRow td {
 329     padding: 3px !important;
 330 }
 331
 332 #listViewDiv .yui-layout-unit .yui-layout-hd {
 333     display: none;
 334 }
 335 #mbfooter img {
 336     position: relative;
 337     top: -1px;
 338 }
 339
 340 #mbfooter h2 td {
 341     font-weight: normal;
 342 }
 343
 344 .yui-layout-unit-left .yui-layout-hd {
 345         border-bottom-width:0;
 346 }
 347
 348 td.yui-dt-col-bean_id {
 349     text-align: center;
 350 }
 351
 352 .yuimenuitem-disabled .yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled:hover {
 353     display:none;
 354 }
 355
 356 #listViewDiv .pagination {
 357     margin-bottom: 10px;
 358 }
 359
 360
 361 .paginator-start {
 362     width: 27px;
 363     height: 20px;
 364     background: transparent url('../../index.php?entryPoint=getImage&imageName=start_off.gif') no-repeat;
 365 }
 366
 367 .pagination a .paginator-start {
 368         background: transparent url('../../index.php?entryPoint=getImage&imageName=start.gif') no-repeat;
 369 }
 370
 371 .paginator-previous {
 372     width: 24px;
 373     height: 24px;
 374     background: transparent url('../../index.php?entryPoint=getImage&imageName=previous_off.gif') no-repeat;
 375 }
 376
 377 .pagination a .paginator-previous {
 378     background: transparent url('../../index.php?entryPoint=getImage&imageName=previous.gif') no-repeat;
 379 }
 380
 381 .paginator-next {
 382     width: 24px;
 383     height: 24px;
 384     background: transparent url('../../index.php?entryPoint=getImage&imageName=next_off.gif') no-repeat;
 385 }
 386
 387 .pagination a .paginator-next {
 388     background: transparent url('../../index.php?entryPoint=getImage&imageName=next.gif') no-repeat;
 389 }
 390
 391 .paginator-end {
 392     width: 27px;
 393     height: 20px;
 394     background: transparent url('../../index.php?entryPoint=getImage&imageName=end_off.gif') no-repeat;
 395 }
 396
 397 .pagination a .paginator-end {
 398     background: transparent url('../../index.php?entryPoint=getImage&imageName=end.gif') no-repeat;
 399 }
 400
 401 .pagination .yui-pg-first, .pagination .yui-pg-previous, .pagination  .yui-pg-next, .yui-pg-last, .pagination .yui-pg-current, .pagination  .yui-pg-pages, .pagination .yui-pg-page {
 402         padding: 0px;
 403 }
 404
 405 #settingsDialog .yui-content {
 406     border: none;
 407 }
 408
 409 #settingsDialog table.view {
 410     padding-top: 10px;
 411     padding-bottom: 10px;
 412         border:0px;
 413         border-bottom: 1px solid #CCCCCC;
 414 }
 415
 416 #settingsDialog h4 {
 417         text-align:left;
 418         padding-left: 0px;
 419 }
 420
 421 button img {
 422     border: none;
 423 }
 424
 425 .addressbookSearch {
 426         padding:4px 0 2px;
 427         width: 180px;
 428 }
 429
 430 .addressbookSearch .button {
 431         margin-top: -6px;
 432         margin-left: 2px;
 433         padding: 0;
 434 }
 435 .addressbookSearch span {
 436         white-space:nowrap;
 437 }
 438
 439 .addressbookSearch input {
 440         width: 90px;
 441 }
 442
 443 .yui-layout th {
 444         text-align:left;
 445 }
 446
 447 #ieSelect tr td {
 448     display:inline;
 449     position:relative;
 450     left:-2px;
 451 }
 452
 453 div#content {
 454         padding-bottom: 0px;
 455 }
 456
 457 .yui-cstm-cntrd-liner {
 458 margin:0;
 459 text-align: center !important;
 460 }
 461
 462 .rolloverEmail {
 463     position: relative;
 464     margin: none;
 465     display: inline;
 466 }
 467
 468 .rolloverEmail a {
 469         text-decoration: none;
 470 }
 471
 472 .rolloverEmail a span {
 473     text-decoration: none;
 474     display: none;
 475     overflow: hidden;
 476 }
 477
 478 .rolloverEmail a:hover span {
 479     display: inline;
 480     width: 150px;
 481     margin : 5px 5px 5px 5px;
 482     position: absolute;
 483     padding: 10px;
 484     color: #333;
 485     border: 1px solid #ccc;
 486     background-color: #fff;
 487     font-size: 12px;
 488     z-index: 1000;
 489     top: -10px;
 490     right: 10px;
 491 }
 492
 493 .advancedSearchTD {
 494     padding: 3px;
 495     white-space: nowrap;
 496 }