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