modules/Home/tour.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 body
  37 {
  38         padding-top: 50px;
  39         line-height: 11px;
  40 }
  41
  42 form {
  43         margin: 0px;
  44 }
  45 li {
  46         line-height: 15px;
  47 }
  48
  49 h1, h2, h3, h4, h5, h6 {
  50         font-family: Arial, Verdana, Helvetica, sans-serif;
  51         font-weight: bold;
  52 }
  53
  54 .close:hover {
  55     font-size: 20px;
  56 }
  57
  58
  59 #dcmenutop {
  60         height: 0px;
  61 }
  62
  63 .list tr.pagination,
  64 .list tr.pagination td,
  65 .list tr.pagination td table
  66 {
  67     height: auto;
  68 }
  69
  70 #footer img.logo {
  71     height: auto;
  72     width: auto;
  73     background-image: none;
  74 }
  75
  76 .pagination button {
  77         height: 30px;
  78         width: 30px;
  79
  80 }
  81
  82 #zenbox_tab {
  83 padding-top: 9px;
  84 }
  85
  86 .modal.whatsnew {
  87     margin-top: -75px;
  88
  89 }
  90
  91 .modal a,
  92 .popover a {
  93         text-decoration: none;
  94 }
  95
  96 .modal-footer .btn-invisible {
  97     float: left;
  98     margin-left: 0px;
  99 }
 100 .modal-body   {
 101     font-size: 16px;
 102     padding-bottom: 30px;
 103 }
 104
 105 .modal-footer .btn.btn-primary,
 106 .popover-footer .btn.btn-primary {
 107         color: #fff;
 108 }
 109
 110 .modal-footer {
 111 }
 112
 113 .modal ul li {
 114         line-height: 18px;
 115 }
 116
 117 .modal p {
 118         margin: 0 0 9px;
 119 }
 120
 121 h3.popover-title {
 122         margin-bottom: 0px;
 123 }
 124 #tour {
 125     width: auto;
 126     margin: 0;
 127     left: 0px;
 128 }
 129
 130 #tourEnd .modal-body p,
 131 #tourEnd .modal-body a {
 132         font-size: 18px;
 133     line-height: 26px;
 134 }
 135 #tourEnd .modal-body p
 136 {
 137         margin-top: 84px;
 138 }
 139
 140 li.icon-ok:before,i.icon-ok:before {
 141         color: #3FB300;
 142 }
 143
 144 i.icon-arrow-up:before {
 145     font-size: 40px;
 146
 147 }
 148 .caption {
 149     font-size: 16px;
 150     text-align: center;
 151     margin-top: 10px;
 152 }
 153
 154 .pointer,.pointer.up{
 155     background-image:  url('../../include/images/tour/arrow.png');
 156     background-repeat: no-repeat;
 157     width: 42px;
 158     height: 109px;
 159 }
 160
 161 .pointer.down {
 162     background-position: 0px -109px;
 163 }
 164
 165
 166
 167 .pointer.up.left {
 168     transform:rotate(-45deg);
 169     -ms-transform:rotate(-45deg); /* IE 9 */
 170     -moz-transform:rotate(-45deg); /* Firefox */
 171     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 172     -o-transform:rotate(-45deg); /* Opera */
 173     width: 93px\0/;
 174     height: 95px\0/;
 175     background:transparent url('../../include/images/tour/arrow_ie.png') no-repeat 0px 100px\0/;
 176     height: 110px \0/IE9;
 177
 178 }
 179
 180
 181 .pointer.up.right {
 182     transform:rotate(45deg);
 183     -ms-transform:rotate(45deg); /* IE 9 */
 184     -moz-transform:rotate(45deg); /* Firefox */
 185     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 186     -o-transform:rotate(45deg); /* Opera */
 187     background-image:  url('../../include/images/tour/arrow_ie.png')\0/;
 188     background-repeat: no-repeat\0/;
 189     background-position: 0px -280px\0/;
 190     width: 93px\0/;
 191     height: 95px\0/;
 192     height: 110px \0/IE9;
 193 }
 194
 195
 196 .pointer.down.right {
 197     transform:rotate(-45deg);
 198     -ms-transform:rotate(-45deg); /* IE 9 */
 199     -moz-transform:rotate(-45deg); /* Firefox */
 200     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 201     -o-transform:rotate(-45deg); /* Opera */
 202     background-image:  url(../../include/images/tour/arrow_ie.png)\0/;
 203     background-repeat: no-repeat\0/;
 204     background-position: 0px -280px\0/;
 205     width: 93px\0/;
 206     height: 95px\0/;
 207     height: 110px \0/IE9;
 208 }
 209
 210 .pointer.down.left {
 211     transform:rotate(45deg);
 212     -ms-transform:rotate(45deg); /* IE 9 */
 213     -moz-transform:rotate(45deg); /* Firefox */
 214     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 215     -o-transform:rotate(45deg); /* Opera */
 216     background-image:  url(../../include/images/tour/arrow_ie.png)\0/;
 217     background-repeat: no-repeat\0/;
 218     background-position: 0px 280px\0/;
 219     width: 93px\0/;
 220     height: 95px\0/;
 221     height: 110px \0/IE9;
 222 }
 223
 224
 225 :focus {outline:none;}
 226 ::-moz-focus-inner {border:0;}
 227
 228 .rtl .modal {
 229     direction: rtl;
 230 }
 231
 232 .rtl .modal-footer .btn {
 233     float: left;
 234 }
 235
 236 .rtl .modal ul {
 237     margin: 0 25px 9px 0px;
 238 }
 239
 240 .rtl .modal .close {
 241     float: left;
 242 }
 243
 244 .rtl .pointer.up.right {
 245     transform:rotate(-45deg);
 246     -ms-transform:rotate(-45deg); /* IE 9 */
 247     -moz-transform:rotate(-45deg); /* Firefox */
 248     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 249     -o-transform:rotate(-45deg); /* Opera */
 250 }
 251
 252 .rtl .pointer.up.left {
 253     transform:rotate(45deg);
 254     -ms-transform:rotate(45deg); /* IE 9 */
 255     -moz-transform:rotate(45deg); /* Firefox */
 256     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 257     -o-transform:rotate(45deg); /* Opera */
 258 }
 259
 260 .rtl .pointer.down.right {
 261     transform:rotate(45deg);
 262     -ms-transform:rotate(45deg); /* IE 9 */
 263     -moz-transform:rotate(45deg); /* Firefox */
 264     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 265     -o-transform:rotate(45deg); /* Opera */
 266 }
 267
 268 .rtl .pointer.down.left {
 269     transform:rotate(-45deg);
 270     -ms-transform:rotate(-45deg); /* IE 9 */
 271     -moz-transform:rotate(-45deg); /* Firefox */
 272     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 273     -o-transform:rotate(-45deg); /* Opera */
 274 }
 275
 276 #pageContainer > div > table td:first-child {
 277     padding-right: 20px;
 278 }