modules/Emails/EmailUI.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 /**************
  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         overflow: auto;
 272
 273 }
 274
 275 #lefttabs .yui-dt-empty {
 276     display:none;
 277 }
 278
 279 /* .yui-dt table tr th {
 280         padding: 2px 5px !important;
 281 }*/
 282
 283 div #rollover {
 284     white-space: normal;
 285     display: inline;
 286     float:none !important;
 287 }
 288
 289 .x-dd-drag-ghost {
 290     opacity : 1;
 291 }
 292
 293 #settingsDialog .bd, #settingsDialog .yui-content, #contactsDialogue .bd{
 294     padding: 0px;
 295 }
 296
 297 #settingsDialog .edit tr th {
 298
 299 }
 300
 301
 302 #_blank, #listBottom, #displayEmailFramePreview {
 303     width:100%;
 304     height:100%;
 305 }
 306 #_blank {
 307     padding-top: 7px;
 308 }
 309 #_blank, #listBottom {
 310     overflow: hidden;
 311 }
 312 #importDiv {
 313     padding:10px 0 !important;
 314 }
 315
 316 #listRight {
 317     margin-left: 2px;
 318     margin-right: 5px;
 319 }
 320
 321 #searchTable {
 322     padding: 0px;
 323     margin: 0px;
 324 }
 325
 326 #peopleTableSearchRow td {
 327     padding: 3px !important;
 328 }
 329
 330 #peopleTableSearchRow td {
 331     padding: 3px !important;
 332 }
 333
 334 #listViewDiv .yui-layout-unit .yui-layout-hd {
 335     display: none;
 336 }
 337 #mbfooter img {
 338     position: relative;
 339     top: -1px;
 340 }
 341
 342 #mbfooter h2 td {
 343     font-weight: normal;
 344 }
 345
 346 .yui-layout-unit-left .yui-layout-hd {
 347         border-bottom-width:0;
 348 }
 349
 350 td.yui-dt-col-bean_id {
 351     text-align: center;
 352 }
 353
 354 .yuimenuitem-disabled .yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled:hover {
 355     display:none;
 356 }
 357
 358 #listViewDiv .pagination {
 359     margin-bottom: 10px;
 360 }
 361
 362
 363 .paginator-start {
 364     width: 27px;
 365     height: 20px;
 366     background: transparent url('../../index.php?entryPoint=getImage&imageName=start_off.gif') no-repeat;
 367 }
 368
 369 .pagination a .paginator-start {
 370         background: transparent url('../../index.php?entryPoint=getImage&imageName=start.gif') no-repeat;
 371 }
 372
 373 .paginator-previous {
 374     width: 24px;
 375     height: 24px;
 376     background: transparent url('../../index.php?entryPoint=getImage&imageName=previous_off.gif') no-repeat;
 377 }
 378
 379 .pagination a .paginator-previous {
 380     background: transparent url('../../index.php?entryPoint=getImage&imageName=previous.gif') no-repeat;
 381 }
 382
 383 .paginator-next {
 384     width: 24px;
 385     height: 24px;
 386     background: transparent url('../../index.php?entryPoint=getImage&imageName=next_off.gif') no-repeat;
 387 }
 388
 389 .pagination a .paginator-next {
 390     background: transparent url('../../index.php?entryPoint=getImage&imageName=next.gif') no-repeat;
 391 }
 392
 393 .paginator-end {
 394     width: 27px;
 395     height: 20px;
 396     background: transparent url('../../index.php?entryPoint=getImage&imageName=end_off.gif') no-repeat;
 397 }
 398
 399 .pagination a .paginator-end {
 400     background: transparent url('../../index.php?entryPoint=getImage&imageName=end.gif') no-repeat;
 401 }
 402
 403 .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 {
 404         padding: 0px;
 405 }
 406
 407 #settingsDialog .yui-content {
 408     border: none;
 409 }
 410
 411 #settingsDialog table.view {
 412     padding-top: 10px;
 413     padding-bottom: 10px;
 414         border:0px;
 415         border-bottom: 1px solid #CCCCCC;
 416 }
 417
 418 #settingsDialog h4 {
 419         text-align:left;
 420         padding-left: 0px;
 421 }
 422
 423 button img {
 424     border: none;
 425 }
 426
 427 .addressbookSearch {
 428         padding:4px 0 2px;
 429         width: 180px;
 430 }
 431
 432 .addressbookSearch .button {
 433         margin-top: -6px;
 434         margin-left: 2px;
 435         padding: 0;
 436 }
 437 .addressbookSearch span {
 438         white-space:nowrap;
 439 }
 440
 441 .addressbookSearch input {
 442         width: 90px;
 443 }
 444
 445 .yui-layout th {
 446         text-align:left;
 447 }
 448
 449 #ieSelect tr td {
 450     display:inline;
 451     position:relative;
 452     left:-2px;
 453 }
 454
 455 div#content {
 456         padding-bottom: 0px;
 457 }
 458
 459 .yui-cstm-cntrd-liner {
 460 margin:0;
 461 text-align: center !important;
 462 }
 463
 464 .rolloverEmail {
 465     position: relative;
 466     margin: none;
 467     display: inline;
 468 }
 469
 470 .rolloverEmail a {
 471         text-decoration: none;
 472 }
 473
 474 .rolloverEmail a span {
 475     text-decoration: none;
 476     display: none;
 477     overflow: hidden;
 478 }
 479
 480 .rolloverEmail a:hover span {
 481     display: inline;
 482     width: 150px;
 483     margin : 5px 5px 5px 5px;
 484     position: absolute;
 485     padding: 10px;
 486     color: #333;
 487     border: 1px solid #ccc;
 488     background-color: #fff;
 489     font-size: 12px;
 490     z-index: 1000;
 491     top: -10px;
 492     right: 10px;
 493 }
 494
 495 .advancedSearchTD {
 496     padding: 3px;
 497     white-space: nowrap;
 498 }