smartinstaller/doc/templates/style/style.css
branchADM
changeset 48 364021cecc90
equal deleted inserted replaced
47:3f419852be07 48:364021cecc90
       
     1 @media screen
       
     2 {
       
     3     html
       
     4     {
       
     5         color: #000000;
       
     6         background: #FFFFFF;
       
     7     }
       
     8     body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td
       
     9     {
       
    10         margin: 0;
       
    11         padding: 0;
       
    12     }
       
    13     table
       
    14     {
       
    15         border-collapse: collapse;
       
    16         border-spacing: 0;
       
    17     }
       
    18     fieldset, img
       
    19     {
       
    20         border: 0;
       
    21     }
       
    22     address, caption, cite, code, dfn, em, strong, th, var, optgroup
       
    23     {
       
    24         font-style: inherit;
       
    25         font-weight: inherit;
       
    26     }
       
    27     del, ins
       
    28     {
       
    29         text-decoration: none;
       
    30     }
       
    31     li
       
    32     {
       
    33         list-style: none;
       
    34     }
       
    35     caption, th
       
    36     {
       
    37         text-align: left;
       
    38     }
       
    39     h1, h2, h3, h4, h5, h6
       
    40     {
       
    41         font-size: 100%;
       
    42 /*        font-weight: normal; */
       
    43     }
       
    44     q:before, q:after
       
    45     {
       
    46         content: '';
       
    47     }
       
    48     abbr, acronym
       
    49     {
       
    50         border: 0;
       
    51         font-variant: normal;
       
    52     }
       
    53     sup
       
    54     {
       
    55         vertical-align: baseline;
       
    56     }
       
    57     sub
       
    58     {
       
    59         vertical-align: baseline;
       
    60     }
       
    61 	tt, .qmlreadonly span, .qmldefault span
       
    62 	{
       
    63 		word-spacing:5px;
       
    64 	}
       
    65     .heading
       
    66     {
       
    67         font: normal 600 16px/1.0 Arial;
       
    68         padding-bottom: 15px;
       
    69     }
       
    70     .subtitle
       
    71     {
       
    72         font-size: 13px;
       
    73     }
       
    74     .small-subtitle
       
    75     {
       
    76         font-size: 13px;
       
    77     }
       
    78     legend
       
    79     {
       
    80         color: #000000;
       
    81     }
       
    82     input, button, textarea, select, optgroup, option
       
    83     {
       
    84         font-family: inherit;
       
    85         font-size: inherit;
       
    86         font-style: inherit;
       
    87         font-weight: inherit;
       
    88     }
       
    89     input, button, textarea, select
       
    90     {
       
    91         font-size: 100%;
       
    92     }
       
    93     html
       
    94     {
       
    95         background-color: #e5e5e5;
       
    96     }
       
    97     body
       
    98     {
       
    99         background: #e6e7e8 url(../images/page_bg.png) repeat-x 0 0;
       
   100         font: normal 13px/1.2 Verdana;
       
   101         color: #363534;
       
   102     }
       
   103     strong
       
   104     {
       
   105         font-weight: bold;
       
   106     }
       
   107     em
       
   108     {
       
   109         font-style: italic;
       
   110     }
       
   111     a
       
   112     {
       
   113         color: #00732f;
       
   114         text-decoration: none;
       
   115     }
       
   116     .header, .footer, .wrapper
       
   117     {
       
   118         min-width: 600px;
       
   119         max-width: 1500px;
       
   120         margin: 0 30px;
       
   121     }
       
   122     .wrapper
       
   123     {
       
   124         background: url(../images/bg_r.png) repeat-y 100% 0;
       
   125     }
       
   126     .wrapper .hd
       
   127     {
       
   128         padding-left: 216px;
       
   129         height: 15px;
       
   130         background: url(../images/page.png) no-repeat 0 0;
       
   131         overflow: hidden;
       
   132     }
       
   133     .offline .wrapper .hd
       
   134     {
       
   135         background: url(../images/page.png) no-repeat 0 -15px;
       
   136     }
       
   137     .wrapper .hd span
       
   138     {
       
   139         height: 15px;
       
   140         display: block;
       
   141         overflow: hidden;
       
   142         background: url(../images/page.png) no-repeat 100% -30px;
       
   143     }
       
   144     .wrapper .bd
       
   145     {
       
   146         background: url(../images/bg_l.png) repeat-y 0 0;
       
   147         position: relative;
       
   148     }
       
   149     .offline .wrapper .bd
       
   150     {
       
   151         background: url(../images/bg_l_blank.png) repeat-y 0 0;
       
   152     }
       
   153     .wrapper .ft
       
   154     {
       
   155         padding-left: 216px;
       
   156         height: 15px;
       
   157         background: url(../images/page.png) no-repeat 0 -75px;
       
   158         overflow: hidden;
       
   159     }
       
   160     .offline .wrapper .ft
       
   161     {
       
   162         background: url(../images/page.png) no-repeat 0 -90px;
       
   163     }
       
   164     .wrapper .ft span
       
   165     {
       
   166         height: 15px;
       
   167         display: block;
       
   168         background: url(../images/page.png) no-repeat 100% -60px;
       
   169         overflow: hidden;
       
   170     }
       
   171     .header, .footer
       
   172     {
       
   173         display: block;
       
   174         clear: both;
       
   175         overflow: hidden;
       
   176     }
       
   177     .header
       
   178     {
       
   179         height: 115px;
       
   180         position: relative;
       
   181     }
       
   182     .header .icon
       
   183     {
       
   184         position: absolute;
       
   185         top: 13px;
       
   186         left: 0;
       
   187     }
       
   188     .header .qtref
       
   189     {
       
   190         position: absolute;
       
   191         top: 28px;
       
   192         left: 88px;
       
   193         width: 302px;
       
   194         height: 22px;
       
   195     }
       
   196     .header .qtref span
       
   197     {
       
   198         display: block;
       
   199         width: 302px;
       
   200         height: 22px;
       
   201         text-indent: -999em;
       
   202         background: url(../images/sprites-combined.png) no-repeat -78px -235px;
       
   203     }
       
   204 
       
   205     .sidebar
       
   206     {
       
   207         float: left;
       
   208         margin-left: 5px;
       
   209         width: 200px;
       
   210         font-size: 11px;
       
   211     }
       
   212 
       
   213     .offline .sidebar, .offline .feedback, .offline .t_button
       
   214     {
       
   215         display: none;
       
   216     }
       
   217 
       
   218     .sidebar .searchlabel
       
   219     {
       
   220         padding: 0 0 2px 17px;
       
   221         font: normal bold 11px/1.2 Verdana;
       
   222     }
       
   223 
       
   224     .sidebar .search
       
   225     {
       
   226         padding: 0 15px 0 16px;
       
   227     }
       
   228 
       
   229     .sidebar .search form
       
   230     {
       
   231         background: url(../images/sprites-combined.png) no-repeat -6px -348px;
       
   232 		height:21px;
       
   233 		padding:2px 0 0 5px;
       
   234 		width:167px;
       
   235     }
       
   236 
       
   237     .sidebar .search form input#pageType
       
   238     {
       
   239         width: 158px;
       
   240         height: 19px;
       
   241         padding: 0;
       
   242         border: none;
       
   243         outline: none;
       
   244         font: 13px/1.2 Verdana;
       
   245     }
       
   246 
       
   247     .sidebar .box
       
   248     {
       
   249         padding: 17px 15px 5px 16px;
       
   250     }
       
   251 
       
   252     .sidebar .box .first
       
   253     {
       
   254         background-image: none;
       
   255     }
       
   256 
       
   257     .sidebar .box h2
       
   258     {
       
   259         font: normal 18px/1.2 Arial;
       
   260         padding: 0;
       
   261         min-height: 32px;
       
   262     }
       
   263     .sidebar .box h2 span
       
   264     {
       
   265         overflow: hidden;
       
   266         display: inline-block;
       
   267     }
       
   268     .sidebar .box#lookup h2
       
   269     {
       
   270         background-image: none;
       
   271     }
       
   272     .sidebar #lookup.box h2 span
       
   273     {
       
   274         background: url(../images/sprites-combined.png) no-repeat -6px -311px;
       
   275         width: 27px;
       
   276         height: 35px;
       
   277         margin-right: 13px;
       
   278     }
       
   279     .sidebar .box#topics h2
       
   280     {
       
   281         background-image: none;
       
   282     }
       
   283     .sidebar #topics.box h2 span
       
   284     {
       
   285         background: url(../images/sprites-combined.png) no-repeat -94px -311px;
       
   286         width: 27px;
       
   287         height: 32px;
       
   288         margin-right: 13px;
       
   289     }
       
   290     .sidebar .box#examples h2
       
   291     {
       
   292         background-image: none;
       
   293     }
       
   294     .sidebar #examples.box h2 span
       
   295     {
       
   296         background: url(../images/sprites-combined.png) no-repeat -48px -311px;
       
   297         width: 30px;
       
   298         height: 31px;
       
   299         margin-right: 9px;
       
   300     }
       
   301 
       
   302     .sidebar .box .list
       
   303     {
       
   304         display: block;
       
   305 		max-height:200px;
       
   306 		overflow-y:auto;
       
   307 		overflow-x:none;
       
   308     }
       
   309     .sidebar .box .live
       
   310     {
       
   311         display: none;
       
   312         height: 100px;
       
   313         overflow: auto;
       
   314     }
       
   315     .list li a:hover, .live li a:hover
       
   316     {
       
   317         text-decoration: underline;
       
   318     }
       
   319     .sidebar .box ul
       
   320     {
       
   321 	padding:10px;
       
   322     }
       
   323     .sidebar .box ul li
       
   324     {
       
   325         padding-left: 12px;
       
   326         background: url(../images/bullet_gt.png) no-repeat 0 5px;
       
   327         margin-bottom: 5px;
       
   328     }
       
   329     .sidebar .bottombar
       
   330     {
       
   331         background: url(../images/box_bg.png) repeat-x 0 bottom;
       
   332     }
       
   333     .wrap
       
   334     {
       
   335         margin: 0 5px 0 208px;
       
   336         overflow: visible; 
       
   337     }
       
   338     .offline .wrap
       
   339     {
       
   340         margin: 0 5px 0 5px;
       
   341     }
       
   342     .wrap .toolbar
       
   343     {
       
   344         background-color: #fafafa;
       
   345         border-bottom: 1px solid #d1d1d1;
       
   346         height: 20px; 
       
   347         position: relative;
       
   348     }
       
   349     .wrap .toolbar .toolblock
       
   350     {
       
   351         position: absolute;
       
   352     }
       
   353     .wrap .toolbar .breadcrumb
       
   354     {
       
   355         font-size: 11px;
       
   356         line-height: 1;
       
   357         padding: 0 0 10px 21px;
       
   358         height: 10px;
       
   359     }
       
   360     .wrap .toolbar .toolbuttons
       
   361     {
       
   362         padding: 0 0 10px 21px;
       
   363         right: 5px;
       
   364         vertical-align: middle;
       
   365         overflow: hidden;
       
   366     }
       
   367     .wrap .toolbar .toolbuttons .active
       
   368     {
       
   369         color: #00732F;
       
   370     }
       
   371     .wrap .toolbar .toolbuttons ul
       
   372     {
       
   373         float: right;
       
   374     }
       
   375     .wrap .toolbar .toolbuttons li
       
   376     {
       
   377         float: left;
       
   378         text-indent: -10px;
       
   379         margin-top: -5px;
       
   380         margin-right: 15px;
       
   381         font-weight: bold;
       
   382         color: #B0ADAB;
       
   383     }
       
   384 
       
   385     .toolbuttons #print
       
   386     {
       
   387         border-left: 1px solid #c5c4c4;
       
   388         margin-top: 0;
       
   389         padding-left: 7px;
       
   390         text-indent: 0;
       
   391     }
       
   392     .toolbuttons #print a
       
   393     {
       
   394         width: 16px;
       
   395         height: 16px;
       
   396     }
       
   397 
       
   398     .toolbuttons #print a span
       
   399     {
       
   400         width: 16px;
       
   401         height: 16px;
       
   402         text-indent: -999em;
       
   403         display: block;
       
   404         overflow: hidden;
       
   405         background: url(../images/sprites-combined.png) no-repeat -137px -311px;
       
   406     }
       
   407 
       
   408     .toolbuttons #smallA
       
   409     {
       
   410         font-size: 10pt;
       
   411     }
       
   412     .toolbuttons #medA
       
   413     {
       
   414         font-size: 12pt;
       
   415     }
       
   416     .toolbuttons #bigA
       
   417     {
       
   418         font-size: 14pt;
       
   419         margin-right: 7px;
       
   420     }
       
   421 
       
   422     #smallA:hover, #medA:hover, #bigA:hover
       
   423     {
       
   424         color: #00732F;
       
   425     }
       
   426 
       
   427     .offline .wrap .breadcrumb
       
   428     {
       
   429     }
       
   430 
       
   431     .wrap .breadcrumb ul
       
   432     {
       
   433     }
       
   434     .wrap .breadcrumb ul li
       
   435     {
       
   436         float: left;
       
   437         background: url(../images/breadcrumb.png) no-repeat 0 3px;
       
   438         padding-left: 15px;
       
   439         margin-left: 15px;
       
   440         font-weight: bold;
       
   441     }
       
   442     .wrap .breadcrumb ul li.last
       
   443     {
       
   444         font-weight: normal;
       
   445     }
       
   446     .wrap .breadcrumb ul li a
       
   447     {
       
   448         color: #363534;
       
   449     }
       
   450     .wrap .breadcrumb ul li.first
       
   451     {
       
   452         background-image: none;
       
   453         padding-left: 0;
       
   454         margin-left: 0;
       
   455     }
       
   456     .wrap .content
       
   457     {
       
   458         padding: 30px;
       
   459         word-wrap: break-word;
       
   460     }
       
   461 
       
   462     .wrap .content li
       
   463     {
       
   464         padding-left: 12px;
       
   465         background: url(../images/bullet_sq.png) no-repeat 0 5px;
       
   466         font: normal 400 10pt/1 Verdana;
       
   467        /* color: #44a51c;*/
       
   468         margin-bottom: 10px; 
       
   469     }
       
   470     .content li:hover
       
   471     {
       
   472       /*  text-decoration: underline;*/
       
   473     }
       
   474 
       
   475     .wrap .content ol li {
       
   476         background:none;
       
   477         font: inherit;
       
   478         margin-bottom:10px;
       
   479         padding-left: 0px
       
   480     }
       
   481 
       
   482     .wrap .content ol li {
       
   483         list-style-type:decimal;
       
   484     }
       
   485 
       
   486     .wrap .content .descr ol li {
       
   487         margin-left: 45px;
       
   488     }
       
   489 
       
   490     .wrap .content {
       
   491         padding-top: 15px;
       
   492     }
       
   493 
       
   494     .wrap .content ol img {
       
   495         vertical-align: middle;
       
   496     }
       
   497     .wrap .content ul img {
       
   498         vertical-align: middle;
       
   499     }
       
   500 
       
   501     .wrap .content h1
       
   502     {
       
   503         font: 600 18px/1.2 Arial;
       
   504     }
       
   505     .wrap .content h2
       
   506     {
       
   507         font: 600 16px/1.2 Arial;
       
   508     }
       
   509     .wrap .content h3
       
   510     {
       
   511         font: 600 14px/1.2 Arial;
       
   512     }
       
   513     .wrap .content p
       
   514     {
       
   515         line-height: 20px;
       
   516         padding: 5px;
       
   517     }
       
   518     .wrap .content table p
       
   519     {
       
   520         line-height: 20px;
       
   521         padding: 0px;
       
   522     }	
       
   523     .wrap .content ul
       
   524     {
       
   525         padding-left: 25px;
       
   526         padding-top: 10px;
       
   527     }
       
   528     a:hover
       
   529     {
       
   530         color: #4c0033;
       
   531         text-decoration: underline;
       
   532     }
       
   533     .content a:visited
       
   534     {
       
   535         color: #4c0033;
       
   536         text-decoration: none;
       
   537     }
       
   538      .content a:visited:hover
       
   539     {
       
   540         color: #4c0033;
       
   541         text-decoration: underline;
       
   542     }   .footer
       
   543     {
       
   544         min-height: 100px;
       
   545         color: #797775;
       
   546         font: normal 9px/1 Verdana;
       
   547         text-align: center;
       
   548         padding-top: 40px;
       
   549         background-color: #E6E7E8;
       
   550         margin: 0;
       
   551     }
       
   552     .feedback
       
   553     {
       
   554         float: none;
       
   555         position: absolute;
       
   556         right: 15px;
       
   557         bottom: 10px;
       
   558         font: normal 8px/1 Verdana;
       
   559         color: #B0ADAB;
       
   560     }
       
   561     .feedback:hover
       
   562     {
       
   563         float: right;
       
   564         font: normal 8px/1 Verdana;
       
   565         color: #00732F;
       
   566         text-decoration: underline;
       
   567     }
       
   568     .header:after, .footer:after, .breadcrumb:after, .wrap .content:after, .group:after
       
   569     {
       
   570         content: ".";
       
   571         display: block;
       
   572         height: 0;
       
   573         clear: both;
       
   574         visibility: hidden;
       
   575     }
       
   576     #nav-topright
       
   577     {
       
   578         height: 70px;
       
   579     }
       
   580 
       
   581     #nav-topright ul
       
   582     {
       
   583         list-style-type: none;
       
   584         float: right;
       
   585         width: 370px;
       
   586         margin-top: 11px;
       
   587     }
       
   588 
       
   589     #nav-topright li
       
   590     {
       
   591         display: inline-block;
       
   592         margin-right: 20px;
       
   593         float: left;
       
   594     }
       
   595 
       
   596     #nav-topright li.nav-topright-last
       
   597     {
       
   598         margin-right: 0;
       
   599     }
       
   600 
       
   601     #nav-topright li a
       
   602     {
       
   603         background: transparent url(../images/sprites-combined.png) no-repeat;
       
   604         height: 18px;
       
   605         display: block;
       
   606         overflow: hidden;
       
   607         text-indent: -9999px;
       
   608     }
       
   609 
       
   610     #nav-topright li.nav-topright-home a
       
   611     {
       
   612         width: 65px;
       
   613         background-position: -2px -91px;
       
   614     }
       
   615 
       
   616     #nav-topright li.nav-topright-home a:hover
       
   617     {
       
   618         background-position: -2px -117px;
       
   619     }
       
   620 
       
   621 
       
   622     #nav-topright li.nav-topright-dev a
       
   623     {
       
   624         width: 30px;
       
   625         background-position: -76px -91px;
       
   626     }
       
   627 
       
   628     #nav-topright li.nav-topright-dev a:hover
       
   629     {
       
   630         background-position: -76px -117px;
       
   631     }
       
   632 
       
   633 
       
   634     #nav-topright li.nav-topright-labs a
       
   635     {
       
   636         width: 40px;
       
   637         background-position: -114px -91px;
       
   638     }
       
   639 
       
   640     #nav-topright li.nav-topright-labs a:hover
       
   641     {
       
   642         background-position: -114px -117px;
       
   643     }
       
   644 
       
   645     #nav-topright li.nav-topright-doc a
       
   646     {
       
   647         width: 32px;
       
   648         background-position: -162px -91px;
       
   649     }
       
   650 
       
   651     #nav-topright li.nav-topright-doc a:hover, #nav-topright li.nav-topright-doc-active a
       
   652     {
       
   653         background-position: -162px -117px;
       
   654     }
       
   655 
       
   656     #nav-topright li.nav-topright-blog a
       
   657     {
       
   658         width: 40px;
       
   659         background-position: -203px -91px;
       
   660     }
       
   661 
       
   662     #nav-topright li.nav-topright-blog a:hover, #nav-topright li.nav-topright-blog-active a
       
   663     {
       
   664         background-position: -203px -117px;
       
   665     }
       
   666 
       
   667     #nav-topright li.nav-topright-shop a
       
   668     {
       
   669         width: 40px;
       
   670         background-position: -252px -91px;
       
   671     }
       
   672 
       
   673     #nav-topright li.nav-topright-shop a:hover, #nav-topright li.nav-topright-shop-active a
       
   674     {
       
   675         background-position: -252px -117px;
       
   676     }
       
   677 
       
   678     #nav-logo
       
   679     {
       
   680         background: transparent url(../images/sprites-combined.png ) no-repeat 0 -225px;
       
   681         left: -3px;
       
   682         position: absolute;
       
   683         width: 75px;
       
   684         height: 75px;
       
   685         top: 13px;
       
   686     }
       
   687     #nav-logo a
       
   688     {
       
   689         width: 75px;
       
   690         height: 75px;
       
   691         display: block;
       
   692         text-indent: -9999px;
       
   693         overflow: hidden;
       
   694     }
       
   695 
       
   696 
       
   697     .shortCut-topleft-inactive
       
   698     {
       
   699         padding-left: 3px;
       
   700         padding-right: 3px;
       
   701         background: transparent url( ../images/sprites-combined.png) no-repeat 0px -58px;
       
   702         height: 20px;
       
   703     }
       
   704     .shortCut-topleft-inactive span
       
   705     {
       
   706         font-variant: normal;
       
   707     }
       
   708 	    .shortCut-topleft-inactive span a:hover,     .shortCut-topleft-active a:hover
       
   709 	{
       
   710 		text-decoration:none;
       
   711 	}
       
   712     #shortCut
       
   713     {
       
   714         padding-top: 10px;
       
   715         font-weight: bolder;
       
   716         color: #b0adab;
       
   717     }
       
   718     #shortCut ul
       
   719     {
       
   720         list-style-type: none;
       
   721         float: left;
       
   722         margin-left: 100px;
       
   723     }
       
   724     #shortCut li
       
   725     {
       
   726         display: inline-block;
       
   727         margin-right: 25px;
       
   728         float: left;
       
   729         white-space: nowrap;
       
   730     }
       
   731     #shortCut li a
       
   732     {
       
   733         color: #b0adab;
       
   734     }
       
   735     #shortCut li a:hover
       
   736     {
       
   737         color: #44a51c;
       
   738     }
       
   739 
       
   740     hr
       
   741     {
       
   742         background-color: #E6E6E6;
       
   743         border: 1px solid #E6E6E6;
       
   744         height: 1px;
       
   745         width: 100%;
       
   746         text-align: left;
       
   747         margin: 15px 0px 15px 0px;
       
   748     }
       
   749 
       
   750     .content .alignedsummary
       
   751     {
       
   752         margin: 15px;
       
   753     }
       
   754     pre
       
   755     {
       
   756         border: 1px solid #DDDDDD;
       
   757         margin: 0 20px 10px 10px;
       
   758         padding: 20px 15px 20px 20px;
       
   759         overflow-x: auto;
       
   760     }
       
   761     table, pre
       
   762     {
       
   763         -moz-border-radius: 7px 7px 7px 7px;
       
   764         background-color: #F6F6F6;
       
   765         border: 1px solid #E6E6E6;
       
   766         border-collapse: separate;
       
   767         font-size: 11px;
       
   768         /*min-width: 395px;*/
       
   769         margin-bottom: 25px;
       
   770         display: inline-block;
       
   771     }
       
   772     thead
       
   773     {
       
   774         margin-top: 5px;
       
   775 		font:600 12px/1.2 Arial;
       
   776     }
       
   777     th
       
   778     {
       
   779         padding: 5px 15px 5px 15px;
       
   780         background-color: #E1E1E1;
       
   781       /*  border-bottom: 1px solid #E6E6E6;*/
       
   782         border-left: 1px solid #E6E6E6;
       
   783       /*  border-right: 1px solid #E6E6E6;*/
       
   784     }
       
   785     td
       
   786     {
       
   787         padding: 3px 15px 3px 20px;
       
   788   /*      border-left: 1px solid #E6E6E6;
       
   789         border-right: 1px solid #E6E6E6;*/
       
   790     }
       
   791     tr.odd td:hover,  tr.even td:hover
       
   792     {
       
   793     /*    border-right: 1px solid #C3C3C3;
       
   794         border-left: 1px solid #C3C3C3;*/
       
   795     }
       
   796 		
       
   797 	td.rightAlign
       
   798 	{
       
   799         padding: 3px 15px 3px 10px;
       
   800 	}
       
   801     table tr.odd
       
   802     {
       
   803         border-left: 1px solid #E6E6E6;
       
   804         background-color: #F6F6F6;
       
   805         color: #66666E;
       
   806     }
       
   807     table tr.even
       
   808     {
       
   809         border-left: 1px solid #E6E6E6;
       
   810         background-color: #ffffff;
       
   811         color: #66666E;
       
   812     }
       
   813     table tr.odd td:hover, table tr.even td:hover
       
   814     {
       
   815         background-color: #E6E6E6;
       
   816     }
       
   817     		
       
   818     span.comment
       
   819     {
       
   820         color: #8B0000;
       
   821         font-style: italic;
       
   822     }
       
   823     span.string, span.char
       
   824     {
       
   825         color: #254117;
       
   826     }
       
   827 
       
   828     .qmltype
       
   829     {
       
   830         text-align: center;
       
   831         font-size: 160%;
       
   832     }
       
   833     .qmlreadonly
       
   834     {
       
   835         float: right;
       
   836         color: #254117;
       
   837     }
       
   838 
       
   839     .qmldefault
       
   840     {
       
   841         float: right;
       
   842         color: red;
       
   843     }
       
   844 
       
   845     .qmldoc
       
   846     {
       
   847     }
       
   848 
       
   849     *.qmlitem p
       
   850     {
       
   851     }
       
   852 
       
   853     #feedbackBox
       
   854     {
       
   855         display: none;
       
   856         -moz-border-radius: 7px 7px 7px 7px;
       
   857         border: 1px solid #DDDDDD;
       
   858         position: fixed;
       
   859         top: 100px;
       
   860         left: 33%;
       
   861         height: 190px;
       
   862         width: 400px;
       
   863         padding: 5px;
       
   864         background-color: #e6e7e8;
       
   865         z-index: 4;
       
   866     }
       
   867     #feedcloseX 
       
   868     {
       
   869         display: inline;
       
   870         padding: 5px 5px 0 0;
       
   871         margin-bottom: 3px;
       
   872         color: #363534;
       
   873         font-weight: 600;
       
   874         float: right;
       
   875         text-decoration: none;
       
   876     }
       
   877 
       
   878     #feedbox
       
   879     {
       
   880         display: inline;
       
   881         width: 370px;
       
   882         height: 120px;
       
   883         margin: 0px 25px 10px 15px;
       
   884     }
       
   885     #feedsubmit
       
   886     {
       
   887         display: inline;
       
   888         float: right;
       
   889         margin: 4px 32px 0 0;
       
   890     }
       
   891     #blurpage
       
   892     {
       
   893         display: none;
       
   894         position: fixed;
       
   895         float: none;
       
   896         top: 0px;
       
   897         left: 0px;
       
   898         right: 0px;
       
   899         bottom: 0px;
       
   900         background: transparent url(../images/feedbackground.png) 0 0;
       
   901         z-index: 3;
       
   902     }
       
   903     .toc
       
   904     {
       
   905         float: right;
       
   906         -moz-border-radius: 7px 7px 7px 7px;
       
   907         background-color: #F6F6F6;
       
   908         border: 1px solid #DDDDDD;
       
   909         margin: 0 20px 10px 10px;
       
   910         padding: 20px 15px 20px 20px;
       
   911         height: auto;
       
   912         width: 200px;
       
   913     }
       
   914 
       
   915     .toc h3, .generic a
       
   916     {
       
   917         font: 600 12px/1.2 Arial;
       
   918     }
       
   919 
       
   920 	.generic{
       
   921 		max-width:75%;
       
   922 	}
       
   923 	.generic td{
       
   924 		padding:0;
       
   925 	}
       
   926 	
       
   927 	.generic .odd .alphaChar{
       
   928         background-color: #F6F6F6;
       
   929 	}
       
   930 	
       
   931 	.generic .even .alphaChar{
       
   932         background-color: #FFFFFF;
       
   933 	}
       
   934 
       
   935 	.alignedsummary{}
       
   936 	.propsummary{}
       
   937 	.memItemLeft{}
       
   938 	.memItemRight{}
       
   939 	.bottomAlign{}
       
   940 	.highlightedCode
       
   941 	{
       
   942 	margin:10px;
       
   943 	}
       
   944 	.LegaleseLeft{}
       
   945 	.valuelist{}
       
   946 	.annotated{}
       
   947 	.obsolete{}
       
   948 	.compat{}
       
   949 	.flags{}
       
   950 	.qmlsummary{}
       
   951 	.qmlitem{}
       
   952 	.qmlproto{}
       
   953 	.qmlname{}
       
   954 	.qmlreadonly{}
       
   955 	.qmldefault{}
       
   956 	.qmldoc{}
       
   957 	.qt-style{}
       
   958 	.redFont{}
       
   959 	code{}
       
   960 	
       
   961     .wrap .content .toc ul
       
   962     {
       
   963         padding-left: 0px;
       
   964     }
       
   965 
       
   966 
       
   967     .wrap .content .toc .level2
       
   968     {
       
   969         margin-left: 15px;
       
   970     }
       
   971 
       
   972     .wrap .content .toc .level3
       
   973     {
       
   974         margin-left: 30px;
       
   975     }
       
   976 
       
   977     .content .toc li
       
   978     {
       
   979         font: normal 10px/1.2 Verdana;
       
   980         background: url(../images/bullet_dn.png) no-repeat 0 5px;
       
   981     }
       
   982 
       
   983     .relpage
       
   984     {
       
   985         -moz-border-radius: 7px 7px 7px 7px;
       
   986         border: 1px solid #DDDDDD;
       
   987         padding: 25px 25px;
       
   988         clear: both;
       
   989     }
       
   990     .relpage ul
       
   991     {
       
   992         float: none;
       
   993         padding: 15px;
       
   994     }
       
   995     .content .relpage li
       
   996     {
       
   997         font: normal 11px/1.2 Verdana;
       
   998     }
       
   999     h3.fn, span.fn
       
  1000     {
       
  1001         background-color: #F6F6F6;
       
  1002         border-width: 1px;
       
  1003         border-style: solid;
       
  1004         border-color: #E6E6E6;
       
  1005         font-weight: bold;
       
  1006 		word-spacing:3px;
       
  1007     }
       
  1008 
       
  1009 	.functionIndex {
       
  1010 	font-size:12pt;
       
  1011 	word-spacing:10px;
       
  1012 	margin-bottom:10px;
       
  1013     background-color: #F6F6F6;
       
  1014     border-width: 1px;
       
  1015     border-style: solid;
       
  1016     border-color: #E6E6E6;
       
  1017 	width:100%;
       
  1018 	}
       
  1019 	
       
  1020 	.centerAlign
       
  1021 	{
       
  1022 	text-align:center;	
       
  1023 	}
       
  1024 	
       
  1025 	.rightAlign
       
  1026 	{
       
  1027 	text-align:right;	
       
  1028 	}
       
  1029 
       
  1030 	
       
  1031 	.leftAlign
       
  1032 	{
       
  1033 	text-align:left;	
       
  1034 	}
       
  1035 
       
  1036 	.topAlign{
       
  1037 	vertical-align:top
       
  1038 	}
       
  1039 	
       
  1040 	.functionIndex a{
       
  1041 	display:inline-block;
       
  1042 	}
       
  1043 
       
  1044     /* start index box */
       
  1045     .indexbox
       
  1046     {
       
  1047         width: 100%;
       
  1048 		display:inline-block;
       
  1049     }
       
  1050 
       
  1051     .indexboxcont
       
  1052     {
       
  1053         display: block;
       
  1054        /* overflow: hidden;*/
       
  1055     }
       
  1056 
       
  1057     .indexboxbar
       
  1058     {
       
  1059         background: transparent url(../images/horBar.png ) repeat-x left bottom;
       
  1060         margin-bottom: 25px;
       
  1061      /*   background-image: none;
       
  1062         border-bottom: 1px solid #e2e2e2;*/
       
  1063     }
       
  1064 
       
  1065     .indexboxcont .section
       
  1066     {
       
  1067         display: inline-block;
       
  1068         width: 49%; 
       
  1069         *width:42%;
       
  1070         _width:42%;
       
  1071         padding:0 2% 0 1%;
       
  1072         vertical-align:top;
       
  1073 
       
  1074 }
       
  1075 
       
  1076     .indexboxcont .indexIcon
       
  1077     {
       
  1078         width: 11%; 
       
  1079         *width:18%;
       
  1080         _width:18%;
       
  1081         overflow:hidden;
       
  1082 
       
  1083 }
       
  1084 
       
  1085 .indexboxcont .section {
       
  1086   float: left;
       
  1087 }
       
  1088 
       
  1089     .indexboxcont .section p
       
  1090     {
       
  1091         padding-top: 20px;
       
  1092         padding-bottom: 20px;
       
  1093     }
       
  1094     .indexboxcont .sectionlist
       
  1095     {
       
  1096         display: inline-block;
       
  1097 		vertical-align:top;
       
  1098 		width: 32.5%;
       
  1099         padding: 0;
       
  1100     }
       
  1101     .indexboxcont .sectionlist ul
       
  1102     {
       
  1103         margin-bottom: 20px;
       
  1104     }
       
  1105 
       
  1106     .indexboxcont .sectionlist ul li
       
  1107     {
       
  1108         line-height: 12px;
       
  1109     }
       
  1110 
       
  1111     .content .indexboxcont li
       
  1112     {
       
  1113         font: normal 600 13px/1 Verdana;
       
  1114     }
       
  1115 
       
  1116     .indexbox a:hover, .indexbox a:visited:hover
       
  1117     {
       
  1118         color: #4c0033;
       
  1119         text-decoration: underline;
       
  1120     }
       
  1121 
       
  1122     .indexbox a:visited
       
  1123     {
       
  1124         color: #00732f;
       
  1125         text-decoration: none;
       
  1126     }
       
  1127 	
       
  1128 	.indexbox .indexIcon {
       
  1129 	width: 11%;
       
  1130 	}
       
  1131 
       
  1132 	
       
  1133     .indexbox .indexIcon span
       
  1134     {
       
  1135         display: block;
       
  1136     }
       
  1137     
       
  1138     .indexbox.guide .indexIcon span
       
  1139     {
       
  1140         width: 96px;
       
  1141         height: 137px;
       
  1142         background: url(../images/sprites-combined.png) no-repeat -5px -376px;
       
  1143         padding: 0;
       
  1144     }
       
  1145     
       
  1146     .indexbox.tools .indexIcon span
       
  1147     {
       
  1148         width: 115px;
       
  1149         height: 137px;
       
  1150         background: url(../images/sprites-combined.png) no-repeat -111px -376px;
       
  1151         padding: 0;
       
  1152     }
       
  1153     .indexboxcont:after
       
  1154     {
       
  1155         content: ".";
       
  1156         display: block;
       
  1157         height: 0;
       
  1158         clear: both;
       
  1159         visibility: hidden;
       
  1160     }
       
  1161 	
       
  1162 .sidebar .search form input.loading
       
  1163 {
       
  1164         background:url("../images/spinner.gif") no-repeat scroll right center transparent;
       
  1165 }
       
  1166 
       
  1167     /* end of screen media */
       
  1168 
       
  1169 .flowList{
       
  1170 vertical-align:top;
       
  1171 }	
       
  1172 .alphaChar{
       
  1173 width:100%;
       
  1174 background-color:#F6F6F6;
       
  1175 border:1px solid #E6E6E6;
       
  1176 font-size:12pt;
       
  1177 padding-left:10px;
       
  1178 margin-top:10px;
       
  1179 margin-bottom:10px;
       
  1180 }
       
  1181 
       
  1182 .flowList dl{
       
  1183 }
       
  1184 .flowList dd{
       
  1185 display:inline-block;
       
  1186 margin-left:10px;
       
  1187 width:250px;
       
  1188 }
       
  1189 .wrap .content .flowList p{
       
  1190 padding:0px;
       
  1191 }
       
  1192 pre.highlightedCode {
       
  1193 	display: block;
       
  1194 	overflow:hidden;
       
  1195 }
       
  1196 
       
  1197 }
       
  1198 /* end of screen media */
       
  1199 
       
  1200 /* start of print media */
       
  1201 
       
  1202 @media print
       
  1203 {
       
  1204      input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft
       
  1205     {
       
  1206         display: none;
       
  1207         background: none;
       
  1208     }
       
  1209     .content
       
  1210     {
       
  1211         position: absolute;
       
  1212         top: 0px;
       
  1213         left: 0px;
       
  1214         background: none;
       
  1215         display: block;
       
  1216     }
       
  1217 }
       
  1218 /* end of print media */