| [ Index ] |
PHP Cross Reference of vtigercrm-6.1.0 |
[Summary view] [Print] [Text view]
1 @import "../../../libraries/bootstrap/less/mixins.less"; 2 3 @font-face { 4 font-family: 'Open Sans'; 5 font-style: normal; 6 font-weight: 400; 7 src: url('../../../../resources/fonts/OpenSans-Regular-webfont.eot'); 8 src: url('../../../../resources/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), 9 url('../../../../resources/fonts/OpenSans-Regular-webfont.woff') format('woff'), 10 url('../../../../resources/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), 11 url('../../../../resources/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); 12 } 13 14 body { 15 .gradientBar(@gradient1StrtColor,@gradient1EndColor); 16 width: 100%; 17 font-family : 'Open Sans',@baseFontFamily; 18 font-size : @baseFontSize !important; 19 line-height: 1.4; 20 color: @grayDarker; 21 } 22 23 #page{ 24 width:100%; 25 background: @gray; 26 } 27 28 /** General **/ 29 30 [class^="icon-"]:last-child, 31 [class*=" icon-"]:last-child { 32 *margin-left: 0; 33 } 34 35 .vtGlyph { 36 display: inline-block; 37 width: 14px; 38 height: 14px; 39 line-height: 14px; 40 vertical-align: text-top; 41 background-image: url("../images/vtGlyph.png"); 42 background-position: 0 0; 43 background-repeat: no-repeat; 44 *margin-right: .3em; 45 } 46 47 .vticon-pageJump{ 48 background-position: 0 0; 49 } 50 51 .vticon-call-inbound{ 52 background-position: -14px 0; 53 } 54 55 .vticon-call-outbound{ 56 background-position: -28px 0; 57 } 58 59 .themeLinkColor{ 60 color: @themeLinkColor; 61 } 62 63 a{ 64 .themeLinkColor; 65 &:hover{ 66 .themeLinkColor; 67 outline: 0; 68 } 69 &:active, &:focus{ 70 outline: 0; 71 } 72 } 73 74 //Fix for no file chosen issue with mutlifile plugin. 75 .removeNoFileChosen{ 76 color: transparent !important; 77 } 78 th, th a, th:hover, th a:hover{ 79 color:@headerTextColor; 80 text-decoration: none; 81 } 82 83 .backgroundImageNone { 84 background-image : none !important; 85 } 86 87 .horizontalAlignCenter { 88 margin : auto !important; 89 width : 100% !important; 90 } 91 92 .icon-inverted { 93 background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png"); 94 } 95 96 i{ 97 .cursorPointer; 98 } 99 100 hr{ 101 border-top: 1px solid @lightColorBorder; 102 border-bottom: 1px solid @white; 103 margin : 1% 0% 1% 0% !important; 104 } 105 106 .themeTextColor{ 107 color : @themeLinkColor; 108 } 109 110 .floatNone { 111 float : none !important; 112 } 113 114 .dropdownStylings{ 115 .gradientBar(@gradient7StrtColor,@gradient4EndColor); 116 box-shadow : 1px 0px 7px @boxShadowColor; 117 } 118 119 .modal-footer-padding{ 120 padding : 1px 24px 5px !important; 121 } 122 123 .modal-footer{ 124 border-radius: 0 0 2px 2px; 125 } 126 127 .zeroPaddingAndMargin{ 128 padding: 0px; 129 margin: 0px; 130 } 131 132 .marginLeftZero{ 133 margin-left:0px !important; 134 } 135 136 .pushDownHalfper{ 137 padding-top: 0.5%; 138 } 139 140 .pushUpandDown2per{ 141 margin : 2% 0% 2% 0%; 142 } 143 144 .pushDown2per{ 145 padding-top: 2%; 146 } 147 148 .padding1per{ 149 padding: 1%; 150 } 151 152 .horizontalLeftSpacing{ 153 padding: 0.5%; 154 } 155 156 .paddingLeft10px{ 157 padding-left: 10px !important; 158 } 159 160 .paddingLeftRight10px{ 161 padding-left: 10px; 162 padding-right: 10px; 163 } 164 165 .padding5per{ 166 padding : 5%; 167 } 168 169 .marginRight5px{ 170 margin-right: 5px; 171 } 172 173 .marginRight10px{ 174 margin-right:10px; 175 } 176 177 .marginBottom10px{ 178 margin-bottom: 10px; 179 } 180 181 .marginBottom5px{ 182 margin-bottom: 5px; 183 } 184 185 .margin0px{ 186 margin: 0px !important; 187 } 188 189 .verticalBottomSpacing{ 190 margin-bottom: 1.2em; 191 } 192 193 .textAlignCenter{ 194 text-align : center !important; 195 } 196 197 .textAlignRight{ 198 text-align : right !important; 199 } 200 201 .textAlignLeft{ 202 text-align : left !important; 203 } 204 205 .redColor { 206 color: red; 207 } 208 209 .paddingRight100{ 210 padding-right : 100px; 211 } 212 213 .width100per{ 214 width: 100%; 215 } 216 217 .btn-x-small { 218 font-size: 11px; 219 line-height: 14px; 220 padding: 4px 6px; 221 } 222 223 .marginLeftZero.span10{ 224 width: 84.5% !important; 225 } 226 227 .displayInlineBlock{ 228 display: inline-block !important; 229 } 230 231 .detailViewBlockHeader { 232 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 233 } 234 235 .blockHeader { 236 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 237 border:1px solid @gradient5StrtColor !important; 238 border-radius: 2px 2px 0 0 !important; 239 color: @headerTextColor; 240 } 241 242 .popover { 243 z-index : 1030 !important; 244 .popover-tooltip { 245 .popover-title { 246 .blockHeader; 247 font-size: @baseFontSize; 248 color: @headerTextColor; 249 } 250 .popover-content { 251 padding: 0 0 14px 0; 252 } 253 } 254 } 255 256 .quickWidgetContainer { 257 border-top: 2px solid @grayDark; 258 li{ 259 margin-left: -6%; 260 a{ 261 color : @generalLinkColor; 262 white-space : nowrap; 263 padding-left: 16%; 264 width : 125%; 265 &:hover{ 266 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 267 } 268 } 269 } 270 .quickWidgetHeader { 271 .gradientBar(@gradient16StrtColor,@gradient16EndColor); 272 .cursorPointer; 273 padding: 8px; 274 h5 { 275 color : @white; 276 } 277 } 278 .widgetContainer { 279 .gradientBar(@gradient9StrtColor,@gradient9EndColor); 280 border-bottom: 1px solid @lightColorBorder; 281 div{ 282 .boxModelBorderBox; 283 } 284 } 285 } 286 287 .whitePageDivider{ 288 border-bottom: 1px solid @pageDivider; 289 margin: 0 0 2% 0; 290 } 291 292 .fullWidthAlways{ 293 min-width: 100%; 294 max-width: 100%; 295 } 296 297 .liStyleNone{ 298 list-style: none outside none; 299 } 300 301 .fontBold { 302 font-weight: bold !important; 303 } 304 305 .dropdown-menu.pull-right { 306 right: 0; 307 left: auto !important; 308 cursor: pointer; 309 } 310 .zeroOpacity { 311 opacity : 0; 312 /*for IE*/ 313 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 314 filter: alpha(opacity=0); 315 } 316 317 .dullOpacity{ 318 opacity: 0.8; 319 /*for IE*/ 320 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 321 filter: alpha(opacity=80); 322 } 323 324 .fullOpacity{ 325 opacity : 1; 326 /*for IE*/ 327 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 328 filter: alpha(opacity=100); 329 } 330 331 .equalSplit{ 332 td{ 333 width:25%; 334 } 335 } 336 337 .sidebarTitleBlock { 338 margin: 6px 0; 339 } 340 341 .sidebarTitleBlock .titlePadding { 342 padding: 0 10px; 343 } 344 345 .blockMessageContainer{ 346 .gradientBar(@gradient15StrtColor,@gradient15EndColor); 347 .message { 348 color : @borderColor; 349 font-size : @baseFontSize + 3; 350 } 351 } 352 353 .contentsBackground { 354 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 355 } 356 357 .modelContainer{ 358 .modal-header { 359 .contentsBackground() !important; 360 border-radius: 2px 2px 0 0; 361 } 362 form{ 363 border-radius: 0 0 2px 2px; 364 } 365 } 366 367 .table tbody tr:hover td, 368 .table tbody tr:hover th{ 369 background: none; 370 } 371 372 tr.collapseRow{ 373 &>td{ 374 border-left-width:0px; 375 .gradientBar(@gradient15StrtColor,@gradient15EndColor); 376 } 377 +tr{ 378 &>td{ 379 border-top-width:0px; 380 border-left-width:0px; 381 .gradientBar(@gradient15StrtColor,@gradient15EndColor); 382 } 383 } 384 } 385 386 .padding-left1per{ 387 padding-left:1%; 388 } 389 390 .padding-right1per{ 391 padding-right:1%; 392 } 393 394 .padding-bottom1per{ 395 padding-bottom:1%; 396 } 397 398 .boxSizingBorderBox{ 399 -webkit-box-sizing: border-box; 400 -moz-box-sizing : border-box; 401 box-sizing : border-box; 402 word-wrap : break-word; 403 } 404 405 .secondaryColor{ 406 color: @secondaryTextColor; 407 } 408 409 // Mixin for border with color 410 .border(@borderValue,@color : @lightColorBorder) { 411 border : @borderValue solid; 412 border-color : @color !important; 413 } 414 415 //Mixin for textoverflow ellipsis 416 .textOverflowEllipsisMixin(@width,@textOverflow : ellipsis){ 417 overflow : hidden; 418 text-overflow : @textOverflow; 419 white-space : nowrap; 420 width : @width; 421 } 422 423 //Mixin for text-shadow 424 .textShadow(@color : @textColor,@horizontal : 1px,@vertical : 1px,@spread : 1px,@shadowColor : @textShadowColor){ 425 color : @color; 426 text-shadow : @horizontal @vertical @spread @shadowColor; 427 } 428 429 .boxModelBorderBox(){ 430 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 431 -moz-box-sizing: border-box; /* Firefox, other Gecko */ 432 box-sizing: border-box; /* Opera/IE 8+ */ 433 } 434 435 .squeezedWell { 436 padding : 0.7% !important; 437 .gradientBar(@gradient7StrtColor, @gradient7EndColor); 438 } 439 440 .font-x-small { 441 font-size : @baseFontSize - 2; 442 } 443 444 .font-x-x-large { 445 font-size : @baseFontSize + 6; 446 } 447 448 .font-x-large { 449 font-size : @baseFontSize + 3; 450 } 451 452 .roundedCorners .well { 453 &:first-child{ 454 border-radius : 4px 0 0 4px; /* To give corners only left side */ 455 } 456 &:last-child{ 457 border-radius : 0 4px 4px 0; /* To give corners only right side */ 458 } 459 border-radius : 0px; 460 } 461 462 .highLight{ 463 .font-x-large; 464 } 465 466 .pushDown{ 467 margin-top:6px; 468 } 469 470 .mergeTables { 471 margin-bottom: 0px; 472 } 473 474 .dropdown-menu.pull-right{ 475 &:after,&:before{ 476 right : 3px; 477 left : auto; 478 top: -5px; 479 border-bottom-width: 6px; 480 } 481 } 482 483 //Auto Complete Reference Field 484 485 .ui-autocomplete-loading { 486 background: url('../images/load.gif') no-repeat right center 487 } 488 489 //Auto Complete Reference Field 490 491 .box { 492 margin : 2%; 493 } 494 495 //Fix for background scroll when modal is open 496 .modal-open { 497 overflow : hidden; 498 /** modal will be having z-index as 10001 **/ 499 .datepicker, .timePicker{ 500 z-index : 1000008 !important; 501 } 502 } 503 504 // Select2 Plugin customization 505 .select2-container-multi .select2-choices .select2-search-choice { 506 cursor:move; 507 } 508 509 /** General complete **/ 510 511 .modulesList{ 512 margin-left: 2% !important; 513 } 514 .nav-list > li > a, .nav-list .nav-header { 515 margin-right : 0px; 516 } 517 518 #menubar_item_moduleManager{ 519 color: @themeLinkColor !important; 520 } 521 522 #topMenus{ 523 margin-bottom: 0px; 524 height: 30px; 525 .navbar-inner{ 526 background: @menubarColor; 527 .menuBar .span9 { 528 height: 30px; 529 ul.nav{ 530 margin-right: 0; 531 } 532 #commonMoreMenu li > a{ 533 max-width: 100px; 534 overflow: hidden; 535 text-overflow : ellipsis; 536 } 537 } 538 } 539 540 .nav{ 541 li.tabs, li.dropdown{ 542 a{ 543 padding: 5px 14px; 544 height: 20px; 545 color: @menubarTextColor; 546 &:hover{ 547 color: @menubarTextHoverColor; 548 } 549 &.selected{ 550 padding: 3px 15px; 551 background-color: @menubarSelectedLinkbgColor; 552 color: @menubarTextHoverColor; 553 .fontBold; 554 border-bottom: 4px solid @menuUnderlineColor; 555 } 556 } 557 558 } 559 } 560 .headerLinksContainer{ 561 margin-right: 20px; 562 height: 30px; 563 .dropdown { 564 .dropdown-menu{ 565 } 566 } 567 a:hover, a:active, a:focus{ 568 text-decoration: none; 569 outline: none; 570 background-color: transparent; 571 } 572 &> span a img, &> span a.userName{ 573 padding-top: 5px; 574 color: @menubarTextColor; 575 .cursorPointer; 576 .dullOpacity; 577 &:hover, &:active, &:focus{ 578 .fullOpacity; 579 } 580 } 581 a.userName{ 582 display: inline-block; 583 margin-left: 0px; 584 text-align: right; 585 .caret{ 586 border-top: 4px solid @menubarTextColor; 587 margin: 8px 6px 10px 0; 588 } 589 } 590 } 591 } 592 593 .nav-collapse.collapse { 594 height: auto; 595 overflow: visible; 596 } 597 @media screen and (min-width: 1161px) { 598 #mediumNav, #shortNav, #headerLinksCompact{ 599 display: none; 600 } 601 } 602 @media screen and (max-width: 1160px) and (min-width: 960px){ 603 #largeNav, #shortNav,#headerLinksCompact, .adv-search, .notificationMessageHolder { 604 display: none; 605 } 606 .customFilterMainSpan .select2-container{ 607 width:300px !important; 608 } 609 *{ 610 zoom:1 !important; 611 } 612 } 613 @media screen and (max-width: 960px){ 614 #mediumNav, #largeNav,#headerLinksBig, #commonMoreMenu,.nav.quickActions, #leftPanel, #toggleButton,.companyLogo,.notificationMessageHolder, .adv-search, .select-search .chzn-container.chzn-container-single{ 615 display: none; 616 } 617 .bodyContents{ 618 margin: 0 !important; 619 } 620 #rightPanel{ 621 width: 100% !important; 622 } 623 .actionsContainer .span10{ 624 .boxSizingBorderBox; 625 padding: 0 10px; 626 width: 100% !important; 627 } 628 .menuBar .span9, .span3#headerLinks{ 629 width: 48%; 630 .boxSizingBorderBox; 631 .qCreate{ 632 display: inline-block; 633 margin: 0px; 634 img{ 635 margin-bottom: 3px; 636 margin-right: 5px; 637 } 638 } 639 } 640 .customFilterMainSpan .select2-container{ 641 width:300px !important; 642 } 643 #quickCreateModules{ 644 width: 100% !important; 645 padding: 0 !important; 646 } 647 .CompactQC{ 648 max-height: 300px; 649 overflow-y: scroll; 650 overflow-x: hidden; 651 652 } 653 #headerLinksCompact{ 654 display: inline-block; 655 float: right; 656 .btn-navbar{ 657 display: inline-block; 658 margin-right: 3px; 659 margin-top: 2px; 660 float: none; 661 } 662 .dropdown-menu{ 663 margin-right: 12px; 664 } 665 #compactquickCreate{ 666 &:hover{ 667 background: none; 668 } 669 .quickCreateModule :hover{ 670 text-decoration: none; 671 } 672 } 673 } 674 } 675 #collapsedMenu{ 676 display: block; 677 position: relative; 678 .dropdown-menu{ 679 max-height: 300px; 680 overflow-y: scroll; 681 position: absolute; 682 z-index: 10000; 683 -webkit-overflow-scrolling: touch; 684 .shortDropdown{ 685 padding: 10px; 686 position: relative; 687 -webkit-transform: translateZ(0); 688 } 689 .moduleNames{ 690 &:hover{ 691 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 692 } 693 a{ 694 font-size: 0.9em; 695 padding : 2% !important; 696 color: @generalLinkColor !important; 697 &:hover{ 698 text-decoration : none; 699 color : @generalLinkColor; 700 } 701 } 702 703 } 704 } 705 } 706 707 .moreMenus{ 708 &.leftAligned{ 709 &:after,&:before{ 710 left : 21px !important; 711 } 712 } 713 strong{ 714 font-size: 1.1em; 715 } 716 &:after,&:before{ 717 left : 292px !important; 718 } 719 width: 50em; 720 padding: 24%; 721 left: -270px; 722 border-radius : 2px; 723 hr{ 724 border-color: @fc-style5; 725 } 726 div span .moduleNames{ 727 &:hover{ 728 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 729 } 730 a{ 731 font-size: 0.9em; 732 padding : 2% !important; 733 color: @generalLinkColor !important; 734 &:hover{ 735 text-decoration : none; 736 color : @generalLinkColor; 737 } 738 } 739 740 } 741 } 742 743 .announcement{ 744 .marStyle{ 745 width:100%; 746 } 747 .hide; 748 background: @notificationBackground; 749 padding: 2px 0; 750 border-bottom: 1px solid @lightColorBorder; 751 max-height: 24px; 752 width:100%; 753 } 754 755 .fixedLayout { 756 position : fixed; 757 } 758 759 .commonActionsContainer{ 760 .gradientBar(@gradient4EndColor,@gradient4EndColor); 761 height: 40px; 762 border: 0; 763 border-bottom: 1px solid @lightColorBorder; 764 padding: 0 1%; 765 margin-bottom: 0 !important; 766 .actionsContainer{ 767 .boxSizingBorderBox; 768 padding-top: 2px; 769 } 770 .commonActionsButtonDropDown{ 771 .gradientBar(@white,@white); 772 border: 1px solid @lightColorBorder; 773 right : -10px !important; 774 margin-top : 7px !important; 775 a{ 776 .themeLinkColor; 777 } 778 } 779 } 780 781 .commonActionsContainer :before { 782 clear: both; 783 } 784 785 .searchElement{ 786 min-width:600px; 787 margin-top: 2px; 788 margin-left: 15px; 789 .select-search{ 790 .displayInlineBlock; 791 float: left; 792 min-width: 150px; 793 .chzn-container-single{ 794 width: 100% !important; 795 .chzn-single{ 796 border-radius:0 !important; 797 border: 0; 798 background: @gradient12StrtColor; 799 border: 1px solid @lightColorBorder; 800 border-right: 0; 801 padding-left: 20px; 802 height: 29px; 803 box-shadow: none !important; 804 div{ 805 background: @gradient12StrtColor; 806 border-radius: 0px !important; 807 border-left: 0px !important; 808 } 809 } 810 } 811 .chzn-results{ 812 max-height:450px; 813 overflow: hidden; 814 } 815 } 816 .searchBar{ 817 .displayInlineBlock; 818 float: left; 819 min-width: 400px; 820 margin-left: -1px; 821 822 #globalSearchValue{ 823 border: 1px solid @lightColorBorder; 824 border-radius:0 !important; 825 min-width: 200px; 826 height: 21px; 827 margin-bottom: 0; 828 } 829 .search-icon{ 830 i{ 831 .icon-inverted; 832 } 833 border: 1px solid @headerColor; 834 border-radius: 2px !important; 835 margin-left: 4px; 836 padding: 5px 20px; 837 background: @headerColor; 838 .dullOpacity; 839 cursor: pointer; 840 &:hover{ 841 .fullOpacity; 842 } 843 } 844 } 845 } 846 847 #popupSearchButton{ 848 i{ 849 .icon-inverted; 850 } 851 border: 1px solid @headerColor; 852 border-radius: 2px !important; 853 margin-left: 8px; 854 padding: 4px 11px; 855 background: @headerColor; 856 .dullOpacity; 857 cursor: pointer; 858 &:hover{ 859 .fullOpacity; 860 } 861 } 862 863 .notificationMessageHolder{ 864 line-height: 14px; 865 text-align: center; 866 } 867 868 .quickActions{ 869 margin-top: 4px !important; 870 .commonActionsButtonContainer .btn-group{ 871 .dullOpacity; 872 &:hover{ 873 .fullOpacity; 874 } 875 } 876 } 877 878 .adv-search a { 879 display: inline-block; 880 line-height: 26px; 881 margin-left: 7px; 882 cursor: pointer; 883 .textOverflowEllipsisMixin(135px,ellipsis); 884 .themeLinkColor; 885 } 886 887 /** Global Search **/ 888 889 .globalSearchResults{ 890 .highlightedHeader{ 891 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 892 .textShadow(@headerTextColor,0px,0px,1px,@headerTextShadowColor); 893 } 894 #showFilter{ 895 color : @headerTextColor; 896 } 897 .dropdownStylings; 898 .contents{ 899 height:560px; 900 padding: 2% 3%; 901 ul{ 902 li { 903 a{ 904 &:hover{ 905 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 906 } 907 padding : 1%; 908 } 909 } 910 } 911 } 912 } 913 914 .searchHolder { 915 .globalSearchResults{ 916 position:relative; 917 z-index:10001; 918 } 919 } 920 921 #quickCreateModules{ 922 padding: 8px; 923 width: 450px; 924 .fullOpacity !important; 925 &:hover{ 926 background: none !important; 927 .fullOpacity; 928 } 929 a.quickCreateModule{ 930 &:hover{ 931 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 932 color: @generalLinkColor; 933 text-decoration: none; 934 } 935 } 936 } 937 938 #quickCreateBtn .dropdown-menu > .row-fluid > .span12 > .row-fluid > .span4 { 939 text-align: left; 940 } 941 942 #lastVisitedRecords > .recordNamesList > .row-fluid > .span10 { 943 text-align: left; 944 } 945 946 .actionButtons { 947 text-align: right; 948 width : 98%; 949 } 950 951 .searchTitle{ 952 .gradientBar(@gradient4StrtColor,@gradient4EndColor); 953 height: 30px; 954 } 955 956 #advanceSearch{ 957 float: left; 958 margin-top: -9px; 959 padding-left: 235px; 960 } 961 962 #advanceSearch a{ 963 color : @generalLinkColor; 964 .cursorPointer; 965 } 966 967 .navbar .searchElement .dropdown-menu:after { 968 border-bottom-color: @borderColor; 969 border-bottom-style: solid; 970 border-bottom-width: 6px; 971 content: ""; 972 .displayInlineBlock; 973 left: 80%; 974 position: absolute; 975 top: -6px; 976 } 977 978 .navbar .searchElement .dropdown-menu:before { 979 border-bottom-color: rgba(0, 0, 0, 0.2); 980 border-bottom-style: solid; 981 border-bottom-width: 7px; 982 content: ""; 983 .displayInlineBlock; 984 left: 80%; 985 position: absolute; 986 top: -7px; 987 } 988 989 .searchTitle > .paddingHeader { 990 padding-left : 10px; 991 padding-top : 5px; 992 } 993 994 .quickActions .btn-group button{ 995 height : 30px; 996 padding: 0px; 997 margin-right : 2px; 998 border : none; 999 background-color : none; 1000 } 1001 1002 .lastVisitedLoadImage{ 1003 margin-left : 30%; 1004 } 1005 1006 .quickCreateLoadImage{ 1007 margin-left : 45%; 1008 } 1009 1010 .listViewPageDiv { 1011 margin:0px 10px 0 15px; 1012 } 1013 .listViewTopMenuDiv{ 1014 #customFilter{ 1015 width: 350px !important; 1016 } 1017 } 1018 1019 #selectAllMsgDiv, #deSelectAllMsgDiv{ 1020 .hide; 1021 background-color: @selectAllMsgDivColor; 1022 padding: 0.01%; 1023 .textAlignCenter; 1024 } 1025 1026 #selectAllMsg, #deSelectAllMsg{ 1027 .cursorPointer; 1028 color: @secondaryTextColor; 1029 } 1030 1031 // Table Stylings // 1032 1033 //Table list view column responsiveness// 1034 1035 table tbody tr td a,table thead tr th a, .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{ 1036 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 1037 white-space: -pre-wrap; /* Opera 4-6 */ 1038 white-space: -o-pre-wrap; /* Opera 7 */ 1039 white-space: pre-wrap; /* css-3 */ 1040 word-wrap: break-word; /* Internet Explorer 5.5+ */ 1041 white-space: normal; 1042 vertical-align: middle; 1043 } 1044 1045 .table{ 1046 border-collapse: none !important; 1047 .gradientBar(@tableBackgroundColor,@tableBackgroundColor); 1048 margin-bottom: 0; 1049 td a{ 1050 color: @generalLinkColor; 1051 &:hover{ 1052 color: @themeLinkColor; 1053 } 1054 } 1055 th, td{ 1056 border-top: 1px solid @lightColorBorder; 1057 } 1058 } 1059 1060 .table-bordered{ 1061 border: 1px solid @lightColorBorder !important; 1062 border-radius: 2px; 1063 } 1064 1065 .table-nobordered{ 1066 border : 0px !important; 1067 th,td{ 1068 border : 0px !important; 1069 } 1070 } 1071 1072 /** ListView stylings **/ 1073 1074 .listViewEntriesTable{ 1075 thead th{ 1076 vertical-align: middle; 1077 } 1078 th+td{ 1079 border-left: 0; 1080 padding:6px 5px !important; 1081 } 1082 th+th{ 1083 border-left: 0; 1084 padding:6px 5px !important; 1085 } 1086 td+th{ 1087 border-left: 0; 1088 padding:10px 5px; 1089 } 1090 td+td{ 1091 border-left: 0; 1092 padding:10px 5px; 1093 } 1094 1095 tbody tr:hover td{ 1096 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 1097 .action{ 1098 display: inline; 1099 } 1100 } 1101 tr.listViewEntries{ 1102 td .actions{ 1103 .zeroOpacity; 1104 min-width: 60px; 1105 } 1106 &:hover{ 1107 td .actions{ 1108 .fullOpacity; 1109 } 1110 } 1111 } 1112 } 1113 1114 #accountHierarchyContainer table th, #accountHierarchyContainer table td{ 1115 border-left: 0; 1116 padding:11px 5px; 1117 } 1118 /** ListView stylings **/ 1119 1120 .alphabetSorting { 1121 margin : 4px 0 !important; 1122 height : 19px; 1123 td { 1124 line-height : 18px; 1125 border : 1px solid transparent; 1126 &:hover { 1127 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 1128 //IE 8 Fix 1129 border : 1px solid @grayLight; 1130 border-width: 1px 1px 1px 0; 1131 } 1132 a{ 1133 color: @themeLinkColor; 1134 text-decoration: none; 1135 } 1136 } 1137 td.highlightBackgroundColor { 1138 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 1139 //IE 8 Fix 1140 border : 1px solid @grayLight; 1141 border-width: 1px 1px 1px 0; 1142 } 1143 } 1144 1145 .quickLinksDiv{ 1146 p{ 1147 padding: 5% 0 0 11%; 1148 height: 28px; 1149 cursor: pointer; 1150 margin-bottom: 5px; 1151 } 1152 } 1153 1154 .loadingImg{ 1155 margin-top: 8px; 1156 margin-left: 19px; 1157 margin-bottom: 8px; 1158 } 1159 1160 .loadingWidgetMsg{ 1161 color: gray; 1162 } 1163 1164 .widgetImg{ 1165 margin-left: 35px; 1166 } 1167 1168 .bodyContents{ 1169 .border(2px,@borderColor); 1170 margin-left: 15px; 1171 margin-right: 15px; 1172 .gradientBar(@gradient1StrtColor,@gradient1EndColor); 1173 border-bottom-color: @secondaryBorderColor !important; 1174 min-width: 1100px; 1175 } 1176 1177 .dropdownStyles .title{ 1178 padding-bottom: 5px; 1179 padding-left: 13px; 1180 } 1181 1182 .dropdownStyles hr{ 1183 margin: 0 12px -2px; 1184 border-color: @fc-style5; 1185 } 1186 1187 #lastVisitedRecords li { 1188 padding-left: 8px; 1189 } 1190 1191 #lastVisitedRecords li a { 1192 line-height: 0px; 1193 color: @generalLinkColor; 1194 } 1195 1196 .modelContainer { 1197 min-width:450px; 1198 } 1199 1200 //override bootstrap form 1201 form { 1202 margin:0px; 1203 } 1204 1205 div.blockPage { 1206 border: none !important; 1207 } 1208 1209 .table-bordered thead:first-child tr:first-child th:first-child, 1210 .table-bordered tbody:first-child tr:first-child td:first-child{ 1211 border-radius: 2px !important; 1212 } 1213 1214 .table-bordered thead:first-child tr:first-child th:last-child, 1215 .table-bordered tbody:first-child tr:first-child td:last-child{ 1216 border-radius: 2px !important; 1217 } 1218 1219 .listViewHeaders{ 1220 margin-top: 2px; 1221 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1222 border-radius: 2px; 1223 th, th:hover{ 1224 color: @headerTextColor; 1225 } 1226 } 1227 1228 #customFilter_chzn, .select2-results{ 1229 .filterActionImgs { 1230 padding: 2px 0; 1231 i.filterActionImage{ 1232 //padding: 2px; 1233 .icon-inverted; 1234 } 1235 } 1236 } 1237 1238 .pageNumbers{ 1239 position: relative; 1240 top: 5px; 1241 } 1242 1243 .listViewActionsDiv{ 1244 padding: 5px 0; 1245 .boxSizingBorderBox; 1246 .btn-toolbar{ 1247 margin-top: 4px !important; 1248 margin-bottom: 0px !important; 1249 } 1250 } 1251 1252 .listViewLoadingImage{ 1253 margin-left: 45%; 1254 } 1255 1256 .listViewLoadingMsg{ 1257 color: @borderColor; 1258 .fontBold; 1259 margin-left: 34%; 1260 } 1261 1262 .listViewLoadingImageBlock{ 1263 margin-top: 1%; 1264 .gradientBar(@gradient1StrtColor,@gradient1EndColor); 1265 } 1266 1267 .listViewEntriesDiv, .contents-topscroll{ 1268 margin-top:5px; 1269 overflow-x: auto !important; 1270 } 1271 1272 .modal-backdrop, .modal-backdrop.fade.in { 1273 opacity: 0.2; 1274 } 1275 1276 .recordNamesList > .row-fluid > .span10{ 1277 width: 101%; 1278 } 1279 1280 .recordNamesList > .row-fluid > .span10 >.nav-list > li > a{ 1281 margin-right: 0px; 1282 } 1283 1284 .recordNamesList > .row-fluid > .span10 >.nav-list > li[class="title"]{ 1285 color: @generalLinkColor; 1286 } 1287 1288 .recordNamesList > .row-fluid > .span10 >.nav-list > li > a:hover{ 1289 color: @generalLinkColor; 1290 } 1291 1292 .emptyRecordsDiv{ 1293 border: 1px solid @lightColorBorder; 1294 .fontBold; 1295 width: 100%; 1296 text-align: center; 1297 tbody tr td { 1298 padding: 10em; 1299 a{ 1300 vertical-align: baseline; 1301 } 1302 } 1303 } 1304 1305 .btn-group.open .listViewBasicAction ,.btn-group.open .listViewSetting{ 1306 .floatNone; 1307 left: auto; 1308 right: 0; 1309 } 1310 1311 form#EditView,.profileDetailView { 1312 padding: 0 2%; 1313 table{ 1314 margin-left : 3px; 1315 th,td{ 1316 border-bottom : 1px solid @lightColorBorder!important; 1317 border-top : none !important; 1318 } 1319 tr:last-child{ 1320 td{ 1321 border-bottom: none !important; 1322 } 1323 } 1324 } 1325 td.fieldLabel { 1326 width: 20%; 1327 label{ 1328 font-size: @baseFontSize; 1329 margin-top:5px; 1330 } 1331 } 1332 // Fix for Edit view document Description (Document Editor) 1333 td.fieldValue[colspan="3"]{ 1334 width:80%; 1335 } 1336 td.fieldValue { 1337 width: 30%; 1338 } 1339 th { 1340 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1341 } 1342 td.chznDropDown{ 1343 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1344 color: @generalLinkColor; 1345 .fontBold; 1346 } 1347 } 1348 1349 form#EditView table td.chznDropDown{ 1350 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1351 color: @generalLinkColor; 1352 .fontBold; 1353 } 1354 1355 form#EditView table td.chznDropDown{ 1356 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1357 color: @generalLinkColor; 1358 .fontBold; 1359 } 1360 1361 .contentHeader { 1362 padding: 15px; 1363 padding-left: 5px; 1364 line-height: 20px; 1365 } 1366 1367 .buttonNormal { 1368 .gradientBar(@gradient1EndColor,@gradient1EndColor) 1369 } 1370 1371 .hide{ 1372 display: none; 1373 } 1374 1375 .padding10 { 1376 padding: 10px; 1377 } 1378 1379 .padding20{ 1380 padding: 20px; 1381 } 1382 1383 .listViewEntries{ 1384 .cursorPointer; 1385 } 1386 1387 .alignMiddle{ 1388 vertical-align: middle !important; 1389 } 1390 1391 .actionImagesAlignment{ 1392 margin-right:3px; 1393 } 1394 1395 .alignBottom { 1396 vertical-align: bottom; 1397 } 1398 1399 .alignTop{ 1400 vertical-align: top; 1401 } 1402 1403 .cursorPointer { 1404 cursor: pointer; 1405 } 1406 .dropdown-menu li:hover, 1407 .dropdown-menu li a:hover, 1408 .dropdown-menu li.active > a, 1409 .dropdown-menu li.active > a:hover, 1410 #widthType li:hover{ 1411 color: @generalLinkColor; 1412 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 1413 } 1414 1415 .filterActions{ 1416 line-height: 80%; 1417 list-style: none outside none; 1418 margin-left: 10px; 1419 padding: 7px 7px 8px; 1420 cursor: pointer; 1421 margin-left: -3px; 1422 li{ 1423 padding: 3px 3px 3px 20px; 1424 &:hover{ 1425 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 1426 } 1427 } 1428 } 1429 1430 .chzn-container.chzn-container-single{ 1431 font-size: 12px !important; 1432 vertical-align: middle; 1433 .chzn-results .highlighted { 1434 color: @generalLinkColor; 1435 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 1436 } 1437 } 1438 1439 /* Footer */ 1440 .vtFooter { 1441 .gradientBar(@gradient4StrtColor,@gradient4EndColor); 1442 text-align: center; 1443 p{ 1444 border-top: 1px solid @lightColorBorder; 1445 padding: 1px 0; 1446 font-size: 0.9em; 1447 margin-bottom:0; 1448 a { 1449 color: @themeLinkColor; 1450 } 1451 } 1452 } 1453 /* Footer */ 1454 1455 /* Detail View */ 1456 .detailViewContainer{ 1457 .detailViewTitle{ 1458 max-height: 50px; 1459 padding:0px 10px 0px 10px; 1460 width: 98%; 1461 margin-bottom: 0.7em; 1462 .detailViewPagingButton{ 1463 margin-top: 0.7em; 1464 } 1465 .recordLabel { 1466 width: 100%; 1467 } 1468 } 1469 } 1470 1471 .detailViewInfo .details{ 1472 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 1473 border: 1px solid @lightColorBorder; 1474 border-left: 0; 1475 min-height:650px; 1476 .boxSizingBorderBox; 1477 .contents{ 1478 padding : 1.5%; 1479 .gradientBar(@containerColor1,@containerColor2); 1480 .fieldLabel label { 1481 font-size:@baseFontSize; 1482 } 1483 } 1484 } 1485 1486 #detailView { 1487 margin : 0px; 1488 .summaryView{ 1489 p{ 1490 margin-bottom : 0 !important; 1491 } 1492 } 1493 .table tbody tr:hover, 1494 .table tbody tr:hover{ 1495 &:hover{ 1496 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 1497 .cursorPointer; 1498 } 1499 } 1500 } 1501 1502 .widgetContainer > div{ 1503 padding-top:5px; 1504 border-top:1px double @lightColorBorder; 1505 } 1506 1507 //To remove border-right for related list of campaigns and line items heading 1508 .relatedContents table.listViewEntriesTable tr.listViewEntries td:nth-child(2), #lineItemTab.table tr td:nth-child(2){ 1509 border-right: 0 !important; 1510 } 1511 // 1512 1513 //Related tabs in detail view 1514 .related{ 1515 min-width: 16.5%; /*before element is a span10 element */ 1516 float:left; 1517 &:focus{ 1518 outline: none; 1519 } 1520 .nav{ 1521 li{ 1522 margin-left: -1px; 1523 opacity:0.5; 1524 .cursorPointer; 1525 &:hover{ 1526 opacity:1; 1527 } 1528 a{ 1529 border: 1px solid @lightColorBorder; 1530 border-left: 0; 1531 margin: 0 0 1px 0; 1532 border-radius : 0 2px 2px 0; 1533 color: @relatedListText !important; 1534 &:hover{ 1535 background-color: @gradient8StrtColor; 1536 } 1537 } 1538 } 1539 li.active { 1540 opacity:1; 1541 a{ 1542 border-color: @lightColorBorder !important; 1543 .gradientBar(@containerColor1,@containerColor2); 1544 color: @generalLinkColor; 1545 } 1546 } 1547 } 1548 } 1549 1550 .relatedContents { 1551 overflow-x:auto !important; 1552 } 1553 1554 //Related tabs in detail view Ends Here 1555 1556 /* Detail View */ 1557 1558 /* CustomFilter View */ 1559 #CustomView{ 1560 max-width : 96.5%; 1561 } 1562 1563 .filterHeaders{ 1564 line-height: 40px; 1565 } 1566 1567 .standardFilterDiv{ 1568 width: 1000px; 1569 } 1570 1571 .filterConditionsDiv{ 1572 background: none; 1573 } 1574 1575 .advanceFilterCondition{ 1576 background-color: @lightColorBorder; 1577 .border(2px,@darkColorBorder); 1578 border-radius: 0; 1579 padding: 12px 0 0 0; 1580 } 1581 1582 .standardFilterDiv .standardFilterChosenSelect{ 1583 width : 200px !important; 1584 } 1585 1586 .columnsSelectDiv .columnsSelect{ 1587 width : 100% !important; 1588 } 1589 1590 .horizontalDivider{ 1591 border-color: @lightColorBorder; 1592 } 1593 1594 /* CustomFilter View */ 1595 1596 .popupBackgroundColor{ 1597 .gradientBar(@gradient4StrtColor,@gradient4EndColor); 1598 } 1599 1600 .popupContainer{ 1601 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 1602 padding-top: 10px; 1603 } 1604 1605 .popupSearchContainer { 1606 text-align: center; 1607 } 1608 1609 .popupPaging { 1610 margin-bottom: 0px; 1611 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 1612 min-height : 3.5em; 1613 .paddingLeftRight10px; 1614 } 1615 1616 .popupEntriesDiv{ 1617 .paddingLeftRight10px; 1618 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 1619 } 1620 1621 .popupTable{ 1622 margin-left: 0 !important; 1623 margin-bottom: 0 !important; 1624 th { 1625 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1626 .textShadow(@headerTextColor,0,0,1px,@headerTextShadowColor); 1627 } 1628 td{ 1629 padding-left: 4%; 1630 padding-right: 4%; 1631 } 1632 } 1633 1634 .height20{ 1635 height: 20px; 1636 } 1637 1638 // Title Bar 1639 .titleBar { 1640 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 1641 padding: 5px; 1642 } 1643 1644 // Summary ListView 1645 .summaryListView { 1646 background: transparent; 1647 .item { 1648 border-bottom: 1px solid @lightColorBorder; 1649 padding: 5px; 1650 } 1651 } 1652 1653 //Mass Actions 1654 #massActionDiv{ 1655 margin-left: -34%; 1656 width: 73%; 1657 .gradientBar(@gradient1EndColor,@gradient1StrtColor); 1658 border: 7px solid @grayLighter; 1659 border-radius: 0 0 0 0; 1660 height : 500px; 1661 } 1662 1663 .massEditTabs{ 1664 margin-left: 2%; 1665 border-bottom: none; 1666 margin-bottom: -1px; 1667 padding-bottom: 1px; 1668 li{ 1669 .gradientBar(@gradient1EndColor,@gradient1EndColor); 1670 border: 1px solid @lightColorBorder; 1671 border-bottom: 0; 1672 border-radius: 2px 2px 0 0; 1673 margin-right: 3px; 1674 &:hover { 1675 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1676 } 1677 a{ 1678 border: none; 1679 color : @tabTextColor; 1680 &:hover { 1681 color : @tabTextColorHover; 1682 background: none; 1683 border: none; 1684 } 1685 } 1686 } 1687 li.active{ 1688 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 1689 a{ 1690 color : @tabTextColorHover; 1691 background: none; 1692 border: none; 1693 &:hover { 1694 background: none; 1695 border: none; 1696 color : @tabTextColorHover; 1697 } 1698 } 1699 } 1700 } 1701 1702 .massEditContent{ 1703 overflow: visible !important; 1704 } 1705 1706 .massEditTable{ 1707 .gradientBar(@gradient1EndColor,@gradient1EndColor); 1708 border-radius: 2px; 1709 .border(1px, @lightColorBorder); 1710 border-top: 3px solid @headerColor !important; 1711 z-index : 100; 1712 td{ 1713 border-left: none !important; 1714 font-size: 12px; 1715 input#imagename{ 1716 height : 25px; 1717 } 1718 input[type=image]{ 1719 height : 21px; 1720 } 1721 } 1722 td.fieldLabel{ 1723 text-align: right; 1724 label{ 1725 font-size: @baseFontSize; 1726 margin-top:5px; 1727 } 1728 } 1729 } 1730 1731 .massEditFooter,.commentFooter{ 1732 input{ 1733 border: 1px solid @lightColorBorder; 1734 border-radius: 0px; 1735 box-shadow: 0 0 2px @boxShadowColor; 1736 } 1737 } 1738 1739 // TreeView 1740 .treeView { 1741 ul { 1742 list-style-type: circle; 1743 li { 1744 margin: 5px 0; 1745 } 1746 } 1747 } 1748 1749 // Global Modal 1750 #globalmodal { 1751 .hide; 1752 width: auto; 1753 height: auto; 1754 } 1755 1756 // Slider control 1757 .mini-slider-control { 1758 width: 50px; 1759 } 1760 1761 .mini-slider-control + div { 1762 margin-left: 15px; 1763 } 1764 1765 .mini-slider-control .ui-slider-handle { 1766 top: -0.2em; 1767 height: 1.0em; 1768 width: 1.0em; 1769 border-radius: 10px; 1770 } 1771 1772 .mini-slider-control[data-value="0"] .ui-slider-handle { 1773 background: gray; 1774 background-image : url('../images/black.png'); 1775 } 1776 1777 .mini-slider-control[data-value="1"] .ui-slider-handle { 1778 background: orange; 1779 background-image : url('../images/yellow.png'); 1780 } 1781 1782 .mini-slider-control[data-value="2"] .ui-slider-handle { 1783 background: green; 1784 background-image : url('../images/green.png'); 1785 } 1786 1787 .paddingLeft20{ 1788 padding-left: 20px !important; 1789 } 1790 1791 .paddingTop10{ 1792 padding-top: 10px; 1793 } 1794 1795 .paddingTop20{ 1796 padding-top: 20px; 1797 } 1798 1799 // Settings > Groups // 1800 1801 #s2id_memberList, .groupMembersColors{ 1802 .Users{ 1803 background-color : @users !important; 1804 .backgroundImageNone; 1805 } 1806 .Groups { 1807 background-color : @groups !important; 1808 .backgroundImageNone; 1809 } 1810 .Roles{ 1811 background-color : @roles !important; 1812 .backgroundImageNone; 1813 } 1814 .RoleAndSubordinates{ 1815 background-color : @rolesAndSubordinates !important; 1816 .backgroundImageNone; 1817 } 1818 } 1819 1820 //Spacing between Summary widgets 1821 .widget_contents{ 1822 margin-top: 5px; 1823 } 1824 // Comments block 1825 .commentContainer{ 1826 padding: 10px 10px 10px 20px ; 1827 border-radius: 2px; 1828 hr{ 1829 margin: 0 !important; 1830 } 1831 .addCommentBlock .commentsControls{ 1832 display: inline-block; 1833 } 1834 .commentsList > .liStyleNone > .commentDetails{ 1835 .commentDiv{ 1836 width:100%; 1837 } 1838 } 1839 .commentDetails{ 1840 background:@bodyColor; 1841 border: 1px solid #ccc; 1842 margin-bottom: 5px; 1843 border-radius: 2px; 1844 padding: 10px 10px 5px; 1845 display: inline-block; 1846 min-width: 400px; 1847 .boxSizingBorderBox; 1848 .commentDiv{ 1849 width: 380px; 1850 } 1851 1852 } 1853 .commentorInfo{ 1854 p{ 1855 margin-bottom: 0; 1856 } 1857 .commentorName{ 1858 color: @generalLinkColor; 1859 &:hover{ 1860 color: @linkColorHover; 1861 } 1862 } 1863 } 1864 .addCommentBlock { 1865 .gradientBar(@bodyColor,@bodyColor); 1866 border: 1px solid @lightColorBorder; 1867 padding: 12px 12px 5px; 1868 min-height: 115px; 1869 margin-top: 15px; 1870 display: block; 1871 .commentcontent{ 1872 box-shadow: inset 0px 0px 8px -5px @boxShadowColor !important; 1873 padding : 8px !important; 1874 .boxSizingBorderBox; 1875 width: 100%; 1876 resize: none; 1877 } 1878 } 1879 .commentInfoContent{ 1880 padding: 1px 0; 1881 word-wrap : break-word; 1882 } 1883 } 1884 1885 .commentTitle { 1886 .span1 { 1887 .boxSizingBorderBox; 1888 img{ 1889 min-width:32px; 1890 min-height:32px; 1891 } 1892 } 1893 } 1894 1895 .commentsList > ul{ 1896 margin-left: 0; 1897 } 1898 .singleComment{ 1899 .editedStatus{ 1900 .boxSizingBorderBox; 1901 padding: 5px 0 5px 32px; 1902 p{ 1903 margin-bottom: 0; 1904 } 1905 } 1906 .commentActionsDiv{ 1907 display: none; 1908 p{ 1909 margin-bottom: 0; 1910 } 1911 } 1912 &:hover{ 1913 .commentActionsDiv{ 1914 display: block; 1915 margin-bottom: 3px; 1916 } 1917 } 1918 } 1919 1920 1921 // Recent Comments block 1922 .recentComments{ 1923 margin: 0; 1924 padding: 0; 1925 .boxSizingBorderBox; 1926 .commentDiv{ 1927 min-width: 100%; 1928 } 1929 .addCommentBlock{ 1930 background: none; 1931 border: 0; 1932 display: block; 1933 } 1934 .commentDetails{ 1935 display: block; 1936 } 1937 } 1938 1939 .singleComment:hover .commentActions .replyComment{ 1940 .displayInlineBlock; 1941 } 1942 1943 .commentActionsContainer{ 1944 a{ 1945 &:hover{ 1946 text-decoration : none; 1947 } 1948 } 1949 .editStatus{ 1950 padding:5px 2px; 1951 .boxSizingBorderBox; 1952 p{ 1953 margin-bottom: 0; 1954 } 1955 } 1956 } 1957 // Settings > Studio > Edit Fields // 1958 .createFieldModal{ 1959 border-radius: 2px; 1960 } 1961 1962 .layoutContent{ 1963 border-top: 3px solid @headerColor !important; 1964 } 1965 1966 //Recent Activities 1967 .recentActivitiesContainer{ 1968 .unstyled{ 1969 li { 1970 margin-top: 10px; 1971 div { 1972 margin-left: 5px; 1973 } 1974 } 1975 } 1976 .updateInfoContainer{ 1977 word-wrap : break-word; 1978 } 1979 } 1980 1981 .rightAlignedCalendar{ 1982 z-index : 10000; 1983 &:before,&:after{ 1984 right : 15% !important; 1985 left : auto !important; 1986 } 1987 .gradientBar(@gradient7StrtColor,@gradient4EndColor); 1988 box-shadow : 1px 0px 7px @boxShadowColor; 1989 margin-top : 7px !important; 1990 } 1991 1992 //Send Email 1993 .SendEmailFormStep1{ 1994 padding : 10px 10px 17px; 1995 } 1996 1997 .SendEmailFormStep2{ 1998 padding : 0% 2%; 1999 line-height : 18px; 2000 .contentsBackground(); 2001 } 2002 2003 .emailTemplatesContainer{ 2004 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 2005 } 2006 2007 .sendEmailBlock{ 2008 left: 25% !important; 2009 top: 6% !important; 2010 min-width: 50%; 2011 } 2012 2013 /** Advance Search **/ 2014 2015 form[name="advanceFilterForm"]{ 2016 padding: 0 20px; 2017 } 2018 2019 #advanceSearchContainer { 2020 background-color : @white; 2021 position: relative; 2022 left: -150px; 2023 top: 3px; 2024 .filterContainer{ 2025 padding: 0 20px; 2026 } 2027 } 2028 2029 .filterHolder { 2030 #advanceSearchContainer { 2031 position: relative; 2032 left: 1px; 2033 top: 0; 2034 border-left: 1px solid @lightColorBorder !important; 2035 z-index:10001; 2036 } 2037 } 2038 2039 //Export 2040 #exportForm{ 2041 h4{ 2042 margin-top : 2%; 2043 } 2044 .exportContents{ 2045 .border(2px); 2046 margin-top: 2%; 2047 background-color: @lightColorBorder; 2048 } 2049 } 2050 2051 //Import 2052 .searchUIBasic{ 2053 border-collapse: separate !important; 2054 border-spacing: 10px !important; 2055 margin: 0 10%; 2056 .importContents{ 2057 border-radius : 2px !important; 2058 .border(1px); 2059 background-color: @white; 2060 padding: 15px; 2061 } 2062 .listRow{ 2063 .listViewHeaders > td{ 2064 color: @generalLinkColor; 2065 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 2066 } 2067 .defaultInputTextContainer{ 2068 max-width: 87% !important; 2069 margin-bottom : 0 !important; 2070 } 2071 } 2072 .ImportResultsList{ 2073 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 2074 } 2075 } 2076 2077 //Line Items 2078 // fix for line item taxmode, currency background header block 2079 #lineItemTab.table{ 2080 tr:first-child{ 2081 &:hover th~td{ 2082 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 2083 } 2084 } 2085 tr:nth-child(2){ 2086 &:hover td{ 2087 background : none; 2088 } 2089 } 2090 2091 } 2092 2093 .lineItemTable tr:hover td { 2094 width: 0%; 2095 div.finalDiscountUI table tr td { 2096 background: none !important; 2097 } 2098 div.discountUI table tr td{ 2099 background: none !important; 2100 } 2101 div#shipping_handling_div table tr td{ 2102 background: none !important; 2103 } 2104 span.taxDivContainer div table tr td{ 2105 background: none !important; 2106 } 2107 div.finalTaxUI table tr td{ 2108 background: none !important; 2109 } 2110 } 2111 2112 // Fix complete 2113 2114 .lineItemResult{ 2115 width: 70.5% !important; 2116 a:hover{ 2117 color: @themeLinkColor; 2118 } 2119 } 2120 2121 .lineItemInputBox{ 2122 width: 45%; 2123 float: right; 2124 text-align: right; 2125 } 2126 2127 .smallInputBox{ 2128 width: 45%; 2129 height: 12px; 2130 } 2131 2132 .lineItemCommentBox{ 2133 width: 70%; 2134 height: 40px; 2135 } 2136 2137 .inventoryLineItemHeader{ 2138 float:left; 2139 margin: 7px; 2140 .textShadow(@headerTextColor,0,0,1px,@headerTextShadowColor); 2141 } 2142 2143 //Clean up the below css 2144 .discountUI, .taxUI, .finalDiscountUI , .finalTaxUI, #shipping_handling_div{ 2145 position: absolute; 2146 left: 65.8%; 2147 width: 27%; 2148 z-index: 500; 2149 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 2150 box-shadow : 1px 0px 7px @lightColorBorder; 2151 background-color : @gradient7StrtColor; 2152 border-radius : 6px; 2153 .table tbody tr:first-child th:first-child{ 2154 border-radius : 4px 0 0 0 !important; 2155 } 2156 .table tbody tr:first-child th:last-child{ 2157 border-radius : 0 4px 0 0 !important; 2158 } 2159 } 2160 .LineItemDirectPriceReduction{ 2161 width: 65% !important; 2162 } 2163 .selectedQuickLink{ 2164 background-color : @headerColor; 2165 background-repeat: repeat-x; 2166 background-size: 100% 100%; 2167 a{ 2168 color: @headerTextColor; 2169 font-size: 15px; 2170 &:hover{ 2171 text-decoration: none; 2172 } 2173 } 2174 } 2175 2176 .unSelectedQuickLink{ 2177 a{ 2178 .textShadow(@textColor,1px,-1px,1px,@textShadowColor); 2179 font-size: 15px; 2180 margin-top: 12%; 2181 &:hover{ 2182 text-decoration: none; 2183 } 2184 } 2185 &:hover{ 2186 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 2187 } 2188 } 2189 2190 .cursorDefault{ 2191 cursor: default; 2192 } 2193 2194 .btn{ 2195 background-color: none ; 2196 background-image: none; 2197 border-radius: 0 !important; 2198 &:focus{ 2199 outline: 0; 2200 } 2201 } 2202 2203 .addButton{ 2204 .gradientBar(@addButton,@addButton); 2205 color: @headerTextColor; 2206 text-shadow: none; 2207 border-radius: 0 !important; 2208 &:hover{ 2209 border-radius: 0 !important; 2210 box-shadow: 0 0 1px @boxShadowColor !important; 2211 background-position: 0 0; 2212 color: @headerTextColor; 2213 .gradientBar(@addButton,@addButton); 2214 } 2215 .caret{ 2216 border-top-color: @textShadowColor; 2217 } 2218 i{ 2219 .icon-inverted; 2220 } 2221 i.caret{ 2222 background-size:0; 2223 } 2224 } 2225 2226 .saveButton{ 2227 .gradientBar(@saveButton,@saveButton); 2228 .textShadow(@textShadowColor,0px,0px,2px,@textColor); 2229 .marginRight5px; 2230 &:hover{ 2231 box-shadow: 0 0 1px @boxShadowColor !important; 2232 border: solid 0 0 0px @basicButtonBorderColorOnHover; 2233 } 2234 } 2235 2236 .cancelLink{ 2237 .cursorPointer; 2238 color: @deleteButton; 2239 margin: 6px 0 6px 8px; 2240 font-size : @baseFontSize !important; 2241 2242 &:hover{ 2243 color: @deleteButton !important; 2244 } 2245 } 2246 2247 .importMore{ 2248 .gradientBar(@addButton,@addButton); 2249 .textShadow(@textColor,1px,1px,1px,@textShadowColor); 2250 &:hover{ 2251 box-shadow: 1px 1px 3px @boxShadowColor !important; 2252 border-style: solid; 2253 border-color: @darkColorBorder !important; 2254 } 2255 } 2256 2257 .lastImport{ 2258 .gradientBar(@importLastImportedRecords,@importLastImportedRecords); 2259 .textShadow(@textColor,1px,1px,1px,@textShadowColor); 2260 &:hover{ 2261 box-shadow: 1px 1px 3px @boxShadowColor !important; 2262 border-style: solid; 2263 border-color: @darkColorBorder !important; 2264 } 2265 } 2266 2267 .undoImport{ 2268 .gradientBar(@importUndoLastImport,@importUndoLastImport); 2269 .textShadow(@textColor,1px,1px,1px,@textShadowColor); 2270 &:hover{ 2271 box-shadow: 1px 1px 3px @boxShadowColor !important; 2272 border-style: solid; 2273 border-color: @darkColorBorder !important; 2274 } 2275 } 2276 2277 .close{ 2278 border : none; 2279 background: none repeat scroll 0 0 transparent; 2280 border: 0 none; 2281 cursor: pointer; 2282 } 2283 2284 #massEdit .cancelLinkContainer{ 2285 padding: 5px 0; 2286 margin-left: 0.5em; 2287 } 2288 2289 #composeEmailContainer{ 2290 .modal-header{ 2291 border-bottom: none !important; 2292 } 2293 .MultiFile-wrap{ 2294 float: left; 2295 } 2296 } 2297 2298 //Reports 2299 .reportContents{ 2300 margin-left : 1%; 2301 .reportHeader{ 2302 margin-top : 1%; 2303 } 2304 .calculationHeaders { 2305 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 2306 } 2307 #report_step2{ 2308 .block{ 2309 margin-bottom : 2%; 2310 .row{ 2311 margin-bottom : 1%; 2312 } 2313 } 2314 } 2315 } 2316 2317 .detailViewHeaders { 2318 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 2319 } 2320 2321 // BreadCrumbs Css 2322 #reportBreadCrumbs { 2323 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 2324 border-radius: 3px 3px 3px 3px; 2325 font-size: 14px; 2326 margin: 2% 0 1% 1%; 2327 padding: 7px 22px; 2328 border : 0; 2329 li { 2330 .displayInlineBlock; 2331 .textShadow(@headerTextColor,0px,0px,1px,@headerTextShadowColor); 2332 } 2333 .divider { 2334 color: @headerTextColor; 2335 padding: 0 5px; 2336 text-shadow : none; 2337 } 2338 .active { 2339 .textShadow(@headerTextColor,0px,0px,1px,@headerTextShadowColor); 2340 .fontBold; 2341 } 2342 } 2343 2344 .textOverflowEllipsis{ 2345 .textOverflowEllipsisMixin(9em,ellipsis); 2346 } 2347 2348 .widgetTextOverflowEllipsis{ 2349 .textOverflowEllipsisMixin(86%,ellipsis); 2350 } 2351 2352 #detailView,#EditView{ 2353 .table{ 2354 .gradientBar(@tableBackgroundColor,@tableBackgroundColor); 2355 .boxSizingBorderBox; 2356 th,td{ 2357 border-bottom : 1px solid @lightColorBorder!important; 2358 border-left : none !important; 2359 border-top : none !important; 2360 } 2361 td{ 2362 &.fieldValue{ 2363 textarea{ 2364 .boxSizingBorderBox; 2365 width:100%; 2366 } 2367 } 2368 &:last-child{ 2369 border-right: none !important; 2370 } 2371 } 2372 tr:last-child{ 2373 td{ 2374 border-bottom: none !important; 2375 } 2376 } 2377 } 2378 select[name*="time_zone"]{ 2379 width: 350px !important; 2380 } 2381 } 2382 2383 //jqplot style 2384 .jqplot-point-label { 2385 font-size: inherit; 2386 } 2387 2388 //Dashboard style 2389 .gridster ul li { 2390 list-style:none outside none; 2391 border-radius: 1px; 2392 .gradientBar(@gradient6StrtColor,@gradient6EndColor); 2393 position: absolute; 2394 border: 2px solid @gradient14EndColor; 2395 overflow-y : hidden; 2396 &[data-sizey="1"] 2397 .dashboardWidgetContent{ 2398 height : 268px; 2399 padding: 10px; 2400 div table tr{ 2401 border-bottom:1px solid @lightColorBorder; 2402 } 2403 } 2404 .dashboardWidgetHeader{ 2405 .gradientBar(@gradient14StrtColor,@gradient14EndColor); 2406 padding: 2px 5px; 2407 cursor: move; 2408 th, .dashboardTitle{ 2409 color: @headerTextColor; 2410 } 2411 select#historyType{ 2412 width:100px; 2413 margin-bottom:0px; 2414 } 2415 td.refresh{ 2416 span{ 2417 position:relative; 2418 } 2419 } 2420 } 2421 2422 .widgeticons { 2423 height:30px; 2424 margin-right:30px; 2425 visibility: hidden; 2426 a { 2427 cursor: pointer; 2428 text-decoration: none; 2429 i{ 2430 .icon-inverted; 2431 } 2432 } 2433 } 2434 .dashboardTitle { 2435 float: left; 2436 } 2437 .filterContainer{ 2438 background-color : @gradient4StrtColor; 2439 position : absolute; 2440 .border(2px,@lightColorBorder); 2441 margin-left: -7px; 2442 margin-right : 3px; 2443 margin-top : 4px; 2444 padding: 8px 0; 2445 border-radius: 0 0 10px 10px; 2446 box-shadow: 0 5px 8px -5px @boxShadowColor; 2447 div{ 2448 span{ 2449 margin-top: 6px; 2450 2451 } 2452 } 2453 } 2454 .widgetChartContainer{ 2455 margin-left:10px; 2456 } 2457 } 2458 2459 .dashboardHeader{ 2460 .paddingTop20; 2461 .paddingRight100; 2462 .dropdown-menu{ 2463 min-width:100%; 2464 text-align: left; 2465 } 2466 } 2467 2468 #defaultValuesElementsContainer{ 2469 visibility: hidden; 2470 height: 0px; 2471 } 2472 2473 .opertaionNotPermitted{ 2474 border: 3px solid rgb(153, 153, 153); 2475 background-color: rgb(255, 255, 255); 2476 width: 55%; 2477 position: relative; 2478 z-index: 100000020; 2479 .genHeader{ 2480 border-bottom: 1px solid rgb(204, 204, 204); 2481 nowrap: nowrap; 2482 width:70%; 2483 } 2484 } 2485 2486 div#chart2{ 2487 height:300px; 2488 width:500px; 2489 } 2490 2491 //Convert lead 2492 .convertLeadError{ 2493 border: 3px solid rgb(153, 153, 153); 2494 background-color: rgb(255, 255, 255); 2495 width: 55%; 2496 position: relative; 2497 z-index: 10000000; 2498 table td{ 2499 border-bottom: 1px solid rgb(204, 204, 204); 2500 nowrap:nowrap; 2501 width:70%; 2502 } 2503 } 2504 2505 //Report stylings 2506 .printReport{ 2507 width:100%; 2508 border:1px solid @black; 2509 border-collapse:collapse; 2510 } 2511 2512 .printReport tr td{ 2513 border:1px dotted @black; 2514 text-align:left; 2515 } 2516 2517 .printReport tr th{ 2518 border-bottom:2px solid @darkColorBorder; 2519 border-left:1px solid @darkColorBorder; 2520 border-top:1px solid @darkColorBorder; 2521 border-right:1px solid @darkColorBorder; 2522 } 2523 2524 .printReportContainer{ 2525 tr td{ 2526 border:0px solid @darkColorBorder; 2527 h3{ 2528 color: @generalLinkColor; 2529 } 2530 } 2531 } 2532 2533 .mainContainer{ 2534 margin-top: 69px; 2535 & > .span2.row-fluid{// side Bar stylings. 2536 min-height:635px; 2537 background: @containerColor1; 2538 padding-top: 15px; 2539 } 2540 .hero-unit{ 2541 height:500px; 2542 } 2543 .contentsDiv { 2544 min-height:635px; 2545 border-left: 1px solid @lightColorBorder; 2546 padding-top: 3px; 2547 background-color:@white; 2548 position: relative; 2549 } 2550 } 2551 2552 //Calendar view style 2553 .fc-header-title h2 { 2554 font-size: 18px; 2555 } 2556 2557 .fc-button-inner { 2558 border: 0 !important; 2559 } 2560 2561 .fc-button-effect { 2562 display: none; 2563 } 2564 2565 .multiCurrencyEditUI{ 2566 .border(@borderColor, @lightColorBorder); 2567 background-color : @gradient7StrtColor; 2568 border-radius : 6px; 2569 table{ 2570 margin: 0% !important; 2571 td{ 2572 text-align : center; 2573 vertical-align : middle !important; 2574 width : auto; 2575 } 2576 } 2577 .detailedViewHeader{ 2578 td{ 2579 background-color: @gradient4StrtColor !important; 2580 } 2581 } 2582 } 2583 .fc-event{ 2584 min-height: 14px !important; 2585 } 2586 .fc-event-style1,.fc-event-style1 .fc-event-skin { background: @fc-style1; border-color: @fc-style1; font-weight: normal; text-shadow: none; } 2587 .fc-event-style2,.fc-event-style2 .fc-event-skin { background: @fc-style2; border-color: @fc-style2; font-weight: normal; text-shadow: none; } 2588 .fc-event-style3,.fc-event-style3 .fc-event-skin { background: @fc-style3; border-color: @fc-style3; font-weight: normal; text-shadow: none; } 2589 .fc-event-style4,.fc-event-style4 .fc-event-skin { background: @fc-style4; border-color: @fc-style4; font-weight: normal; text-shadow: none; } 2590 .fc-event-style5,.fc-event-style5 .fc-event-skin { background: @fc-style5; border-color: @fc-style5; font-weight: normal; text-shadow: none; } 2591 .fc-event-style6,.fc-event-style6 .fc-event-skin { background: @fc-style6; border-color: @fc-style6; font-weight: normal; text-shadow: none; } 2592 .fc-event-style7,.fc-event-style7 .fc-event-skin { background: @fc-style7; border-color: @fc-style7; font-weight: normal; text-shadow: none; } 2593 .fc-event-style8,.fc-event-style8 .fc-event-skin { background: @fc-style8; border-color: @fc-style8; font-weight: normal; text-shadow: none; } 2594 #calendarview th { 2595 color : @black; 2596 } 2597 2598 //Convert Lead 2599 2600 .fieldInfo.in{ 2601 overflow:visible !important; 2602 height: auto !important; 2603 } 2604 2605 .moduleSelection{ 2606 border-radius: 2px 2px 0 0 !important; 2607 border: 1px solid @headerColor !important; 2608 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 2609 color: @headerTextColor; 2610 .fontBold; 2611 } 2612 2613 .convertLeadModules{ 2614 margin-bottom: 2%; 2615 border: 1px none; 2616 } 2617 2618 .moduleBlock{ 2619 border-radius: 0px !important; 2620 } 2621 2622 .overflowVisible{ 2623 overflow:visible !important; 2624 } 2625 2626 //Datetime picker style 2627 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 2628 .ui-timepicker-div dl { text-align: left; } 2629 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 2630 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } 2631 .ui-timepicker-div td { font-size: 90%; } 2632 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 2633 2634 //Time picker styles 2635 .timePicker{ 2636 width: 8.5em !important; 2637 //layout editor drop down should show 2638 z-index: 1029 !important; 2639 } 2640 2641 .datepicker { 2642 //layout editor drop down should show 2643 z-index: 1029 !important; 2644 } 2645 2646 //Color picker styles 2647 .colorpicker { 2648 //color picker should highlight than full calendar view 2649 z-index: 1029 !important; 2650 2651 //color picker input override by bootstrap 2652 input { 2653 width : 30px !important; 2654 } 2655 2656 //color picker input color overriding by editview inputs 2657 input[type="text"], input { 2658 color : #898989 !important; 2659 } 2660 } 2661 2662 //color picker input override by bootstrap 2663 .colorpicker_hex input { 2664 width : 45px !important; 2665 } 2666 2667 //Account Hierarchy 2668 #accountHierarchyContainer .listViewEntries td a{ 2669 color: @generalLinkColor !important; 2670 } 2671 2672 .highlightBackgroundColor td{ 2673 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 2674 } 2675 2676 .logo, .imageContainer { 2677 img { 2678 height:40px; 2679 width: 10em !important; 2680 } 2681 } 2682 2683 //Used for confirmation message box 2684 2685 .messageBox{ 2686 padding: 7%; 2687 max-width: 320px; 2688 } 2689 2690 //Used to remove border-right for my preferences heading 2691 2692 #myPrefHeading{ 2693 border-right: 0 !important; 2694 } 2695 2696 /* My Preferences Header */ 2697 2698 #prefPageHeader{ 2699 .boxSizingBorderBox; 2700 max-height: 70px; 2701 padding: 6px 1.5%; 2702 width: 100%; 2703 margin: 0; 2704 .logo{ 2705 min-width: 57px; 2706 max-width: 57px; 2707 img{ 2708 width: 4em; 2709 height: 4em; 2710 min-width: 57px; 2711 } 2712 } 2713 } 2714 2715 /* Calendar Mass Edit */ 2716 2717 .calendarMassEdit{ 2718 min-width : 400px; 2719 .controlElements{ 2720 min-height: 20px; 2721 padding: 20px; 2722 } 2723 } 2724 2725 /**BootStrap Updated Css (Should be removed once we update bootstrap**/ 2726 2727 .input-prepend.input-append input, 2728 .input-prepend.input-append select, 2729 .input-prepend.input-append .uneditable-input { 2730 -webkit-border-radius: 0; 2731 -moz-border-radius: 0; 2732 border-radius: 0; 2733 } 2734 2735 .input-prepend.input-append .add-on:first-child, 2736 .input-prepend.input-append .btn:first-child { 2737 margin-right: -1px; 2738 -webkit-border-radius: 3px 0 0 3px; 2739 -moz-border-radius: 3px 0 0 3px; 2740 border-radius: 3px 0 0 3px; 2741 } 2742 2743 .input-prepend.input-append .add-on:last-child, 2744 .input-prepend.input-append .btn:last-child { 2745 margin-left: -1px; 2746 -webkit-border-radius: 0 3px 3px 0; 2747 -moz-border-radius: 0 3px 3px 0; 2748 border-radius: 0 3px 3px 0; 2749 } 2750 2751 /* Guider-JS */ 2752 .guider .guider_title { 2753 line-height: 24px; 2754 } 2755 2756 // Feedback UI 2757 .feedback { 2758 z-index: 10002; 2759 } 2760 2761 .feedback .handle { 2762 z-index: 10003; 2763 display: block; 2764 position: fixed; 2765 bottom: 50px; 2766 left: -30px; 2767 bottom: 100px\9; 2768 background: #2C2C2C; 2769 color: white; 2770 padding: 7px 15px; 2771 border:1px solid gray; 2772 text-decoration: none; 2773 outline: none; 2774 // http://scottgale.com/blog/css-vertical-text/2010/03/01/ 2775 -webkit-transform:rotate(270deg); 2776 -moz-transform:rotate(270deg); 2777 -o-transform: rotate(270deg); 2778 -ms-transform: rotate(270deg); 2779 transform: rotate(270deg); 2780 // IE8 Rotate 2781 // http://www.boogdesign.com/examples/transforms/matrix-calculator.html 2782 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')"; 2783 filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand'); 2784 } 2785 2786 .feedback .handle:hover { 2787 text-decoration: none; 2788 } 2789 2790 #popupContents{ 2791 .form-actions{ 2792 margin: 0px !important; 2793 border-top: none !important; 2794 } 2795 } 2796 2797 .summaryImg{ 2798 box-shadow: 0 0 4px @black inset; 2799 border-radius : 2px; 2800 } 2801 2802 .massEditActiveField,.selectedListItem{ 2803 .gradientBar(@gradient2StrtColor,@gradient2EndColor); 2804 } 2805 2806 .ui-pnotify{ 2807 z-index: 10002; 2808 } 2809 2810 .companyLogo { 2811 img { 2812 height: 3em; 2813 width: 12em !important; 2814 } 2815 } 2816 2817 .wide { 2818 padding-top:11px !important; 2819 padding-bottom:11px !important; 2820 } 2821 2822 .medium { 2823 padding-top:6px !important; 2824 padding-bottom:6px !important; 2825 } 2826 2827 .narrow { 2828 padding-top:2px !important; 2829 padding-bottom:2px !important; 2830 } 2831 2832 #widthType{ 2833 min-width: 100px !important; 2834 li i{ 2835 margin-left: 7px; 2836 } 2837 } 2838 2839 //Summary view of contacts,leads,accounts 2840 2841 .recordDetails, .summaryWidgetContainer{ 2842 background-color: @summaryWidgetColor; 2843 padding: 15px; 2844 border: 1px solid @summaryWidgetBorderColor; 2845 margin-bottom: 20px; 2846 .summaryViewEntries td{ 2847 vertical-align: top; 2848 } 2849 } 2850 2851 /*opacity applied for summary view edit, comment actions, activity widget edit*/ 2852 .summaryViewEntries .summaryViewEdit, .activityStatus .editStatus, .addedCalendars .actionImage{ 2853 .zeroOpacity; 2854 } 2855 2856 .summaryViewEntries:hover .fieldValue .summaryViewEdit, .activityStatus:hover .editStatus, .addedCalendars:hover .actionImage{ 2857 .fullOpacity; 2858 } 2859 2860 .summary-table{ 2861 width: 100%; 2862 background-color: @summaryWidgetColor; 2863 } 2864 2865 .recordDetails hr{ 2866 margin : 5px 0 10px 0 !important; 2867 } 2868 2869 .activityEntries{ 2870 padding: 6px 0; 2871 hr{ 2872 margin : 5px 0 10px 0 !important; 2873 } 2874 } 2875 2876 .summaryWidgetContainer{ 2877 .widget_header{ 2878 padding-bottom: 10px; 2879 border-bottom: 1px solid @lightColorBorder; 2880 h3{ 2881 color: @themeLinkColor; 2882 font-weight: normal; 2883 } 2884 } 2885 } 2886 2887 //Calendar Settings 2888 2889 .calendarSettingsContainer{ 2890 width : 700px; 2891 .control-label{ 2892 width : 26%; 2893 } 2894 } 2895 2896 //Edit view text color should be same for all fields 2897 2898 input[type="text"], input, textarea{ 2899 color: #444444 !important; 2900 font-family: 'Open Sans',@baseFontFamily !important; 2901 } 2902 2903 #listViewPageJumpDropDown, #relatedListPageJumpDropDown{ 2904 .padding5per; 2905 .listViewPagingInput { 2906 height : 12px; 2907 width : 75%; 2908 margin : 0px 5px 0px 5px; 2909 } 2910 } 2911 2912 .emailPreview{ 2913 padding : 20px 0px 15px 0px; 2914 background-color: @white; 2915 .mailInfo{ 2916 color : @grayLight; 2917 .textShadow(@grayLight,0px,0px,1px,@grayLight); 2918 } 2919 .well{ 2920 background-color : none !important; 2921 } 2922 hr{ 2923 border-bottom: 1px solid @summaryWidgetBorderColor; 2924 margin : 5px 0 10px 0 !important; 2925 } 2926 } 2927 2928 .emailPreviewHeader{ 2929 h3{ 2930 color : @white; 2931 } 2932 } 2933 2934 //tagCloud 2935 2936 .tagCloudContainer{ 2937 .deleteTag{ 2938 opacity : 0; 2939 } 2940 .tag:hover .deleteTag { 2941 opacity : 1; 2942 } 2943 } 2944 2945 #tagCloud { 2946 word-wrap: break-word; 2947 } 2948 2949 .relatedPopup { 2950 border-radius : 0px !important; 2951 } 2952 2953 .horizontalLeftSpacingForSummaryWidgetContents{ 2954 margin-left: 1.8em !important; 2955 } 2956 2957 .bootbox { 2958 z-index : 1000003; 2959 } 2960 2961 .modal-backdrop { 2962 z-index : 1000002; 2963 } 2964 2965 .vtReminder-icon { 2966 background: url('../images/Events.png') no-repeat right center 2967 } 2968 2969 // Settings page Css 2970 2971 .settingsIndexPage{ 2972 .moduleBlock{ 2973 border: 1px solid @lightColorBorder; 2974 min-height: 54px; 2975 &:hover{ 2976 .unpin{ 2977 opacity : 0.4; 2978 .displayInlineBlock; 2979 &:hover { 2980 opacity : 0.8; 2981 } 2982 } 2983 } 2984 } 2985 #settingsShortCutsContainer{ 2986 min-height : 350px; 2987 } 2988 } 2989 2990 #settingsQuickWidgetContainer { 2991 .quickWidgetHeader{ 2992 .gradientBar(@gradient16StrtColor,@gradient16EndColor); 2993 } 2994 h5{ 2995 color : @navLinkColor; 2996 } 2997 .widgetContainer > div { 2998 &:hover{ 2999 .selectedListItem; 3000 } 3001 } 3002 .widgetContainer{ 3003 .gradientBar(@gradient9StrtColor,@gradient9EndColor); 3004 .selectedMenuItem { 3005 background-color : @gradient2StrtColor; 3006 border-bottom : 1px solid @lightColorBorder !important; 3007 border-top : 1px solid @lightColorBorder !important; 3008 .fontBold; 3009 a{ 3010 color : @textColor; 3011 } 3012 } 3013 border-bottom : 3px solid @secondaryBorderColor; 3014 .menuItem{ 3015 a{ 3016 color : @textColor; 3017 &:hover{ 3018 text-decoration : none; 3019 } 3020 } 3021 &:hover{ 3022 .pinUnpinShortCut{ 3023 .displayInlineBlock; 3024 opacity : 0.8; 3025 &:hover { 3026 opacity : 1; 3027 } 3028 } 3029 } 3030 } 3031 } 3032 } 3033 3034 // overwriting tax calculations modal-header 3035 .blockUI{ 3036 border-radius: 2px !important; 3037 } 3038 3039 //Customer Portal 3040 3041 .portalModuleRow{ 3042 cursor: move; 3043 &:hover{ 3044 background-color : @lightColorBorder !important; 3045 } 3046 } 3047 3048 //Sharing Access Stylings 3049 3050 #EditSharingAccess{ 3051 .table-bordered{ 3052 border-collapse: collapse !important; 3053 } 3054 .equalSplit{ 3055 tr td{ 3056 width: 22% !important; 3057 } 3058 .customRuleTable{ 3059 thead tr th:first-child, tbody tr td:first-child{ 3060 width: 8% !important; 3061 } 3062 thead tr th:last-child, tbody tr td:last-child{ 3063 width: 12% !important; 3064 } 3065 } 3066 } 3067 } 3068 3069 .sharingAccessDetails{ 3070 .gradientBar(@tableBackgroundColor,@tableBackgroundColor); 3071 tr.collapseRow{ 3072 border-top: 2px solid @gray !important; 3073 &>td{ 3074 .gradientBar(@tableBackgroundColor,@tableBackgroundColor); 3075 } 3076 +tr{ 3077 border-bottom: 2px solid @gray !important; 3078 :hover th, :hover td{ 3079 background-color: @tableBackgroundColor; 3080 } 3081 hr{ 3082 margin: 0 0 8px; 3083 } 3084 &>td{ 3085 .gradientBar(@tableBackgroundColor,@tableBackgroundColor); 3086 } 3087 } 3088 } 3089 thead tr th, tbody tr td{ 3090 border-left: none; 3091 } 3092 } 3093 3094 .customRuleEntries:hover td .actions .actionImages{ 3095 .fullOpacity; 3096 } 3097 3098 .customRuleTable{ 3099 .gradientBar(@tableBackgroundColor,@tableBackgroundColor); 3100 thead tr th, tbody tr td{ 3101 border-left: 1px solid @grayLight !important; 3102 } 3103 th{ 3104 color: @themeLinkColor; 3105 } 3106 } 3107 3108 //Module Manager - general class to apply opacity to actions 3109 .opacity{ 3110 .actions{ 3111 .zeroOpacity; 3112 } 3113 &:hover { 3114 .actions{ 3115 .fullOpacity; 3116 } 3117 background-color: @rowHoverColor1 !important; 3118 } 3119 } 3120 .settingsHeader{ 3121 .font-x-x-large; 3122 color : @headerColor; 3123 } 3124 .collectiveGroupMembers{ 3125 border : 2px solid @grayLighter; 3126 .groupLabel{ 3127 background-color : @grayLighter; 3128 } 3129 } 3130 3131 //General class for theme table color 3132 .themeTableColor { 3133 .gradientBar(@tableBackgroundColor,@tableBackgroundColor); 3134 } 3135 3136 //General class for textarea autosize 3137 .textarea-autosize{ 3138 min-width: 100%; 3139 box-shadow: inset 0 0 4px @boxShadowColor !important; 3140 padding : 8px !important; 3141 resize: none; 3142 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 3143 -moz-box-sizing: border-box; /* Firefox, other Gecko */ 3144 box-sizing: border-box; /* Opera/IE 8+ */ 3145 } 3146 3147 .editViewMiniSlider { 3148 a{ 3149 border-style : none !important; 3150 margin-top : 1px; 3151 } 3152 } 3153 3154 //Picklist Editor 3155 .pickListValue{ 3156 cursor: move; 3157 &:hover{ 3158 background-color : @lightColorBorder !important; 3159 } 3160 } 3161 3162 //Picklist dependency 3163 .selectedCell { 3164 background-color: lightBlue; 3165 white-space: nowrap; 3166 } 3167 3168 .unselectedCell { 3169 background-color: @grayLighter; 3170 color: @seperatorColor; 3171 white-space : nowrap; 3172 } 3173 3174 .pickListDependencyTable { 3175 tbody tr:hover td { 3176 background-color: none !important; 3177 } 3178 } 3179 3180 .overWriteAddOnStyles{ 3181 .floatNone; 3182 .displayInlineBlock; 3183 padding-top: 3px !important; 3184 padding-bottom: 5px !important; 3185 } 3186 3187 //Workflows 3188 3189 .workFlowContents .form-horizontal{ 3190 .control-label { 3191 width: 225px !important; 3192 } 3193 .controls{ 3194 margin-left: 245px !important; 3195 } 3196 } 3197 3198 //layout Editor 3199 .border1px { 3200 border: 1px solid @lightColorBorder; 3201 } 3202 3203 .layoutBlockHeader { 3204 .gradientBar(@gradient5StrtColor,@gradient5EndColor); 3205 .blockLabel { 3206 color : @headerTextColor; 3207 } 3208 } 3209 3210 .blockFieldsList { 3211 .editFields { 3212 margin-left : 0.5% !important; 3213 //default value ui- multi select values ui breaking 3214 .dropdown-menu a { 3215 padding : 0px !important; 3216 } 3217 } 3218 .editFields:hover{ 3219 background-color : @lightColorBorder !important; 3220 } 3221 } 3222 3223 #importModules .contents{ 3224 margin-left: 2.2%; 3225 } 3226 3227 .extensionWidgetContainer{ 3228 background-color: @white; 3229 border: 1px solid @summaryWidgetBorderColor; 3230 min-height: 200px; 3231 padding: 2%; 3232 .extension_contents{ 3233 margin-top: 2%; 3234 .contentsBackground; 3235 border: 1px solid @lightColorBorder; 3236 padding: 15px 20px; 3237 .slimScrollDiv{ 3238 padding-right: 10px; 3239 } 3240 } 3241 .extension_contents{ 3242 margin-top: 5%; 3243 .slimScrollDiv{ 3244 padding-right: 10px; 3245 } 3246 } 3247 .extensionDescription { 3248 line-height: 20px; 3249 } 3250 .extensionInfo{ 3251 padding-top: 5%; 3252 } 3253 } 3254 3255 .conditionGroup{ 3256 border: 1px solid @lightColorBorder; 3257 padding: 5px; 3258 .border-radius(2px); 3259 .contents, .header{ 3260 padding : 1%; 3261 } 3262 .addCondition{ 3263 margin: 1% 0; 3264 } 3265 } 3266 3267 //Horizontal top scroll 3268 .contents-topscroll, #reportDetails{ 3269 overflow-x: scroll; 3270 overflow-y: hidden; 3271 } 3272 3273 .bottomscroll-div { 3274 display : inline; 3275 } 3276 3277 //Control the overlapping of cells (due to many rows+cell) during reporting 3278 //Observed specially in Chrome having 1000+ rows with 9 cells. 3279 #reportDetails table tr{ 3280 th{ 3281 border-left: none; 3282 } 3283 td { 3284 padding: 5px; 3285 } 3286 } 3287 3288 //Breadcrumb styles 3289 .crumbs li.active,.crumbs li.active:hover { 3290 background-position: 0 -49px; 3291 } 3292 3293 .crumbs li.active a,.crumbs li.active:hover a { 3294 color: @white; 3295 } 3296 3297 .active { 3298 .stepNum { 3299 color: @white; 3300 } 3301 } 3302 3303 .stepNum { 3304 display: inline-block; 3305 overflow: hidden; 3306 font-size: 2em; 3307 color: @grayDarker; 3308 } 3309 3310 .breadcrumbContainer { 3311 width: 100%; 3312 height: 60px; 3313 padding-top: 30px; 3314 } 3315 3316 .stepText { 3317 display: inline-block; 3318 white-space: nowrap; 3319 overflow: hidden; 3320 width: 168px; 3321 margin-left: 10px; 3322 font-size: 1.2em; 3323 margin-top: 1px; 3324 font-weight: bold; 3325 } 3326 3327 #breadcrumb { 3328 float: left; 3329 display: block; 3330 width: 100%; 3331 text-align: center; 3332 box-sizing: border-box; 3333 ul.crumbs { 3334 list-style: none outside none; 3335 width: 100%; 3336 margin-left: 0; 3337 } 3338 } 3339 3340 .crumbs { 3341 li:hover { 3342 background-position: 0 -98px; 3343 position: relative; 3344 } 3345 li.last.active { 3346 background-position: 0 -49px; 3347 } 3348 li:first-child{ 3349 margin-left:0; 3350 } 3351 li { 3352 display: inline-block; 3353 line-height: 47px; 3354 margin-left: -15px; 3355 background-image: @breadCrumbImage; 3356 background-repeat: no-repeat; 3357 background-position: 0 0; 3358 position: relative; 3359 height: 50px; 3360 text-align: left; 3361 min-width: 240px; 3362 a { 3363 padding-left: 10%; 3364 color: @grayDark; 3365 } 3366 } 3367 li.last.active:hover { 3368 background-position: 0 -49px; 3369 } 3370 li.last:hover { 3371 background-position: 0 -98px; 3372 } 3373 } 3374 3375 //css used for engagement level in contacts and leads 3376 3377 .greyStar { 3378 background-image: url("../images/stars.png"); 3379 background-position: 20px 20px; 3380 height: 20px; 3381 width: 20px; 3382 display: inline-block; 3383 } 3384 3385 .yellowStar { 3386 background-image: url('../images/stars.png'); 3387 background-position: 0 20px; 3388 width: 20px; 3389 height: 20px; 3390 display: inline-block; 3391 } 3392 3393 //css used for left panel show or hide 3394 .toggleButton { 3395 background: @headerColor; 3396 font-weight: bold; 3397 padding: 50px 2px; 3398 position: absolute; 3399 top: 40%; 3400 cursor: pointer; 3401 width: 10px; 3402 z-index:1; 3403 } 3404 3405 .toggleButton .icon-chevron-left { 3406 background-position: -434px -72px !important; 3407 .icon-inverted; 3408 } 3409 3410 .toggleButton .icon-chevron-right { 3411 background-position: -460px -72px !important; 3412 .icon-inverted; 3413 } 3414 3415 .nonEditableValuesDiv { 3416 border: 1px solid @grayLight; 3417 background-color: @grayLighter; 3418 border-radius: 2px; 3419 } 3420 3421 3422 .mailConveterDesc { 3423 height:350px; 3424 width:96%; 3425 border: 1.5px solid; 3426 border-radius:10px; 3427 border-color:#dddddd; 3428 font-size:11pt; 3429 margin-top: 55px; 3430 margin-left: 20px; 3431 } 3432 3433 #mailBoxLabel { 3434 margin-top:15px; 3435 margin-left: -18px; 3436 font-size: 12pt; 3437 width: 75px; 3438 } 3439 .mailBoxDropdownWrapper { 3440 height: 49px; 3441 width: 70%; 3442 background: url('../images/mailbox-icon.png') no-repeat 5px 5px; 3443 overflow: hidden; 3444 border: 1px solid #dddddd; 3445 } 3446 .mailBoxDropdown { 3447 background: transparent url('../images/downArrowBlue.png') no-repeat 236px 13px; 3448 width: 110%; 3449 height: 50px; 3450 font-size: 14pt; 3451 color: #0065a6; 3452 padding: 10px 55px; 3453 padding-right: 0; 3454 } 3455 3456 #mailConverterDragIcon { 3457 margin-top: 12px; 3458 } 3459 3460 #mailConverterBody { 3461 padding-top: 20px; 3462 margin-left: 0px; 3463 } 3464 3465 .mailConverterRuleBlock { 3466 font-size:14px; 3467 line-height: 30px; 3468 border: 1.5px solid; 3469 border-color:#dddddd; 3470 } 3471 3472 .mailConverterRuleLegend { 3473 font-size: 12pt; 3474 color: #0065a6; 3475 margin-bottom:10px; 3476 background: #EEE; 3477 } 3478 3479 #mailConverterStats { 3480 font-size: 10pt; 3481 margin-top: 5px; 3482 margin-left: -10px; 3483 } 3484 3485 .addMailBoxBlock { 3486 border: 1.5px solid; 3487 border-color: #dddddd; 3488 margin-left: 83px; 3489 margin-top: 20px; 3490 padding-top: 30px; 3491 padding-left: 200px; 3492 padding-bottom: 20px; 3493 padding-right: 30px; 3494 font-size: 11pt; 3495 } 3496 3497 .rightAligned { 3498 text-align: right; 3499 } 3500 3501 input.listSearchContributor{ 3502 margin-bottom : 0px !important; 3503 } 3504 3505 .listSearchContributor { 3506 min-width : 125px !important; 3507 } 3508 .backgroundColor { 3509 background-color: @containerColor1 !important; 3510 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated: Fri Nov 28 20:08:37 2014 | Cross-referenced by PHPXref 0.7.1 |