install/stylesheet.css

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