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