docs/install/stylesheet.css

   1 /************************************************************************/
   2 /* Transformable                                                        */
   3 /************************************************************************/
   4 /* Copyright (c) 2009                                                   */
   5 /* Adaptive Technology Resource Centre / University of Toronto                      */
   6 /*                                                                      */
   7 /* This program is free software. You can redistribute it and/or        */
   8 /* modify it under the terms of the GNU General Public License          */
   9 /* as published by the Free Software Foundation.                        */
  10 /************************************************************************/
  11
  12 /* main body attributes */
  13 body {
  14         font-family: Verdana, Arial, Helvetica, sans-serif;
  15         color: black;
  16         background-color: white;
  17         background-image: url();
  18         margin-bottom: 0px;
  19         margin-top: 0px;
  20         margin-left: 0px;
  21         margin-right: 0px;
  22         font-size: small;
  23 }
  24
  25 code {
  26         font-size: x-small;
  27         color: black;
  28 }
  29
  30 kbd {
  31   padding: 0px 1px 0px 1px;
  32   border-width: 1px 2px 2px 1px;
  33   border-style: solid;
  34   background: #faf6f6;
  35   color: #000;
  36   border-color:  #edd #baa #baa #eed;
  37   font-size: small;
  38   white-space: nowrap;
  39 }
  40
  41 /* paragraph attributes */
  42 p {
  43         font-family: Verdana, Arial, Helvetica, sans-serif;
  44         color: black;
  45         margin-bottom: 10px;
  46         margin-top: 0px;
  47         margin-left: 5px;
  48         margin-right: 0px;
  49         font-size: small;
  50 }
  51
  52 p.heading {
  53         font-family: Verdana, Arial, Helvetica, sans-serif;
  54         font-weight: bold;
  55         font-size: 1em;
  56         color: black;
  57         margin-bottom: 10px;
  58         margin-top: 0px;
  59         margin-left: 5px;
  60         margin-right: 0px;
  61 }
  62
  63 p.error {
  64         font-family: Verdana, Arial, Helvetica, sans-serif;
  65         font-weight: bold;
  66         color: red;
  67         margin-bottom: 10px;
  68         margin-top: 0px;
  69         margin-left: 5px;
  70         margin-right: 0px;
  71 }
  72
  73 h1#header {
  74         font-family: Verdana, Arial, Helvetica, sans-serif;
  75         color: white;
  76         float: left;
  77         display: inline;
  78         margin: 10px;
  79 }
  80
  81
  82 /* list attributes */
  83 ul {
  84         font-family: Verdana, Arial, Helvetica, sans-serif;
  85         margin-bottom: 5px;
  86         margin-top: 0px;
  87         margin-right: 0px;
  88 }
  89
  90 li {
  91         font-family: Verdana, Arial, Helvetica, sans-serif;
  92         margin-bottom: 0px;
  93         margin-top: 0px;
  94         margin-right: 0px;
  95 }
  96 li.important{
  97         color: red;
  98 }
  99
 100 /* link attributes */
 101 a:link {
 102         font-family: Verdana, Arial, Helvetica, sans-serif;
 103         color: #384F89;
 104         border-bottom: 1px solid #384F89;
 105         text-decoration: none;
 106 }
 107 a:visited {
 108         font-family: Verdana, Arial, Helvetica, sans-serif;
 109         color: #51286C;
 110 }
 111 a:hover {
 112         font-family: Verdana, Arial, Helvetica, sans-serif;
 113         color: black;
 114 }
 115
 116 /* formfield attributes */
 117 .formfield {
 118         font-family: Verdana, Arial, Helvetica, sans-serif;
 119         color: black;
 120         border:  #003399  solid 1px;
 121         padding: 2px;
 122 }
 123
 124 .formfield:focus {
 125         border:  #0033FF  solid 1px;
 126 }
 127
 128 form {
 129         font-family: Verdana, Arial, Helvetica, sans-serif;
 130         margin-bottom: 0px;
 131         margin-top: 0px;
 132         margin-left: 0px;
 133         margin-right: 0px;
 134 }
 135
 136 /* main submit button */
 137 .button {
 138         font-family: Verdana, Arial, Helvetica, sans-serif;
 139         background-color: #F8F8F8;
 140         font-weight: bold;
 141         border:  #354A81  solid 1px;
 142 }
 143 .button:hover, .button:focus {
 144         cursor: pointer;
 145         border:  #354AFF solid 1px;
 146         color:  #0000FF;
 147 }
 148
 149 /* small submit button at top */
 150 .button2 {
 151         font-family: Verdana, Arial, Helvetica, sans-serif;
 152         background-color: #F8F8F8;
 153         font-size: 0.7em;
 154         border-top:  #354A81  solid 1px;
 155         border-bottom: #354A81  solid 1px;
 156         border-right: #354A81  solid 1px;
 157         border-left: #354A81  solid 1px;
 158 }
 159
 160 /* table border */
 161 .tableborder {
 162         border-left: 1px #98AAB1 solid;
 163         border-right: 1px #98AAB1 solid;
 164         border-top: 1px #98AAB1 solid;
 165 }
 166
 167 /* user menu at top */
 168 .topbar {
 169         font-family: Verdana, Arial, Helvetica, sans-serif;
 170         background-image: url('images/cellpic1.gif');
 171         background-repeat: repeat-x;
 172         background-color: #D1D7DC;
 173         text-align: center;
 174         padding: 3px;
 175 }
 176
 177 /* breadcrumbs */
 178 td.breadcrumbs  {
 179         font-family: Verdana, Arial, Helvetica, sans-serif;
 180         background-image: url('images/cellpic3.gif');
 181         color: #FFFFFF;
 182         background-color: #006699;
 183         height: 26px;
 184 }
 185 .breadcrumbs {
 186         font-family: Verdana, Arial, Helvetica, sans-serif;
 187         color: white
 188         text-decoration: none;
 189         letter-spacing: 1px;
 190 }
 191 a.breadcrumbs {
 192         font-family: Verdana, Arial, Helvetica, sans-serif;
 193         color: #CCCCCC;
 194         text-decoration: none;
 195 }
 196 a.breadcrumbs:hover {
 197         font-family: Verdana, Arial, Helvetica, sans-serif;
 198         color: #CCCC00;
 199         text-decoration: none;
 200 }
 201 a.breadcrumbs:visited {
 202         font-family: Verdana, Arial, Helvetica, sans-serif;
 203         color : #CCCCCC;
 204         text-decoration: none;
 205 }
 206
 207 /*
 208 td.rowpic {
 209                 background-color: #FFFFFF;
 210                 background-image: url('images/cellpic2.jpg');
 211                 background-repeat: repeat-y;
 212 }
 213 */
 214
 215 /* the menu */
 216 td.row1, table.row1 {
 217         font-family: Verdana, Arial, Helvetica, sans-serif;
 218         font-weight: normal;
 219         background-color: #EFEFEF;
 220         vertical-align: top;
 221         padding: 8px;
 222         border-bottom: 1px #98AAB1 solid;
 223 }
 224
 225 /* menu titles*/
 226 td.cat, th {
 227         font-family: Verdana, Arial, Helvetica, sans-serif;
 228         background-image: url('images/cellpic1.gif');
 229         background-repeat: repeat-x;
 230         background-color:#D1D7DC;
 231         height: 25px;
 232         text-align: center;
 233         font-weight: bold;
 234         padding-top: 3px;
 235         padding-left: 5px;
 236         padding-right: 5px;
 237         white-space: nowrap;
 238 }
 239 td.cat2 {
 240         font-family: Verdana, Arial, Helvetica, sans-serif;
 241         background-image: url('images/cellpic1.gif');
 242         background-repeat: repeat;
 243         text-align: center;
 244         font-weight: bold;
 245         padding: 1px;
 246         border: 1px #98AAB1 solid;
 247 }
 248 td.cat2b {
 249         font-family: Verdana, Arial, Helvetica, sans-serif;
 250         background-image: url('images/cellpic1.gif');
 251         background-repeat: repeat;
 252         text-align: center;
 253         font-weight: bold;
 254         height: 27px;
 255         padding: 1px;
 256         border: 1px #98AAB1 solid;
 257 }
 258 td.cat2c {
 259         font-family: Verdana, Arial, Helvetica, sans-serif;
 260         background-image: url('images/cellpic1.gif');
 261         background-repeat: repeat;
 262         text-align: center;
 263         font-weight: bold;
 264         height: 27px;
 265         padding: 1px;
 266         border: 1px #98AAB1 solid;
 267 }
 268 td.cat2d {
 269         font-family: Verdana, Arial, Helvetica, sans-serif;
 270         background-image: url('images/cellpic1.gif');
 271         background-repeat: repeat;
 272         text-align: center;
 273         font-weight: bold;
 274         height: 27px;
 275         padding: 1px;
 276         border: 1px #98AAB1 solid;
 277 }
 278 td.cat2e {
 279         font-family: Verdana, Arial, Helvetica, sans-serif;
 280         background-image: url('images/cellpic1.gif');
 281         background-repeat: repeat;
 282         text-align: center;
 283         font-weight: bold;
 284         height: 27px;
 285         padding: 1px;
 286         border: 1px #98AAB1 solid;
 287 }
 288 table.cat2 {
 289 font-family: Verdana, Arial, Helvetica, sans-serif;
 290         background-image: url('images/cellpic1.gif');
 291         background-repeat: repeat-x;
 292         /*Remove this attribute, to fix Opera menu display problem*/
 293         /*height: 27px;*/
 294         text-align: center;
 295         font-weight: bold;
 296         border: 1px #98AAB1 solid;
 297 }
 298 table.cat3 {
 299         font-family: Verdana, Arial, Helvetica, sans-serif;
 300         background-color: ;
 301 }
 302
 303 /* various line breaks */
 304 td.row2 {
 305         background-color: #98AAB1;
 306         font-weight: normal;
 307         height: 1px;
 308 }
 309 td.row3 {
 310         background-color: #006699;
 311         font-weight: normal;
 312         height: 1px;
 313 }
 314 td.row4 {
 315         background-color: #f3f3f2;
 316         font-weight: normal;
 317         height: 1px;
 318 }
 319
 320 /* align text to the left */
 321 .left {
 322         text-align: left;
 323 }
 324
 325 /* pipe attribute  */
 326 .spacer {
 327         font-family: Verdana, Arial, Helvetica, sans-serif;
 328         color: #006699;
 329         font-size: 0.65em;
 330 }
 331
 332 /* previous/next text attribute */
 333 .bigspacer {
 334         color: #006699;
 335 }
 336
 337 .bodyline {
 338         background-color: #FFFFFF;
 339         border: 1px #98AAB1 solid;
 340 }
 341 /* date attributes */
 342 small.date {
 343         font-family: Verdana, Arial, Helvetica, sans-serif;
 344         color: #006699;
 345         margin-bottom: 0px;
 346         margin-top: 0px;
 347         margin-left: 5px;
 348         margin-right: 0px;
 349         font-size: 0.7em;
 350 }
 351
 352 .menuimage {
 353         vertical-align: middle;
 354         margin-top: 0px;
 355 }
 356
 357 /* page breakline */
 358 hr {
 359         color: #98AAB1;
 360         background-color: white;
 361         height: 1px;
 362 }
 363
 364 /* box around a forum reply */
 365 .block {
 366         position: relative;
 367         font-size: 0.9em;
 368         background-color: #FFFFFF;
 369         border: 1px dotted #98AAB1;
 370         padding: 5px;
 371         margin-right: 5px;
 372         margin-left: 15px;
 373         margin-bottom: 0px;
 374 }
 375
 376
 377 select.dropdown {
 378         font-family: Verdana, Arial, Helvetica, sans-serif;
 379     background-color: #F1F3F1;
 380 }
 381
 382 h1, h2, h3, h4, h5, h6 {
 383         margin-top: 0px;
 384         margin-bottom: 0px;
 385         margin-left: 5px;
 386 }
 387
 388 h3 {
 389         border-bottom: 1px solid #354A81;
 390 }
 391
 392
 393 .content {
 394         padding: 20px;
 395         font-size: small;
 396 }
 397
 398 /* error box */
 399 table.errbox{
 400         font-family: Verdana, Arial, Helvetica, sans-serif;
 401         background-color: #FF0000;
 402         border: 2px #EEEEEE solid;
 403 }
 404 tr.errbox {
 405         font-family: Verdana, Arial, Helvetica, sans-serif;
 406         background-color: white;
 407         vertical-align:top;
 408         font-size: smaller;
 409 }
 410 h3.err {
 411         color: red;
 412         border: 0px;
 413 }
 414
 415 h3.good {
 416         color: green;
 417         border: 0px;
 418 }
 419
 420
 421  /* feedback box */
 422 table.fbkbox{
 423         font-family: Verdana, Arial, Helvetica, sans-serif;
 424         background-color: #30B626;
 425         border: 2px #EEEEEE solid;
 426 }
 427 tr.fbkbox{
 428         font-family: Verdana, Arial, Helvetica, sans-serif;
 429         background-color: white;
 430         vertical-align: top;
 431         font-size: smaller;
 432 }
 433 img#logo {
 434         padding: 10px;
 435         background-color: #eeeeee;
 436         border: 1px solid #cccccc;
 437         margin: 10px;
 438         float: right;
 439 }
 440
 441 div.install {
 442         border: 1px solid #354A81;
 443 }
 444
 445 div.install h3 {
 446         background-color: #354A81;
 447         margin-left: 0px;
 448         padding: 2px;
 449         color: white;
 450         border: 0px;
 451 }
 452 div.install p {
 453         font-size: small;
 454 }
 455 div.suggested {
 456         font-weight: bold;
 457         color: blue;
 458         border: 1px solid #e3e3e3;
 459 }
 460
 461 /* for data tables */
 462 table.data {
 463         border: 1px solid #f0f0f0;
 464         width: 90%;
 465         margin-left: auto;
 466         margin-right: auto;
 467         border-spacing: 0px;
 468         border-collapse: collapse;
 469 }
 470
 471 table.data th {
 472         background-color: #fafafa;
 473         border-bottom: 1px solid #f0f0f0;
 474         padding: 2px;
 475         white-space: nowrap;
 476         border-top: 1px solid #f0f0f0;
 477 }
 478
 479 table.data td {
 480         padding: 3px;
 481 }
 482
 483 div.required {
 484         font-weight: bold;
 485         color: red;
 486         font-size: x-large;
 487         float: left;
 488         position: relative;
 489         margin-top: -3px;
 490         height: 15px;
 491         padding-right: 0px;
 492 }
 493 div.optional {
 494         font-weight: bold;
 495         color: red;
 496         font-size: large;
 497         float: left;
 498         position: relative;
 499         margin-top: -3px;
 500         height: 15px;
 501         padding-right: 3px;
 502 }