doc/global/template/style/offline.css

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