doc/global/template/style/online.css

   1 body{
   2 font: normal 400 14px/1.2 Arial;
   3 font-family: Arial, Helvetica;
   4 color:#313131;
   5 text-align:justify;
   6 margin-left:5px;
   7 margin-right:5px;
   8 background: none repeat scroll 0% 0% rgb(230,231,232);
   9 }
  10
  11 img{
  12 -moz-box-shadow: 3px 3px 3px #ccc;
  13 -webkit-box-shadow: 3px 3px 3px #ccc;
  14 box-shadow: 3px 3px 3px #ccc;
  15 border:#8E8D8D 2px solid;
  16 margin-left:0px;
  17 max-width: 800px;
  18 height: auto
  19 }
  20
  21 b{
  22 font-weight:600;
  23 }
  24
  25 .content{}
  26
  27 .descr{
  28 margin-top:35px;
  29 /*max-width: 75%;*/
  30 margin-left:5px;
  31 text-align:justify;
  32 vertical-align:top;
  33 }
  34
  35 .name{
  36 max-width: 75%;
  37 font-weight:100;
  38 }
  39
  40 tt{
  41 text-align:left;}
  42
  43 /*
  44 -----------
  45 links
  46 -----------
  47 */
  48
  49 a:link{
  50 color: #2C418D;
  51 text-decoration: none;
  52 text-align:left;
  53 }
  54
  55 a:hover{
  56 color: #869CD1;
  57 text-decoration:underline;
  58 text-align:left;
  59 }
  60
  61 a:visited{
  62 color: #869CD1;
  63 text-decoration: none;
  64 text-align:left;
  65 }
  66
  67 a:visited:hover{
  68 text-decoration:underline;
  69 text-align:left;
  70 }
  71
  72 .flags{
  73 text-decoration:none;
  74 text-height:24px;
  75 }
  76
  77 /*
  78 -------------------------------
  79 NOTE styles
  80 -------------------------------
  81 */
  82 .notetitle, .tiptitle, .fastpathtitle{
  83 font-weight:bold;
  84 }
  85
  86 .attentiontitle,.cautiontitle,.dangertitle,.importanttitle,.remembertitle,.restrictiontitle{
  87 font-weight:bold;
  88 }
  89
  90 .note,.tip,.fastpath{
  91 background: #F2F2F2 url(../images/ico_note.png);
  92 background-repeat: no-repeat;
  93 background-position: top left;
  94 padding:5px;
  95 padding-left:40px;
  96 padding-bottom:10px;
  97 border:#999 1px dotted;
  98 color:#666666;
  99 margin:5px;
 100 }
 101
 102 .attention,.caution,.danger,.important,.remember,.restriction{
 103 background: #F2F2F2 url(../images/ico_note_attention.png);
 104 background-repeat:no-repeat;
 105 background-position:top left;
 106 padding:5px;
 107 padding-left:40px;
 108 padding-bottom:10px;
 109 border:#999 1px dotted;
 110 color:#666666;
 111 margin:5px;
 112 }
 113
 114 /*
 115 -------------------------------
 116 Top navigation
 117 -------------------------------
 118 */
 119
 120 .nav{
 121 text-align:right;
 122 margin-right:9px;
 123 }
 124 .nav img{
 125     box-shadow: none;
 126 }
 127 .nav-main{
 128 margin-top:22px;
 129 margin-left: 20px;
 130 text-align:left
 131 }
 132 .nav-main-content{
 133 font-weight:bold;
 134 margin-right: 20px;
 135 display:inline-block;
 136 }
 137 .nav-subtitle{
 138 color: #869CD1;
 139 margin-left: 220px;
 140 }
 141 .header{
 142 height:1px;
 143 padding:0px;
 144 margin:0px;
 145 }
 146
 147 header{
 148 background: none repeat scroll 0% 0% rgb(255,255,255);
 149 border-radius: 10px 10px 10px 10px;
 150 padding: 10px;
 151 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 152 }
 153
 154 header h1{
 155 display:block;
 156 line-height: 70px;
 157 font-size: 30px;
 158 margin-left: 223px;
 159 }
 160 header img{
 161 box-shadow: none;
 162 border: 0;
 163 position: absolute;
 164 left: 30px;
 165 }
 166 .qtref{
 167 display: block;
 168 position: relative;
 169 top: -76px;
 170 height:15px;
 171 z-index: 1;
 172 font-size:11px;
 173 padding-right:10px;
 174 float:right;
 175 }
 176
 177 .naviNextPrevious{
 178 display: block;
 179 text-align: right;
 180 float:right;
 181 z-index:1;
 182 padding-right:10px;
 183 vertical-align:top;
 184 }
 185
 186
 187 .naviNextPrevious > a.prevPage {
 188 background-image:url(../images/btn_prev.png);
 189 background-repeat:no-repeat;
 190 background-position:left;
 191 padding-left:20px;
 192 height:20px;
 193 padding-left:20px;
 194 }
 195
 196 .naviNextPrevious > a.nextPage {
 197 background-image:url(../images/btn_next.png);
 198 background-repeat:no-repeat;
 199 background-position:right;
 200 padding-right:20px;
 201 height:20px;
 202 margin-left:30px;
 203 }
 204
 205 .breadcrumb{
 206 display: block;
 207 position: relative;
 208 top:-20px;
 209 /*border-top:2px solid #ffffff;*/
 210 border-bottom: 1px solid #cecece;
 211 background-color:#F2F2F2;
 212 z-index:1;
 213 height:20px;
 214 padding:0px;
 215 margin:0px;
 216 padding-left:10px;
 217 padding-top:2px;
 218 margin-left:-5px;
 219 margin-right:-5px;
 220 }
 221
 222 .breadcrumb ul{
 223  margin:0px;
 224  padding:0px;
 225 }
 226
 227 .breadcrumb ul li{
 228 background-color:#F2F2F2;
 229 list-style-type:none;
 230 padding:0;
 231 margin:0;
 232 height:20px;
 233 }
 234
 235 .breadcrumb li{
 236 float:left;
 237 }
 238
 239 .breadcrumb .first {
 240 background:url(../images/home.png);
 241 background-position:left;
 242 background-repeat:no-repeat;
 243 padding-left:20px;
 244 }
 245
 246
 247 .breadcrumb li a{
 248 color:#2C418D;
 249 display:block;
 250 text-decoration:none;
 251 background:url(../images/arrow.png);
 252 background-repeat:no-repeat;
 253 background-position:right;
 254 padding-right:25px;
 255 padding-left:10px;
 256 }
 257
 258 .breadcrumb li a:hover{
 259 color:#909090;
 260 display:block;
 261 text-decoration:none;
 262 background:url(../images/arrow.png);
 263 background-repeat:no-repeat;
 264 background-position:right;
 265 padding-right:20px;
 266 padding-left:10px;
 267 }
 268
 269 /*
 270 -----------
 271 footer and license
 272 -----------
 273 */
 274 .footer{
 275 text-align:center
 276 }
 277 /*
 278 -----------
 279 main content
 280 -----------
 281 */
 282 .line{
 283 text-align: left;
 284 background: none repeat scroll 0% 0% rgb(255,255,255);
 285 border-radius: 10px 10px 10px 10px;
 286 padding-left: 14px;
 287 padding-right: 14px;
 288 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 289 margin-top: 10px;
 290 padding-bottom: 35px;
 291 }
 292
 293
 294 /* table of content
 295 no display
 296 */
 297
 298 /*
 299 -----------
 300 headers
 301 -----------
 302 */
 303
 304
 305 @media screen{
 306 .title{
 307 color:#313131;
 308 font-size: 18px;
 309 font-weight: normal;
 310 left: 0;
 311 padding-bottom: 20px;
 312 padding-left: 10px;
 313 padding-top: 20px;
 314 border-bottom: 1px #CCC solid ;
 315 font-weight:bold;
 316 margin-left:0px;
 317 margin-right:0px;
 318 }
 319 }
 320
 321 h1 {
 322 margin: 0;
 323 }
 324
 325 h2, p.h2 {
 326 font: 500 16px/1.2 Arial;
 327 font-weight:100;
 328 background-color:#F2F3F4;
 329 padding:4px;
 330 padding-left:14px;
 331 margin-bottom:30px;
 332 margin-top:30px;
 333 margin-left:-10px;
 334 margin-right:-5px;
 335 border-top:#E0E0DE 1px solid;
 336 border-bottom: #E0E0DE 1px solid;
 337 }
 338
 339 h3{
 340
 341 font: 500 14px/1.2 Arial;
 342 font-weight:100;
 343 text-decoration:underline;
 344 margin-bottom:30px;
 345 margin-top:30px;
 346 }
 347
 348 h3.fn,span.fn{
 349 border-width: 1px;
 350 border-style: solid;
 351 border-color: #E6E6E6;
 352 -moz-border-radius: 7px 7px 7px 7px;
 353 -webkit-border-radius: 7px 7px 7px 7px;
 354 border-radius: 7px 7px 7px 7px;
 355 background-color: #F6F6F6;
 356 word-spacing: 3px;
 357 padding: 5px 5px;
 358 text-decoration:none;
 359 font-weight:bold;
 360 max-width:75%;
 361 font-size:14px;
 362 margin:0px;
 363 margin-top:30px;
 364
 365 }
 366
 367 .name{
 368 color:#1A1A1A;
 369 }
 370 .type{
 371 color:#808080;
 372 }
 373
 374
 375
 376 @media print {
 377 .title {
 378 color:#0066CB;
 379 font-family:Arial, Helvetica;
 380 font-size: 32px;
 381 font-weight: normal;
 382 left: 0;
 383 position: absolute;
 384 right: 0;
 385 top: 0;
 386 }
 387 }
 388
 389
 390 /*
 391 -----------------
 392 table styles
 393 -----------------
 394 */
 395 .table img {
 396 border:none;
 397 margin-left:0px;
 398 -moz-box-shadow:0px 0px 0px #fff;
 399 -webkit-box-shadow: 0px 0px 0px #fff;
 400 box-shadow: 0px 0px 0px #fff;
 401 }
 402
 403 /* table with border alternative colours*/
 404
 405  table,pre{
 406 -moz-border-radius: 7px 7px 7px 7px;
 407 -webkit-border-radius: 7px 7px 7px 7px;
 408  border-radius: 7px 7px 7px 7px;
 409 background-color: #F6F6F6;
 410 border: 1px solid #E6E6E6;
 411 border-collapse: separate;
 412 font-size: 12px;
 413 line-height: 1.2;
 414 margin-bottom: 25px;
 415 margin-left: 15px;
 416 font-size: 12px;
 417 line-height: 1.2;
 418 margin-bottom: 25px;
 419 margin-left: 15px;
 420 }
 421
 422
 423 table th{
 424 text-align:left;
 425 padding-left:20px;
 426 }
 427
 428 table td {
 429 padding: 3px 15px 3px 20px;
 430 border-bottom:#CCC dotted 1px;
 431 }
 432 table p { margin:0px;}
 433
 434 table tr.even {
 435 background-color: white;
 436 color: #66666E;
 437 }
 438
 439 table tr.odd {
 440 background-color: #F6F6F6;
 441 color: #66666E;
 442 }
 443
 444
 445 table thead {
 446 text-align:left;
 447 padding-left:20px;
 448 background-color:#e1e0e0;
 449 border-left:none;
 450 border-right:none;
 451 }
 452
 453 table thead th {
 454 padding-top:5px;
 455 padding-left:10px;
 456 padding-bottom:5px;
 457 border-bottom: 2px solid #D1D1D1;
 458 padding-right:10px;
 459 }
 460
 461
 462 /* table bodless & white*/
 463
 464 .borderless {
 465 border-radius: 0px 0px 0px 0px;
 466 background-color: #fff;
 467 border: 1px solid #fff;
 468 }
 469
 470 .borderless tr {
 471 background-color: #FFF;
 472 color: #66666E;
 473 }
 474
 475 .borderless td {
 476 border:none;
 477 border-bottom:#fff dotted 1px;
 478 }
 479
 480 /*
 481 -----------
 482 List
 483 -----------
 484 */
 485
 486 ul{
 487 padding-bottom:2px;
 488 }
 489
 490 li {
 491 margin-bottom: 10px;
 492 padding-left: 8px;
 493 list-style:outside;
 494 list-style-type:square;
 495 text-align:left;
 496 }
 497
 498
 499 ol{
 500 margin:10px;
 501 padding:0;
 502 }
 503
 504 ol > li{
 505 margin-left: 30px;
 506 padding-left:8px;
 507 list-style:decimal;
 508 }
 509
 510 .centerAlign{
 511 text-align: left;
 512 }
 513
 514 .cpp{
 515 display: block;
 516 margin: 10;
 517 overflow: hidden;
 518 overflow-x: hidden;
 519 overflow-y: hidden;
 520 padding: 20px 0 20px 0;
 521 }
 522
 523 .footer{
 524 margin-top: 50px;
 525 padding-left:5px;
 526 margin-bottom: 10px;
 527 font-size:10px;
 528 border-top: 1px solid #999;
 529 padding-top:11px;
 530 }
 531
 532 .footerNavi{
 533 width:auto;
 534 text-align:right;
 535 margin-top:50px;
 536 z-index:1;
 537 }
 538
 539 .memItemLeft{
 540 padding-right: 3px;
 541 }
 542
 543 .memItemRight{
 544 padding: 3px 15px 3px 0;
 545 }
 546
 547 .qml{
 548 display: block;
 549 margin: 10;
 550 overflow: hidden;
 551 overflow-x: hidden;
 552 overflow-y: hidden;
 553 padding: 20px 0 20px 0;
 554 }
 555
 556 .qmldefault{
 557 padding-left: 5px;
 558 float: right;
 559 color: red;
 560 }
 561
 562 .qmlreadonly{
 563 padding-left: 5px;
 564 float: right;
 565 color: #254117;
 566 }
 567
 568 .rightAlign{
 569 padding: 3px 5px 3px 10px;
 570 text-align: right;
 571 }
 572
 573 /*
 574 -----------
 575 Content table
 576 -----------
 577 */
 578
 579 @media print{
 580 .toc {
 581 float: right;
 582 padding-bottom: 10px;
 583 padding-top: 50px;
 584 width: 100%;
 585 background-image:url(../images/bgrContent.png);
 586 background-position:top;
 587 background-repeat:no-repeat;
 588 }
 589 }
 590
 591 @media screen{
 592 .toc{
 593 clear:both;
 594 float:right;
 595 vertical-align:top;
 596 -moz-border-radius: 7px 7px 7px 7px;
 597 -webkit-border-radius: 7px 7px 7px 7px;
 598 border-radius: 7px 7px 7px 7px;
 599  background:#FFF url(../images/bgrContent.png);
 600 background-position:top;
 601 background-repeat:repeat-x;
 602 border: 1px solid #E6E6E6;
 603 padding-left:5px;
 604 padding-bottom:10px;
 605 height: auto;
 606 width: 200px;
 607 text-align:left;
 608 z-index:2;
 609 margin-left:20px;
 610 margin-right:20px;
 611 margin-top:85px;
 612 padding-top:0px;
 613 }
 614 }
 615
 616 .toc h3{
 617 text-decoration:none;
 618 }
 619
 620 .toc h3{font: 500 14px/1.2 Arial;
 621 font-weight:100;
 622 padding:0px;
 623 margin:0px;
 624 padding-top:5px;
 625 padding-left:5px;
 626 }
 627
 628
 629 .toc ul{
 630 width:160px;
 631 padding-left:10px;
 632 padding-right:5px;
 633 padding-top:10px;
 634 }
 635
 636 .toc ul li{
 637 margin-left:20px;
 638 list-style-image:url(../images/blu_dot.png);
 639 list-style:outside;
 640
 641 }
 642
 643
 644 .toc ul li a:link{
 645 color: #2C418D;
 646 text-decoration: none;
 647 }
 648
 649 .toc ul li a:hover{
 650 color: #869CD1;
 651 text-decoration:underline;
 652
 653 }
 654
 655 .toc ul li a:visited{
 656 color: #869CD1;
 657 font-weight: bold;
 658 }
 659
 660 .level1{
 661 border:none;}
 662
 663 .clearfix{
 664 clear:both;}
 665
 666 /* start index box */
 667 .indexbox
 668 {
 669 width: 100%;
 670 display:inline-block;
 671 }
 672
 673 .indexboxcont
 674 {
 675 display: block;
 676
 677 }
 678
 679 .indexboxcont .section
 680 {
 681 display: inline-block;
 682 width: 49%;
 683 *width:42%;
 684 _width:42%;
 685 padding:0 2% 0 1%;
 686 vertical-align:top;
 687 }
 688
 689 .indexboxcont .indexIcon
 690 {
 691 width: 11%;
 692 *width:18%;
 693 _width:18%;
 694 overflow:hidden;
 695 }
 696
 697 .indexboxcont .section {
 698   float: left;
 699 }
 700
 701 .indexboxcont .section p
 702 {
 703 padding-top: 20px;
 704 padding-bottom: 20px;
 705 }
 706 .indexboxcont .sectionlist
 707 {
 708 display: inline-block;
 709 vertical-align:top;
 710 width: 32.5%;
 711 padding: 0;
 712 }
 713 .indexboxcont .sectionlist ul
 714 {
 715 margin-bottom: 20px;
 716 }
 717
 718 .indexboxcont .sectionlist ul li
 719 {
 720 line-height: 12px;
 721 }
 722
 723 .content .indexboxcont li
 724 {
 725 font: normal bold 13px/1 Verdana;
 726 }
 727
 728 .content .normallist li
 729 {
 730 font: normal 13px/1 Verdana;
 731 }
 732
 733 .indexbox .indexIcon {
 734 width: 11%;
 735 }
 736
 737 .indexbox .indexIcon span
 738 {
 739 display: block;
 740 }
 741
 742 .indexboxcont:after
 743 {
 744 content: ".";
 745 display: block;
 746 height: 0;
 747 clear: both;
 748 visibility: hidden;
 749 }