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     padding-left: 0px;
 112 }
 113
 114 .modal ul li {
 115         line-height: 18px;
 116 }
 117
 118 .modal p {
 119         margin: 0 0 9px;
 120 }
 121
 122 h3.popover-title {
 123         margin-bottom: 0px;
 124 }
 125 #tour {
 126     width: auto;
 127     margin: 0;
 128     left: 0px;
 129 }
 130
 131 #tourEnd .modal-body p,
 132 #tourEnd .modal-body a {
 133         font-size: 18px;
 134     line-height: 26px;
 135 }
 136 #tourEnd .modal-body p
 137 {
 138         margin-top: 84px;
 139 }
 140
 141 li.icon-ok:before,i.icon-ok:before {
 142         color: #3FB300;
 143 }
 144
 145 i.icon-arrow-up:before {
 146     font-size: 40px;
 147
 148 }
 149 .caption {
 150     font-size: 16px;
 151     text-align: center;
 152     margin-top: 10px;
 153 }
 154
 155 .pointer,.pointer.up{
 156     background-image:  url('../../include/images/tour/arrow.png');
 157     background-repeat: no-repeat;
 158     width: 42px;
 159     height: 109px;
 160 }
 161
 162 .pointer.down {
 163     background-position: 0px 109px;
 164     background-position: 0px -109px\9;
 165 }
 166
 167
 168
 169 .pointer.up.left {
 170     transform:rotate(-45deg);
 171     -ms-transform:rotate(-45deg); /* IE 9 */
 172     -moz-transform:rotate(-45deg); /* Firefox */
 173     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 174     -o-transform:rotate(-45deg); /* Opera */
 175     width: 93px\0/;
 176     height: 95px\0/;
 177     background:transparent url('../../include/images/tour/arrow_ie.png') no-repeat 0px 100px\0/;
 178     height: 110px \0/IE9;
 179
 180 }
 181
 182
 183 .pointer.up.right {
 184     transform:rotate(45deg);
 185     -ms-transform:rotate(45deg); /* IE 9 */
 186     -moz-transform:rotate(45deg); /* Firefox */
 187     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 188     -o-transform:rotate(45deg); /* Opera */
 189     background-image:  url('../../include/images/tour/arrow_ie.png')\0/;
 190     background-repeat: no-repeat\0/;
 191     background-position: 0px -280px\0/;
 192     width: 93px\0/;
 193     height: 95px\0/;
 194     height: 110px \0/IE9;
 195 }
 196
 197
 198 .pointer.down.right {
 199     transform:rotate(-45deg);
 200     -ms-transform:rotate(-45deg); /* IE 9 */
 201     -moz-transform:rotate(-45deg); /* Firefox */
 202     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 203     -o-transform:rotate(-45deg); /* Opera */
 204     background-image:  url(../../include/images/tour/arrow_ie.png)\0/;
 205     background-repeat: no-repeat\0/;
 206     background-position: 0px -280px\0/;
 207     width: 93px\0/;
 208     height: 95px\0/;
 209     height: 110px \0/IE9;
 210 }
 211
 212 .pointer.down.left {
 213     transform:rotate(45deg);
 214     -ms-transform:rotate(45deg); /* IE 9 */
 215     -moz-transform:rotate(45deg); /* Firefox */
 216     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 217     -o-transform:rotate(45deg); /* Opera */
 218     background-image:  url(../../include/images/tour/arrow_ie.png)\0/;
 219     background-repeat: no-repeat\0/;
 220     background-position: 0px 280px\0/;
 221     width: 93px\0/;
 222     height: 95px\0/;
 223     height: 110px \0/IE9;
 224 }
 225
 226
 227 :focus {outline:none;}
 228 ::-moz-focus-inner {border:0;}
 229
 230 .rtl .modal {
 231     direction: rtl;
 232 }
 233
 234 .rtl .modal-footer .btn {
 235     float: left;
 236 }
 237
 238 .rtl .modal ul {
 239     margin: 0 25px 9px 0px;
 240 }
 241
 242 .rtl .modal .close {
 243     float: left;
 244 }
 245
 246 .rtl .pointer.up.right {
 247     transform:rotate(-45deg);
 248     -ms-transform:rotate(-45deg); /* IE 9 */
 249     -moz-transform:rotate(-45deg); /* Firefox */
 250     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 251     -o-transform:rotate(-45deg); /* Opera */
 252 }
 253
 254 .rtl .pointer.up.left {
 255     transform:rotate(45deg);
 256     -ms-transform:rotate(45deg); /* IE 9 */
 257     -moz-transform:rotate(45deg); /* Firefox */
 258     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 259     -o-transform:rotate(45deg); /* Opera */
 260 }
 261
 262 .rtl .pointer.down.right {
 263     transform:rotate(45deg);
 264     -ms-transform:rotate(45deg); /* IE 9 */
 265     -moz-transform:rotate(45deg); /* Firefox */
 266     -webkit-transform:rotate(45deg); /* Safari and Chrome */
 267     -o-transform:rotate(45deg); /* Opera */
 268 }
 269
 270 .rtl .pointer.down.left {
 271     transform:rotate(-45deg);
 272     -ms-transform:rotate(-45deg); /* IE 9 */
 273     -moz-transform:rotate(-45deg); /* Firefox */
 274     -webkit-transform:rotate(-45deg); /* Safari and Chrome */
 275     -o-transform:rotate(-45deg); /* Opera */
 276 }