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 table {
 152     border-collapse: collapse;
 153     font-size: 1em;
 154 }
 155 th {
 156     text-align: center;
 157     padding: 1em;
 158 /*     border: #cccccc solid; */
 159 /*     border-width: 0 0 3px 0; */
 160 }
 161 td {
 162     text-align: left;
 163     padding-left: 1em;
 164     padding-right: 1em;
 165 }
 166
 167
 168 /*
 169 ** Header
 170 */
 171 #header {
 172     width: 100%;
 173     color: #535353;
 174     background: #eeeeee;
 175     border-bottom: #bcbcbc 1px solid;
 176 }
 177
 178 #header_top {
 179     margin: 0 auto;
 180     padding: 0;
 181     width: 60em;
 182     min-width: 770px;
 183     max-width: 45em;
 184     vertical-align: middle;
 185     color: #ffffff;
 186     background: url(/media/images/top.jpg) repeat-x bottom;
 187 background-color: #0057ae;
 188 }
 189
 190 #header_top div {
 191     margin: 0 auto;
 192     padding: 0;
 193     background: url(/media/images/top-left.jpg) no-repeat bottom left;
 194 }
 195
 196 #header_top div div {
 197     margin: 0 auto;
 198     padding: 0;
 199     vertical-align: middle;
 200     text-align: left;
 201     font-size: 1.7em;
 202     font-weight: bold;
 203     background: url(/media/images/top-right.jpg) no-repeat bottom right;
 204 }
 205
 206 #header_top div div img {
 207     margin:8px 0px 9px 18px;
 208     vertical-align: middle;
 209 }
 210
 211 #header_bottom {
 212         margin: 0 auto;
 213     padding: 0.1em 0em 0.3em 0;
 214     width: 60em;
 215     min-width: 770px;
 216     max-width: 45em;
 217     vertical-align: middle;
 218     text-align: right;
 219     background: #eeeeee;
 220 }
 221
 222 #location {
 223     padding: 0 0 0 1.5em;
 224     text-align: left;
 225     line-height: normal;
 226     font-size: 1.1em;
 227     font-weight:bold;
 228     float: left;
 229 }
 230
 231 #location ul {
 232     display: inline;
 233     margin: 0;
 234     padding: 0;
 235     list-style: none;
 236 }
 237
 238 #location ul li {
 239     display: inline;
 240     white-space : nowrap;
 241     margin: 0;
 242     padding: 0 1em 0 0;
 243 }
 244
 245 #menu {
 246     margin: 0 1.5em 0 0;
 247     text-align: right;
 248     line-height: normal;
 249     font-size: 1.1em;
 250     font-weight: bold;
 251 }
 252
 253 #menu ul {
 254     display: inline;
 255     list-style: none;
 256     margin: 0;
 257     padding: 0;
 258     text-align: right;
 259 }
 260
 261 #menu ul li {
 262     display: inline;
 263     white-space : nowrap;
 264     margin: 0;
 265     padding: 0 0 0 1em;
 266     text-align: right;
 267 }
 268
 269 .here a:link, .here a:visited {
 270     text-decoration:underline;
 271 }
 272
 273 .here ul a:link, .here ul a:visited {
 274     text-decoration:none;
 275 }
 276
 277 #menu ul li a {
 278     font-weight: bold;
 279 }
 280
 281
 282 /*
 283 ** Content
 284 */
 285
 286 #content {
 287     width: 100%;
 288 }
 289
 290 #main {
 291     /* padding in px not ex because IE messes up 100% width tables otherwise */
 292     padding: 10px;
 293     text-align: left;
 294 }
 295
 296 #body_wrapper {
 297     margin: 0 auto;
 298     width: 60em;
 299     min-width: 770px;
 300     max-width: 45em;
 301     border: #bcbcbc solid;
 302     border-width: 0 0 0 1px;
 303 }
 304
 305 #body {
 306     float: left;
 307     margin: 0;
 308     padding: 0;
 309     min-height: 40em;
 310     width: 60em;
 311     min-width: 770px;
 312     max-width: 45em;
 313 }
 314
 315 #right {
 316     float: right;
 317     margin: 0;
 318     padding: 0;
 319     width: 73%;
 320 }
 321
 322 /* These are date cells on the front page. */
 323 td.cell_date {
 324     width: 8em;
 325     min-width: 8em;
 326 }
 327
 328 #hotspot, .sideimage {
 329     float: right;
 330     margin: 1ex 1em;
 331     clear: right;
 332 }
 333
 334 .belowimage, h1, h2, h3, h4, h5 {
 335     clear: right;
 336 }
 337
 338
 339 /*
 340 ** Left Menu
 341 */
 342
 343 #left {
 344         float: left;
 345     margin: 0;
 346     padding: 0;
 347     width: 25%;
 348 }
 349
 350 .menu_box {
 351     padding: 0.7em 0 0 0;
 352 }
 353
 354 .menu_box ul {
 355     text-align: left;
 356 }
 357
 358 .menu_box li {
 359     list-style-type: none;
 360     text-align: left;
 361     margin-left: 0.1em;
 362 }
 363
 364 .menu_box ul ul {
 365 margin: 0;
 366 padding-left: 0;
 367 }
 368
 369 .menu_box li li {
 370 margin-left: 1em;
 371 }
 372
 373 .menu_box .active{
 374     color: #cf4913;
 375 }
 376
 377 .menutitle {
 378     margin: 0.6em 0 1.2em 0;
 379     padding:0;
 380     color: #ffffff;
 381     background: url(/media/images/block_title_mid.png) repeat-y right;
 382 background-color: #0057ae;
 383 }
 384 .menutitle div {
 385     margin: 0;
 386     padding:0;
 387     background: url(/media/images/block_title_top.png) no-repeat top right;
 388 }
 389 .menutitle div h2 {
 390     margin: 0;
 391     padding: 0.2em 0 0.3em 1.3em;
 392     line-height:1.2em;
 393     font-size: 120%;
 394     font-weight: normal;
 395     color: #ffffff;
 396     background: url(/media/images/block_title_bottom.png) no-repeat bottom right;
 397 }
 398 .menutitle div h2 a {
 399     color: #ffffff;
 400 }
 401 .clearer {
 402     clear: both;
 403     height: 1px;
 404 }
 405
 406
 407 /*
 408 ** Footer
 409 */
 410 #footer {
 411         width: 100%;
 412     background: #eeeeee;
 413 }
 414
 415 #footer_text {
 416     margin: 0 auto;
 417     padding: 1em 0 1em 3.5em;
 418     width: 51.5em;
 419     text-align: left;
 420     color: #000000;
 421     background: #eeeeee;
 422 }
 423
 424 #footer a:link, #footer a:visited {
 425     color: #4d88c3;
 426 }
 427
 428 #quicklinks {
 429 font-size: 1em;
 430 padding: 1em;
 431 text-align: center;
 432 margin-top: 0.5em;
 433 margin-left: 0.2em;
 434 margin-bottom: 0.5em;
 435 margin-right: 0.2em;
 436 }
 437
 438 /*
 439 ** Credits
 440 */
 441 table.credit tr {
 442 vertical-align:top;
 443 }
 444
 445 table.credit td {
 446 border-bottom: 1px solid #cccccc;
 447 }
 448
 449
 450 .programbox
 451 {
 452         float: left;
 453         margin-left: 1ex;
 454         margin-right: 1ex;
 455         padding-bottom: 2ex;
 456 }
 457
 458 .programbox-image
 459 {
 460         display: block;
 461         margin-left: auto;
 462         margin-right: auto;
 463 }
 464
 465 .programbox-text
 466 {
 467         text-align: center;
 468 }
 469
 470 .programboxh3
 471 {
 472         clear: both;
 473 }