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