home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 February / Chip_2004-02_cd1.bin / chplus / jak_psat_web / frontpage / frontpage.css < prev    next >
Cascading Style Sheet File  |  2003-04-06  |  6KB  |  155 lines
  1. /* Stylopis na formßtovßnφ strßnek Jak psßt web */
  2.  
  3. /* Barvy */
  4. body   { color: black; background-color: white}
  5. H2        { color: darkBlue }
  6. H1        { color: royalBlue }
  7. hr        { color: teal }
  8. A:link        { color: #0000cc}
  9. A:visited    { color: #336699}
  10. A:hover        { color: red} 
  11. .zalozka a:visited {color: navy}  
  12. .zalozka a:hover {color: maroon}
  13. /* .lista            { color: #ccccff; background-color: #0000cc } */
  14. .lista {á color: #cccccc ; ábackground-color: #366294;}
  15. .lista a:link        { color: white}
  16. .lista a:visited    { color: #eeeeee}
  17. .mimochodem    {background-color: white}
  18.  
  19. /* Velikosti pφsem, °ßdkovßnφ */
  20. p, li, dl, menu, td, th, ul, ol { line-height: 130%; neNN}
  21. .zalozka li    { line-height: 100% } /* na str. problemy ramu */
  22.  
  23. /* pro mozillu, pro explorer*/
  24. p, menu, dl    { font-size: middle} p, menu, dl    { font-size: "small"} 
  25. td, th, li    { font-size: middle} td, th, li    { font-size: "small"}
  26. H1        { font-size: 32px} 
  27. H2        { font-size: 130%} 
  28. H3        { font-size: large }  H3        { font-size: "120%" } 
  29. H4        { font-size: middle } H4        { font-size: "small" } 
  30. .podtitul    { font-size: 19px} 
  31. .zalozka      { font-size: middle} .zalozka      { font-size: "small"}
  32. .patka        { font-size: small} .patka        { font-size: "x-small"} 
  33.  
  34.  
  35.  
  36. /* ╪ez pφsma */
  37. .velke A       { font-weight: bold }
  38. code, pre, p code            {font-family: MS Sans Serif, Geneva, sans-serif ; font-weight: 600;  font-size: 9pt; color: #494949; letter-spacing: "0.4pt"}
  39.  
  40. .zalozka      { font-style: italic }
  41. .zalozka a, .lista a     { font-weight: bold }
  42. .podtitul    { font-weight: bold ; text-decoration: overline }
  43. dt        { font-weight: bold }
  44.  
  45. /* Podtrhßvßnφ odkaz∙ */
  46. A        { text-decoration: underline}
  47. A:hover        { text-decoration: underline } 
  48. @media print    { a {text-decoration: underline} }
  49.  
  50. /* Okraje odstavc∙ */
  51. p        { margin-top: 2px ; margin-bottom: 8px} 
  52. /* p        { margin-bottom: 0px; neNetscape4} */
  53. H1        { margin-top: 2px ; margin-bottom: "12px"}
  54. H2        { margin-top: "12px" ; margin-bottom: "2px";
  55.                 padding: 12px, 0px, 4px, 0px }
  56. H3        { margin-top: 16px ; margin-bottom: 2px}
  57.  p.velke        { margin-top: 2px ; margin-bottom: 2px}
  58.  .zalozka      { margin-top: 2px ; margin-bottom: 6px} 
  59. hr            { margin-top: "3px" ; margin-bottom: "3px"}
  60. ul, ol        { margin-top: 0px ; margin-bottom: 8px}
  61. .lista        {  padding: 8px, 10px, 8px, 10px; clear: right}
  62. p.komix    { margin: 12px;}
  63.  
  64. /* Zblbnutφ barvy pozadφ kv∙li Netscape */
  65. p.lista    { border: none; margin: 0; background-color: #366294}
  66.  
  67.  
  68. /* Odsazenφ prvnφ °ßdky odstavc∙ */
  69. p        { text-indent: 0px} /* D°φve bylo 10 */
  70. .velke, .velke p, td p, .zalozka, .lista     { text-indent: 0px }
  71.      
  72. /* Zarovnßnφ odstavc∙ */
  73. H1, .podtitul    { text-align: center}
  74. .komix {text-align: center}
  75.  
  76. /* RßmeΦky odstavc∙ */
  77. H2        {   border-color: navy; border-style: solid }
  78. h2        { border-width: 1px, 0px, 0px, 0px } /* pro NN a IE*/
  79. h2        {border-top-width: 1px; border-right-width: 0px;
  80.         border-bottom-width: 0px; border-left-width: 0px } /* JeÜt∞ jednou pro Mozillu */
  81.  
  82.  
  83. /* Definice pφsma (hlavn∞ kv∙li Ope°e) */
  84. /* body, p, li, td     {font-family: Times New Roman CE, serif} */
  85.  
  86.  
  87. /* Rolovacφ liÜty pro IE 5.5 */
  88. body, html {scrollbar-base-color: #eeeedd; scrollbar-track-color: #ffffff; 
  89. scrollbar-3dlight-color: #cccccc}
  90.  
  91. /* NavigaΦnφ tabulka */
  92. table.navigace {margin-top: 20px; border-top: 1px solid navy}
  93. table.navigace td {vertical-align: top}
  94.  
  95. /*Okraje strßnky */
  96. body         { margin-left: 124px; margin-right: 10px; margin-top: 120px }
  97.  
  98.  
  99. /* HlaviΦka a navigaΦnφ sloupec */
  100. #levysloupec  { position: absolute; top: 100px; left: 0px; width: 100px }
  101. #levysloupec    {overflow: hidden}
  102. #hlavicka    { left: 0; top: 0; width: 100%; position: absolute ; z-index: 1}
  103. #vpravo      { position: absolute; left: "113px"; width: 100% ; top: 0px ; z-index: 0; text-align: right}
  104. #hlavicka, #vpravo { height: 100px }
  105.  
  106. .sloupec, #levysloupec p.normal,  #levysloupec p.velke    {background-color: royalblue; magrin: 0px; border: none}
  107. #levysloupec p.velke {font-size: 16px; font-weight: bold}
  108. .sloupec     {font: icon; }
  109. .sloupec a, .sloupec input {font: caption; font-size: 11px !important}
  110. .sloupec a, .sloupec p {  background-color: #335889 }
  111. .sloupec a:link, .sloupec input { color: white} 
  112. .sloupec a:visited {color: #cccccc}
  113. .sloupec a:active {background-color: #808080}
  114. .sloupec a:hover { background-color: #333366; text-decoration: none ! important }
  115.  
  116. #levysloupec p, #levysloupec form {margin: 4px; text-align: center; border: none}
  117. #levysloupec a { width: 84px}
  118. #levysloupec a { width: "94px";  padding: 4px; neNN}
  119. #levysloupec a {display: block;  neNN4 }
  120. .sloupec td, .sloupec p, .sloupec { color: white; line-height: 100%; text-indent: 0px}
  121. #levysloupec input { width: 100%; border: medium none; background-color: black; margin: 1px; neNN}
  122.  
  123. .vrsek { margin: 0px ; border: none }
  124. .vrsek {background-color: #333366; border-bottom: 4px solid royalBlue} 
  125. .vrsek a:link, .vrsek a:visited  {color: #ddddcc}
  126. .vrsek td, .vrsek p, .vrsek { color: white; line-height: 100%; text-indent: 0px;  font-size: 12px  }
  127. .vrsek td, .vrsek p, .vrsek {font: messagebox; font-size: 11px !important}
  128.  
  129. .prouzek {font: messagebox; font-size: 11px !important}
  130. .prouzek a { padding: 3px; width: 10%;   height: 20px; neNN4}
  131. .prouzek a {color: black}
  132. .prouzek a:link, .prouzek a:visited    {color: black; background-color: #eeeedd }
  133. .prouzek a:hover, .prouzek a:active {color: black; background-color: #ddddcc ; text-decoration: none ! important }
  134. .prouzek a:link, .prouzek a:visited    { border: 2px outset #999999 ; neNN4}
  135. .prouzek a:hover, .prouzek a:active { border: 2px inset #999999; neNN4}
  136.  
  137. td.prouzek {line-height: 140% ; ble}
  138.  
  139. /* PoÜtovnφ formulß° */
  140. div.postamne textarea {width: 80%}
  141. div.postamne input, div.postamne textarea { color: #009933; border: 1px solid #009933; font-family: Arial; neNN4}
  142. div.postamne input.button { color: black; background-color: #eeeedd; border: 2px outset #999999 ; neNN4}
  143.  
  144. /* prou₧ek komentß°∙ */
  145. .nazory {}
  146.  
  147.  
  148. /* Tisk */
  149. h2 {page-break-after: avoid}
  150. @media print{
  151.     body {margin-top: 0px; margin-left: 0px;}
  152.     #levysloupec, #hlavicka,  #vpravo {display: none}
  153.     p.lista {border: 2px solid gray} 
  154. }
  155.