doc/api/helium/stylesheet.css
changeset 432 f2ddfa555b0f
equal deleted inserted replaced
431:7685cec9fd3c 432:f2ddfa555b0f
       
     1 /**
       
     2  * Sphinx Doc Design
       
     3  */
       
     4 
       
     5 body {
       
     6     font-family: sans-serif;
       
     7     font-size: 100%;
       
     8     background-color: white;
       
     9     color: #000;
       
    10     margin: 5;
       
    11     padding: 5;
       
    12 }
       
    13 
       
    14 /* :::: LAYOUT :::: */
       
    15 
       
    16 div.document {
       
    17     background-color: #1c4e63;
       
    18 }
       
    19 
       
    20 div.documentwrapper {
       
    21     float: left;
       
    22     width: 100%;
       
    23 }
       
    24 
       
    25 div.bodywrapper {
       
    26     margin: 0 0 0 230px;
       
    27 }
       
    28 
       
    29 div.body {
       
    30     background-color: white;
       
    31     padding: 0 20px 30px 20px;
       
    32 }
       
    33 
       
    34 div.sidebarwrapper {
       
    35     padding: 10px 5px 0 10px;
       
    36 }
       
    37 
       
    38 div.sidebar {
       
    39     float: left;
       
    40     width: 230px;
       
    41     margin-left: -100%;
       
    42     font-size: 90%;
       
    43 }
       
    44 
       
    45 div.clearer {
       
    46     clear: both;
       
    47 }
       
    48 
       
    49 div.footer {
       
    50     color: #fff;
       
    51     width: 100%;
       
    52     padding: 9px 0 9px 0;
       
    53     text-align: center;
       
    54     font-size: 75%;
       
    55 }
       
    56 
       
    57 div.footer a {
       
    58     color: #fff;
       
    59     text-decoration: underline;
       
    60 }
       
    61 
       
    62 div.related {
       
    63     background-color: #133f52;
       
    64     color: #fff;
       
    65     width: 100%;
       
    66     height: 30px;
       
    67     line-height: 30px;
       
    68     font-size: 90%;
       
    69 }
       
    70 
       
    71 div.related h3 {
       
    72     display: none;
       
    73 }
       
    74 
       
    75 div.related ul {
       
    76     margin: 0;
       
    77     padding: 0 0 0 10px;
       
    78     list-style: none;
       
    79 }
       
    80 
       
    81 div.related li {
       
    82     display: inline;
       
    83 }
       
    84 
       
    85 div.related li.right {
       
    86     float: right;
       
    87     margin-right: 5px;
       
    88 }
       
    89 
       
    90 div.related a {
       
    91     color: white;
       
    92 }
       
    93 
       
    94 /* ::: TOC :::: */
       
    95 div.sidebar h3 {
       
    96     font-family: 'Trebuchet MS', sans-serif;
       
    97     color: white;
       
    98     font-size: 1.4em;
       
    99     font-weight: normal;
       
   100     margin: 0;
       
   101     padding: 0;
       
   102 }
       
   103 
       
   104 div.sidebar h4 {
       
   105     font-family: 'Trebuchet MS', sans-serif;
       
   106     color: white;
       
   107     font-size: 1.3em;
       
   108     font-weight: normal;
       
   109     margin: 5px 0 0 0;
       
   110     padding: 0;
       
   111 }
       
   112 
       
   113 div.sidebar p {
       
   114     color: white;
       
   115 }
       
   116 
       
   117 div.sidebar p.topless {
       
   118     margin: 5px 10px 10px 10px;
       
   119 }
       
   120 
       
   121 div.sidebar ul {
       
   122     margin: 10px;
       
   123     padding: 0;
       
   124     list-style: none;
       
   125     color: white;
       
   126 }
       
   127 
       
   128 div.sidebar ul ul,
       
   129 div.sidebar ul.want-points {
       
   130     margin-left: 20px;
       
   131     list-style: square;
       
   132 }
       
   133 
       
   134 div.sidebar ul ul {
       
   135     margin-top: 0;
       
   136     margin-bottom: 0;
       
   137 }
       
   138 
       
   139 div.sidebar a {
       
   140     color: #98dbcc;
       
   141 }
       
   142 
       
   143 div.sidebar form {
       
   144     margin-top: 10px;
       
   145 }
       
   146 
       
   147 div.sidebar input {
       
   148     border: 1px solid #98dbcc;
       
   149     font-family: sans-serif;
       
   150     font-size: 1em;
       
   151 }
       
   152 
       
   153 /* :::: MODULE CLOUD :::: */
       
   154 div.modulecloud {
       
   155     margin: -5px 10px 5px 10px;
       
   156     padding: 10px;
       
   157     line-height: 160%;
       
   158     border: 1px solid #cbe7e5;
       
   159     background-color: #f2fbfd;
       
   160 }
       
   161 
       
   162 div.modulecloud a {
       
   163     padding: 0 5px 0 5px;
       
   164 }
       
   165 
       
   166 /* :::: SEARCH :::: */
       
   167 ul.search {
       
   168     margin: 10px 0 0 20px;
       
   169     padding: 0;
       
   170 }
       
   171 
       
   172 ul.search li {
       
   173     padding: 5px 0 5px 20px;
       
   174     background-image: url(file.png);
       
   175     background-repeat: no-repeat;
       
   176     background-position: 0 7px;
       
   177 }
       
   178 
       
   179 ul.search li a {
       
   180     font-weight: bold;
       
   181 }
       
   182 
       
   183 ul.search li div.context {
       
   184     color: #888;
       
   185     margin: 2px 0 0 30px;
       
   186     text-align: left;
       
   187 }
       
   188 
       
   189 ul.keywordmatches li.goodmatch a {
       
   190     font-weight: bold;
       
   191 }
       
   192 
       
   193 /* :::: COMMON FORM STYLES :::: */
       
   194 
       
   195 div.actions {
       
   196     padding: 5px 10px 5px 10px;
       
   197     border-top: 1px solid #cbe7e5;
       
   198     border-bottom: 1px solid #cbe7e5;
       
   199     background-color: #e0f6f4;
       
   200 }
       
   201 
       
   202 form dl {
       
   203     color: #333;
       
   204 }
       
   205 
       
   206 form dt {
       
   207     clear: both;
       
   208     float: left;
       
   209     min-width: 110px;
       
   210     margin-right: 10px;
       
   211     padding-top: 2px;
       
   212 }
       
   213 
       
   214 input#homepage {
       
   215     display: none;
       
   216 }
       
   217 
       
   218 div.error {
       
   219     margin: 5px 20px 0 0;
       
   220     padding: 5px;
       
   221     border: 1px solid #d00;
       
   222     font-weight: bold;
       
   223 }
       
   224 
       
   225 /* :::: INLINE COMMENTS :::: */
       
   226 
       
   227 div.inlinecomments {
       
   228     position: absolute;
       
   229     right: 20px;
       
   230 }
       
   231 
       
   232 div.inlinecomments a.bubble {
       
   233     display: block;
       
   234     float: right;
       
   235     background-image: url(style/comment.png);
       
   236     background-repeat: no-repeat;
       
   237     width: 25px;
       
   238     height: 25px;
       
   239     text-align: center;
       
   240     padding-top: 3px;
       
   241     font-size: 0.9em;
       
   242     line-height: 14px;
       
   243     font-weight: bold;
       
   244     color: black;
       
   245 }
       
   246 
       
   247 div.inlinecomments a.bubble span {
       
   248     display: none;
       
   249 }
       
   250 
       
   251 div.inlinecomments a.emptybubble {
       
   252     background-image: url(style/nocomment.png);
       
   253 }
       
   254 
       
   255 div.inlinecomments a.bubble:hover {
       
   256     background-image: url(style/hovercomment.png);
       
   257     text-decoration: none;
       
   258     color: #3ca0a4;
       
   259 }
       
   260 
       
   261 div.inlinecomments div.comments {
       
   262     float: right;
       
   263     margin: 25px 5px 0 0;
       
   264     max-width: 50em;
       
   265     min-width: 30em;
       
   266     border: 1px solid #2eabb0;
       
   267     background-color: #f2fbfd;
       
   268     z-index: 150;
       
   269 }
       
   270 
       
   271 div#comments {
       
   272     border: 1px solid #2eabb0;
       
   273     margin-top: 20px;
       
   274 }
       
   275 
       
   276 div#comments div.nocomments {
       
   277     padding: 10px;
       
   278     font-weight: bold;
       
   279 }
       
   280 
       
   281 div.inlinecomments div.comments h3,
       
   282 div#comments h3 {
       
   283     margin: 0;
       
   284     padding: 0;
       
   285     background-color: #2eabb0;
       
   286     color: white;
       
   287     border: none;
       
   288     padding: 3px;
       
   289 }
       
   290 
       
   291 div.inlinecomments div.comments div.actions {
       
   292     padding: 4px;
       
   293     margin: 0;
       
   294     border-top: none;
       
   295 }
       
   296 
       
   297 div#comments div.comment {
       
   298     margin: 10px;
       
   299     border: 1px solid #2eabb0;
       
   300 }
       
   301 
       
   302 div.inlinecomments div.comment h4,
       
   303 div.commentwindow div.comment h4,
       
   304 div#comments div.comment h4 {
       
   305     margin: 10px 0 0 0;
       
   306     background-color: #2eabb0;
       
   307     color: white;
       
   308     border: none;
       
   309     padding: 1px 4px 1px 4px;
       
   310 }
       
   311 
       
   312 div#comments div.comment h4 {
       
   313     margin: 0;
       
   314 }
       
   315 
       
   316 div#comments div.comment h4 a {
       
   317     color: #d5f4f4;
       
   318 }
       
   319 
       
   320 div.inlinecomments div.comment div.text,
       
   321 div.commentwindow div.comment div.text,
       
   322 div#comments div.comment div.text {
       
   323     margin: -5px 0 -5px 0;
       
   324     padding: 0 10px 0 10px;
       
   325 }
       
   326 
       
   327 div.inlinecomments div.comment div.meta,
       
   328 div.commentwindow div.comment div.meta,
       
   329 div#comments div.comment div.meta {
       
   330     text-align: right;
       
   331     padding: 2px 10px 2px 0;
       
   332     font-size: 95%;
       
   333     color: #538893;
       
   334     border-top: 1px solid #cbe7e5;
       
   335     background-color: #e0f6f4;
       
   336 }
       
   337 
       
   338 div.commentwindow {
       
   339     position: absolute;
       
   340     width: 500px;
       
   341     border: 1px solid #cbe7e5;
       
   342     background-color: #f2fbfd;
       
   343     display: none;
       
   344     z-index: 130;
       
   345 }
       
   346 
       
   347 div.commentwindow h3 {
       
   348     margin: 0;
       
   349     background-color: #2eabb0;
       
   350     color: white;
       
   351     border: none;
       
   352     padding: 5px;
       
   353     font-size: 1.5em;
       
   354     cursor: pointer;
       
   355 }
       
   356 
       
   357 div.commentwindow div.actions {
       
   358     margin: 10px -10px 0 -10px;
       
   359     padding: 4px 10px 4px 10px;
       
   360     color: #538893;
       
   361 }
       
   362 
       
   363 div.commentwindow div.actions input {
       
   364     border: 1px solid #2eabb0;
       
   365     background-color: white;
       
   366     color: #135355;
       
   367     cursor: pointer;
       
   368 }
       
   369 
       
   370 div.commentwindow div.form {
       
   371     padding: 0 10px 0 10px;
       
   372 }
       
   373 
       
   374 div.commentwindow div.form input,
       
   375 div.commentwindow div.form textarea {
       
   376     border: 1px solid #3c9ea2;
       
   377     background-color: white;
       
   378     color: black;
       
   379 }
       
   380 
       
   381 div.commentwindow div.error {
       
   382     margin: 10px 5px 10px 5px;
       
   383     background-color: #fbe5dc;
       
   384     display: none;
       
   385 }
       
   386 
       
   387 div.commentwindow div.form textarea {
       
   388     width: 99%;
       
   389 }
       
   390 
       
   391 div.commentwindow div.preview {
       
   392     margin: 10px 0 10px 0;
       
   393     background-color: #70d0d4;
       
   394     padding: 0 1px 1px 25px;
       
   395 }
       
   396 
       
   397 div.commentwindow div.preview h4 {
       
   398     margin: 0 0 -5px -20px;
       
   399     padding: 4px 0 0 4px;
       
   400     color: white;
       
   401     font-size: 1.3em;
       
   402 }
       
   403 
       
   404 div.commentwindow div.preview div.comment {
       
   405     background-color: #f2fbfd;
       
   406 }
       
   407 
       
   408 div.commentwindow div.preview div.comment h4 {
       
   409     margin: 10px 0 0 0!important;
       
   410     padding: 1px 4px 1px 4px!important;
       
   411     font-size: 1.2em;
       
   412 }
       
   413 
       
   414 /* :::: SUGGEST CHANGES :::: */
       
   415 div#suggest-changes-box input, div#suggest-changes-box textarea {
       
   416     border: 1px solid #ccc;
       
   417     background-color: white;
       
   418     color: black;
       
   419 }
       
   420 
       
   421 div#suggest-changes-box textarea {
       
   422     width: 99%;
       
   423     height: 400px;
       
   424 }
       
   425 
       
   426 
       
   427 /* :::: PREVIEW :::: */
       
   428 div.preview { 
       
   429     background-image: url(style/preview.png);
       
   430     padding: 0 20px 20px 20px;
       
   431     margin-bottom: 30px;
       
   432 }
       
   433 
       
   434 
       
   435 /* :::: INDEX PAGE :::: */
       
   436 
       
   437 table.contentstable {
       
   438     width: 90%;
       
   439 }
       
   440 
       
   441 table.contentstable p.biglink {
       
   442     line-height: 150%;
       
   443 }
       
   444 
       
   445 a.biglink {
       
   446     font-size: 1.3em;
       
   447 }
       
   448 
       
   449 span.linkdescr {
       
   450     font-style: italic;
       
   451     padding-top: 5px;
       
   452     font-size: 90%;
       
   453 }
       
   454 
       
   455 /* :::: INDEX STYLES :::: */
       
   456 
       
   457 table.indextable td {
       
   458     text-align: left;
       
   459     vertical-align: top;
       
   460 }
       
   461 
       
   462 table.indextable dl, table.indextable dd {
       
   463     margin-top: 0;
       
   464     margin-bottom: 0;
       
   465 }
       
   466 
       
   467 table.indextable tr.pcap {
       
   468     height: 10px;
       
   469 }
       
   470 
       
   471 table.indextable tr.cap {
       
   472     margin-top: 10px;
       
   473     background-color: #f2f2f2;
       
   474 }
       
   475 
       
   476 img.toggler {
       
   477     margin-right: 3px;
       
   478     margin-top: 3px;
       
   479     cursor: pointer;
       
   480 }
       
   481 
       
   482 form.pfform {
       
   483     margin: 10px 0 20px 0;
       
   484 }
       
   485 
       
   486 /* :::: GLOBAL STYLES :::: */
       
   487 
       
   488 .docwarning {
       
   489     background-color: #ffe4e4;
       
   490     padding: 10px;
       
   491     margin: 0 -20px 0 -20px;
       
   492     border-bottom: 1px solid #f66;
       
   493 }
       
   494 
       
   495 p.subhead {
       
   496     font-weight: bold;
       
   497     margin-top: 20px;
       
   498 }
       
   499 
       
   500 a {
       
   501     color: #355f7c;
       
   502     text-decoration: none;
       
   503 }
       
   504 
       
   505 a:hover {
       
   506     text-decoration: underline;
       
   507 }
       
   508 
       
   509 div.body h1,
       
   510 div.body h2,
       
   511 div.body h3,
       
   512 div.body h4,
       
   513 div.body h5,
       
   514 div.body h6 {
       
   515     font-family: 'Trebuchet MS', sans-serif;
       
   516     background-color: #f2f2f2;
       
   517     font-weight: normal;
       
   518     color: #20435c;
       
   519     border-bottom: 1px solid #ccc;
       
   520     margin: 20px -20px 10px -20px;
       
   521     padding: 3px 0 3px 10px;
       
   522 }
       
   523 
       
   524 div.body h1 { margin-top: 0; font-size: 200%; }
       
   525 div.body h2 { font-size: 160%; }
       
   526 div.body h3 { font-size: 140%; }
       
   527 div.body h4 { font-size: 120%; }
       
   528 div.body h5 { font-size: 110%; }
       
   529 div.body h6 { font-size: 100%; }
       
   530 
       
   531 a.headerlink {
       
   532     color: #c60f0f;
       
   533     font-size: 0.8em;
       
   534     padding: 0 4px 0 4px;
       
   535     text-decoration: none;
       
   536     visibility: hidden;
       
   537 }
       
   538 
       
   539 h1:hover > a.headerlink,
       
   540 h2:hover > a.headerlink,
       
   541 h3:hover > a.headerlink,
       
   542 h4:hover > a.headerlink,
       
   543 h5:hover > a.headerlink,
       
   544 h6:hover > a.headerlink,
       
   545 dt:hover > a.headerlink {
       
   546     visibility: visible;
       
   547 }
       
   548 
       
   549 a.headerlink:hover {
       
   550     background-color: #c60f0f;
       
   551     color: white;
       
   552 }
       
   553 
       
   554 div.body p, div.body dd, div.body li {
       
   555     text-align: justify;
       
   556     line-height: 130%;
       
   557 }
       
   558 
       
   559 div.body td {
       
   560     text-align: left;
       
   561 }
       
   562 
       
   563 ul.fakelist {
       
   564     list-style: none;
       
   565     margin: 10px 0 10px 20px;
       
   566     padding: 0;
       
   567 }
       
   568 
       
   569 /* "Footnotes" heading */
       
   570 p.rubric {
       
   571     margin-top: 30px;
       
   572     font-weight: bold;
       
   573 }
       
   574 
       
   575 /* "Topics" */
       
   576 
       
   577 div.topic {
       
   578     background-color: #eee;
       
   579     border: 1px solid #ccc;
       
   580     padding: 0 7px 0 7px;
       
   581     margin: 10px 0 10px 0;
       
   582 }
       
   583 
       
   584 p.topic-title {
       
   585     font-size: 1.1em;
       
   586     font-weight: bold;
       
   587     margin-top: 10px;
       
   588 }
       
   589 
       
   590 /* Admonitions */
       
   591 
       
   592 div.admonition {
       
   593     margin-top: 10px;
       
   594     margin-bottom: 10px;
       
   595     padding: 7px;
       
   596 }
       
   597 
       
   598 div.admonition dt {
       
   599     font-weight: bold;
       
   600 }
       
   601 
       
   602 div.admonition dl {
       
   603     margin-bottom: 0;
       
   604 }
       
   605 
       
   606 div.admonition p {
       
   607     display: inline;
       
   608 }
       
   609 
       
   610 div.seealso {
       
   611     background-color: #ffc;
       
   612     border: 1px solid #ff6;
       
   613 }
       
   614 
       
   615 div.warning {
       
   616     background-color: #ffe4e4;
       
   617     border: 1px solid #f66;
       
   618 }
       
   619 
       
   620 div.note {
       
   621     background-color: #eee;
       
   622     border: 1px solid #ccc;
       
   623 }
       
   624 
       
   625 p.admonition-title {
       
   626     margin: 0px 10px 5px 0px;
       
   627     font-weight: bold;
       
   628     display: inline;
       
   629 }
       
   630 
       
   631 p.admonition-title:after {
       
   632     content: ":";
       
   633 }
       
   634 
       
   635 div.body p.centered {
       
   636     text-align: center;
       
   637     margin-top: 25px;
       
   638 }
       
   639 
       
   640 table.docutils {
       
   641     border: 0;
       
   642 }
       
   643 
       
   644 table.docutils td, table.docutils th {
       
   645     padding: 1px 8px 1px 0;
       
   646     border-top: 0;
       
   647     border-left: 0;
       
   648     border-right: 0;
       
   649     border-bottom: 1px solid #aaa;
       
   650 }
       
   651 
       
   652 table.sortable {
       
   653     border: 0;
       
   654 }
       
   655 
       
   656 table.sortable td, table.sortable th {
       
   657     padding: 1px 8px 1px 0;
       
   658     border-top: 0;
       
   659     border-left: 0;
       
   660     border-right: 0;
       
   661     border-bottom: 1px solid #aaa;
       
   662 }
       
   663 
       
   664 table.field-list td, table.field-list th {
       
   665     border: 0 !important;
       
   666 }
       
   667 
       
   668 table.footnote td, table.footnote th {
       
   669     border: 0 !important;
       
   670 }
       
   671 
       
   672 dl {
       
   673     margin-bottom: 15px;
       
   674     clear: both;
       
   675 }
       
   676 
       
   677 dd p {
       
   678     margin-top: 0px;
       
   679 }
       
   680 
       
   681 dd ul, dd table {
       
   682     margin-bottom: 10px;
       
   683 }
       
   684 
       
   685 dd {
       
   686     margin-top: 3px;
       
   687     margin-bottom: 10px;
       
   688     margin-left: 30px;
       
   689 }
       
   690 
       
   691 .refcount {
       
   692     color: #060;
       
   693 }
       
   694 
       
   695 dt:target,
       
   696 .highlight {
       
   697     background-color: #fbe54e;
       
   698 }
       
   699 
       
   700 dl.glossary dt {
       
   701     font-weight: bold;
       
   702     font-size: 1.1em;
       
   703 }
       
   704 
       
   705 th {
       
   706     text-align: left;
       
   707     padding-right: 5px;
       
   708 }
       
   709 
       
   710 pre {
       
   711     padding: 5px;
       
   712     background-color: #efc;
       
   713     color: #333;
       
   714     border: 1px solid #ac9;
       
   715     border-left: none;
       
   716     border-right: none;
       
   717 }
       
   718 
       
   719 td.linenos pre {
       
   720     padding: 0;
       
   721     border: 0;
       
   722     background-color: transparent;
       
   723     color: #aaa;
       
   724 }
       
   725 
       
   726 table.highlighttable {
       
   727     margin-left: 0.5em;
       
   728 }
       
   729 
       
   730 table.highlighttable td {
       
   731     padding: 0 0.5em 0 0.5em;
       
   732 }
       
   733 
       
   734 tt {
       
   735     background-color: #ecf0f3;
       
   736     padding: 0 1px 0 1px;
       
   737     font-size: 0.95em;
       
   738 }
       
   739 
       
   740 tt.descname {
       
   741     background-color: transparent;
       
   742     font-weight: bold;
       
   743     font-size: 1.2em;
       
   744 }
       
   745 
       
   746 tt.descclassname {
       
   747     background-color: transparent;
       
   748 }
       
   749 
       
   750 tt.xref, a tt {
       
   751     background-color: transparent;
       
   752     font-weight: bold;
       
   753 }
       
   754 
       
   755 .footnote:target  { background-color: #ffa }
       
   756 
       
   757 h1 tt, h2 tt, h3 tt, h4 tt, h5 tt, h6 tt {
       
   758     background-color: transparent;
       
   759 }
       
   760 
       
   761 .optional {
       
   762     font-size: 1.3em;
       
   763 }
       
   764 
       
   765 .versionmodified {
       
   766     font-style: italic;
       
   767 }
       
   768 
       
   769 form.comment {
       
   770     margin: 0;
       
   771     padding: 10px 30px 10px 30px;
       
   772     background-color: #eee;
       
   773 }
       
   774 
       
   775 form.comment h3 {
       
   776     background-color: #326591;
       
   777     color: white;
       
   778     margin: -10px -30px 10px -30px;
       
   779     padding: 5px;
       
   780     font-size: 1.4em;
       
   781 }
       
   782 
       
   783 form.comment input,
       
   784 form.comment textarea {
       
   785     border: 1px solid #ccc;
       
   786     padding: 2px;
       
   787     font-family: sans-serif;
       
   788     font-size: 100%;
       
   789 }
       
   790 
       
   791 form.comment input[type="text"] {
       
   792     width: 240px;
       
   793 }
       
   794 
       
   795 form.comment textarea {
       
   796     width: 100%;
       
   797     height: 200px;
       
   798     margin-bottom: 10px;
       
   799 }
       
   800 
       
   801 .system-message {
       
   802     background-color: #fda;
       
   803     padding: 5px;
       
   804     border: 3px solid red;
       
   805 }
       
   806 
       
   807 /* :::: PRINT :::: */
       
   808 @media print {
       
   809     div.document, 
       
   810     div.documentwrapper, 
       
   811     div.bodywrapper {
       
   812         margin: 0;
       
   813         width : 100%;
       
   814     }
       
   815 
       
   816     div.sidebar,
       
   817     div.related,
       
   818     div.footer,
       
   819     div#comments div.new-comment-box,
       
   820     #top-link {
       
   821         display: none;
       
   822     }
       
   823 }