home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 July / Chip_2004-07_cd2.bin / clanky / palmknihy / styles.css < prev   
Cascading Style Sheet File  |  2004-05-02  |  8KB  |  182 lines
  1. *{
  2.   font-size: 9pt;
  3.   font-family: 'Geneva CE', Verdana, lucida, sans-serif;
  4.   margin: 0;
  5.  }
  6.  
  7.  
  8. /*** Vseobecne HTML tagy */
  9.  
  10. A        { font-weight: bold; color: #003399; text-decoration: none; padding-bottom: 1px; }
  11. A:hover  { color: #ff0000; }
  12. A:active { color: #ff0000; }
  13. BODY     { font-size: 8pt; background: #ffffff; }
  14. FORM     { font-size: 8pt; padding: 0; margin: 4px 0; }
  15. TR       { vertical-align: top; }
  16. TD       { font-size: 8pt; }
  17. TABLE    { border-width: 0; }
  18. IMG      { border-width: 0; }
  19. INPUT    { }
  20. P        { margin: 2px 0; padding: 0; }
  21. UL, OL   { margin-top: 5px; margin-bottom: 10px; }
  22.  
  23. H1       { }
  24. H2       { padding: 1px 0; border-bottom: solid 2px #006699; margin-bottom: 4px; }
  25. H3       { }
  26. H4       { color: #ffffff; font-size: 130%; padding: 2px 4px; }
  27.  
  28.  
  29. /*** Zahlavi stranky */
  30.  
  31. .the-title     { background-image: url(img/back.gif); }
  32. .the-title TD  { background: none; padding: 0 4px; }
  33. .the-title A   { margin: 0 4px 0 0; }
  34.  
  35.  
  36. /*** Nahled knihy */
  37.  
  38. .the-preview     { color: #000000; background: #99ccff; }
  39. .the-preview TD  { font: normal 10pt serif; }
  40. .ico-preview IMG { margin: 5px; }
  41.  
  42.  
  43. /*** Styly pro kalendar */
  44.  
  45. .the-calendar          { color: #000000; background: #ffffff; margin: 9px; }
  46. .the-calendar TD       { text-align: center; color: #333333; background: #eeeeee; }
  47. .the-calendar .weekday { color: #666666; background: #cccccc; }
  48. .the-calendar .empty   { color: #999999; background: #ffffff; }
  49. .the-calendar .today   { border: 1px solid #003399; }
  50.  
  51.  
  52. /*** Zalozky na strance */
  53.  
  54. .the-tabs          { line-height: 180%; vertical-align: middle; padding: 0; border-bottom: solid 2px #006699; margin: 0 0 4px 0; }
  55. .the-tabs .current { color: #ffffff; background: #003399; padding: 2px 3px 1px; border: 1px solid #003399; border-bottom: 4px solid #003399; }
  56. .the-tabs .empty-l { color: #000000; background: #eeeeee; padding: 1px 3px; border: 1px solid #003399; border-bottom: 2px solid #eeeeee; border-right: none; }
  57. .the-tabs .empty-r { color: #000000; background: #eeeeee; padding: 1px 3px; border: 1px solid #003399; border-bottom: 2px solid #eeeeee; border-left: none; }
  58.  
  59.  
  60. /*** Styly pro formulare */
  61.  
  62. .the-form         { border: 1px solid black; padding: 10px; background: #eeeeee; }
  63. .the-form *       { vertical-align: middle; margin: 2px 10px; padding: 0; }
  64. .the-form .header { color: #ffffff; background: #666666; }
  65. .the-form .outer  { vertical-align: top; padding: 2px 0 0 20px; text-align: right; line-height: 170%; }
  66. .the-form .inner  { border-left: solid 1px #cccccc; }
  67. .the-form .static { background: #eeeeee; }
  68. .the-form .button { background: #eeeeee; vertical-align: top; border: none; }
  69. .the-form .area   { width: 95%; }
  70.  
  71.  
  72. /*** Miniaturni formular - typicky pro jeden control */
  73.  
  74. .the-control         { border: none; padding: 0; }
  75. .the-control *       { vertical-align: middle; margin: 2px 10px; padding: 0; }
  76. .the-control TD      { color: #000000; background: #cccccc; vertical-align: middle; }
  77. .the-control .outer  { color: #333333; background: #cccccc; vertical-align: middle; }
  78. .the-control .inner  { color: #000000; background: #cccccc; vertical-align: middle; }
  79. .the-control .button { color: #003399; background: #cccccc; padding: 0 5px 0 2px; border: none; font-weight: bold; }
  80.  
  81.  
  82. /*** Ruzne typy boxu */
  83.  
  84. .the-boxA          { background: #003399 url(img/_frame.png); padding: 2px 1px; }
  85. .the-boxA .content { background: #ffff99 url(img/_inter.png); padding: 4px 8px; }
  86. .the-boxA .edit    { border: solid 1px #003399; }
  87. .the-boxA .menus   { margin: 2px 0; padding: 0; }
  88.  
  89. .the-boxB          { background: #666666; padding: 2px 1px; }
  90. .the-boxB .content { background: #eeeeee; padding: 4px 8px; }
  91. .the-boxB .edit    { border: solid 1px #666666; }
  92. .the-boxB .radio   { vertical-align: bottom; padding: 2px 0 2px 0; }
  93.  
  94. .the-boxS          { background: #003399 url(img/_frame.png); padding: 2px 1px; }
  95. .the-boxS .content { background: #ffff99 url(img/_inter.png); padding: 4px 8px; }
  96. .the-boxS .edit    { border: solid 1px #003399; }
  97. .the-boxS .menus   { margin: 2px 0; padding: 0; }
  98.  
  99. .the-box .header  { color: #ffffff; background: none; padding: 2px 4px; }
  100. .the-box .title   { vertical-align: bottom; padding: 2px; }
  101. .the-box .bottom  { text-align: right; vertical-align: bottom; padding: 2px 0 0 0; }
  102. .the-box .button  { color: #003399; background: none; padding: 3px; border: none; }
  103.  
  104.  
  105. /*** Obecna tabulka (napr. pro seznam knih) */
  106.  
  107. .the-table          { vertical-align: top; padding: 0px; }
  108. .the-table .special { padding: 0 1em; }
  109. .the-table .header  { color: #ffffff; background: #666666; line-height: 120%; }
  110. .the-table .title   { color: #333333; background: #cccccc; line-height: 140%; }
  111. .the-table .content { color: #000000; background: #ffffff; border-bottom: 1px solid #eeeeee; vertical-align: top; }
  112. .the-table .note    { text-align: right; line-height: 140%; }
  113. .the-table .yes     { color: #000000; background: #ffffff; border-bottom: 1px solid #eeeeee; }
  114. .the-table .not     { color: #666666; background: #ffffff; border-bottom: 1px solid #eeeeee; }
  115. .the-table .row0    { background: #dddddd; }
  116. .the-table .row1    { background: #eeeeee; }
  117. .the-table .shadow  { color: #6699cc; }
  118. .the-table .edit    { text-align: right; vertical-align: middle; border: solid 1px #cccccc; }
  119. .the-table .button  { padding: 5px 0 0 0; border: none; }
  120.  
  121.  
  122. /*** Jine obvykle styly */
  123.  
  124. .address   { font-size: 130%; padding: 10px 20px; }
  125. .debug     { borer: solid 1px black; }
  126. .warning   { color: #cc0000; background: #ffffff; vertical-align: top; }
  127. .copyright { color: #999999; background: #ffffff; text-align: center; margin: 4px; }
  128. .button    { color: #003399; background: #ffffff; font-weight: bold; padding: 5px 0 0 0; border: none; }
  129. .action    { text-align: right; vertical-align: top; line-height: 140%; }
  130. .redstar   { font: bold 160% monospace; color: #ff0000; }
  131. .invisible { color: #ffffff; background: #ffffff; font-size: 6px; }
  132. .blueline  { padding: 1px 0; border-bottom: solid 2px #006699; margin-bottom: 4px; }
  133. .agreement { font-size: 120%; padding: 0 3px; color: red; }
  134. .plaintext { font-size: 120%; padding: 0 3px; }
  135. .announce  { font-weight: bold; color: #cc0000; background: none; }
  136. .tinytext  { font-size: 70%; }
  137. .company   { color: #000000; background: #f7f7f7; border: solid 1px #666666; padding: 4px; }
  138. .companx   { font-size: 70%; color: #666666; background: #f7f7f7; }
  139.  
  140. .agreement *,
  141. .plaintext *  { padding: 0; margin: 0; vertical-align: baseline; }
  142.  
  143.  
  144. .webicons     { padding: 2px; border-top: solid 2px #006699; border-bottom: solid 2px #006699; text-align: center; background: #eeeeee; }
  145. .webicons IMG { margin: 2px 5px; border: solid 1px #eeeeee; }
  146. .deticons IMG { margin: 2px 10px; }
  147. .platform IMG { margin: 8px 12px; }
  148. .xebicons IMG { margin: 2px 2px; border: solid 1px #eeeeee; }
  149.  
  150.  
  151.  
  152. FORM .legend { font-weight: bold; text-align: right; vertical-align: middle; padding: 2px 3px; }
  153. FORM .fields { vertical-align: middle; padding: 2px 3px; }
  154.  
  155.  
  156. .ico-menu { float: right; margin: 0; padding: 0; }
  157.  
  158.  
  159. /*** Definice pisem */
  160.  
  161. .fn08v { font-weight: normal; font-size: 8pt; }
  162. .fb08v { font-weight: bold; font-size: 8pt; }
  163. .fn09v { font-weight: normal; font-size: 9pt; }
  164. .fb09v { font-weight: bold; font-size: 9pt; }
  165. .fn10v { font-weight: normal; font-size: 10pt; }
  166. .fb10v { font-weight: bold; font-size: 10pt; }
  167.  
  168.  
  169.  
  170.  
  171.  
  172. .the-menu { background: #003399 url(img/_frame.png); padding: 1px 1px; width: 129px; margin-bottom: 5px; }
  173. .the-menu P { background: #ffffaa url(img/_inter.png); padding: 4px 8px; margin: 1px 0; }
  174. .the-menu A { display: block; margin: 1px; }
  175. .the-menu A:hover { border-bottom: 1px solid #003399; padding-bottom: 0; }
  176. .the-menu .gold { background: url(img/ico_goldens.gif) no-repeat top right; line-height: 19px; }
  177. .the-menu .rule { border-bottom: 2px solid #003399; padding-bottom: 2px; margin-bottom: 4px; }
  178. .the-menu .lead { border-top: 2px solid #003399; padding-top: 3px; margin-top: 4px; }
  179.  
  180. .xxx { display: none; }
  181. .blk { display: block; }
  182.