install/install.css

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2013 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  * Description:  Defines the stylesheet used for the application installation.
  39  ********************************************************************************/
  40
  41  /* Default style*/
  42 BODY {
  43         margin: 0px 0px 0px 0px;
  44         background-color : #cccccc ;
  45         color : #333333;
  46         }
  47 img {
  48         behavior:       url("themes/SugarIE6/js/pngbehavior.htc");
  49 }
  50 tr,td,th,table {
  51         font-family: Arial, Verdana, Helvetica, sans-serif;
  52         font-size: 12px;
  53         color: #333333;
  54         vertical-align: top;
  55         }
  56
  57 h1 {
  58         color: #EA1313;
  59         font-family: Arial, Verdana, Helvetica, sans-serif;
  60         font-size: 20px;
  61         font-weight: bold;
  62         margin-bottom: 8px;
  63         }
  64
  65 h2 {
  66         color: #137DED;
  67         font-family: Arial, Verdana, Helvetica, sans-serif;
  68         font-size: 18px;
  69         font-weight: bold;
  70         margin-bottom: 6px;
  71         }
  72
  73 h3 {
  74         color: #333333;
  75         font-family: Arial, Verdana, Helvetica, sans-serif;
  76         font-size: 16px;
  77         font-weight: bold;
  78         margin-bottom: 4px;
  79         }
  80
  81 h4 {
  82         color: #333333;
  83         font-family: Arial, Verdana, Helvetica, sans-serif;
  84         font-size: 14px;
  85         font-weight: bold;
  86         margin-bottom: 2px;
  87         }
  88
  89 h5 {
  90         color: #333333;
  91         font-family: Arial, Verdana, Helvetica, sans-serif;
  92         font-size: 13px;
  93         font-weight: bold;
  94         margin-bottom: 1px;
  95         }
  96
  97 p {MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px}
  98
  99 hr  {
 100         color: #888888;
 101         width: 100%;
 102         height: 1px;
 103         margin: 0px;
 104         }
 105
 106 a:link, a:visited {
 107         font-size: 12px; color: #333333; text-decoration: none;
 108         font-family:  Arial, Verdana, Helvetica, sans-serif;
 109     text-decoration: underline;
 110         }
 111
 112 a:hover {
 113         color: #EA1313; text-decoration: none;
 114     text-decoration: underline;
 115         }
 116
 117 LI {LIST-STYLE-TYPE: square; margin-left: 6px; MARGIN-BOTTOM: 2px;}
 118
 119
 120
 121 form {
 122         margin: 0px;
 123         }
 124
 125 input,select {
 126         border: 1px solid #888888;
 127         font-size: 11px;
 128         background-color: #ffffff;
 129         }
 130
 131 input[type="radio"] {
 132         border: none;
 133         background-color: transparent;
 134         }
 135
 136 textarea {
 137         border: 1px solid #888888;
 138         color: #222222;
 139         font-size: 11px;
 140         background-color: #ffffff;
 141         }
 142
 143 .checkbox {
 144         border:0px;
 145         background-color: transparent;
 146         }
 147
 148 .button {
 149         border: 1px solid #000000;
 150         font-size: 12px;
 151         color: #ffffff;
 152         background-color: #c60c30;
 153         font-weight: bold;
 154         }
 155 /* custom */
 156
 157 .acceptButton {
 158
 159         border: 1px solid #000000;
 160         font-size: 12px;
 161         color: #ffffff;
 162         background-color: #c60c30;
 163         font-weight: bold;
 164         }
 165
 166 table.shell {
 167         background-color: #ffffff;
 168         width: 700px;
 169         height: 230px;
 170         margin-bottom: 100px;
 171         border: 1px solid #111111;
 172         }
 173 table.shell td#help {
 174 background: #c60c30;
 175 border-bottom: 1px solid #000000;
 176 text-align: right;
 177 padding: 6px 15px;
 178 font-weight: bold;
 179 }
 180 table.shell td a {color: #c60c30;}
 181
 182
 183 table.shell td#help a:link, table.shell td#help a:visited, table.shell td#help a:hover {color: #eee;}
 184
 185 table.shell td#ready_image {
 186 background: #666666;
 187 border-bottom: 1px solid #000000;
 188 text-align: center;
 189 padding: 0;
 190 }
 191 table.shell td#ready {
 192 background: #666666;
 193 border-bottom: 1px solid #000000;
 194 text-align: center;
 195 color: #ffffff;
 196 font-size: 24px;
 197 padding: 8px;
 198 }
 199 table.shell th {
 200         border-bottom: 1px solid #ccc;
 201         background-color: #ffffff;
 202         color: #888888;
 203         font-size: 16px;
 204         font-weight: bold;
 205         padding: 15px 15px 10px 15px;
 206         text-align: left;
 207         }
 208 table.shell th h2 {
 209         color: #888888;
 210         font-size: 16px;
 211         font-weight: bold;
 212         text-align: left;
 213 margin-top: 20px;
 214 margin-bottom: 0;
 215 }
 216
 217 table.shell td {
 218         padding: 15px;
 219
 220         }
 221
 222 table.post_install {
 223         background-color: #ffffff;
 224         width: 600px;
 225         height: 300px;
 226         margin-top: 20px;
 227         margin-bottom: 100px;
 228         border: 1px solid #111111;
 229         }
 230
 231 table.post_install th {
 232         border-bottom: 1px solid #888888;
 233         background-color: #ffffff;
 234         color: #888888;
 235         font-size: 16px;
 236         font-weight: bold;
 237         padding: 6px;
 238         text-align: left;
 239         }
 240
 241 table.stdTable td {
 242         padding: 5px 0 2px 5px;
 243         }
 244 table.stdTable th {
 245
 246         padding: 2px;
 247
 248         }
 249
 250 table.StyleDottedHr a:link, a:visited  {
 251         color: #c60c30;
 252 }
 253
 254
 255 table.Welcome td, table.StyleDottedHr td {
 256 border-bottom: 1px  #cccccc;
 257         padding: 5px 0px 5px 0px;
 258         }
 259 table.Welcome th {
 260         color: #c60c30;
 261         padding: 5px;
 262         font-size: 14px;
 263 border-top: 2px solid  #c60c30;
 264 border-bottom: 1px solid #dddddd;;
 265         }
 266
 267 table.StyleDottedHr th {
 268         color: #444444;
 269         padding: 5px 0;
 270         font-size: 14px;
 271         }
 272 table.Welcome a:link, a:visited  {
 273         color: #cc0000;
 274         text-decoration: underline;
 275         }
 276
 277 .small {
 278         font-size: 10px;
 279         }
 280 .stop {
 281         color: #cc0000;
 282         text-align: left;
 283         }
 284 .stop a:link, a:visited  {
 285         color: #cc0000;
 286         text-decoration: underline;
 287         text-align: left;
 288         }
 289 .go {
 290         color: #00cc00;
 291         }
 292 .required {
 293         color: #ff2222;
 294         font-weight: bold;
 295         }
 296 .error{
 297         color: #ff2222;
 298         font-weight: bold;
 299         font-size: 12px;
 300 }
 301
 302 ul.tablist
 303 {
 304 padding: 4px 0;
 305 margin: 10px 0 0 0;
 306 border-bottom: 1px solid #999;
 307 font: 12px Arial, Verdana, Helvetica, sans-serif;
 308 }
 309
 310 ul.tablist li
 311 {
 312 list-style: none;
 313 margin: 0;
 314 display: inline;
 315 }
 316 ul.tablist li a
 317 {
 318 padding: 4px 8px;
 319 margin: 0px;
 320 border-top: 1px solid #ccc;
 321 border-right: 1px solid #ccc;
 322 border-bottom: 1px solid #999;
 323 text-decoration: none;
 324         color: #666666;
 325 }
 326
 327 ul.tablist li a:link, ul.tablist li a:visited { text-decoration: none;
 328         color: #444444;}
 329
 330 ul.tablist li a:hover
 331 {
 332 border-color: #666;
 333 color: #000;
 334 }
 335
 336 ul.tablist li a.current, ul.tablist li a.current:hover
 337 {
 338 padding: 4px 8px;
 339 border-top: 1px solid #999;
 340 border-right: 1px solid #999;
 341 border-bottom: 1px solid #fff;
 342 font-weight: bold;
 343 background-color: #ffffff;
 344         color: #000000;
 345 }
 346 a.other{
 347         color: #000000;
 348 }
 349
 350 /* fixes to yui classes */
 351
 352 .yui-panel .hd
 353 {
 354         background-color:#DDDDDD !important;
 355         border-left:medium none !important;
 356         border-right:medium none !important;
 357         border-top:1px solid #FFFFFF;
 358         color:#444444 !important;
 359         font-size:13px !important;
 360         font-weight:bold !important;
 361         line-height:normal !important;
 362         overflow:hidden;
 363         padding:4px 4px 4px 8px !important;
 364 }
 365 .yui-panel .bd
 366 {
 367         padding:6px 8px 10px !important;
 368 }
 369 .yui-panel .bd p
 370 {
 371         margin:0 !important;
 372 }