home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 January / Chip_2004-01_cd1.bin / tema / pjsoft / css / index.css < prev    next >
Cascading Style Sheet File  |  2003-04-03  |  3KB  |  154 lines
  1. #prodline1 a.button, #prodline2 a.button {
  2.     display: block;
  3.     width: 95px;
  4.     height: 104px;
  5.     margin: 0 auto;
  6. }
  7. #prodline1 a.button h2, #prodline2 a.button h2 {
  8.     display: none;
  9. }
  10.  
  11. /* {{{ CZECH PRODS */
  12. #prod1, #prod1:link, #prod1:visited {
  13.     background-image: url("../indeximg/ik1a_cs.gif");
  14.  
  15. }
  16. #prodline1 #prod1:hover {
  17.     background-image: url("../indeximg/ik1b_cs.gif");
  18. }
  19. #prod2, #prod2:link, #prod2:visited {
  20.     background-image: url("../indeximg/ik2a_cs.gif");
  21.  
  22. }
  23. #prodline1 #prod2:hover {
  24.     background-image: url("../indeximg/ik2b_cs.gif");
  25. }
  26. #prod3, #prod3:link, #prod3:visited {
  27.     background-image: url("../indeximg/ik3a_cs.gif");
  28.  
  29. }
  30. #prodline1 #prod3:hover {
  31.     background-image: url("../indeximg/ik3b_cs.gif");
  32. }
  33. #prod4, #prod4:link, #prod4:visited {
  34.     background-image: url("../indeximg/ik4a_cs.gif");
  35.  
  36. }
  37. #prodline1 #prod4:hover {
  38.     background-image: url("../indeximg/ik4b_cs.gif");
  39. }
  40. #prod5, #prod5:link, #prod5:visited {
  41.     background-image: url("../indeximg/ik5a_cs.gif");
  42.  
  43. }
  44. #prodline2 #prod5:hover {
  45.     background-image: url("../indeximg/ik5b_cs.gif");
  46. }
  47. #prod6, #prod6:link, #prod6:visited {
  48.     background-image: url("../indeximg/ik6a_cs.gif");
  49.  
  50. }
  51. #prodline2 #prod6:hover {
  52.     background-image: url("../indeximg/ik6b_cs.gif");
  53. }
  54. #prod7, #prod7:link, #prod7:visited {
  55.     background-image: url("../indeximg/ik7a_cs.gif");
  56.  
  57. }
  58. #prodline2 #prod7:hover {
  59.     background-image: url("../indeximg/ik7b_cs.gif");
  60. }
  61. /* }}} CZECH PRODS */
  62.  
  63. /* {{{ ENG PRODS */
  64. #prod1En, #prod1En:link, #prod1En:visited {
  65.     background-image: url("../indeximg/ik1a_en.gif");
  66.  
  67. }
  68. #prodline1 #prod1En:hover {
  69.     background-image: url("../indeximg/ik1b_en.gif");
  70. }
  71. #prod2En, #prod2En:link, #prod2En:visited {
  72.     background-image: url("../indeximg/ik2a_en.gif");
  73.  
  74. }
  75. #prodline1 #prod2En:hover {
  76.     background-image: url("../indeximg/ik2b_en.gif");
  77. }
  78. #prod3En, #prod3En:link, #prod3En:visited {
  79.     background-image: url("../indeximg/ik3a_en.gif");
  80.  
  81. }
  82. #prodline1 #prod3En:hover {
  83.     background-image: url("../indeximg/ik3b_en.gif");
  84. }
  85. #prod4En, #prod4En:link, #prod4En:visited {
  86.     background-image: url("../indeximg/ik4a_en.gif");
  87.  
  88. }
  89. #prodline1 #prod4En:hover {
  90.     background-image: url("../indeximg/ik4b_en.gif");
  91. }
  92. #prod5En, #prod5En:link, #prod5En:visited {
  93.     background-image: url("../indeximg/ik5a_en.gif");
  94.  
  95. }
  96. #prodline2 #prod5En:hover {
  97.     background-image: url("../indeximg/ik5b_en.gif");
  98. }
  99. #prod6En, #prod6En:link, #prod6En:visited {
  100.     background-image: url("../indeximg/ik6a_en.gif");
  101.  
  102. }
  103. #prodline2 #prod6En:hover {
  104.     background-image: url("../indeximg/ik6b_en.gif");
  105. }
  106. #prod7En, #prod7En:link, #prod7En:visited {
  107.     background-image: url("../indeximg/ik7a_en.gif");
  108.  
  109. }
  110. #prodline2 #prod7En:hover {
  111.     background-image: url("../indeximg/ik7b_en.gif");
  112. }
  113. /* }}} ENG PRODS */
  114.  
  115. /* {{{ LINES */
  116. .headWrapper {
  117.     width: 24%;
  118.     float: left;
  119.     height: 104px;
  120.     text-align: center;
  121. }
  122. #headSpacer{
  123.     width: 12%;
  124.     float: left;
  125. }
  126.  
  127. #prodline1 {
  128.     height: 104px;
  129.     background-image: url("../indeximg/link_bg.gif");
  130.     overflow: hidden;
  131. }
  132. #prodline2 {
  133.     height: 104px;
  134.     background-image: url("../indeximg/link_bg.gif");
  135.     overflow: hidden;
  136. }
  137. /* }}} LINES */
  138.  
  139. /* {{{ ACTIVE BAR */
  140. .linkbar {
  141.     display: none;
  142.     padding: 20px;
  143. }
  144. #linkbarWrapper {
  145.     display: none;
  146.     height: 128px;
  147.     width: 55%;
  148.     background-image: url("../indeximg/bar_bg.gif");
  149.     position: absolute;
  150.     bottom: 50px;
  151.     left: 168px;
  152. }
  153. /* }}} ACTIVE BAR */
  154.