vcs.maemo.org Git - marble/blob - www/kdeedu.css

   1 /*
   2 ** HTML elements
   3 */
   4
   5 body {
   6     margin: 0;
   7     padding: 0;
   8     text-align: center;
   9     font-size: 0.8em;
  10     font-family: "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
  11     color: #535353;
  12     background: #ffffff;
  13 }
  14
  15
  16 /*
  17 ** HTML Tags
  18 */
  19
  20 h1, h2, h3, h4
  21 {
  22     padding: 0;
  23     text-align: left;
  24     font-weight: bold;
  25     color: #f7800a;
  26     background: transparent;
  27 }
  28 h1 {
  29     margin: 0 0 0.3em 0;
  30     font-size: 1.7em;
  31 }
  32 h2, h3, h4 {
  33     margin: 1.3em 0 0 0.3em
  34 }
  35
  36 h2 {
  37     font-size: 1.5em;
  38 }
  39
  40 h3 {
  41     font-size: 1.4em;
  42 }
  43
  44 h4 {
  45     font-size: 1.3em;
  46 }
  47
  48 h5 {
  49     font-size: 1.2em;
  50 }
  51
  52 a:link {
  53     padding-bottom: 0;
  54     text-decoration: none;
  55     color: #0057ae;
  56 }
  57
  58 a:visited {
  59     padding-bottom: 0;
  60     text-decoration: none;
  61     color: #644A9B;
  62 }
  63
  64
  65 a[href]:hover {
  66     text-decoration: underline;
  67 }
  68
  69 hr {
  70     margin: 0.3em 1em 0.3em 1em;
  71     height: 1px;
  72     border: #bcbcbc dashed;
  73     border-width: 0 0 1px 0;
  74 }
  75
  76 pre {
  77     display: block;
  78     margin: 0.3em;
  79     padding: 0.3em;
  80     font-size: 1em;
  81     color: #000000;
  82     background: #f9f9f9;
  83     border: #2f6fab dashed;
  84     border-width: 1px;
  85     overflow: auto;
  86     line-height: 1.1em;
  87 }
  88
  89 input, textarea, select {
  90     margin: 0.2em;
  91     padding: 0.1em;
  92     color: #888888;
  93     background: #ffffff;
  94     border: 1px solid;
  95 }
  96
  97 blockquote {
  98     margin: 0.3em;
  99     padding-left: 2.5em;
 100     background: transparent;
 101 }
 102
 103 del {
 104     color: #800000;
 105     text-decoration: line-through;
 106 }
 107
 108 dt {
 109     font-weight: bold;
 110     font-size: 1.05em;
 111     color: #0057ae;
 112 }
 113
 114 dd {
 115     margin-left: 1em;
 116 }
 117
 118 p {
 119     margin-top: 0.5em;
 120     margin-bottom: 0.9em;
 121     text-align: justify;
 122 }
 123 fieldset {
 124     border: #cccccc 1px solid;
 125 }
 126
 127 li {
 128     text-align: left;
 129 }
 130
 131 fieldset {
 132     margin-bottom: 1em;
 133     padding: .5em;
 134 }
 135
 136 form {
 137     margin: 0;
 138     padding: 0;
 139 }
 140
 141 hr {
 142     height: 1px;
 143     border: #888888 1px solid;
 144     background: #888888;
 145     margin: 0.5em 0 0.5em 0 ;
 146 }
 147
 148 img {
 149     border: 0;
 150 }
 151
 152 img.bordered {
 153     margin-right: 30px;
 154 }
 155
 156 table {
 157     border-collapse: collapse;
 158     font-size: 1em;
 159 }
 160 th {
 161     text-align: center;
 162     padding: 1em;
 163 /*     border: #cccccc solid; */
 164 /*     border-width: 0 0 3px 0; */
 165 }
 166 td {
 167     text-align: left;
 168     padding-left: 1em;
 169     padding-right: 1em;
 170 }
 171
 172
 173 /*
 174 ** Header
 175 */
 176 #header {
 177     width: 100%;
 178     color: #535353;
 179     background: #eeeeee;
 180     border-bottom: #bcbcbc 1px solid;
 181 }
 182
 183 #header_top {
 184     margin: 0 auto;
 185     padding: 0;
 186     width: 60em;
 187     min-width: 770px;
 188     max-width: 45em;
 189     vertical-align: middle;
 190     color: #ffffff;
 191     background: url(/media/images/top.jpg) repeat-x bottom;
 192 background-color: #0057ae;
 193 }
 194
 195 #header_top div {
 196     margin: 0 auto;
 197     padding: 0;
 198     background: url(/media/images/top-left.jpg) no-repeat bottom left;
 199 }
 200
 201 #header_top div div {
 202     margin: 0 auto;
 203     padding: 0;
 204     vertical-align: middle;
 205     text-align: left;
 206     font-size: 1.7em;
 207     font-weight: bold;
 208     background: url(/media/images/top-right.jpg) no-repeat bottom right;
 209 }
 210
 211 #header_top div div img {
 212     margin:8px 0px 9px 18px;
 213     vertical-align: middle;
 214 }
 215
 216 #header_bottom {
 217         margin: 0 auto;
 218     padding: 0.1em 0em 0.3em 0;
 219     width: 60em;
 220     min-width: 770px;
 221     max-width: 45em;
 222     vertical-align: middle;
 223     text-align: right;
 224     background: #eeeeee;
 225 }
 226
 227 #location {
 228     padding: 0 0 0 1.5em;
 229     text-align: left;
 230     line-height: normal;
 231     font-size: 1.1em;
 232     font-weight:bold;
 233     float: left;
 234 }
 235
 236 #location ul {
 237     display: inline;
 238     margin: 0;
 239     padding: 0;
 240     list-style: none;
 241 }
 242
 243 #location ul li {
 244     display: inline;
 245     white-space : nowrap;
 246     margin: 0;
 247     padding: 0 1em 0 0;
 248 }
 249
 250 #menu {
 251     margin: 0 1.5em 0 0;
 252     text-align: right;
 253     line-height: normal;
 254     font-size: 1.1em;
 255     font-weight: bold;
 256 }
 257
 258 #menu ul {
 259     display: inline;
 260     list-style: none;
 261     margin: 0;
 262     padding: 0;
 263     text-align: right;
 264 }
 265
 266 #menu ul li {
 267     display: inline;
 268     white-space : nowrap;
 269     margin: 0;
 270     padding: 0 0 0 1em;
 271     text-align: right;
 272 }
 273
 274 .here a:link, .here a:visited {
 275     text-decoration:underline;
 276 }
 277
 278 .here ul a:link, .here ul a:visited {
 279     text-decoration:none;
 280 }
 281
 282 #menu ul li a {
 283     font-weight: bold;
 284 }
 285
 286
 287 /*
 288 ** Content
 289 */
 290
 291 #content {
 292     width: 100%;
 293 }
 294
 295 #main {
 296     /* padding in px not ex because IE messes up 100% width tables otherwise */
 297     padding: 10px;
 298     text-align: left;
 299 }
 300
 301 #body_wrapper {
 302     margin: 0 auto;
 303     width: 60em;
 304     min-width: 770px;
 305     max-width: 45em;
 306     border: #bcbcbc solid;
 307     border-width: 0 0 0 1px;
 308 }
 309
 310 #body {
 311     float: left;
 312     margin: 0;
 313     padding: 0;
 314     min-height: 40em;
 315     width: 60em;
 316     min-width: 770px;
 317     max-width: 45em;
 318 }
 319
 320 #right {
 321     float: right;
 322     margin: 0;
 323     padding: 0;
 324     width: 73%;
 325 }
 326
 327 /* These are date cells on the front page. */
 328 td.cell_date {
 329     width: 8em;
 330     min-width: 8em;
 331 }
 332
 333 #hotspot, .sideimage {
 334     float: right;
 335     margin: 1ex 1em;
 336     clear: right;
 337 }
 338
 339 .belowimage, h1, h2, h3, h4, h5 {
 340     clear: right;
 341 }
 342
 343
 344 /*
 345 ** Left Menu
 346 */
 347
 348 #left {
 349         float: left;
 350     margin: 0;
 351     padding: 0;
 352     width: 25%;
 353 }
 354
 355 .menu_box {
 356     padding: 0.7em 0 0 0;
 357 }
 358
 359 .menu_box ul {
 360     text-align: left;
 361 }
 362
 363 .menu_box li {
 364     list-style-type: none;
 365     text-align: left;
 366     margin-left: 0.1em;
 367 }
 368
 369 .menu_box ul ul {
 370 margin: 0;
 371 padding-left: 0;
 372 }
 373
 374 .menu_box li li {
 375 margin-left: 1em;
 376 }
 377
 378 .menu_box .active{
 379     color: #cf4913;
 380 }
 381
 382 .menutitle {
 383     margin: 0.6em 0 1.2em 0;
 384     padding:0;
 385     color: #ffffff;
 386     background: url(/media/images/block_title_mid.png) repeat-y right;
 387 background-color: #0057ae;
 388 }
 389 .menutitle div {
 390     margin: 0;
 391     padding:0;
 392     background: url(/media/images/block_title_top.png) no-repeat top right;
 393 }
 394 .menutitle div h2 {
 395     margin: 0;
 396     padding: 0.2em 0 0.3em 1.3em;
 397     line-height:1.2em;
 398     font-size: 120%;
 399     font-weight: normal;
 400     color: #ffffff;
 401     background: url(/media/images/block_title_bottom.png) no-repeat bottom right;
 402 }
 403 .menutitle div h2 a {
 404     color: #ffffff;
 405 }
 406 .clearer {
 407     clear: both;
 408     height: 1px;
 409 }
 410
 411
 412 /*
 413 ** Footer
 414 */
 415 #footer {
 416         width: 100%;
 417     background: #eeeeee;
 418 }
 419
 420 #footer_text {
 421     margin: 0 auto;
 422     padding: 1em 0 1em 3.5em;
 423     width: 51.5em;
 424     text-align: left;
 425     color: #000000;
 426     background: #eeeeee;
 427 }
 428
 429 #footer a:link, #footer a:visited {
 430     color: #4d88c3;
 431 }
 432
 433 #quicklinks {
 434 font-size: 1em;
 435 padding: 1em;
 436 text-align: center;
 437 margin-top: 0.5em;
 438 margin-left: 0.2em;
 439 margin-bottom: 0.5em;
 440 margin-right: 0.2em;
 441 }
 442
 443 /*
 444 ** Credits
 445 */
 446 table.credit tr {
 447 vertical-align:top;
 448 }
 449
 450 table.credit td {
 451 border-bottom: 1px solid #cccccc;
 452 }
 453
 454
 455 .programbox
 456 {
 457         float: left;
 458         margin-left: 1ex;
 459         margin-right: 1ex;
 460         padding-bottom: 2ex;
 461 }
 462
 463 .programbox-image
 464 {
 465         display: block;
 466         margin-left: auto;
 467         margin-right: auto;
 468 }
 469
 470 .programbox-text
 471 {
 472         text-align: center;
 473 }
 474
 475 .programboxh3
 476 {
 477         clear: both;
 478 }