install/install.css

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2012 SugarCRM Inc.
   4  *
   5  * This program is free software; you can redistribute it and/or modify it under
   6  * the terms of the GNU Affero General Public License version 3 as published by the
   7  * Free Software Foundation with the addition of the following permission added
   8  * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
   9  * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
  10  * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
  11  *
  12  * This program is distributed in the hope that it will be useful, but WITHOUT
  13  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  14  * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
  15  * details.
  16  *
  17  * You should have received a copy of the GNU Affero General Public License along with
  18  * this program; if not, see http://www.gnu.org/licenses or write to the Free
  19  * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  20  * 02110-1301 USA.
  21  *
  22  * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
  23  * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
  24  *
  25  * The interactive user interfaces in modified source and object code versions
  26  * of this program must display Appropriate Legal Notices, as required under
  27  * Section 5 of the GNU Affero General Public License version 3.
  28  *
  29  * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
  30  * these Appropriate Legal Notices must retain the display of the "Powered by
  31  * SugarCRM" logo. If the display of the logo is not reasonably feasible for
  32  * technical reasons, the Appropriate Legal Notices must display the words
  33  * "Powered by SugarCRM".
  34  ********************************************************************************/
  35
  36 /*********************************************************************************
  37
  38  * 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 textarea {
 132         border: 1px solid #888888;
 133         color: #222222;
 134         font-size: 11px;
 135         background-color: #ffffff;
 136         }
 137
 138 .checkbox {
 139         border:0px;
 140         background-color: transparent;
 141         }
 142
 143 .button {
 144         border: 1px solid #000000;
 145         font-size: 12px;
 146         color: #ffffff;
 147         background-color: #c60c30;
 148         font-weight: bold;
 149         }
 150 /* custom */
 151
 152 .acceptButton {
 153
 154         border: 1px solid #000000;
 155         font-size: 12px;
 156         color: #ffffff;
 157         background-color: #c60c30;
 158         font-weight: bold;
 159         }
 160
 161 table.shell {
 162         background-color: #ffffff;
 163         width: 700px;
 164         height: 230px;
 165         margin-bottom: 100px;
 166         border: 1px solid #111111;
 167         }
 168 table.shell td#help {
 169 background: #c60c30;
 170 border-bottom: 1px solid #000000;
 171 text-align: right;
 172 padding: 6px 15px;
 173 font-weight: bold;
 174 }
 175 table.shell td a {color: #c60c30;}
 176
 177
 178 table.shell td#help a:link, table.shell td#help a:visited, table.shell td#help a:hover {color: #eee;}
 179
 180 table.shell td#ready_image {
 181 background: #666666;
 182 border-bottom: 1px solid #000000;
 183 text-align: center;
 184 padding: 0;
 185 }
 186 table.shell td#ready {
 187 background: #666666;
 188 border-bottom: 1px solid #000000;
 189 text-align: center;
 190 color: #ffffff;
 191 font-size: 24px;
 192 padding: 8px;
 193 }
 194 table.shell th {
 195         border-bottom: 1px solid #ccc;
 196         background-color: #ffffff;
 197         color: #888888;
 198         font-size: 16px;
 199         font-weight: bold;
 200         padding: 15px 15px 10px 15px;
 201         text-align: left;
 202         }
 203 table.shell th h2 {
 204         color: #888888;
 205         font-size: 16px;
 206         font-weight: bold;
 207         text-align: left;
 208 margin-top: 20px;
 209 margin-bottom: 0;
 210 }
 211
 212 table.shell td {
 213         padding: 15px;
 214
 215         }
 216
 217 table.post_install {
 218         background-color: #ffffff;
 219         width: 600px;
 220         height: 300px;
 221         margin-top: 20px;
 222         margin-bottom: 100px;
 223         border: 1px solid #111111;
 224         }
 225
 226 table.post_install th {
 227         border-bottom: 1px solid #888888;
 228         background-color: #ffffff;
 229         color: #888888;
 230         font-size: 16px;
 231         font-weight: bold;
 232         padding: 6px;
 233         text-align: left;
 234         }
 235
 236 table.stdTable td {
 237         padding: 5px 0 2px 5px;
 238         }
 239 table.stdTable th {
 240
 241         padding: 2px;
 242
 243         }
 244
 245 table.StyleDottedHr a:link, a:visited  {
 246         color: #c60c30;
 247 }
 248
 249
 250 table.Welcome td, table.StyleDottedHr td {
 251 border-bottom: 1px  #cccccc;
 252         padding: 5px 0px 5px 0px;
 253         }
 254 table.Welcome th {
 255         color: #c60c30;
 256         padding: 5px;
 257         font-size: 14px;
 258 border-top: 2px solid  #c60c30;
 259 border-bottom: 1px solid #dddddd;;
 260         }
 261
 262 table.StyleDottedHr th {
 263         color: #444444;
 264         padding: 5px 0;
 265         font-size: 14px;
 266         }
 267 table.Welcome a:link, a:visited  {
 268         color: #cc0000;
 269         text-decoration: underline;
 270         }
 271
 272 .small {
 273         font-size: 10px;
 274         }
 275 .stop {
 276         color: #cc0000;
 277         text-align: left;
 278         }
 279 .stop a:link, a:visited  {
 280         color: #cc0000;
 281         text-decoration: underline;
 282         text-align: left;
 283         }
 284 .go {
 285         color: #00cc00;
 286         }
 287 .required {
 288         color: #ff2222;
 289         font-weight: bold;
 290         }
 291 .error{
 292         color: #ff2222;
 293         font-weight: bold;
 294         font-size: 12px;
 295 }
 296
 297 ul.tablist
 298 {
 299 padding: 4px 0;
 300 margin: 10px 0 0 0;
 301 border-bottom: 1px solid #999;
 302 font: 12px Arial, Verdana, Helvetica, sans-serif;
 303 }
 304
 305 ul.tablist li
 306 {
 307 list-style: none;
 308 margin: 0;
 309 display: inline;
 310 }
 311 ul.tablist li a
 312 {
 313 padding: 4px 8px;
 314 margin: 0px;
 315 border-top: 1px solid #ccc;
 316 border-right: 1px solid #ccc;
 317 border-bottom: 1px solid #999;
 318 text-decoration: none;
 319         color: #666666;
 320 }
 321
 322 ul.tablist li a:link, ul.tablist li a:visited { text-decoration: none;
 323         color: #444444;}
 324
 325 ul.tablist li a:hover
 326 {
 327 border-color: #666;
 328 color: #000;
 329 }
 330
 331 ul.tablist li a.current, ul.tablist li a.current:hover
 332 {
 333 padding: 4px 8px;
 334 border-top: 1px solid #999;
 335 border-right: 1px solid #999;
 336 border-bottom: 1px solid #fff;
 337 font-weight: bold;
 338 background-color: #ffffff;
 339         color: #000000;
 340 }
 341 a.other{
 342         color: #000000;
 343 }
 344
 345 /* fixes to yui classes */
 346
 347 .yui-panel .hd
 348 {
 349         background-color:#DDDDDD !important;
 350         border-left:medium none !important;
 351         border-right:medium none !important;
 352         border-top:1px solid #FFFFFF;
 353         color:#444444 !important;
 354         font-size:13px !important;
 355         font-weight:bold !important;
 356         line-height:normal !important;
 357         overflow:hidden;
 358         padding:4px 4px 4px 8px !important;
 359 }
 360 .yui-panel .bd
 361 {
 362         padding:6px 8px 10px !important;
 363 }
 364 .yui-panel .bd p
 365 {
 366         margin:0 !important;
 367 }